Thema do Date a live Personalizado

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Thema do Date a live Personalizado

Mensagem por clean em Seg Abr 06, 2015 1:13 am

/* Theme Clean */
@import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); /* Importando Capas, caso não apareça as capas dos animes
tem que mudar e importar o link com as capas corretas. */

body
{
background-image: url(http://i.imgur.com/lbhhL4t.jpg); /* Imagem de Fundo */
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background-size: cover;
color: #ffffff; /* Cor da Letra Do Whatching / complete / etc */
font-size: 12px; /* Tamanho da fonte Do Whatching / complete / etc */
font-family: Verdana; /* tipo da Letra Do Whatching / complete / etc */
}
/* ---------------------------------------------------------------------------------------------------------- */
#list_surround br
{
display: none;
}

#list_surround
{
width: 650px;
position: absolute !important;
margin: auto !important;
right: 0px !important;
left: 0px !important;
margin-top: 10% !important;
}
/* ---------------------------------------------------------------------------------------------------------- */
.header_title
{
padding-top: 20px;
font-family: Lily One;
text-align: center;
font-size: 30px;
text-shadow: 5px 0px 7px rgba(46, 21, 113, 1); /* Nada muda quando muda*/
}
/* ---------------------------------------------------------------------------------------------------------- */
.td1, .td2, .table_header, .category_totals
{
background-color: rgba(0, 0, 0, 0.7); /* Fundo dos titulos dos animes - Original 0.5*/
height: 20px;
}
/* ---------------------------------------------------------------------------------------------------------- */
a, a:visited, a:hover /* Cor das Tags e numero de episodios e Edit e More e Score dos animes*/
{

color: #fef4bf; /* Amarelo Claro */
text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------------------- */
.animetitle /*Título do anime Original sem mouse em cima */
{
color: #9ea0ee; /* Nome do Anime Azul*/
text-transform: uppercase;
font-size: 9px; /*Tamanho da fonte do titulo */
font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------------------- */
tr:hover [class^=td] /* efeito quando mouse em cima dos nomes dos animes */
{
color: #000000;
background-color: rgba(255, 255, 255, 0.5) !important;
transition: all 0.3s ease-in-out;
}

tr:hover [class^=td] a
{
color: #2e1571; /*quando mouse em cima muda cor do nome do anime ? AZUL padrao*/
}

tr:hover [class^=td] .animetitle
{
font-weight: bold;
text-transform: uppercase;
font-size: 9px;
}
/* ---------------------------------------------------------------------------------------------------------- */
.table_header:first-child
{
border-top-left-radius: 10px 10px; /*borda Superior esquerda - e inferior esquerda - arredondada */
}

.table_header:last-child
{
border-top-right-radius: 10px 10px; /*borda Superior esquerda - e inferior esquerda - arredondada */
}
/* ---------------------------------------------------------------------------------------------------------- */
.category_totals /* Categoria dos TOTAIS?? testar */
{
text-align: center;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
text-transform: uppercase;
font-size: 10px;
}
/* ---------------------------------------------------------------------------------------------------------- */
.status_selected a, .status_not_selected a /* Cor das letras das barras laterais whaching / complete etc
Deixar assim abaixo para elas nao aparecerem e fucar si as imagens */
{
color:Red; /* color:transparent; */
display:block; /*mudou nada*/
font-size:0;
height: 70px;
width: 200px;
}

.status_selected a, .status_not_selected a
{
top: 0% /* 50% posição das barras laterais */
}
/* ---------------------------------------------------------------------------------------------------------- */
.status_selected, .status_not_selected /* Menu lateral organizando um em baixo do outro e efeitos */
{
display: block !important;
position: fixed;
left: 20px;
height: 70px;
width: 200px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ---------------------------------------------------------------------------------------------------------- */
.status_selected:first-of-type, .status_not_selected:first-of-type /* Status sem colocar o mouse em cima */
{
background-image: url(http://i.imgur.com/EuR83X7.png); /* Imagem Whatching com fundo Cinza */
top: 50px; /* Posição do Menu - "Whatching - Assistindo" Menu Lateral Esquerdo */
border-radius: 10px; /* Borda do Menu*/
}

.status_selected:first-of-type:hover, .status_not_selected:first-of-type:hover /* Quando colocar Mouse em Cima */
{
background-image: url(http://i.imgur.com/SM7icCc.png); /*Imagem do Whatching transparente */
}
/* ---------------------------------------------------------------------------------------------------------- */
.status_selected:nth-of-type(2), .status_not_selected:nth-of-type(2)
{
top: 125px; /* Menu do Complete Lateral 95px = original */
border-radius: 10px;
background-image: url(http://i.imgur.com/InmkVBX.png);
}

.status_selected:nth-of-type(2):hover, .status_not_selected:nth-of-type(2):hover
{
background-image: url(http://i.imgur.com/9jVgsda.png);
}
/* ---------------------------------------------------------------------------------------------------------- */
.status_selected:nth-of-type(3), .status_not_selected:nth-of-type(3)
{
top: 200px;
border-radius: 10px;
background-image: url(http://i.imgur.com/8pVioLL.png);
}

.status_selected:nth-of-type(3):hover, .status_not_selected:nth-of-type(3):hover
{
background-image: url(http://i.imgur.com/dOIsDz4.png);
}
/* ---------------------------------------------------------------------------------------------------------- */
.status_selected:nth-of-type(4), .status_not_selected:nth-of-type(4)
{
top:275px;
border-radius: 10px;
background-image: url(http://i.imgur.com/8jGF06g.png);
}

.status_selected:nth-of-type(4):hover, .status_not_selected:nth-of-type(4):hover
{
background-image: url(http://i.imgur.com/sNtCB4C.png);
}
/* ---------------------------------------------------------------------------------------------------------- */
.status_selected:nth-of-type(5), .status_not_selected:nth-of-type(5)
{
top: 350px;
border-radius: 10px;
background-image: url(http://i.imgur.com/KSB3eyQ.png);
}

.status_selected:nth-of-type(5):hover, .status_not_selected:nth-of-type(5):hover
{
background-image: url(http://i.imgur.com/pdBUmBy.png);
}
/* ---------------------------------------------------------------------------------------------------------- */
.status_selected:nth-of-type(6), .status_not_selected:nth-of-type(6)
{
top: 425px;
border-radius: 10px;
background-image: url(http://i.imgur.com/yYEOKKh.png);
}

.status_selected:nth-of-type(6):hover, .status_not_selected:nth-of-type(6):hover
{
background-image: url(http://i.imgur.com/cmXJMGi.png);
}
/* ---------------------------------------------------------------------------------------------------------- */
#grand_totals, #copyright /* TOTAIS ? */
{
display: block;
height: 20px;
line-height: 20px;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.5); /* 0.5 nada*/
margin-top: 20px;
text-align: center;
text-transform: uppercase;
font-size: 8px;
font-weight: bold;
}

:hover + .hide
{
background-size: 200px 300px;
right: 20px;
bottom: 20px;
width: 200px;
height: 300px;
padding-bottom: 0px;
background-position: center 50% !important;
background-repeat: no-repeat !important;
display: block !important;
position: fixed;
background-color: rgba(0, 0, 0, 0.5); /* rgba(0, 0, 0, 0.5); */
border-radius: 10px;
}

_________________
avatar
clean
Cachaceiros

Mensagens : 28
Data de inscrição : 27/08/2014
Idade : 29
Localização : Santa Catarina

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum