Diff
checker
Texto
Texto
Imagens
Documentos
Excel
Pastas
Legal
Enterprise
Aplicativo para desktop
Preços
Fazer login
Baixar o Diffchecker Desktop
Comparar texto
Encontre a diferença entre dois arquivos de texto
Ferramentas
Histórico
Editor live
Ocultar espaços em branco
Recolher inalteradas
Sem quebra de linha
Layout
Dividido
Unificado
Nível de detalhe
Inteligente
Palavra
Caractere
Estilos de texto
Alterar aparência
Realce de sintaxe
Escolher sintaxe
Ignorar
Transformar texto
Ir à primeira mudança
Editar entrada
Diffchecker Desktop
A maneira mais segura de usar o Diffchecker. Obtenha o aplicativo Diffchecker Desktop: seus diffs nunca saem do seu computador!
Obter Desktop
Untitled diff
Criado
há 7 anos
O diff nunca expira
Limpar
Exportar
Compartilhar
Explicar
241 remoções
Linhas
Total
Removido
Caracteres
Total
Removido
Para continuar usando este recurso, atualize para
Diff
checker
Pro
Ver preços
503 linhas
Copiar tudo
89 adições
Linhas
Total
Adicionado
Caracteres
Total
Adicionado
Para continuar usando este recurso, atualize para
Diff
checker
Pro
Ver preços
338 linhas
Copiar tudo
/**************************************
/**************************************
Main Profile
Main Profile
**************************************/
**************************************/
.tabsone {
.tabsone {
Copiar
Copiado
Copiar
Copiado
position:
relative
;
position:
absolute
;
width: 400px;
width: 400px;
height: 539px;
height: 539px;
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
.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;
}
}
Copiar
Copiado
Copiar
Copiado
.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;
}
}
Copiar
Copiado
Copiar
Copiado
.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;
Copiar
Copiado
Copiar
Copiado
position:
relative
;
position:
absolute
;
top:
124
;
padding: 10px;
right: 360
;
margin-
top:
115px
;
margin-left: 30px
;
}
}
Copiar
Copiado
Copiar
Copiado
#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;
}
}
Copiar
Copiado
Copiar
Copiado
.profile
name {
.profile
user
name {
width:
549px
;
width:
923px
;
height: 100px;
height: 100px;
Copiar
Copiado
Copiar
Copiado
position: relative;
margin: auto;
top:
-201
;
top:
662px
;
left:
449;
left:
195px
;
transform: rotate(90deg)
;
font-family: montellia;
font-family: montellia;
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
.profilename span {
border-bottom: 1px solid #7d1711;
}
.profilelinks {
.profilelinks {
background: #121212;
background: #121212;
Copiar
Copiado
Copiar
Copiado
height:
385px
;
height:
330px
;
width: 100px;
width: 100px;
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
.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 {
Copiar
Copiado
Copiar
Copiado
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;
Copiar
Copiado
Copiar
Copiado
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 {
Copiar
Copiado
Copiar
Copiado
height: 1
2
0px;
height: 1
0
0px;
width: 1
2
0px;
width: 1
0
0px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
Copiar
Copiado
Copiar
Copiado
position:
relative
;
position:
absolute
;
border-radius: 100%;
border-radius: 100%;
Copiar
Copiado
Copiar
Copiado
top: 9px;
margin-
top: 9px;
left:
9
;
margin-
left:
9px
;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
}
}
Copiar
Copiado
Copiar
Copiado
#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;
Copiar
Copiado
Copiar
Copiado
position:
relative
;
position:
absolute
;
top:
80
;
margin-
top:
-5px
;
left:
38
;
margin-
left:
300px
;
}
}
Copiar
Copiado
Copiar
Copiado
#
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;
Copiar
Copiado
Copiar
Copiado
left:
9
;
margin-
left:
9px
;
top:
9
;
margin-
top:
9px
;
}
}
Copiar
Copiado
Copiar
Copiado
#
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;
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
#
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;
}
}
Copiar
Copiado
Copiar
Copiado
#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;
Copiar
Copiado
Copiar
Copiado
position:
relative
;
position:
absolute
;
left:
269
;
margin-
left:
200px
;
top: -
100
;
margin-
top: -
62px
;
}
}
Copiar
Copiado
Copiar
Copiado
#
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;
}
}
Copiar
Copiado
Copiar
Copiado
.
profilesquare
{
.
secondgif
{
height: 100px;
height: 100px;
Copiar
Copiado
Copiar
Copiado
width: 1
0
0px;
width: 1
8
0px;
border-radius: 100%;
background: #
121212
;
background: #
181818
;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
Copiar
Copiado
Copiar
Copiado
position:
relative
;
position:
absolute
;
top: -
1445
;
margin-
top: -
91px
;
right: 354
;
margin-left: 442px
;
}
}
Copiar
Copiado
Copiar
Copiado
#
profilesquare
{
#
secondgif
{
height: 80px;
height: 80px;
Copiar
Copiado
Copiar
Copiado
width:
8
0px;
width:
16
0px;
border: 1px solid #0c0c0c;
border: 1px solid #0c0c0c;
position: relative;
position: relative;
Copiar
Copiado
Copiar
Copiado
border-radius: 100%;
margin-
top: 9px;
top: 9px;
margin-left: 10px;
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
}
}
Copiar
Copiado
Copiar
Copiado
#
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;
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
#
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;
}
}
Copiar
Copiado
Copiar
Copiado
#
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;
}
}
Copiar
Copiado
Copiar
Copiado
#
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;
}
}
Copiar
Copiado
Copiar
Copiado
Diferenças salvas
Texto original
Abrir arquivo
/************************************** 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; }
Texto alterado
Abrir arquivo
/************************************** 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; }
Encontrar Diferença