Diff
checker
Texte
Texte
Images
Documents
Excel
Dossiers
Legal
Enterprise
Application de bureau
Prix
Se connecter
Télécharger Diffchecker Desktop
Comparer le texte
Trouver la différence entre deux fichiers texte
Outils
Historique
Éditeur live
Masquer les espaces
Cacher identiques
Sans retour à la ligne
Vue
Divisé
Unifié
Niveau de précision
Intelligent
Mot
Caractère
Styles de texte
Modifier l’apparence
Coloration syntaxique
Choisir la syntaxe
Ignorer
Transformer le texte
Aller au premier écart
Modifier l'entrée
Diffchecker Desktop
La façon la plus sécurisée d'utiliser Diffchecker. Obtenez l'application Diffchecker Desktop : vos diffs ne quittent jamais votre ordinateur !
Obtenir Desktop
Untitled diff
Créé
il y a 7 ans
Le diff n'expire jamais
Effacer
Exporter
Partager
Expliquer
241 suppressions
Lignes
Total
Supprimé
Caractères
Total
Supprimé
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
503 lignes
Copier tout
89 ajouts
Lignes
Total
Ajouté
Caractères
Total
Ajouté
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
338 lignes
Copier tout
/**************************************
/**************************************
Main Profile
Main Profile
**************************************/
**************************************/
.tabsone {
.tabsone {
Copier
Copié
Copier
Copié
position:
relative
;
position:
absolute
;
width: 400px;
width: 400px;
height: 539px;
height: 539px;
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
.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;
}
}
Copier
Copié
Copier
Copié
.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;
}
}
Copier
Copié
Copier
Copié
.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;
Copier
Copié
Copier
Copié
position:
relative
;
position:
absolute
;
top:
124
;
padding: 10px;
right: 360
;
margin-
top:
115px
;
margin-left: 30px
;
}
}
Copier
Copié
Copier
Copié
#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;
}
}
Copier
Copié
Copier
Copié
.profile
name {
.profile
user
name {
width:
549px
;
width:
923px
;
height: 100px;
height: 100px;
Copier
Copié
Copier
Copié
position: relative;
margin: auto;
top:
-201
;
top:
662px
;
left:
449;
left:
195px
;
transform: rotate(90deg)
;
font-family: montellia;
font-family: montellia;
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
.profilename span {
border-bottom: 1px solid #7d1711;
}
.profilelinks {
.profilelinks {
background: #121212;
background: #121212;
Copier
Copié
Copier
Copié
height:
385px
;
height:
330px
;
width: 100px;
width: 100px;
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
.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 {
Copier
Copié
Copier
Copié
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;
Copier
Copié
Copier
Copié
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 {
Copier
Copié
Copier
Copié
height: 1
2
0px;
height: 1
0
0px;
width: 1
2
0px;
width: 1
0
0px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
Copier
Copié
Copier
Copié
position:
relative
;
position:
absolute
;
border-radius: 100%;
border-radius: 100%;
Copier
Copié
Copier
Copié
top: 9px;
margin-
top: 9px;
left:
9
;
margin-
left:
9px
;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
}
}
Copier
Copié
Copier
Copié
#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;
Copier
Copié
Copier
Copié
position:
relative
;
position:
absolute
;
top:
80
;
margin-
top:
-5px
;
left:
38
;
margin-
left:
300px
;
}
}
Copier
Copié
Copier
Copié
#
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;
Copier
Copié
Copier
Copié
left:
9
;
margin-
left:
9px
;
top:
9
;
margin-
top:
9px
;
}
}
Copier
Copié
Copier
Copié
#
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;
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
#
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;
}
}
Copier
Copié
Copier
Copié
#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;
Copier
Copié
Copier
Copié
position:
relative
;
position:
absolute
;
left:
269
;
margin-
left:
200px
;
top: -
100
;
margin-
top: -
62px
;
}
}
Copier
Copié
Copier
Copié
#
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;
}
}
Copier
Copié
Copier
Copié
.
profilesquare
{
.
secondgif
{
height: 100px;
height: 100px;
Copier
Copié
Copier
Copié
width: 1
0
0px;
width: 1
8
0px;
border-radius: 100%;
background: #
121212
;
background: #
181818
;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
Copier
Copié
Copier
Copié
position:
relative
;
position:
absolute
;
top: -
1445
;
margin-
top: -
91px
;
right: 354
;
margin-left: 442px
;
}
}
Copier
Copié
Copier
Copié
#
profilesquare
{
#
secondgif
{
height: 80px;
height: 80px;
Copier
Copié
Copier
Copié
width:
8
0px;
width:
16
0px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
position: relative;
position: relative;
Copier
Copié
Copier
Copié
border-radius: 100%;
margin-
top: 9px;
top: 9px;
margin-left: 10px;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
}
}
Copier
Copié
Copier
Copié
#
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;
Copier
Copié
Copier
Copié
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;
}
}
Copier
Copié
Copier
Copié
#
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;
}
}
Copier
Copié
Copier
Copié
#
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;
}
}
Copier
Copié
Copier
Copié
#
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;
}
}
Copier
Copié
Copier
Copié
Différences enregistrées
Texte d'origine
Ouvrir un fichier
/************************************** 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; }
Texte modifié
Ouvrir un fichier
/************************************** 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; }
Trouver la différence