Untitled diff

Created Diff never expires
241 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
503 lines
76 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
338 lines
/**************************************
/**************************************
Main Profile
Main Profile
**************************************/
**************************************/


.tabsone {
.tabsone {
position: relative;
position: absolute;
width: 400px;
width: 400px;
height: 539px;
height: 539px;
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;
}
}

.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;
}
}




.profileout {
.profilebox {
width:998px; height:550px;
width:925px; height:575px;
background-color:#101010; border:1px solid #0c0c0c;
background-color:#101010; border:1px solid #0c0c0c;
}
}


.profileav {
.profilepic {
height: 425px;
height: 400px;
width: 275px;
width: 250px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
border-bottom: none;
border-bottom: none;
border-left: none;
border-left: none;
background: #121212;
background: #121212;
position: relative;
position: absolute;
top: 124;
padding: 10px;
right: 360;
margin-top: 115px;
margin-left: 30px;
}
}
#profileav {
#profilepic {
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;
}
}


.profilename {
.profileusername {
width: 549px;
width: 923px;
height: 100px;
height: 100px;
position: relative;
margin: auto;
top: -201;
top: 662px;
left: 449;
left: 195px;
transform: rotate(90deg);
font-family: montellia;
font-family: montellia;
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;
}
}
.profilename span {

border-bottom: 1px solid #7d1711;

}
.profilelinks {
.profilelinks {
background: #121212;
background: #121212;
height: 385px;
height: 330px;
width: 100px;
width: 100px;
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;
}
}


.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 {
height: 140px;
height: 120px;
width: 140px;
width: 120px;
border-radius: 100%;
border-radius: 100%;
background: #121212;
background: #121212;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
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 {
height: 120px;
height: 100px;
width: 120px;
width: 100px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
position: relative;
position: absolute;
border-radius: 100%;
border-radius: 100%;
top: 9px;
margin-top: 9px;
left: 9;
margin-left: 9px;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
}
}



#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;
position: relative;
position: absolute;
top: 80;
margin-top: -5px;
left: 38;
margin-left: 300px;
}
}
#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;
left: 9;
margin-left: 9px;
top: 9;
margin-top: 9px;
}
}


#prefaceplayer1 {
#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;
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;
}
}
#prefaceplayer1 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;
}
}
#prefacetriggerslist {

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;
position: relative;
position: absolute;
left: 269;
margin-left: 200px;
top: -100;
margin-top: -62px;
}
}
#prefacetriggerslist1 {
#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;
}
}


.profilesquare {
.secondgif {
height: 100px;
height: 100px;
width: 100px;
width: 180px;
border-radius: 100%;
background: #121212;
background: #181818;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
position: relative;
position: absolute;
top: -1445;
margin-top: -91px;
right: 354;
margin-left: 442px;
}
}
#profilesquare {
#secondgif {
height: 80px;
height: 80px;
width: 80px;
width: 160px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
position: relative;
position: relative;
border-radius: 100%;
margin-top: 9px;
top: 9px;
margin-left: 10px;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
}
}


#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;
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;
}
}
#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;
}
}


#prefacecharacter2 {
#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;
}
}
#prefacecharacter2 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;
}
}