Meus CSS's

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

Meus CSS's

Mensagem por Funebribus em 28th Janeiro 2015, 00:04

CSS 1 - TTG:

Código:
/*Esse CSS foi feito com base de um CSS disponibilizado pela HitSkins, mas inteiramente editado e modificado por Thunder, dono e fundador da Time-Turner Graphics com ajuda de seus co-fundadores e administradores sempre presentes. Caso alguém pense em retirar os créditos aqui descritos ou mesmo plagiar-nos, será punido com uma denuncia através da Forumeiros ou mesmo de qualquer outro fórum. Grato!*/
#wrap {
padding: 10px !important;
font-size: 10px;
min-width: 935px !important;
max-width: 700px !important;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
#logo img{
position: relative;
top: -20px;
left: -15px;
}
 
body {
background-attachment: fixed;
background-color: #eee;}
/********************************MENU********************************/
/*Ocultar "Buscar"*/
#search-box {
display:none;
}
a.mainmenu {
padding-bottom:5px;
padding-left: 5px;
padding-right: 5px;
padding-top:-500px!important;
margin-top: 30px!important;
margin-right: 2px !important;
font-family: arial;
font-weight: lighter;
text-transform: uppercase;
font-size: 8px;
color: #ffffff;
letter-spacing: 1px;
-webkit-transition: opacity 0.6s linear;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition-duration: 1s; !important;
}
a.mainmenu:hover{
padding-bottom:5px;
padding-left: 5px;
padding-right: 5px;
padding-top:-500px!important;
margin-top: 30px!important;
margin-right: 2px !important;
font-family: arial;
font-weight: lighter;
text-transform: uppercase;
font-size: 8px;
color: #ffffff;
letter-spacing: 1px;
-webkit-transition: opacity 0.6s linear;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition-duration: 1s; !important;
text-shadow: -3px 0px 0px #FF0000, 3px 0px 0px #33CCCC;
  
}
#page-header .navbar {
position: relative;
left:-5px;
top:-48px;
  background-color: #000000;
  width:925px;
padding-bottom: 5px;
padding-top: 5px;
}
/*********************************************/

.tap {
  opacity:0;
}
.tap:hover {
  background: #F0E8B0;
  width: 520px;
  height:300px;
  opacity:1;
}
.links {
background: #df0101;
width:200px;
padding:2px;
margin:1px;
font-family:calibri;
color:#000;
  font-size:11px;
text-align:center;
text-transform: uppercase;
margin-left:15px;
opacity:0.7;
position:relative;
display:block;
cursor:pointer;
}
.links:hover {
  background: #fff;
width:200px;
padding:2px;
font-family:calibri;
color:#9feb52;
  font-size:11px;
text-align:center;
margin-left:15px;
}

.module .h3 {
background:#000;
width:220px;
height:45px;
  font-family:calibri;
  font-size:20px;
  text-align:center;
  color:#fff;
  text-transform: uppercase;
  margin-top:8px;
  margin-left:-10px;
  font-weight:lighter;
}


ul.forums {
   background: #fff;
   background-repeat: repeat;
   border-bottom: 8px solid #000;
}
li.header {
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
background-color: #000;
border-top: 3px solid #000;
border-bottom: 15px solid #000;
padding-top: 55px;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 55px;
line-height: 18pt;
text-align: center;
height: 25px;
width: 850px;
}

.table-title h2 {
vertical-align: middle;
font-weight: none;
font-family: arial;
font-size: 8px;
letter-spacing: 4px;
text-transform: uppercase;  
text-align: center;
padding: 10px 75px 0px 75px;
color: #fff;
background-color: #000;
opacity: 1;
border-top: 1px solid #fff
}

a.topictitle {
margin-left: 10px;
font-size: 8px;
position: relative;
font-family: arial;
color: #000000;
text-transform: uppercase;
-webkit-transition: opacity 0.6s linear;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition-duration: 1s; !important;
}
  

a.topictitle:hover {
margin-left: 10px;
font-size: 8px;
position: relative;
font-family: arial;
color: #000000;
text-transform: uppercase;
-webkit-transition: opacity 0.6s linear;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition-duration: 1s; !important;
text-shadow: -3px 0px 0px #FF0000, 3px 0px 0px #33CCCC;
}

a.forumtitle{
text-transform:uppercase!important;
display: block;!important;
font-family: Quicksand;
font-size: 14px;
letter-spacing: 1px;
padding: 5px;
text-decoration: none;
text-align: center;
position: relative;
left: -19px;
top: 5px;
width:849px!important;
height: 55px!important;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

a.forumtitle:hover {
color:#000;
letter-spacing: 3px;
text-decoration: none; !important;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

ul.topics li.row dd.views {
text-align: center;
}

/* Temas, mensajes y ultimos temas encuadrados */
.forabg .forums .row dl {
  min-height: 90px;
}
.forabg .header .topics, .forabg .header .posts, .forabg .header .lastpost {
  display: none;}
/*Foro - Temas & Msjs*/
.forabg .row .topics, .forabg .row .posts  {
  color: #000;/*COLOR de letra*/
  height: 10px;
  background: #fff;
  text-transform: uppercase;
  font-size: 8.5px;
  line-height: 40px;
}

.forabg .row dfn {
  padding: 0px;
  display: block!important;
  font-style: normal;
  float: righ;
  text-align: center;
}
    
/*Foro - Temas*/
.forabg .row .topics {
  width: 95px!important;
  height: 65px!important;
  position: relative;
  left: 213px;
  top: 49px;
  background: #fff;
    font-family: arial;
font-weight: lighter;
padding-top:12px;
border-bottom: 1px solid #cccccc;
line-height: 20px;
}
/*Foro - Msj*/
.forabg .row .posts  {
  width: 95px!important;
  height: 65px!important;
  position: relative;
  left: 117px!important;
  top: 131px;
  background: #fff;
  font-family: arial;
padding-top:12px;
font-weight: lighter;
line-height: 20px;
}

/*Foro - Ultimos Mensajes*/
.forabg dd.lastpost {
width: 190px;
height: 119px!important;
background: #fff;
top: -32;
right: 88px;
position: relative;
font-family: arial;
font-size: 9px!important;
color: #000!important;
text-align: center!important;
letter-spacing: 1px!important;
padding-top:40px;
padding-left:15px;
text-transform: uppercase;
border-right: 1px solid #cccccc;
}

.forabg li.header dd.dterm { width: 96%; }
.forabg li.header dd.topics { display: none; }
.forabg li.header dd.posts { display: none; }
.forabg li.header dd.lastpost { display: none; }
.forabg li.row dd.lastpost::after {content: "▼";}
/***********************************ONLINE************************************/
.img-whois {
background: url(http://i.imgur.com/INNQG6y.png);
float: none;
height: 231px;
margin-bottom: 20px;
margin-right: 0;
width: 935px;
}


.h3 {
text-align: center;
font-family: Open Sans Condensed;
font-size: 20px;
font-weight: lighter;
color:#000;
padding: 15px;
display:none;
line-height: 85px;
overflow: hidden;
text-decoration: none;
background-color: #fff;
}

.h3 + p.page-bottom {
background: transparent;
color: rgba(0,0,0,0);
display: inline-block;
font-size: .1px;
height: 74px;
width: 120px;
color: #fff;
}

.h3 + p.page-bottom + p.page-bottom {
background: transparent;
color: rgba(0,0,0,0);
display: inline-block;
font-size: .1px;
height: 74px;
width: 120px;
}

.h3 + p.page-bottom + p.page-bottom + p.page-bottom {
background: transparent;
color: rgba(0,0,0,0);
display: inline-block;
font-size: .1px;
height: 74px;
width: 280px;
}

#page-body p.page-bottom {
margin: -305px 5px 160px 350px;
width: 200px;
color: #fff;
}


.h3 + p.page-bottom strong {
color: #fff;
display: block;
font-family: Oswald;
font-size: 20px;
margin-top: -95px;
text-align: center;
margin-right: 0px;
padding: 5px;
}
.h3 + p.page-bottom + p.page-bottom strong {
color: #fff;
display: block;
font-family: Oswald;
font-size: 20px;
margin-top: -40px;
text-align: center;
padding: 5px;
}

.h3 + p.page-bottom + p.page-bottom + p.page-bottom strong {
display: block;
font-family: Oswald;
font-size: 18px;
font-weight: 100;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
color: #fff;
padding: 5px;
}


.h3 + p.page-bottom + p.page-bottom + p.page-bottom strong a span strong::after {
color: #fff;
content: "ÚLTIMO MEMBRO A SE REGISTRAR";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}
.h3 + p.page-bottom + p.page-bottom strong::after {
color: #fff;
content: "USUÁRIOS REGISTRADOS";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}
.h3 + p.page-bottom strong::after {
color: #fff;
content: "MENSAGENS";
display: block;
font-family: calibri;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: 10px;
text-align: center;
padding: 5px;
}

#i_whosonline + p br + br + em {
color: #333;
font-size: 0;
padding: 25px;
text-align: center!important;
letter-spacing:2px;
word-spacing: 5px;
top: -150px!important;
right: -570px !important;
position: relative;
text-transform: uppercase;
}


p em b a.gensmall {
font-family: open sans condensed;
font-size: 18px;
font-style: none;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
}

p em {
font-style: normal;
color: transparent;
}

  
#i_whosonline + p {
padding: 10px;
text-align: justify;!important;
display: block;!important;
width: 250px !important;
font-size: 10px;!important;
position: relative;
top: -230px;
left: 20px;
font-weight: 400;
font-family: calibri !important;
height:170px;
letter-spacing: 1px;!important;
color: #fff;
text-transform: uppercase;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

/*===rodapé====*/
#page-footer li a {
color: #ffffff;
}

#page-footer .navbar {
background: url(http://i.imgur.com/i4aAtwg.png);
padding-right: 10px;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 5px;
width:925px;
height:46px;
position: relative;
right: 5px;
}
 /******ATENÇÃO AQUI====================RODAPÉ================================***/

/***********************PARCERIAS******************/
#parceiro{
  width:55px;
  height:55px;
  background:#ffffff;
  border: 5px solid #F2F2F2;
  -webkit-filter: grayscale(100%);
  -webkit-transition-duration: .20s;
}

#parceiro:hover{
  width:55px;
  height:55px;
  background:#ffffff;
  border: 5px solid #f5c91b;
  -webkit-filter: none!important;
 -ms-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}

#fundleg{
background:#E4E4E4!important;
width:945px;
height:350px;
display: block;
position:relative;
top: 5px;
left: -5px;
}
/********************************************************/
div.postprofile dl dd + dd {
    display: none; /* Ocultar */
}

.postbody .topic-title a {
font-family: open sans condensed;
text-transform: uppercase;
color: #fff;
}

.post {
padding: 5px;
background-color: #fff;
border-top: none;
border-left: none;
border-right: none;
}
.content {
padding: 10px;
background-color: #fff;
}
.postbody .author {
background-color: #151515;
border-radius: 0 0 0 0;
font-family: Arial,Helvetica,sans-serif;
font-size: 7px;
line-height: 1.2em;
margin: 0 15em .6em 0;
padding: 3px!important;
position: relative;
letter-spacing:2px
text-transform:uppercase;
right: -5px;
width: 200px;
text-align: center;
padding: 0 0 5px;
}
.postprofile {
width: 200px;
display: block;
padding: 4px;
text-align: center;
word-spacing: 2px;
background-color: #fff;
border-bottom: 10px solid #141414;
border-top: 1px solid #B6AA67;}

.postprofile dt {margin-left: -1px;}
.postprofile dt strong {
font-weight: bold;
font-size: 35px;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Six Caps;
margin-bottom: -1px !important; }
.postprofile dd {
text-align: center;
margin-top: 1px;
margin-left: -1px;  
}
#left {
float: none !important;
width: 98% !important;
background:none;
padding:10px;
height:240px;
  position:relative;
}

#main {
width: 100%;
}
#left .module {
width: 200px;
height:243px;
border-bottom:10px solid #000;
float: left;
background:#FFFF;
  margin-left:205px;
  margin-top:-257px;
}
.vip img{
moz-boder-radius: 5px;
webkit-border-radius: 5px;
border: 4px solid #000;
width: 50px;
height: 50px;
margin: 3px;
}
.elite img {
moz-boder-radius: 5px;
webkit-border-radius: 5px;
border: 2px solid #000;
width: 35px;
height: 35px;
margin: 1px;
}
.elite img:hover {
moz-boder-radius: 5px;
webkit-border-radius: 5px;
border: 2px solid #000;
width: 35px;
height: 35px;
margin: 1px;
transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
  transition-duration: 1s;
-moz-transition-duration: 1s;
-htm-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 5ms;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
        font-weight: bold;
        font-size: 20px;
        font-family: trebuchet ms;
        text-decoration: none;
        letter-spacing: -2px;
  margin-top:10px;
  text-shadow: 0 1px 1px #000;
}

#search-box #keywords {
background: #fff;
border: medium none;
color: #000;
display: inline-block;
outline: medium none;
width: 95px;
padding:5px;
font-family:calibri;
}
.inputbox {
background:#fff;
border: 3px solid #000;
color: #000;
  text-align:center;
display: inline-block;
outline: medium none;
width: 95px;
  padding:2px;
  font-family:calibri;
  opacity:0.8;
  letter-spacing: 2px;
}

dl.codebox {
background-color: #F5F5F5;
border-left: 20px solid #000;
border-right: none;
border-top: none;
border-bottom: none;
padding: 10px;
}

dl.codebox dt {
display: block;
text-align: center;
margin-bottom: 3px;
text-transform: uppercase;
border-bottom: none;
}

blockquote {
background-color: #F5F5F5;
border-left: 20px solid #000;
border-right: none;
border-top: none;
border-bottom: none;
padding: 10px;
}

dl.codebox code {
color: #222;
font-family: Courier New;
border-bottom: none;
padding: 0px 10px 0px 0px;
}
.button, .button1, .button2, input.button, input.button1, input.button2, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
background:#fff;
border: 3px solid #000;
color: #000;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(#000);
  padding:5px;
  font-family:calibri;
  text-transform:lowercase;
  font-size:11px;
}

dl.codebox pre {
display: none;
}

.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
background: #ffffff;
border: 3px solid #474747;
color: #000;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(#000);
  padding:5px;
  font-family:calibri;
  text-transform:lowercase;
  font-size:11px;
}

button.button2, .button2, #button, .fontbutton {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border: medium none;
color: #COLOR;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(COLOR);
}

button.button2:hover, .button2:hover, #button:hover, .fontbutton:hover {
border: none;
color: #COLOR;
}
/
/* SCROLLBAR */
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  display:none;
}
::-webkit-scrollbar-thumb:vertical {
 height:10px;
 border:2px solid #eee;
 background-color:#000; margin-top: 30px;
}

::-webkit-scrollbar-thumb:horizontal {
 border:2px solid #eee;
 background-color:#000; margin-top: 30px;
}
::-webkit-scrollbar {
 width:9px;
 height:5px;
 border:4px solid #eee;
 background-color:#000; margin-top: 30px;
}

ul.censo{
width:250px;
height:150px;
  font-size:13px;
  line-height:20px;
  font-family:calibri;
color:#000000;
}
ul.censo li.uno:hover{
border-right: 0px solid #000000;
}
ul.censo li.dos:hover{
border-right: 0px solid #000000;
}
ul.censo li.tres:hover{
border-right: 0px solid #000000;
}
ul.censo li.cuatro:hover{
border-right: 0px solid #000000;
}
ul.censo li.cinco:hover{
border-right: 0px solid #000000;
}
ul.censo li.seis:hover{
border-right: 0px solid #000000;
}
.postprofile dt a img {
    margin-left: -9px;

}
#cajita1{
  background:#CBC4B2;
  width:300px;
  height:100px;
  overflow:hidden;
  padding:15px;
  border:5px solid #d00096;
}
#cajita2{
  background:#d00096;
  width:300px;
  height:100px;
  overflow:hidden;
  position:relative;
  top:-115px;
  left:-350px;
  font-family: 'Carrois Gothic SC', sans-serif;
  color:#000;
  font-size:11px;
  text-shadow: 0 1px 0 #000;
  text-align:center;
  padding:15px;
  transition:ease-in-out 0.5s;
  -webkit-transition:ease-in-out 0.5s;
  -ms-transition:ease-in-out 0.5s;
  -moz-transition:ease-in-out 0.5s;
}
#cajita1:hover #cajita2{
  left:-15px
}
#chatbox{
  background:#ffffff !important;  
  text-decoration : none!important;
  text-transform: none!important;
  font-style:none!important;
  font-weight:none;

}

.chatbox_row_1{
  background-color: #ffffff;
  text-decoration : none!important;
  text-transform: none!important;
  font-style:none!important;
  font-weight:none;
}
.chatbox_row_2{
  background-color: #ffffff;
  text-decoration : none!important;
  text-transform: none!important;
  font-style:none!important;
  font-weight:none;
}

#chatbox_members {
background-color: #ffffff;
font-weight: lighter;
border-right: 1px solid #000000!important;
}

#chatbox_header {
-moz-border-radius: 20px 20px 0px 0px ;
background:#0f0f0f;
}

#chatbox_footer {
  background:#0f0f0f;
  padding: 3px!important;
}
.chatbox-title {
color: #F30107!important;
font-family:oswald;
text-transform: lowercase;
text-shadow: 1px 1px 0px #92AAC2, 2px 2px #000; 3px 3px 3px #008080;
}

/************FONTES****************/
@font-face {
  font-family: \'Quicksand\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Quicksand Regular\'), local(\'Quicksand-Regular\'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
}
@font-face {
  font-family: \'Open Sans Condensed\';
  font-style: normal;
  font-weight: 300;
  src: local(\'Open Sans Cond Light\'), local(\'OpenSans-CondensedLight\'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(\'woff\');
}
@font-face {
  font-family: \'Quicksand\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Quicksand Regular\'), local(\'Quicksand-Regular\'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
}
@font-face {
  font-family: \'Open Sans Condensed\';
  font-style: normal;
  font-weight: 300;
  src: local(\'Open Sans Cond Light\'), local(\'OpenSans-CondensedLight\'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(\'woff\');
}

@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

@font-face {
  font-family: 'Mrs Saint Delafield';
  font-style: normal;
  font-weight: 400;
  src: local('Mrs Saint Delafield'), local('MrsSaintDelafield-Regular'), url(http://themes.googleusercontent.com/static/fonts/mrssaintdelafield/v1/vuWagfFT7bj9lFtZOFBwmkQ9lQTg7ma6s-K-LsDIgkk.woff) format('woff');
}

@font-face {
  font-family: 'Caesar Dressing';
  font-style: normal;
  font-weight: 400;
  src: local('Caesar Dressing'), local('CaesarDressing-Regular'), url(http://themes.googleusercontent.com/static/fonts/caesardressing/v3/2T_WzBgE2Xz3FsyJMq34T2P6V2CHcxaChb7jOf5qsHM.woff) format('woff');
}
@font-face {
  font-family: 'Metal Mania';
  font-style: normal;
  font-weight: 400;
  src: local('Metal Mania'), local('MetalMania-Regular'), url(http://themes.googleusercontent.com/static/fonts/metalmania/v3/_MPduYXiaptg6GQ2M6AHtIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

/* latin-ext */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v3/SHXJdWnWW6HDq-6DpcG8P_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v3/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
   font-family: "Oswald";
   font-style: normal;
   font-weight: 400;
   src: local("Oswald Regular"), local("Oswald-Regular"), url("http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff") format("woff");
}
@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 300;  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');}
@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');}
@font-face {font-family: 'Sacramento'; font-style: normal; font-weight: 400; src: local('Sacramento'), local('Sacramento-Regular'), url(http://themes.googleusercontent.com/static/fonts/sacramento/v1/WFDkXpubrEwopJnSlHV6CBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}
@font-face {font-family: 'Cookie'; font-style: normal; font-weight: 400; src: local('Cookie-Regular'), url(http://themes.googleusercontent.com/static/fonts/cookie/v4/Tvkve1y-JrkMx2S9u2OW1g.woff) format('woff');}
@font-face {font-family: 'Sue Ellen Francisco'; font-style: normal; font-weight: 400; src: local('Sue Ellen Francisco '), local('SueEllenFrancisco'), url(http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v4/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff) format('woff');}
@font-face {font-family: 'Baumans'; font-style: normal; font-weight: 400; src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v2/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');}
@font-face {font-family: 'Six Caps'; font-style: normal; font-weight: 400; src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');}
@font-face {font-family: 'Bangers'; font-style: normal; font-weight: 400; src: local('Bangers'), local('Bangers-Regular'), url(http://themes.googleusercontent.com/static/fonts/bangers/v4/DqeGA7eaz0hhOYTfkeJBIA.woff) format('woff');}
@font-face {font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: local('Quicksand Regular'), local('Quicksand-Regular'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Open Sans Condensed';font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');}
@font-face {font-family: Medula One ; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/Nw2mt74jf/medulaone-regular.ttf) format("truetype"); }
@font-face {font-family: Squada One ; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/squadaone/v2/DIbfqh10Zkwc_Qd08Y0sab3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'); }
@font-face {font-family:wireone; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/vvEm48fyk/wireone.ttf) format("truetype"); }  
@font-face {font-family:Marvel; font-weight:100; src: url(http://static.tumblr.com/kqwo46q/SQ1m82675/marvel-regular.ttf) format("truetype");}
@font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
@font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); }  
@font-face {font-family:Text me one; font-weight: 900; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
@font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); }  
@font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); }  


/************FIM DAS FONTES****************/

/*descrip mais bonita hehe*/

#pastel {
  width: 490px;
  background: #000;
  padding-top: 13.5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 13.5px;
  margin-top: -33px;
  margin-right: -25px;
}
#pastelinner {
  background: #fff;
  padding: 0.5px;
  border: 3px double #fff;
}
#pastel td {
  width: 65%;
  text-align: justify;
  vertical-align: top;
  font-size: 11px;
  font-family: arial
 
}
#pastel a {
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  display: block;
  text-align: center;
  background: #000;
  padding: 10px;
  margin: 1px;
  text-transform: uppercase;
  color: #fff;
  font-size: 8px;
  letter-spacing: 2px;
  font-family: calibri;
}
#pastel a:hover {
  background: #474747;
  color: #fff;
}

.deslink {
width: 345px;
text-align: center;
line-height: 150%;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #969696;
text-transform: uppercase;
-o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
}

.deslink a {
width: 345px;
text-align: center;
line-height: 150%;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #000;
text-transform: uppercase;
-o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
}

/* header */ .header { width: 900px; height: 500px; position: relative; overflow: hidden; margin-top: -822px; } .header .header1 { width: 380px; height: 280px; padding: 10px; background-color: #fff; position: absolute; right: 50px; bottom: 0px; } .header .header2 { width: 380px; height: 10px; padding: 10px; background-color: #fff; position: absolute; bottom: 50px; left: 50px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; opacity: 1; }.header .header3 { width: 380px; height: 130px; padding: 10px; background-color: #fff; position: absolute; top: 50px; right: 50px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; opacity: 1; } .header .header4 { width: 380px; height: 500px; padding: 10px; background-color: #fff; position: absolute; top: 50px; left: 50px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; opacity: 1; } .headertitle { width: 370px; padding-top: 10px; font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; letter-spacing: -1px; text-transform: uppercase; line-height: 100%; text-align: right; padding-right: 10px; color: #3E1324; } .adminh { width: 50px; height: 330px; padding: 10px; background-color: #3B3B3B; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; text-align: center; } .adminh:hover { width: 50px; height: 330px; padding: 10px; background-color: #3B3B3B; opacity: .9; text-align: center; } .adminh a { color: #fff; text-align: center; } .adminame { font-family: 'Open Sans Condensed', sans-serif; font-size: 15px; color: #fff; line-height: 100%; padding-top: 140px; letter-spacing: -1px; text-transform: uppercase; text-align: center; } .headerlinks { width: 255px; height: 80px; padding: 10px; overflow: auto; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 5px; -webkit-column-gap: 5px; -moz-column-gap: 5px; } .headerlinks a { display: block; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: calibri, sans-serif; padding-top: 5px; padding-bottom: 5px; color: #fff; background-color: #3B3B3B; margin-bottom: 5px; text-align: center; } /* chatter */ #vertical-toggle { position: fixed; top: 45px; left: 0px; height: 100px; } #vertical-toggle ul { list-style: none; font-family: 'Open Sans Condensed', sans-serif; font-size: 15px; color: #fff; background-color: #3B3B3B; padding: 10px; text-transform: uppercase; line-height: 100%; } #chatter { padding: 5px; position: fixed; top: 45px; left: 30px; z-index: 999; display: none; background-color: #fff; border: 1px solid #3B3B3B; }



I'm waking up, I feel it in my bones. Enough to make my systems blow. Welcome to the new age, to the new age. Whoa, whoa, I'm radioactive, radioactive.
------------ ▼
Administradores
avatar
Mensagens :
320

Data de inscrição :
06/04/2014

Voltar ao Topo Ir em baixo

Re: Meus CSS's

Mensagem por Funebribus em 19th Fevereiro 2015, 10:45

http://avengersbrrpg.forumeiros.com/
http://marvelrpg.forumeiro.com/



I'm waking up, I feel it in my bones. Enough to make my systems blow. Welcome to the new age, to the new age. Whoa, whoa, I'm radioactive, radioactive.
------------ ▼
Administradores
avatar
Mensagens :
320

Data de inscrição :
06/04/2014

Voltar ao Topo Ir em baixo

Re: Meus CSS's

Mensagem por Funebribus em 19th Fevereiro 2015, 19:57

http://hogwartsisalive.forumeiros.com/forum



I'm waking up, I feel it in my bones. Enough to make my systems blow. Welcome to the new age, to the new age. Whoa, whoa, I'm radioactive, radioactive.
------------ ▼
Administradores
avatar
Mensagens :
320

Data de inscrição :
06/04/2014

Voltar ao Topo Ir em baixo

Re: Meus CSS's

Mensagem por Funebribus em 20th Fevereiro 2015, 18:14






   
   
   









Beautiful Goodbye


O grande dia. Era assim que o garoto considerava o dia de hoje. Como um dia especial, o qual decidiria sua vida daqui por diante. Se estava estava nervoso? Acho que a resposta era clara. Puxou o copo d'água ao seu lado, levantando-o e aproximando vagarosamente ao contato dos lábios. Era visível o quanto suas mãos tremiam. Precisava eliminar aquilo. Respirou fundo, observando-se no espelho mais uma vez. A roupa era simplista, praticamente uma camiseta aberta o bastante para lhe dar os movimentos que precisava e uma calça que lhe gerava a mesma disponibilidade; quanto ao que calçava? No momento, apenas uma pequena pantufa para evitar que pisasse em algo a caminho do local que sediaria as apresentações, já que não calçaria nada ao dançar.

Lembrou-se do rosto da melhor amiga lhe sorrindo como se o encorajasse, fazendo com que fizesse o mesmo, erguendo a cabeça e observando-se frente ao espelho pela última vez. Contente, ajeitou a roupa novamente, partindo dali com a melhor lembrança que poderia ter, seus amigos.
[...]

Ainda estava atrás das coxias quando ouviu seu nome ser chamado. A pronuncia soava forte e ríspida. Era como uma faca gélida invadindo sua espinha. Caminhou alguns passos à frente, mantendo a mesma expressão simpática de sempre para esconder tudo o que sentia. Viu-se de frente aos que seriam seu jure. O coração batia mais rápido, o estômago praticamente parecia ter uma revoada de borboletas. Deu alguns saltos quase que imperceptíveis na busca de se livrar de maus pensamentos. Parou ao ver a proximidade que possuía, assentindo com a cabeça para que pudessem iniciar a música. Como eles sabiam? Há poucos minutos atrás, antes de iniciar, havia deixado um pen-drive com um dos assistentes para que pudesse ser plugado no sistema de som.

Assim como requerido, seu momento dava início. Sorriu pela última vez antes de fechar os olhos e voltar para a mesma expressão séria que se imaginava ao ouvir tal música. O som, vagarosamente e em tons altos, ia preenchendo a sala. Diferente da versão original, essa possuía uma introdução mais lenta, feita de toques que se assemelhavam com o de um piano tocado tecla por tecla. Como era justo, fazia o mesmo. Possuía movimentos calmos e lentos para que se adaptassem. Mexia o corpo como se fosse levado pelo mar ao entardecer.

A sonorização original se dava início com algumas batidas altas e fortes antes da letra, obrigando-o a fazer o mesmo. Usou dos pés para que pudesse simbolizá-las, pisando forte em cada batida e jogando o corpo para o lado contrário dos pés, voltando com todos os dois para o centro ao ouvir a letra ecoar pelas paredes.

Party girls don't get hurt
Can't feel anything, when will I learn
I push it down, push it down

Foi quase que por impulso. Sua mão direita percorreu todo o corpo, indo de encontro para a outra mão levantada para o alto. O movimento se fez nas duas primeiras palavras. Seguindo ao retorno para baixo, nas três seguintes. Se havia mais algum movimento além desses? Claro. Os ombros iam se mexendo com quaisquer movimentos, complementando.

Na frase seguinte, tudo mudava. Ambos os braços eram esticados para trás, assim como uma das pernas; deixando apenas a outro para que evitasse de cair ao dar o primeiro salto que se fechava em “learn”. Continuava, erguendo os braços para sua esquerda e levando-o próximo ao chão.

I'm the one "for a good time call"
Phone's blowin' up, they're ringin' my doorbell
I feel the love, feel the love

Assim como a maior parte da música, ela se referia à mulher que a cantava. Então era claro que os trechos eram ditos no “eu feminino”.  Porém não era algo a se importar, mesmo que na dança, representasse tal.

De acordo com a primeira a frase, o baixinho, ao invés de representar recebendo ligações - como dizia a música -, apenas trouxe a impressão de que era puxado, deixando o corpo ir para os lados como se caísse e em seguida, sendo pego em forma dum abraço que balançava conforme a música. Era o jeito de dizer que sentia o amor.

Todos seus movimentos eram seguidos, tão rápidos e vibrantes quanto a própria música. O ideal para se chamar a atenção e mostrar a agilidade que possuía.

1, 2, 3 1, 2, 3 drink
1, 2, 3 1, 2, 3 drink
1, 2, 3 1, 2, 3 drink

Era uma das partes que mais gostava. O refrão que representava a bebedeira, a conseqüente falta de reação e perda de controle.  Como representaria isso? A resposta tão simples e graciosa quanto seus movimentos formados pela extensão de seu corpo para frente e afastando os pés para trás, voltando à medida de cada numeração, ou seja, um, dois, três, um dois três, chegando finalmente aos movimentos que levavam sua mão a boca em forma de copo, tapando-a logo em seguida. Ao terminar esse movimento, jogava o corpo no chão com cuidado para evitar o impacto e um possível machucado, voltando novamente. Esses movimentos se repetiram durante as três frases, isto é, exceto pelo corpo jogado ao chão; que era usando apenas no final da última linda – no último “drink”.

Throw em back, till I lose count

Antecessor ao refrão. O momento em que após estar de pé, passava com o braço direito por cima da cabeça, rodando sobre o chão pela primeira vez. Assim iniciava o clímax da música e de sua apresentação.

I'm gonna swing from the chandelier, from the chandelier
I'm gonna live like tomorrow doesn't exist
Like it doesn't exist
I'm gonna fly like a bird through the night
Feel my tears as they dry
I'm gonna swing from the chandelier, from the chandelier

Não teve como conter o corpo. A coreografia exigia um pouco disso, mas sabia que se pudesse usar da liberdade em algum momento, seria ali. Por isso não se prendia a um estilo específico de dança, muito menos a um passo. Eram vários, um seguido do outro, mostrando a liberdade dos braços que se mexiam em formas de ondas e os pulos e rodopios dados em diversos momentos. Foi tanto brusco, quanto delicado. Mostrava tudo que sabia, expunha que era capaz através da flexibilidade de seu corpo pequeno e agilidade de seus movimentos.

Todos seus movimentos eram básicos e simples, mas repletos de graça e perfeição. Era assim que alcançaria o que tanto desejava. Se em algum momento forçasse uma coreografia mais difícil, um passo poderia sair errado. Algo que pode acontecer com até mesmo os mais experientes dançarinos.

And I'm holding on for dear life
Won't look down, won't open my eyes
Keep my glass full until morning light
'Cause I'm just holding on for tonight
Help me, I'm holding on for dear life
Won't look down won't open my eyes
Keep my glass full until morning light
'Cause I'm just holding on for tonight
On for tonight

Ao iniciar-se esse trecho, lá estava ele, fechando o rodopio e desmoronando propositalmente no chão com uma das pernas esticadas para frente. Forçava o corpo para frente e para trás, alcançando as mãos nas pontas do pé esticado e voltando.  Continuou os movimentos, exceto pelas mãos que tampavam os olhos ainda fechados. Deixava ser conduzido totalmente pela música. A escolha certa e perfeita para uma apresentação.

Abriu os olhos assim que ergueu o corpo. A mão esquerda formava um arco que levava próximo aos joelhos. Estava representando a música. Em outras palavras, sendo levado para chão novamente enquanto a outra mão livre passava a impressão de que era puxado para o outro lado dizendo em simples palavras “agüente firme”.

Sun is up, I'm a mess
Gotta get out now, gotta run from this
Here comes the shame, here comes the shame

1, 2, 3 1, 2, 3 drink
1, 2, 3 1, 2, 3 drink
1, 2, 3 1, 2, 3 drink

Throw em back till I lose count

O tempo passava como uma eternidade. Não havia nervosismo como anteriormente, mas sim uma expectativa de boa resposta, o que por desventura de algum erro, poderia ocorrer.

Voltava a sua posição original com os mesmo movimentos. Apenas ereto e balançando o corpo lentamente de um lado para o outro,  às vezes indo para frente e para trás sem se quer desgrudar o pé dali,  preparando-se para repetir os mesmos passos das estrofes acima. Era a mesma letra e não haveria outra forma de representá-la se não fosse repetindo-o.

Tínhamos o refrão mais uma vez. Movimentos próximos da primeira vez, repetiam-se. Porém, desta, havia um pouco mais de complemento, enchendo de mais e mais saltos e movimentos pesados e bruscos que apareciam a todas batidas fortes e finais de cada frase. E foi assim, que chegou próximo ao final da música, o trecho em que tudo acabaria.

And I'm holding on for dear life
Won't look down, won't open my eyes
Keep my glass full until morning light
'Cause I'm just holding on for tonight
Help me, I'm holding on for dear life
Won't look down won't open my eyes
Keep my glass full until morning light
'Cause I'm just holding on for tonight
On for tonight
On for tonight

O local todo havia sido usado. De seus cantos mais remotos até o centro. Lugar onde o branquelo se encontrava de joelhos, batendo no chão gélido de madeira com o punho. Sua cabeça estava baixo, olhando o nada. Ergueu-a, fazendo o mesmo com as mãos que viam em direção ao peito, dando duas batidas e sendo erguidas para cima ao seu levantar. Desta vez, somente sua cintura se mexia de uma forma incrivelmente solta, fazendo com que o movimento subisse até o tórax ao final, onde o corpo simplesmente parava, perdendo toda a eletricidade que possuía ao dançar. Nada se movia.

Suspirou, sorrindo ao se sentir contente com a apresentação que havia feito. Agradeceu com o corpo, sentindo pela primeira vez o calor e a emoção de uma apresentação tão grandiosa como está. Havia se retirado do palco, partindo novamente para atrás das coxias e indo de encontro aos amigos que ali se encontravam. Sua querida e amada morena e a branquela de cabo rosa que insistia em chamar de "Milk", ou melhor, Leite.




sun is up, I'm a mess

Audição para Julliard  // Dianna ♥ //  Nervoso  // BY LOONY!



I'm waking up, I feel it in my bones. Enough to make my systems blow. Welcome to the new age, to the new age. Whoa, whoa, I'm radioactive, radioactive.
------------ ▼
Administradores
avatar
Mensagens :
320

Data de inscrição :
06/04/2014

Voltar ao Topo Ir em baixo

Re: Meus CSS's

Mensagem por Conteúdo patrocinado

Conteúdo patrocinado

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