Diff
checker
Testo
Testo
Immagini
Documenti
Excel
Cartelle
Legal
Enterprise
Applicazione per desktop
Prezzi
Accedi
Scarica Diffchecker Desktop
Confronta il testo
Trova la differenza tra due file di testo
Strumenti
Cronologia
Editor live
Nascondi spazi bianchi
Comprimi invariate
Senza a capo
Layout
Diviso
Unificato
Livello di dettaglio
Intelligente
Parola
Carattere
Stili testo
Modifica aspetto
Evidenziazione sintassi
Scegli sintassi
Ignora
Trasforma testo
Vai alla prima modifica
Modifica input
Diffchecker Desktop
Il modo più sicuro per usare Diffchecker. Ottieni l'app Diffchecker Desktop: i tuoi diff non lasciano mai il tuo computer!
Ottieni Desktop
Untitled diff
Creato
7 anni fa
Il diff non scade mai
Eliminare
Esporta
Condividere
Spiegare
241 rimozioni
Linee
Totale
Rimosso
Caratteri
Totale
Rimosso
Per continuare a utilizzare questa funzione, aggiorna a
Diff
checker
Pro
Visualizza prezzi
503 linee
Copia tutti
89 aggiunte
Linee
Totale
Aggiunto
Caratteri
Totale
Aggiunto
Per continuare a utilizzare questa funzione, aggiorna a
Diff
checker
Pro
Visualizza prezzi
338 linee
Copia tutti
/**************************************
/**************************************
Main Profile
Main Profile
**************************************/
**************************************/
.tabsone {
.tabsone {
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
width: 400px;
width: 400px;
height: 539px;
height: 539px;
Copia
Copiato
Copia
Copiato
top: 1000px;
left: 400px;
clear: both;
clear: both;
}
}
.tabone {
.tabone {
display:block;
display:block;
}
}
.tabone label {
.tabone label {
display: block;
display: block;
width:120px;
width:120px;
text-transform: uppercase;
text-transform: uppercase;
padding:5px;
padding:5px;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-size: 14px;
font-weight: 300;
font-weight: 300;
text-align: right;
text-align: right;
line-height: 10pt;
line-height: 10pt;
letter-spacing: 2px;
letter-spacing: 2px;
color: #676767;
color: #676767;
position:relative;
position:relative;
top: -490px;
top: -490px;
left: 7px;
left: 7px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
background: #121212;
background: #121212;
margin-bottom: 5px;
margin-bottom: 5px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
border-right: none;
border-right: none;
}
}
.tabone label i {
.tabone label i {
float: left;
float: left;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
color: #7d1711;
color: #7d1711;
}
}
Copia
Copiato
Copia
Copiato
.tabone label i:hover {
.tabone label i:hover {
-webkit-animation: tada 0.8s linear infinite;
-webkit-animation: tada 0.8s linear infinite;
animation: tada 0.8s linear infinite;
animation: tada 0.8s linear infinite;
-webkit-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
}
.tabsone .tabone [type=radio] {
.tabsone .tabone [type=radio] {
display: none;
display: none;
baseline-tab-shift: true, retrieve;
baseline-tab-shift: true, retrieve;
}
}
.contentone {
.contentone {
position: absolute;
position: absolute;
top: -528px;
top: -528px;
bottom: 0px;
bottom: 0px;
left: 139px;
left: 139px;
right: 0px;
right: 0px;
width: 448px;
width: 448px;
height: 539px;
height: 539px;
padding: 5px;
padding: 5px;
opacity: 0;
opacity: 0;
border-left: 1px solid #0c0c0c;
border-left: 1px solid #0c0c0c;
border-right: 1px solid #0c0c0c;
border-right: 1px solid #0c0c0c;
-webkit-transition-duration: .8s;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
-o-transition-duration: .8s;
}
}
.tabsone .tabone [type=radio]:checked ~ label {
.tabsone .tabone [type=radio]:checked ~ label {
z-index: 2;
z-index: 2;
font-style: italic;
font-style: italic;
}
}
.tabsone .tabone [type=radio]:checked ~ label ~ .contentone {
.tabsone .tabone [type=radio]:checked ~ label ~ .contentone {
z-index: 1;
z-index: 1;
opacity: 1;
opacity: 1;
}
}
Copia
Copiato
Copia
Copiato
.profile
out
{
.profile
box
{
width:
998px
; height:5
50
px;
width:
925px
; height:5
75
px;
background-color:#101010; border:1px solid #0c0c0c;
background-color:#101010; border:1px solid #0c0c0c;
}
}
Copia
Copiato
Copia
Copiato
.profile
av
{
.profile
pic
{
height:
425px
;
height:
400px
;
width: 2
75
px;
width: 2
50
px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
border-bottom: none;
border-bottom: none;
border-left: none;
border-left: none;
background: #121212;
background: #121212;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
top:
124
;
padding: 10px;
right: 360
;
margin-
top:
115px
;
margin-left: 30px
;
}
}
Copia
Copiato
Copia
Copiato
#profile
av
{
#profile
pic
{
width: 250px;
width: 250px;
height: 400px;
height: 400px;
position: absolute;
position: absolute;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
left: 11;
left: 11;
top: 11;
top: 11;
}
}
Copia
Copiato
Copia
Copiato
.profile
name {
.profile
user
name {
width:
549px
;
width:
923px
;
height: 100px;
height: 100px;
Copia
Copiato
Copia
Copiato
position: relative;
margin: auto;
top:
-201
;
top:
662px
;
left:
449;
left:
195px
;
transform: rotate(90deg)
;
font-family: montellia;
font-family: montellia;
Copia
Copiato
Copia
Copiato
text-align: center;
font-size: 50px;
font-size: 50px;
color: #676767;
color: #676767;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
letter-spacing: 3;
letter-spacing: 3;
text-transform: lowercase;
text-transform: lowercase;
background: #121212;
background: #121212;
}
}
Copia
Copiato
Copia
Copiato
.profilename span {
border-bottom: 1px solid #7d1711;
}
.profilelinks {
.profilelinks {
background: #121212;
background: #121212;
Copia
Copiato
Copia
Copiato
height:
385px
;
height:
330px
;
width: 100px;
width: 100px;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
top: -
907
;
margin-
top: -
280px
;
right: 142
;
margin-left: 280px
;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
border-bottom: none;
border-bottom: none;
}
}
.profilelinks i {
.profilelinks i {
font-size: 40px;
font-size: 40px;
color: #7d1711;
color: #7d1711;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
margin-top: 14px;
margin-top: 14px;
display: block;
display: block;
}
}
Copia
Copiato
Copia
Copiato
.profilelinks i:hover {
.profilelinks i:hover {
-webkit-animation: tada 0.8s linear infinite;
-webkit-animation: tada 0.8s linear infinite;
animation: tada 0.8s linear infinite;
animation: tada 0.8s linear infinite;
-webkit-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
}
#profilesigil {
#profilesigil {
Copia
Copiato
Copia
Copiato
height: 1
4
0px;
height: 1
2
0px;
width: 1
4
0px;
width: 1
2
0px;
border-radius: 100%;
border-radius: 100%;
background: #121212;
background: #121212;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
top: -
35
;
margin-
top: -
82px
;
left:
270
;
margin-
left:
450px
;
-webkit-animation: pulse 3s linear infinite;
-webkit-animation: pulse 3s linear infinite;
animation: pulse 3s linear infinite;
animation: pulse 3s linear infinite;
-webkit-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
}
#profilesigil1 {
#profilesigil1 {
Copia
Copiato
Copia
Copiato
height: 1
2
0px;
height: 1
0
0px;
width: 1
2
0px;
width: 1
0
0px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
border-radius: 100%;
border-radius: 100%;
Copia
Copiato
Copia
Copiato
top: 9px;
margin-
top: 9px;
left:
9
;
margin-
left:
9px
;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
}
}
Copia
Copiato
Copia
Copiato
#firstgif {
.largeframe,.smallframe{text-align: center;padding:4px;margin-top:auto;margin-bottom:auto;width: 52px;height: 52px;background: transparent;float:right;}
.smallframe{width:27px;height:27px;margin-top: auto;margin-bottom: auto;float:right;}
#comment-message { width: 180px; }
.mainprofcomments {
width: 215px;
height: 360px;
position: relative;
top: -425;
left: -5;
border: 1px solid #0c0c0c;
border-left: none;
border-bottom: none;
padding: 5px;
background: #121212;
}
#mainprofcomments {
width: 205px;
height: 350px;
position: relative;
overflow: auto;
left: 4;
top: 4;
}
.mainprofcommenttab {
width: 160;
text-transform: uppercase;
padding:5px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300;
text-align: left;
line-height: 10pt;
letter-spacing: 2px;
color: #676767;
position: relative;
left: -5;
top: -430;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
background: #121212;
margin-bottom: 5px;
border: 1px solid #0c0c0c;
border-left: none;
}
.mainprofcommenttab i {
float: right;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
color: #7d1711;
font-size: 14px;
}
.mainprofabt {
height: 130px;
width: 377px;
border: 1px solid #0c0c0c;
border-top: none;
border-right: none;
background: #121212;
position: relative;
top: -36;
left: 75;
}
#mainprofabt {
width: 350;
height: 100;
position: relative;
top: 8;
left: 8;
font-family: 'Roboto', sans-serif;
color: #676767;
font-size: 14px;
padding: 5px;
overflow-x: auto;
overflow-y: hidden;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
-webkit-column-width: 120px;
-moz-column-width: 120px;
column-width: 120px;
text-align: justify;
}
.mainprofabttab {
width: 100;
text-transform: uppercase;
padding:5px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 400;
text-align: left;
line-height: 10pt;
letter-spacing: 2px;
color: #676767;
position: relative;
left: 0;
top: 37;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
background: #121212;
margin-bottom: 5px;
border: 1px solid #0c0c0c;
border-right: none;
transform: rotate(-90deg);
}
.mainprofabttab i {
float: right;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
color: #7d1711;
font-size: 14px;
}
.mainprofplot1 {
height: 100px;
width: 222px;
border: 1px solid #0c0c0c;
border-right: none;
background: #121212;
position: relative;
top: -30;
left: 230;
display: block;
margin-top: 7px;
}
#mainprofplot1 {
width: 200px;
height: 80px;
padding: 5px;
position: relative;
top: 4;
left: 4;
font-size: 13px;
font-family: 'Roboto', sans-serif;
color: #676767;
overflow: auto;
text-align: justify;
}
.mainprofplottab1 {
width: 160;
text-transform: uppercase;
padding: 5px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300;
text-align: left;
line-height: 10pt;
letter-spacing: 2px;
color: #676767;
position: relative;
left: 282;
top: -28;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
background: #121212;
margin-bottom: 5px;
border: 1px solid #0c0c0c;
border-right: none;
}
.mainprofplottab1 i {
float: right;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
color: #7d1711;
font-size: 14px;
}
#mainprofpreface {
width: 440px;
height: 530px;
position: relative;
left: 3;
top: 3;
}
#prefacegif1 {
background: #121212;
background: #121212;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
width: 180px;
width: 180px;
height: 100px;
height: 100px;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
top:
80
;
margin-
top:
-5px
;
left:
38
;
margin-
left:
300px
;
}
}
Copia
Copiato
Copia
Copiato
#
prefacegif1
-1 {
#
firstgif
-1 {
height: 80px;
height: 80px;
width: 160px;
width: 160px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
position: relative;
position: relative;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
Copia
Copiato
Copia
Copiato
left:
9
;
margin-
left:
9px
;
top:
9
;
margin-
top:
9px
;
}
}
Copia
Copiato
Copia
Copiato
#
preface
player1 {
#
player1 {
display: block;
display: block;
width: 170px;
width: 170px;
padding: 5px;
padding: 5px;
background: #121212;
background: #121212;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
border-right: none;
border-right: none;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
left:
269
;
margin-
left:
215px
;
top: -
100
;
margin-
top: -
91px
;
text-align: right;
text-align: right;
font-size: 12px;
font-size: 12px;
color: #676767;
color: #676767;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto', sans-serif;
margin-bottom: 8px;
margin-bottom: 8px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-transform: lowercase;
text-transform: lowercase;
}
}
Copia
Copiato
Copia
Copiato
#
preface
player1 i {
#
player1 i {
float: left;
float: left;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
color: #7d1711;
color: #7d1711;
font-size: 14px;
font-size: 14px;
}
}
Copia
Copiato
Copia
Copiato
#preface
triggerslist {
width:
170px
;
#
triggerslist {
height:
75px
;
width:
200px
;
height:
60px
;
padding: 5px;
padding: 5px;
background: #121212;
background: #121212;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
border-right: none;
border-right: none;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
left:
269
;
margin-
left:
200px
;
top: -
100
;
margin-
top: -
62px
;
}
}
Copia
Copiato
Copia
Copiato
#
preface
triggerslist1 {
#
triggerslist1 {
height: 65px;
height: 65px;
width: 160px;
width: 160px;
padding: 3px;
padding: 3px;
text-align: justify;
text-align: justify;
font-size: 13px;
font-size: 13px;
color: #676767;
color: #676767;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto', sans-serif;
margin-bottom: 8px;
margin-bottom: 8px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-transform: lowercase;
text-transform: lowercase;
overflow: auto;
overflow: auto;
}
}
#mainmiddlebar {
#mainmiddlebar {
position: relative;
position: relative;
background-image: url(https://files.jcink.net/uploads/renyacommission/bg2.png);
background-image: url(https://files.jcink.net/uploads/renyacommission/bg2.png);
background-size: cover;
background-size: cover;
background-attachment:fixed;
background-attachment:fixed;
height: 15px;
height: 15px;
width: 458px;
width: 458px;
border-top: 1px solid #0c0c0c;
border-top: 1px solid #0c0c0c;
border-bottom: 1px solid #0c0c0c;
border-bottom: 1px solid #0c0c0c;
left: -8;
left: -8;
top: -80;
top: -80;
}
}
Copia
Copiato
Copia
Copiato
.
profilesquare
{
.
secondgif
{
height: 100px;
height: 100px;
Copia
Copiato
Copia
Copiato
width: 1
0
0px;
width: 1
8
0px;
border-radius: 100%;
background: #
121212
;
background: #
181818
;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
top: -
1445
;
margin-
top: -
91px
;
right: 354
;
margin-left: 442px
;
}
}
Copia
Copiato
Copia
Copiato
#
profilesquare
{
#
secondgif
{
height: 80px;
height: 80px;
Copia
Copiato
Copia
Copiato
width:
8
0px;
width:
16
0px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
position: relative;
position: relative;
Copia
Copiato
Copia
Copiato
border-radius: 100%;
margin-
top: 9px;
top: 9px;
margin-left: 10px;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
}
}
Copia
Copiato
Copia
Copiato
#
prefacecharacter
{
#
characterinformation
{
display: block;
display: block;
width: 220px;
width: 220px;
padding: 4px;
padding: 4px;
background: #121212;
background: #121212;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
border-left: none;
border-left: none;
Copia
Copiato
Copia
Copiato
position:
relative
;
position:
absolute
;
left:
-8
;
margin-
left:
8px
;
top:
-215
;
margin-
top:
20px
;
text-align: left;
text-align: left;
font-size: 12px;
font-size: 12px;
color: #676767;
color: #676767;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto', sans-serif;
margin-bottom: 8px;
margin-bottom: 8px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-transform: lowercase;
text-transform: lowercase;
}
}
Copia
Copiato
Copia
Copiato
#
prefacecharacter
i {
#
characterinformation
i {
float: right;
float: right;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
color: #7d1711;
color: #7d1711;
font-size: 14px;
font-size: 14px;
}
}
Copia
Copiato
Copia
Copiato
#
preface
character2 {
#
character2 {
display: block;
display: block;
width: 200px;
width: 200px;
padding: 4px;
padding: 4px;
background: #121212;
background: #121212;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
border-right: none;
border-right: none;
position: relative;
position: relative;
left: 241;
left: 241;
top: -439;
top: -439;
text-align: right;
text-align: right;
font-size: 12px;
font-size: 12px;
color: #676767;
color: #676767;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto', sans-serif;
margin-bottom: 169px;
margin-bottom: 169px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-transform: lowercase;
text-transform: lowercase;
}
}
Copia
Copiato
Copia
Copiato
#
preface
character2 i {
#
character2 i {
float: left;
float: left;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
color: #7d1711;
color: #7d1711;
font-size: 14px;
font-size: 14px;
}
}
Copia
Copiato
Copia
Copiato
Diff salvati
Testo originale
Apri file
/************************************** Main Profile **************************************/ .tabsone { position: relative; width: 400px; height: 539px; clear: both; } .tabone { display:block; } .tabone label { display: block; width:120px; text-transform: uppercase; padding:5px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; text-align: right; line-height: 10pt; letter-spacing: 2px; color: #676767; position:relative; top: -490px; left: 7px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; background: #121212; margin-bottom: 5px; border: 1px solid #0c0c0c; border-right: none; } .tabone label i { float: left; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; } .tabone label i:hover { -webkit-animation: tada 0.8s linear infinite; animation: tada 0.8s linear infinite; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .tabsone .tabone [type=radio] { display: none; baseline-tab-shift: true, retrieve; } .contentone { position: absolute; top: -528px; bottom: 0px; left: 139px; right: 0px; width: 448px; height: 539px; padding: 5px; opacity: 0; border-left: 1px solid #0c0c0c; border-right: 1px solid #0c0c0c; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; } .tabsone .tabone [type=radio]:checked ~ label { z-index: 2; font-style: italic; } .tabsone .tabone [type=radio]:checked ~ label ~ .contentone { z-index: 1; opacity: 1; } .profileout { width:998px; height:550px; background-color:#101010; border:1px solid #0c0c0c; } .profileav { height: 425px; width: 275px; border: 1px solid #0c0c0c; border-bottom: none; border-left: none; background: #121212; position: relative; top: 124; right: 360; } #profileav { width: 250px; height: 400px; position: absolute; border: 1px solid #0c0c0c; left: 11; top: 11; } .profilename { width: 549px; height: 100px; position: relative; top: -201; left: 449; transform: rotate(90deg); font-family: montellia; font-size: 50px; color: #676767; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; letter-spacing: 3; text-transform: lowercase; background: #121212; } .profilename span { border-bottom: 1px solid #7d1711; } .profilelinks { background: #121212; height: 385px; width: 100px; position: relative; top: -907; right: 142; border: 1px solid #0c0c0c; border-bottom: none; } .profilelinks i { font-size: 40px; color: #7d1711; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; margin-top: 14px; display: block; } .profilelinks i:hover { -webkit-animation: tada 0.8s linear infinite; animation: tada 0.8s linear infinite; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #profilesigil { height: 140px; width: 140px; border-radius: 100%; background: #121212; border: 1px solid #0c0c0c; position: relative; top: -35; left: 270; -webkit-animation: pulse 3s linear infinite; animation: pulse 3s linear infinite; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #profilesigil1 { height: 120px; width: 120px; border: 1px solid #0c0c0c; position: relative; border-radius: 100%; top: 9px; left: 9; background-position: center; background-size: cover; } .largeframe,.smallframe{text-align: center;padding:4px;margin-top:auto;margin-bottom:auto;width: 52px;height: 52px;background: transparent;float:right;} .smallframe{width:27px;height:27px;margin-top: auto;margin-bottom: auto;float:right;} #comment-message { width: 180px; } .mainprofcomments { width: 215px; height: 360px; position: relative; top: -425; left: -5; border: 1px solid #0c0c0c; border-left: none; border-bottom: none; padding: 5px; background: #121212; } #mainprofcomments { width: 205px; height: 350px; position: relative; overflow: auto; left: 4; top: 4; } .mainprofcommenttab { width: 160; text-transform: uppercase; padding:5px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 300; text-align: left; line-height: 10pt; letter-spacing: 2px; color: #676767; position: relative; left: -5; top: -430; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; background: #121212; margin-bottom: 5px; border: 1px solid #0c0c0c; border-left: none; } .mainprofcommenttab i { float: right; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; } .mainprofabt { height: 130px; width: 377px; border: 1px solid #0c0c0c; border-top: none; border-right: none; background: #121212; position: relative; top: -36; left: 75; } #mainprofabt { width: 350; height: 100; position: relative; top: 8; left: 8; font-family: 'Roboto', sans-serif; color: #676767; font-size: 14px; padding: 5px; overflow-x: auto; overflow-y: hidden; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; -webkit-column-width: 120px; -moz-column-width: 120px; column-width: 120px; text-align: justify; } .mainprofabttab { width: 100; text-transform: uppercase; padding:5px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 400; text-align: left; line-height: 10pt; letter-spacing: 2px; color: #676767; position: relative; left: 0; top: 37; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; background: #121212; margin-bottom: 5px; border: 1px solid #0c0c0c; border-right: none; transform: rotate(-90deg); } .mainprofabttab i { float: right; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; } .mainprofplot1 { height: 100px; width: 222px; border: 1px solid #0c0c0c; border-right: none; background: #121212; position: relative; top: -30; left: 230; display: block; margin-top: 7px; } #mainprofplot1 { width: 200px; height: 80px; padding: 5px; position: relative; top: 4; left: 4; font-size: 13px; font-family: 'Roboto', sans-serif; color: #676767; overflow: auto; text-align: justify; } .mainprofplottab1 { width: 160; text-transform: uppercase; padding: 5px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 300; text-align: left; line-height: 10pt; letter-spacing: 2px; color: #676767; position: relative; left: 282; top: -28; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; background: #121212; margin-bottom: 5px; border: 1px solid #0c0c0c; border-right: none; } .mainprofplottab1 i { float: right; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; } #mainprofpreface { width: 440px; height: 530px; position: relative; left: 3; top: 3; } #prefacegif1 { background: #121212; border: 1px solid #0c0c0c; width: 180px; height: 100px; position: relative; top: 80; left: 38; } #prefacegif1-1 { height: 80px; width: 160px; border: 1px solid #0c0c0c; position: relative; background-position: center; background-size: cover; left: 9; top: 9; } #prefaceplayer1 { display: block; width: 170px; padding: 5px; background: #121212; border: 1px solid #0c0c0c; border-right: none; position: relative; left: 269; top: -100; text-align: right; font-size: 12px; color: #676767; font-family: 'Roboto', sans-serif; margin-bottom: 8px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; text-transform: lowercase; } #prefaceplayer1 i { float: left; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; } #prefacetriggerslist { width: 170px; height: 75px; padding: 5px; background: #121212; border: 1px solid #0c0c0c; border-right: none; position: relative; left: 269; top: -100; } #prefacetriggerslist1 { height: 65px; width: 160px; padding: 3px; text-align: justify; font-size: 13px; color: #676767; font-family: 'Roboto', sans-serif; margin-bottom: 8px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; text-transform: lowercase; overflow: auto; } #mainmiddlebar { position: relative; background-image: url(https://files.jcink.net/uploads/renyacommission/bg2.png); background-size: cover; background-attachment:fixed; height: 15px; width: 458px; border-top: 1px solid #0c0c0c; border-bottom: 1px solid #0c0c0c; left: -8; top: -80; } .profilesquare { height: 100px; width: 100px; border-radius: 100%; background: #181818; border: 1px solid #0c0c0c; position: relative; top: -1445; right: 354; } #profilesquare { height: 80px; width: 80px; border: 1px solid #0c0c0c; position: relative; border-radius: 100%; top: 9px; background-position: center; background-size: cover; } #prefacecharacter { display: block; width: 220px; padding: 4px; background: #121212; border: 1px solid #0c0c0c; border-left: none; position: relative; left: -8; top: -215; text-align: left; font-size: 12px; color: #676767; font-family: 'Roboto', sans-serif; margin-bottom: 8px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; text-transform: lowercase; } #prefacecharacter i { float: right; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; } #prefacecharacter2 { display: block; width: 200px; padding: 4px; background: #121212; border: 1px solid #0c0c0c; border-right: none; position: relative; left: 241; top: -439; text-align: right; font-size: 12px; color: #676767; font-family: 'Roboto', sans-serif; margin-bottom: 169px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; text-transform: lowercase; } #prefacecharacter2 i { float: left; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; }
Testo modificato
Apri file
/************************************** Main Profile **************************************/ .tabsone { position: absolute; width: 400px; height: 539px; top: 1000px; left: 400px; clear: both; } .tabone { display:block; } .tabone label { display: block; width:120px; text-transform: uppercase; padding:5px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; text-align: right; line-height: 10pt; letter-spacing: 2px; color: #676767; position:relative; top: -490px; left: 7px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; background: #121212; margin-bottom: 5px; border: 1px solid #0c0c0c; border-right: none; } .tabone label i { float: left; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; } .tabone label i:hover { -webkit-animation: tada 0.8s linear infinite; animation: tada 0.8s linear infinite; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .tabsone .tabone [type=radio] { display: none; baseline-tab-shift: true, retrieve; } .contentone { position: absolute; top: -528px; bottom: 0px; left: 139px; right: 0px; width: 448px; height: 539px; padding: 5px; opacity: 0; border-left: 1px solid #0c0c0c; border-right: 1px solid #0c0c0c; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; } .tabsone .tabone [type=radio]:checked ~ label { z-index: 2; font-style: italic; } .tabsone .tabone [type=radio]:checked ~ label ~ .contentone { z-index: 1; opacity: 1; } .profilebox { width:925px; height:575px; background-color:#101010; border:1px solid #0c0c0c; } .profilepic { height: 400px; width: 250px; border: 1px solid #0c0c0c; border-bottom: none; border-left: none; background: #121212; position: absolute; padding: 10px; margin-top: 115px; margin-left: 30px; } #profilepic { width: 250px; height: 400px; position: absolute; border: 1px solid #0c0c0c; left: 11; top: 11; } .profileusername { width: 923px; height: 100px; margin: auto; top: 662px; left: 195px; font-family: montellia; text-align: center; font-size: 50px; color: #676767; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; letter-spacing: 3; text-transform: lowercase; background: #121212; } .profilelinks { background: #121212; height: 330px; width: 100px; position: absolute; margin-top: -280px; margin-left: 280px; border: 1px solid #0c0c0c; border-bottom: none; } .profilelinks i { font-size: 40px; color: #7d1711; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; margin-top: 14px; display: block; } .profilelinks i:hover { -webkit-animation: tada 0.8s linear infinite; animation: tada 0.8s linear infinite; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #profilesigil { height: 120px; width: 120px; border-radius: 100%; background: #121212; border: 1px solid #0c0c0c; position: absolute; margin-top: -82px; margin-left: 450px; -webkit-animation: pulse 3s linear infinite; animation: pulse 3s linear infinite; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #profilesigil1 { height: 100px; width: 100px; border: 1px solid #0c0c0c; position: absolute; border-radius: 100%; margin-top: 9px; margin-left: 9px; background-position: center; background-size: cover; } #firstgif { background: #121212; border: 1px solid #0c0c0c; width: 180px; height: 100px; position: absolute; margin-top: -5px; margin-left: 300px; } #firstgif-1 { height: 80px; width: 160px; border: 1px solid #0c0c0c; position: relative; background-position: center; background-size: cover; margin-left: 9px; margin-top: 9px; } #player1 { display: block; width: 170px; padding: 5px; background: #121212; border: 1px solid #0c0c0c; border-right: none; position: absolute; margin-left: 215px; margin-top: -91px; text-align: right; font-size: 12px; color: #676767; font-family: 'Roboto', sans-serif; margin-bottom: 8px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; text-transform: lowercase; } #player1 i { float: left; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; } #triggerslist { width: 200px; height: 60px; padding: 5px; background: #121212; border: 1px solid #0c0c0c; border-right: none; position: absolute; margin-left: 200px; margin-top: -62px; } #triggerslist1 { height: 65px; width: 160px; padding: 3px; text-align: justify; font-size: 13px; color: #676767; font-family: 'Roboto', sans-serif; margin-bottom: 8px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; text-transform: lowercase; overflow: auto; } #mainmiddlebar { position: relative; background-image: url(https://files.jcink.net/uploads/renyacommission/bg2.png); background-size: cover; background-attachment:fixed; height: 15px; width: 458px; border-top: 1px solid #0c0c0c; border-bottom: 1px solid #0c0c0c; left: -8; top: -80; } .secondgif { height: 100px; width: 180px; background: #121212; border: 1px solid #0c0c0c; position: absolute; margin-top: -91px; margin-left: 442px; } #secondgif { height: 80px; width: 160px; border: 1px solid #0c0c0c; position: relative; margin-top: 9px; margin-left: 10px; background-position: center; background-size: cover; } #characterinformation { display: block; width: 220px; padding: 4px; background: #121212; border: 1px solid #0c0c0c; border-left: none; position: absolute; margin-left: 8px; margin-top: 20px; text-align: left; font-size: 12px; color: #676767; font-family: 'Roboto', sans-serif; margin-bottom: 8px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; text-transform: lowercase; } #characterinformation i { float: right; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; } #character2 { display: block; width: 200px; padding: 4px; background: #121212; border: 1px solid #0c0c0c; border-right: none; position: relative; left: 241; top: -439; text-align: right; font-size: 12px; color: #676767; font-family: 'Roboto', sans-serif; margin-bottom: 169px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; text-transform: lowercase; } #character2 i { float: left; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color: #7d1711; font-size: 14px; }
Trovare la differenza