Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
O código css inserido é muito volumoso. por favor, diminua-o.
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
O código css inserido é muito volumoso. por favor, diminua-o.
Qual é minha questão:
Tem alguma forma de colocar todo esse CSS no meu fórum?
http://virtualpixel.forumais.com/65-ltr.css
Diz que o código CSS inserido é muito volumoso.
Endereço do meu fórum:
http://rocknforum.forumeiros.com
Versão do fórum:
PUNBB
Tem alguma forma de colocar todo esse CSS no meu fórum?
http://virtualpixel.forumais.com/65-ltr.css
Diz que o código CSS inserido é muito volumoso.
Endereço do meu fórum:
http://rocknforum.forumeiros.com
Versão do fórum:
PUNBB
Re: O código css inserido é muito volumoso. por favor, diminua-o.
Olá,
Este fórum e meu aqui esta o verdadeiro CSS do meu fórum
Lembrando que este tema do meu fórum ele e quase todo em template caso queria este tema estarei passando os template também
Até
Este fórum e meu aqui esta o verdadeiro CSS do meu fórum
- Código:
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}
body {
background: #D2D2D2 url('http://i.imgur.com/IVpLl.jpg') repeat-x 0 0;
color: #595959;
}
.minwidth_IE {
background: url() no-repeat center 0;
}
.layout_IE {
background: url(http://i.imgur.com/QhLwO.png) repeat-x 0 top;
}
.container_IE {
background: url(http://i.imgur.com/0dndY.png) repeat-x 0 bottom;
}
.pun {
margin: auto;
min-width: 990px;
width: 1065px;
}
.pun a:hover {
text-decoration:none;
}
#button_logged {
padding-right:5px;
vertical-align: middle;
}
#pun-intro {
background: transparent!important;
border: none;
padding: 0px 10px;
}
#page-body {
background: #E7E7E7;
margin: 0 auto;
width: 1024px;
max-width: 1550px;
min-width: 990px;
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
border-bottom: 1px solid #bdbdbd;
line-height: 120%;
overflow: hidden;
padding: 10px;
}
.main .main-head {
background: #F8F8F8 url('') repeat-x 0 0;
border: 1px solid #eaeaea;
color: #B4453B;
text-shadow: white 0px 1px 0px;
padding: 12px;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.main-head .page-title h2 {
color: #B4453B;
font-family: 'Yanone Kaffeesatz Thin',sans-serif;
font-size: 17px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
color: #B4453B;
font-family: 'Yanone Kaffeesatz Thin',sans-serif;
font-size: 13px;
}
.pun .main-content {
background: white;
}
.pun .main-content {
webkit-border-top-left-radius: 1px;
border-radius: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border-radius: 1px;
background-color: #E8E8E8;
border: 1px solid #DDD;
}
.pun table.table td {
background: white!important;
border-left: 0px;
}
.postmain blockquote, blockquote {
font-size: 12px;
padding: 10px;
border-bottom: 2px solid #E5E5E5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #F7F7F7;
}
.postmain cite, blockquote div cite {
font-size: 12px;
padding: 8px 10px;
border-bottom: 1px solid #E3E4E6;
background: #EEEEEF url('http://i.imgur.com/UHWKt.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
width: 100%;
position: relative;
left: -10px;
margin-top: -10px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
blockquote div cite::before {
background-image: url("http://i.imgur.com/a0SsF.png");
padding: 8px;
content: "cite";
color: transparent;
font-size: 0px;
position: relative;
top: -5px;
background-repeat: no-repeat;
text-indent: -5000px;
}
.pun .postmain {
background-color: white;
border: none;
}
.main-foot {
background: #F8F8F8 url('http://i50.tinypic.com/2sai2bk.png') repeat;
border: 1px solid #E9E9E9;
border-radius: 0px 0px 2px 2px;
}
.pun a:link {
text-decoration:none;
text-shadow:none;
}
.pun a:hover {
text-decoration: underline;
}
#pun-visit{
display:none;
}
#pun-foot {
clear: both;
position: relative;
top: -5px;
}
#pun-about {
background: none;
text-align:left;
font-size: 11px;
position: relative;
border: none;
font-family: arial;
}
#pun-about form {
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: 0px;
padding: 0.6em 1.3em 0.3em;
background: transparent;
}
/*----------------FIM---------------*/
input[type="button"], input[type="submit"], input[type="reset"] {
background: #51A3CE url('http://i.imgur.com/VGRFV.png') repeat-x 0 0;
border-color: #4897C0;
-webkit-box-shadow: #8AC7E7 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: #8AC7E7 0px 1px 2px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #4897C0;
padding: 5px 10px!important;
cursor: pointer;
border-radius: 2px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
background-color: #60B3DE;
color: white;
}
input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
outline: none;
background-color: #FEFEFE;
color: #555;
border-color:#AFD6EA;
-webkit-box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
-moz-box-shadow: inset 0px 0px 4px #bce6fb, #ddf4ff 0px 0px 3px;
box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
}
input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
#text_edit button.button2 {
border: none;
background: transparent;
padding: 3px;
border-radius: 3px;
cursor: pointer;
}
#text_edit button.button2:hover {
background: #DDD;
}
#quick_reply, .main .main-content.frm {
background-color: #EFEFEF !important;
}
.codebox dt {
background: #ECECEC url('http://i.imgur.com/Ixvd4.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
padding: 5px;
}
.codebox dd {
background: transparent;
}
.codebox {
padding: 5px;
background: #F8F8F8;
border: 1px solid #C9C9C9;
overflow: auto;
margin-left: 10px;
font-size: 11px;
line-height: 140%;
}
.hierarchy a {
font-weight: bold;
font-family: "Trebuchet MS"tahoma,helvetica,arial,sans-serif;
font-size: 15px;
}
h2.topic-title a {
font-family: Lato, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
}
.tcl.tdtopics {
font-size: 12px;
color: #A4A4A4;
}
#pun-head #pun-navlinks {
border-color: #DDD;
padding: 0.5em 1.1em 0.6em;
display:none;
}
/*HEAD*/
#header {
position: relative;
margin-top:-5px;
}
#user_bar{
background: #252525;
border-bottom: 1px solid #232323;
height: 30px;
}
#user_bar .wrapper{
border: 0;
border-left: 1px solid #232323;
border-right: 1px solid #232323;
background: #2d2d2d;
height: 30px;
}
#branding .wrapper{
height: 150px;
background: #333333;
border: 0;
border-left: 1px solid #272727;
border-right: 1px solid #272727;
position: relative;
background-image: url (http://i10.servimg.com/u/f10/12/46/70/00/2cni6010.png);
}
#user_bar .wrapper{
border: 0;
border-left: 1px solid #232323;
border-right: 1px solid #232323;
background: #2d2d2d;
height: 30px;
}
#search {
color: transparent;
font-size: 0.85em;
margin: 2px 4px auto auto;
position: relative;
right: 0px;
float: right;
z-index: 999;
}
#search_wrap {
background: transparent;
/*border: 1px solid #fff;*/
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 5px;
float: left;
height: 14px;
}
#user_navigation {
height: 30px;
float: left;
font-weight: bold;
font-size: 0.9em;
}
#user_navigation .photo {
float: left;
padding: 0;
border: 0;
height: 20px;
width: auto !important;
margin: 5px -5px 0px -5px;
}
/* Sign in services icons (Facebook, twitter, etc) */
.services img { margin-top: -2px; margin-left: 2px; }
#user_navigation ul {
font-size: 0.88em;
margin-top: 4px;
}
#user_navigation ul a {
color: #dddddd;
}
#user_navigation ul#user_other {
margin-left: 5px;
top: 35px;
position: absolute;
}
#user_navigation ul#user_other li {
float: left;
padding: 0 0 0 8px;
}
#user_navigation ul#user_link_menucontent {
background: #2d2d2d;
border: 1px solid #232323;
margin-top: 1px;
width: 170px;
float: right;
z-index: 999;
font-weight: normal;
}
#user_navigation ul#user_link_menucontent li {
float: none;
}
#user_navigation ul#user_link_menucontent a {
color: #fff;
text-decoration: none;
padding: 7px 5px 7px 15px;
display: block;
}
#user_navigation ul#user_link_menucontent a:hover {
background: #272727;
}
#user_navigation #user_link {
min-width: 110px;
outline: 0px;
position: relative;
display: inline-block;
overflow: hidden;
}
#user_navigation #user_link img {
margin-right: -4px;
}
/* Notifications */
#user_navigation #user_notifications_link {
min-width: 25px;
outline: 0px;
position: relative;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-decoration: none;
}
#user_navigation #user_notifications_link img#notify-down-arrow {
margin-right: -4px;
}
#user_navigation #user_notifications_link small {
position: relative;
background: #454545;
color: #fff;
font-weight: bold;
top: 0px;
right: 0px;
padding: 1px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#user_navigation #user_notifications.no-new small {
background-color: transparent;
color: #fff;
}
#user_navigation #user_notifications.no-new:hover small {
background-color: #454545;
color: #fff;
}
#user_links{
float: left;
overflow: hidden;
height: 30px;
font: normal 12px tahoma, arial, verdana, sans-serif;
}
#user_links a{
float: left;
display: block;
padding: 0 10px 0px 10px;
line-height: 30px;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 0.9em;
outline: none;
}
#user_links a:hover{
background: #272727;
}
#branding {
background: #2b2b2b;
}
.banner_right{
height: 92px;
}
/* Navigation */
#primary_nav {
height: 40px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
text-transform: lowercase;
position: absolute;
bottom: 0;
right: 5px;
}
#primary_nav ul{
list-style-type: none;
}
#primary_nav ul li{
display:inline;
margin:0;
padding:0;
}
#primary_nav ul li a:link,
#primary_nav ul li a:visited,
#primary_nav ul li a:hover,
#primary_nav ul li a:active {
color: #fff;
text-decoration: none;
float:left;
padding-left: 7px;
font-weight: bold;
outline: none;
text-shadow: #000 0px -1px 0px;
}
#primary_nav ul li a:hover,
#primary_nav ul li a:hover span{
color: #fff;
}
#primary_nav ul li a:hover{
background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat 0px -40px;
}
#primary_nav ul li a:hover span{
background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat 100% -40px;
}
#primary_nav ul li a:link span,
#primary_nav ul li a:visited span,
#primary_nav ul li a:hover span,
#primary_nav ul li a:active span {
padding: 0px 18px 0px 11px;
display: block;
line-height: 40px;
}
#primary_nav ul li.active a:link,
#primary_nav ul li.active a:visited,
#primary_nav ul li.active a:hover,
#primary_nav ul li.active a:active {
background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat top left;
text-shadow: #fff 0px 1px 0px;
}
#primary_nav ul li.active a:link span,
#primary_nav ul li.active a:visited span,
#primary_nav ul li.active a:hover span,
#primary_nav ul li.active a:active span {
background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat top right;
color: #333333;
}
/*Novo conteudo*/
.nuevotopicbody {
font-weight:normal;
font: normal 11px tahoma, arial, verdana, sans-serif;
font-weight: bold;
line-height:32px;
}
.nuevotopicbody a:link {
color: #757575;
outline: none;
text-decoration: none;
text-shadow: white 0px 1px 0px;
}
#novo-conteudo {
margin-top:-45px;
float:right;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 0px;
position: relative;
top: 0px;
white-space: nowrap;
}
#search-box #keywords {
-moz-border-radius: 4px 4px 4px 4px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border: 0px solid #000;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
color: #5a5a5a;
padding: 5px 30px 5px 10px;
font: italic;
font-family: Tahoma, Arial, Verdana, sans-serif;
width: 200px;
height: 15px;
}
#search-box input.button2 {
background: #D2D2D2 url(http://www.ggames.com.br/forum/public/style_images/baisik/search_icon.png) no-repeat 50%;
color: transparent;
height: 24px!important;
position: relative;
border: 1px solid #D2D2D2;
left: 2px;
width: 35px!important;
border-radius: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
margin-top: 9px;
}
#search-box input.button2:hover{
background-color: #E3E3E3;
}
#search_menu {
background: #fff;
font-size: 12px!important;
left: 10%!important;
top: 40px!important;
}
#search_menu a{
color:#000!important;
position: relative;
top:none!important;
color: #a9a9a9;
font-style: italic;
background:none!important
}
#search_menu a:hover{background:none!important}
.rss_feed {
vertical-align:middle;
padding-left:8px;
padding: 0 5px;
}
/*conteuto do topo*/
#conteudo-topo {
margin-top:-15px;
margin-right:-10px;
}
/*crumbs*/
.pun-crumbs{
margin-top: -8px;
margin-left: -10px;
border-bottom: 1px solid #d9d9d9;
margin-right: -10px;
}
.pun-crumbs p{color:#666;font-size:1.11em;line-height:1.5;margin:0}
.pun-crumbs a{text-decoration:none}
#pun-crumbs li {
float: left;
}
.pun .pun-crumbs .crumbs{font-size:.8em}.pun .pun-crumbs .crumbs a{
text-shadow: white 0px 1px 0px; margin:0 1.25em 0 .5em}
p.crumbs a{
background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color:#777!important;
color: #757575;
font-size: 12px;
font-weight: bold;
text-shadow: white 0px 1px 0px;
line-height:30px;
padding:11px 17px 11px 1px
}
p.crumbs a:hover{
background:url(http://i.imgur.com/FszIm.gif) no-repeat 100% -44px;
color:#222;
text-decoration: none;
}
p.crumbs{color:#F3F3F3}p.crumbs a[href="/f3-forum"],p.crumbs a[href="/f5-forum"]{display:none}
/*adv-search*/
#adv_search {
width: 30px;
outline: none;
height: 24px;
margin-top:1px;
margin-left: 0px;
border: 0;
background: #8F8F8F url(http://www.ggames.com.br/forum/public/style_images/baisik/advanced_search.png) no-repeat 50% 50%;
text-indent: -3000em;
float: left;
display: inline-block;
border-radius: 2px;
}
#adv_search:hover {
background-color: #a2a2a2;
}
/*table*/
.pun fieldset, .pun img {
vertical-align:middle;
padding-right:3px;
border: none;
}
.statusid img {
display: inline-block;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun tbody.statusid span.status {
margin-left: -54px !important;
padding-left: -100px !important;
padding-right: 30px !important;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun tbody.statusid span.status {
margin-top: 10px !important;
vertical-align: middle;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun table.table th.tcl {
font-weight: bold;
background: #EAEAEA;
font-size: 10px;
color: dimGray;
text-shadow: whiteSmoke 0px 1px 0px;
padding-left:60px;
}
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
font-weight: bold;
background: #EAEAEA;
font-size: 10px;
color: dimGray;
text-shadow: whiteSmoke 0px 1px 0px;
}
.pun table td.tcl h2 {
margin-left:18px;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
margin-left:18px;
}
#categoria {
background: #ffffff;
border:1px solid #d9d9d9;
padding: 5px;
border-radius:5px;
margin-bottom:10px
}
.main .main-head .page-title {
font-size: 14px;
font-weight: bold;
color:#B4453B;
text-shadow: none;
}
/*expandir e ocultar*/
.expand, .contract {
position: absolute;
top: -2px;
right: -1px;
cursor: pointer;
width: 28px;
height: 17px;
background: url(http://www.ggames.com.br/forum/public/style_images/baisik/cat_maximize.png);
}
.contract {background: url(http://www.ggames.com.br/forum/public/style_images/baisik/cat_minimize.png);}
/*chatbox*/
#chatbox_border{
background: white;
border: 1px solid #D9D9D9;
border-radius: 5px;
padding: 5px;
}
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
}
body.chatbox{background-color:#fff;background-image:none;margin:0;padding:0}#chatbox_header{ background: url ('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0; height:40px; border-radius: 5px 5px 0px 0px; padding-bottom:0px;}#chatbox_header.main-head{background:#f8f8f8 url ('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;color:#dedfdf;padding:0 1.3em;}.chatbox-title,.chatbox-title a.chat-title{color:#dedfdf;text-decoration:none}.chatbox-title{float:left;margin:0;padding:2px 5px 0;width:15em}.chatbox-options{float:right;font-size:11px;list-style:none;margin:.7em .5em .5em}.chatbox-options li{display:inline}.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#dedfdf}#chatbox_members{border-right:1px dashed #ccc;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox_messenger_form{margin:10px 0 0}#chatbox_members .member-title{background-color:#f4f9fd;background-image:none;color:#00569c;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}#chatbox_members ul{list-style:none;margin:0 0 0 1em}#chatbox_members ul li{margin:.5em .5em .5em 0}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{background-color:#fbfbfb;padding:4px}.chatbox_row_2{background-color:#f4f4f4;padding:4px}.chatbox_row_3{background-color:#f4f9fd;padding:4px}#chatbox .user{font-weight:700}.memberlist_row_1{background-color:#fbfbfb}#chatbox_footer{border-top:1px dashed #ccc;bottom:0;left:0;position:absolute;right:0}#message,#submit_button{border-width:1px}.fontbutton{background:#E1E1E2 none repeat scroll 0;border:medium none;color:#000;cursor:pointer;float:left;margin-right:10px;padding:1px;text-align:left}.fontbutton_normal{background:#E1E1E2}.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}.fontbutton_clicked{background:#959595;border:1px solid #22229C}.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}* html #chatbox-members{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}* html #chatbox{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}* html #chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox_contextmenu{background-color:#f4f9fd;border:2px solid #000}#chatbox_contextmenu p{background:#fbfbfb;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#f4f4f4}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:95%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#00569c;font-size:95%;text-decoration:none}.module{overflow:hidden!important}
h2.chatbox-title a.chat-title{color:#fff;font-size:1.2em;font-weight:700;line-height:1.1em;text-align:center;text-shadow:0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 3px 0 #B9B9B9,0 4px 0 #AAA,0 5px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}#chatbox_header.main-head{background: #E5E5E5 url('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;padding:0 1.3em}#chatbox_header{height:30px}.aviso_normas{background:none repeat scroll 0 0 #F0E8E0;border:1px solid #C00000;font-family:Tahoma,Arial;font-size:11px;height:24px;line-height:24px;margin-bottom:3px;text-align:center}#chatbox_members .member-title{background:#F8E7DD;border-bottom:2px solid red;color:#A30000;text-shadow:1px 0 0 #fff}#chatbox_members{background:#F1F1F1;border-right:1px solid #C2C2C2}#chatbox_footer{background:#E9E9E9;border-top:1px solid #CACACA}#chatbox p{border-bottom:1px solid #DDD;border-top:1px solid #fff}.chatbox_row_1{background-color:#F8F8F8}#chatbox a,#chatbox_members a{color:#006B6B}#chatbox_messenger_form div.right img{visibility:hidden}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
}
#chatbox p {
line-height: 1.2em;
}
#chatbox_footer{
padding-bottom:10px;
}
#divsmilies img + img{visibility:visible!important}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline{background-position:center;background-repeat:no-repeat;border:1px solid #383838;border-radius:5px}#divbold{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/bold10.png)}#divitalic{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/italic10.png)}#divunderline{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/underl10.png)}#divstrike{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/strike10.png)}#divcolor{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/font_c11.png)}#divsmilies{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png)}#código_creado_por_welmy{background:#E6E6E6;border:1px solid #222;border-radius:3px;font-family:arial;margin:auto;padding:5px;text-shadow:1px 1px #fff;width:228px}#th_avarx{background-image:url(http://i.imgur.com/EkPsC.png);background-size:100%;border:1px solid #1A1A1A;border-radius:2px;box-shadow:0 1px 2px #000;height:70px;width:70px}#th_avarx img{border-radius:2px;height:70px;width:70px}.lnk a{margin-left:5px;margin-right:5px}
#simple-wrap {
background:white;
}
#chatbox_messenger_form input#message {
min-width: 450px;
padding: 4px;
}
#message, #submit_button {
border-width: 1px;
}
#chatbox_messenger_form #submit_button:hover {
background: #E2FCFF;
border: 1px solid #4CC3FC;
color: #027FAF;
}
#chatbox_messenger_form #submit_button {
margin: 0!important;
}
#message, #submit_button {
border-width: 1px;
}
.pun .frm .frm-buttons input:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
}
input[type="submit"] {
padding: 5px;
}
.pun .frm .frm-buttons input, input[type="reset"], input[type="submit"] {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #CCC;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
input[type="password"], input[type="text"], textarea {
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
color: #515151;
cursor: text;
font-size: 13px;
outline: 0;
}
/*linha da assinatura*/
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.sig-content, .signature_div {
border-top: 1px solid #E9E9E9;
}
.pun .post{
border-top: 1px solid #E9E9E9 !important;
border-bottom: 6px solid #B4453B !important;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
background: #fcfcfc;
}
.post_field {
color: #3E3E3E;
border-bottom: 1px solid #E9E9E9;
font-weight: bold;
padding: 0 0 0 8px;
font-size: 0.9em;
text-align: left;
}
.pun .postmain {
background-color: #fcfcfc;
border-left: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
text-align: center;
}
.pun .user-ident .username {
display: block;
font-size: 1.1em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
#topic_border {
background: #ffffff;
border:1px solid #d9d9d9;
padding: 5px;
border-radius:5px;
}
.pun .posthead {
background: #EBEBEB url(http://i.imgur.com/203fX.png) repeat-x;
border-bottom: 1px dashed #CCC;
border-top: 1px dashed #CCC;
font-size: 11px;
line-height: 30px;
padding: .1em .6em .5em 0;
text-shadow: 1px 1px 0 white;
}
.postfoot {
background: #F1F1F1;
border-top: 1px solid #E9E9E9;
padding: 0.5em 1em;
}
.posting img {
margin-top:-5px;
}
.posting img:hover {
opacity: 0.9;
}
/* Perfectos Avatar*/
.user-basic-info a img {
float:center;
}
/* Perfectos Avatar*/
/*Tabs*/
.mmaintabs #tabs ul li.activetab a{background:#fff!important;color:#000!important;font-weight:700}.mmaintabs #tabs ul li{background-image:none;float:none;padding-right:2px;width:220px}.mmaintabs #tabs ul{float:left;padding:0}.mmaintabs #tabs{min-width:200px}.mmaintabs{float:left;width:220px}.mmaintabs #tabs ul li a{background-color:#F7F7F7;background-image:none;border:1px solid #D6D6D6;color:#575757;display:block;float:none;font-weight:400;height:auto;padding:5px 10px;text-shadow:1px 1px #D5D5D5}.mmaintabs #tabs ul li:hover{background:#EEE!important}
#tabs ul li.activetab{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:right -102px}#tabs ul li.activetab a{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:0 -68px;color:#000;font-weight:700}#tabs ul li.activetab a:hover{background-color:transparent;color:#02325F}#tabs ul li a{background-image:url(http://i.imgur.com/fely2.png);border:none;display:block;font-weight:700;height:34px;padding:0 0 0 17px}#tabs ul li{background-image:url(http://i.imgur.com/fely2.pngg);background-position:right -34px;background-repeat:no-repeat;color:#474747!important;float:left;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;height:34px;padding-right:15px;text-decoration:none;text-shadow:1px 1px 1px #fff!important}
/*quick-reply*/
#quick_reply #textarea_content {
clear: both;
margin-left: 0px;
margin-right: 0px;
width: 100% !important;
height: auto !important;
}
#text_editor_controls {
display: !important;
}
#pun-qpost #textarea_content dt label{
float:left;
}
fieldset.frm-set dl dd {
margin: auto!important;
}
.pun .frm .frm-buttons input {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}
.main .main-content.frm {
background: #F4F4F4;
padding: 10px;
}
/*FOOTER*/
#onlinelist {
border-top: 0px transparent;
padding: 0.6em 1em;
}
#board-stats span{
background-color:transparent;
color:#4A4A4A;
font-weight:700;
padding:2px 6px
}
#board-stats{
background:#f5f5f5;
border-left: 1px solid #eaeaea;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#DEDEDE;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
float:right;padding-left:20px;
margin-top:-7px;
width:38%
}
#board-stats dl{margin-top:10px}#board-stats dd,#board-stats dt{
border-top-color:#DEDEDE;
border-top-style:solid;
border-top-width:1px;
float:left;
font-size:.85em;padding:6px 2px;
width:45%}
#board-stats dt{
color: #595959;
font: normal 10px tahoma, arial, verdana, sans-serif;
clear:both;
font-weight:700
}
#board-stats h2{
padding-top:10px;
font-size: 1.1em;
font-weight: bold;
clear:both;
font-weight:700
}
.maintitle {
background: #F8F8F8 url(http://www.ggames.com.br/forum/public/style_images/baisik/gradient_bg.png) repeat-x left 50%;
color: #B4453B;
text-shadow: white 0px 1px 0px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
padding: 11px !important;
margin: 0 !important;
overflow: hidden;
border-bottom: 1px solid #EAEAEA;
}
h3.maintitle{
color: #B4453B;
text-shadow: white 0px 1px 0px;
line-height: 20px;
font-weight: bold;
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
#estadisticas{
background: #ffffff;
border:1px solid #d9d9d9;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 8px;
border-radius:7px;
}
#Legend {
border-top: 1px solid #EAEAEA;
padding-top:10px;
font-size: 1.1em;
font-weight: bold;
clear:both;
font-weight:700;
padding-bottom:5px
}
/* FOOTER */
#board_footer {
color: #474747;
font-size: 0.80em;
border-top: 1px solid #dfdfdf;
background: #f1f1f1;
padding: 8px;
overflow: hidden;
margin: 0px;
top: 20px;
clear: both;
width:97%;
margin-left:8px;
}
#board_footer ul#utility_links li {
float: left;
padding-right: 8px;
}
#board_footer p {
text-align: right;
}
#board_footer a {
}
/* Other */
.skin_link{
font-weight: bold;
text-align: center;
float: right;
margin-bottom: 2px;
}
.skin_link,
.skin_link a{
text-decoration: none;
}
.skin_link a:hover{ text-decoration: underline; }
#copyright {
text-align: center;
color: gray;
font-size: 8pt;
}
#copyright { float: right; clear: right; }
#copyright a { text-decoration: none; }
#copyright a:hover { text-decoration: underline; }
#board_footer ul#utility_links li {
list-style-type:none;
text-decoration: underline;
}
.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
}
.status {
background: none !important;
border-left: 0px solid lightGrey;
height: 34px;
margin-left: -35px!important;
padding-right: 5px;
padding-top: 7px;
width: 18px;
}
#pun-visit li, .main-box li {
font-size:11px;
}
/*profile*/
#profile-advanced-right {
float: left;
width: 300px;
}
#profile-advanced-layout {
float: right;
margin-left: -300px;
width: 100%;
margin-right: 0px;
}
#profile-advanced-left {
margin-left: 305px;
margin-right: 0px;
}
#profile-advanced-layout #new-message {
clear: both;
margin-top: -0.5em;
position: relative;
}
#profile-advanced-right .main-head .h3 {
-moz-border-radius: 10px;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px;
-webkit-border-radius: 10px!important;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
background: rgba(0, 0, 0, 0.4);
border-radius: 10px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
color: white;
font-weight: 700;
opacity: 1;
padding: 4px 10px;
}
#profile-advanced-right .module.main .main-head {
background-color: #183C5D;
background-image: url(http://i.imgur.com/JnYGc.png);
border: none;
border-radius: 5px 5px 0 0;
box-shadow: none;
color: white;
font-size: 12px;
font-weight: 300;
overflow: hidden;
padding: 9px 12px;
text-shadow: black 0 1px 2px;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle {
font-size: 25px;
font-weight: 700;
line-height: 60px;
padding-left: 75px;
}
#profile-advanced-left #profile-advanced-details .main-head {
-webkit-box-shadow: inset 0 1px 0 #008186, inset 1px 0 0 #056B4E, inset -1px 0 0 #056B4E, inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px #056B4E;
background-image: url(http://img86.xooimage.com/files/2/3/a/captur-36b3f67.png);
background-position: left;
background-color:transparent;
background-repeat: no-repeat;
border: 1px solid #026375;
height: 70px;
}
#profile-advanced-right .main-head .h3 span {
color: #FFD600!important;
font-size: 14px!important;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle span {
color: #00B8FF!important;
}
#profile-advanced-right .main-content.clearfix.center {
color: #777575;
font-size: 15px;
font-weight: 700;
text-shadow: 1px 1px 2px #F0F0F0;
}
/*lastpost*/
#avatar-lastpost img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
background: white;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 40px;
margin-top:13px;
margin-right:11px;
padding: 1px;
width: 40px;
}
#avatar-lastpost img:hover{
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
border-color: #A1A1A1;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
/*Inicio de citacion*/
.postmain blockquote {
padding: .5em 1em;
margin-left: 20px;
background: #EBEADD;
padding: 5px;
overflow: hidden;
margin: 1em 1px 1em 25px;
font-size: .95em;
margin-left: 20px;
}
/*Fin de citacion*/
/*Inicio de spoiler*/
.codebox dt {
border-bottom: transparent;
padding: .25em;
background-image: url("http://i66.servimg.com/u/f66/12/56/56/12/134.gif");
background-repeat: no-repeat;
display: block;
background-color: transparent;
font-weight: 700;
font-size: .8em;
margin-bottom: 3px;
border:none;
text-transform: uppercase;
}
.codebox {
background-color: transparent;
margin: 1em;
border: none;
}
.codebox dd {
background-color: transparent;
margin: .5em;
padding: .5em;
}
/*Fin de spoiler*/
.row_info {
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
background:#e9ecef;
}
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
div.user-basic-info img{
margin: 3px;
border: 5px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
div.user-basic-info img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
#ddshiftactif {
position: fixed;
top: 0px;
left: 0px;
width: 200px;
background: #fff;
color: #000;
border: 1px solid #888;
text-align: center;
z-index:1000
}
#novoamigo {
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
}
/* Cerrar la firma */
.sigs {
display: none;
}
/* Abrir la firma */
.sgbt {
cursor: pointer;
display: block;
height: 30px;
width: 150px;
background-image: url('http://i47.servimg.com/u/f47/15/17/71/53/abrir10.png');
background-position: 0 -30;
}
/*-------------------------Efeito Balão-------------------------------*/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.postbody .user{
margin-bottom:1em;
overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
width:350px;
border: 1px dashed #333;
display:none;
top: 20px;
position: absolute;
background: rgba(255, 255, 255, 0.9);
padding: 5px;
}
.postbody .user:hover .user-info{
z-index: 9;
left: 100%;
display:block;
}
.postbody .user .user-info span {
color: #333;
font-weight: bold;
}
/*login personalizado*/
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}
/* Tooltip por ÆDesign e Modificado por Premotheus */
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 999;
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.tipsy
{ padding: 5px; font-size: 10px; opacity: 0.8; filter:
alpha(opacity=80); background-repeat: no-repeat; background-image:
url('http://i43.servimg.com/u/f43/16/93/80/74/tipsy10.gif'); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.caja-aviso {
border: 0px solid #0B173B;
border-radius: 6px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
background: #F1F1F1 url() no-repeat bottom right;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
color: #0B173B;
}
#aviso {
width: 300px;
padding: 50%;
position: fixed;
z-index: 999;
}
.ui-dialog {
position: absolute;
padding: .2em;
width: 300px;
overflow: hidden;
}
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ui-widget-content {
border: 1px solid #DDD;
background: #EEE url(/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
color: #333;
}
.ui-widget {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-widget-header {
border: 1px solid #E78F08;
background: #F6A828 url(/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
color: white;
font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-icon {
width: 16px;
height: 16px;
background-image: url(/css/ui-lightness/images/ui-icons_222222_256x240.png);
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
#lele{
font-color: #333333;
background-color: #ff9e9e;
margin-bottom: 4px;
overflow: hidden;
padding: 0 8px;
-moz-box-shadow: 0px 1px 1px #CCCCCC;
-webkit-box-shadow: 0px 1px 1px #CCCCCC;
}
#lele {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 3px solid #9C9C9C;
-moz-box-shadow: 0px 1px 1px #CCCCCC;
-webkit-box-shadow: 0px 1px 1px #CCCCCC;
}
#chatbox_footer {
padding-bottom: 5px;
}
Lembrando que este tema do meu fórum ele e quase todo em template caso queria este tema estarei passando os template também
Até
Re: O código css inserido é muito volumoso. por favor, diminua-o.
Sim, quero o template.Quakeline escreveu:
- Spoiler:
Olá,
Este fórum e meu aqui esta o verdadeiro CSS do meu fórum
- Código:
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}
body {
background: #D2D2D2 url('http://i.imgur.com/IVpLl.jpg') repeat-x 0 0;
color: #595959;
}
.minwidth_IE {
background: url() no-repeat center 0;
}
.layout_IE {
background: url(http://i.imgur.com/QhLwO.png) repeat-x 0 top;
}
.container_IE {
background: url(http://i.imgur.com/0dndY.png) repeat-x 0 bottom;
}
.pun {
margin: auto;
min-width: 990px;
width: 1065px;
}
.pun a:hover {
text-decoration:none;
}
#button_logged {
padding-right:5px;
vertical-align: middle;
}
#pun-intro {
background: transparent!important;
border: none;
padding: 0px 10px;
}
#page-body {
background: #E7E7E7;
margin: 0 auto;
width: 1024px;
max-width: 1550px;
min-width: 990px;
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
border-bottom: 1px solid #bdbdbd;
line-height: 120%;
overflow: hidden;
padding: 10px;
}
.main .main-head {
background: #F8F8F8 url('') repeat-x 0 0;
border: 1px solid #eaeaea;
color: #B4453B;
text-shadow: white 0px 1px 0px;
padding: 12px;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.main-head .page-title h2 {
color: #B4453B;
font-family: 'Yanone Kaffeesatz Thin',sans-serif;
font-size: 17px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
color: #B4453B;
font-family: 'Yanone Kaffeesatz Thin',sans-serif;
font-size: 13px;
}
.pun .main-content {
background: white;
}
.pun .main-content {
webkit-border-top-left-radius: 1px;
border-radius: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border-radius: 1px;
background-color: #E8E8E8;
border: 1px solid #DDD;
}
.pun table.table td {
background: white!important;
border-left: 0px;
}
.postmain blockquote, blockquote {
font-size: 12px;
padding: 10px;
border-bottom: 2px solid #E5E5E5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #F7F7F7;
}
.postmain cite, blockquote div cite {
font-size: 12px;
padding: 8px 10px;
border-bottom: 1px solid #E3E4E6;
background: #EEEEEF url('http://i.imgur.com/UHWKt.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
width: 100%;
position: relative;
left: -10px;
margin-top: -10px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
blockquote div cite::before {
background-image: url("http://i.imgur.com/a0SsF.png");
padding: 8px;
content: "cite";
color: transparent;
font-size: 0px;
position: relative;
top: -5px;
background-repeat: no-repeat;
text-indent: -5000px;
}
.pun .postmain {
background-color: white;
border: none;
}
.main-foot {
background: #F8F8F8 url('http://i50.tinypic.com/2sai2bk.png') repeat;
border: 1px solid #E9E9E9;
border-radius: 0px 0px 2px 2px;
}
.pun a:link {
text-decoration:none;
text-shadow:none;
}
.pun a:hover {
text-decoration: underline;
}
#pun-visit{
display:none;
}
#pun-foot {
clear: both;
position: relative;
top: -5px;
}
#pun-about {
background: none;
text-align:left;
font-size: 11px;
position: relative;
border: none;
font-family: arial;
}
#pun-about form {
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: 0px;
padding: 0.6em 1.3em 0.3em;
background: transparent;
}
/*----------------FIM---------------*/
input[type="button"], input[type="submit"], input[type="reset"] {
background: #51A3CE url('http://i.imgur.com/VGRFV.png') repeat-x 0 0;
border-color: #4897C0;
-webkit-box-shadow: #8AC7E7 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: #8AC7E7 0px 1px 2px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #4897C0;
padding: 5px 10px!important;
cursor: pointer;
border-radius: 2px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
background-color: #60B3DE;
color: white;
}
input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
outline: none;
background-color: #FEFEFE;
color: #555;
border-color:#AFD6EA;
-webkit-box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
-moz-box-shadow: inset 0px 0px 4px #bce6fb, #ddf4ff 0px 0px 3px;
box-shadow: inset 0px 0px 4px #BCE6FB, #DDF4FF 0px 0px 3px;
}
input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
#text_edit button.button2 {
border: none;
background: transparent;
padding: 3px;
border-radius: 3px;
cursor: pointer;
}
#text_edit button.button2:hover {
background: #DDD;
}
#quick_reply, .main .main-content.frm {
background-color: #EFEFEF !important;
}
.codebox dt {
background: #ECECEC url('http://i.imgur.com/Ixvd4.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
padding: 5px;
}
.codebox dd {
background: transparent;
}
.codebox {
padding: 5px;
background: #F8F8F8;
border: 1px solid #C9C9C9;
overflow: auto;
margin-left: 10px;
font-size: 11px;
line-height: 140%;
}
.hierarchy a {
font-weight: bold;
font-family: "Trebuchet MS"tahoma,helvetica,arial,sans-serif;
font-size: 15px;
}
h2.topic-title a {
font-family: Lato, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
}
.tcl.tdtopics {
font-size: 12px;
color: #A4A4A4;
}
#pun-head #pun-navlinks {
border-color: #DDD;
padding: 0.5em 1.1em 0.6em;
display:none;
}
/*HEAD*/
#header {
position: relative;
margin-top:-5px;
}
#user_bar{
background: #252525;
border-bottom: 1px solid #232323;
height: 30px;
}
#user_bar .wrapper{
border: 0;
border-left: 1px solid #232323;
border-right: 1px solid #232323;
background: #2d2d2d;
height: 30px;
}
#branding .wrapper{
height: 150px;
background: #333333;
border: 0;
border-left: 1px solid #272727;
border-right: 1px solid #272727;
position: relative;
background-image: url (http://i10.servimg.com/u/f10/12/46/70/00/2cni6010.png);
}
#user_bar .wrapper{
border: 0;
border-left: 1px solid #232323;
border-right: 1px solid #232323;
background: #2d2d2d;
height: 30px;
}
#search {
color: transparent;
font-size: 0.85em;
margin: 2px 4px auto auto;
position: relative;
right: 0px;
float: right;
z-index: 999;
}
#search_wrap {
background: transparent;
/*border: 1px solid #fff;*/
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 5px;
float: left;
height: 14px;
}
#user_navigation {
height: 30px;
float: left;
font-weight: bold;
font-size: 0.9em;
}
#user_navigation .photo {
float: left;
padding: 0;
border: 0;
height: 20px;
width: auto !important;
margin: 5px -5px 0px -5px;
}
/* Sign in services icons (Facebook, twitter, etc) */
.services img { margin-top: -2px; margin-left: 2px; }
#user_navigation ul {
font-size: 0.88em;
margin-top: 4px;
}
#user_navigation ul a {
color: #dddddd;
}
#user_navigation ul#user_other {
margin-left: 5px;
top: 35px;
position: absolute;
}
#user_navigation ul#user_other li {
float: left;
padding: 0 0 0 8px;
}
#user_navigation ul#user_link_menucontent {
background: #2d2d2d;
border: 1px solid #232323;
margin-top: 1px;
width: 170px;
float: right;
z-index: 999;
font-weight: normal;
}
#user_navigation ul#user_link_menucontent li {
float: none;
}
#user_navigation ul#user_link_menucontent a {
color: #fff;
text-decoration: none;
padding: 7px 5px 7px 15px;
display: block;
}
#user_navigation ul#user_link_menucontent a:hover {
background: #272727;
}
#user_navigation #user_link {
min-width: 110px;
outline: 0px;
position: relative;
display: inline-block;
overflow: hidden;
}
#user_navigation #user_link img {
margin-right: -4px;
}
/* Notifications */
#user_navigation #user_notifications_link {
min-width: 25px;
outline: 0px;
position: relative;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-decoration: none;
}
#user_navigation #user_notifications_link img#notify-down-arrow {
margin-right: -4px;
}
#user_navigation #user_notifications_link small {
position: relative;
background: #454545;
color: #fff;
font-weight: bold;
top: 0px;
right: 0px;
padding: 1px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#user_navigation #user_notifications.no-new small {
background-color: transparent;
color: #fff;
}
#user_navigation #user_notifications.no-new:hover small {
background-color: #454545;
color: #fff;
}
#user_links{
float: left;
overflow: hidden;
height: 30px;
font: normal 12px tahoma, arial, verdana, sans-serif;
}
#user_links a{
float: left;
display: block;
padding: 0 10px 0px 10px;
line-height: 30px;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 0.9em;
outline: none;
}
#user_links a:hover{
background: #272727;
}
#branding {
background: #2b2b2b;
}
.banner_right{
height: 92px;
}
/* Navigation */
#primary_nav {
height: 40px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
text-transform: lowercase;
position: absolute;
bottom: 0;
right: 5px;
}
#primary_nav ul{
list-style-type: none;
}
#primary_nav ul li{
display:inline;
margin:0;
padding:0;
}
#primary_nav ul li a:link,
#primary_nav ul li a:visited,
#primary_nav ul li a:hover,
#primary_nav ul li a:active {
color: #fff;
text-decoration: none;
float:left;
padding-left: 7px;
font-weight: bold;
outline: none;
text-shadow: #000 0px -1px 0px;
}
#primary_nav ul li a:hover,
#primary_nav ul li a:hover span{
color: #fff;
}
#primary_nav ul li a:hover{
background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat 0px -40px;
}
#primary_nav ul li a:hover span{
background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat 100% -40px;
}
#primary_nav ul li a:link span,
#primary_nav ul li a:visited span,
#primary_nav ul li a:hover span,
#primary_nav ul li a:active span {
padding: 0px 18px 0px 11px;
display: block;
line-height: 40px;
}
#primary_nav ul li.active a:link,
#primary_nav ul li.active a:visited,
#primary_nav ul li.active a:hover,
#primary_nav ul li.active a:active {
background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat top left;
text-shadow: #fff 0px 1px 0px;
}
#primary_nav ul li.active a:link span,
#primary_nav ul li.active a:visited span,
#primary_nav ul li.active a:hover span,
#primary_nav ul li.active a:active span {
background: transparent url(http://www.ggames.com.br/forum/public/style_images/baisik/primary_nav.png) no-repeat top right;
color: #333333;
}
/*Novo conteudo*/
.nuevotopicbody {
font-weight:normal;
font: normal 11px tahoma, arial, verdana, sans-serif;
font-weight: bold;
line-height:32px;
}
.nuevotopicbody a:link {
color: #757575;
outline: none;
text-decoration: none;
text-shadow: white 0px 1px 0px;
}
#novo-conteudo {
margin-top:-45px;
float:right;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 0px;
position: relative;
top: 0px;
white-space: nowrap;
}
#search-box #keywords {
-moz-border-radius: 4px 4px 4px 4px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border: 0px solid #000;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
color: #5a5a5a;
padding: 5px 30px 5px 10px;
font: italic;
font-family: Tahoma, Arial, Verdana, sans-serif;
width: 200px;
height: 15px;
}
#search-box input.button2 {
background: #D2D2D2 url(http://www.ggames.com.br/forum/public/style_images/baisik/search_icon.png) no-repeat 50%;
color: transparent;
height: 24px!important;
position: relative;
border: 1px solid #D2D2D2;
left: 2px;
width: 35px!important;
border-radius: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
margin-top: 9px;
}
#search-box input.button2:hover{
background-color: #E3E3E3;
}
#search_menu {
background: #fff;
font-size: 12px!important;
left: 10%!important;
top: 40px!important;
}
#search_menu a{
color:#000!important;
position: relative;
top:none!important;
color: #a9a9a9;
font-style: italic;
background:none!important
}
#search_menu a:hover{background:none!important}
.rss_feed {
vertical-align:middle;
padding-left:8px;
padding: 0 5px;
}
/*conteuto do topo*/
#conteudo-topo {
margin-top:-15px;
margin-right:-10px;
}
/*crumbs*/
.pun-crumbs{
margin-top: -8px;
margin-left: -10px;
border-bottom: 1px solid #d9d9d9;
margin-right: -10px;
}
.pun-crumbs p{color:#666;font-size:1.11em;line-height:1.5;margin:0}
.pun-crumbs a{text-decoration:none}
#pun-crumbs li {
float: left;
}
.pun .pun-crumbs .crumbs{font-size:.8em}.pun .pun-crumbs .crumbs a{
text-shadow: white 0px 1px 0px; margin:0 1.25em 0 .5em}
p.crumbs a{
background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color:#777!important;
color: #757575;
font-size: 12px;
font-weight: bold;
text-shadow: white 0px 1px 0px;
line-height:30px;
padding:11px 17px 11px 1px
}
p.crumbs a:hover{
background:url(http://i.imgur.com/FszIm.gif) no-repeat 100% -44px;
color:#222;
text-decoration: none;
}
p.crumbs{color:#F3F3F3}p.crumbs a[href="/f3-forum"],p.crumbs a[href="/f5-forum"]{display:none}
/*adv-search*/
#adv_search {
width: 30px;
outline: none;
height: 24px;
margin-top:1px;
margin-left: 0px;
border: 0;
background: #8F8F8F url(http://www.ggames.com.br/forum/public/style_images/baisik/advanced_search.png) no-repeat 50% 50%;
text-indent: -3000em;
float: left;
display: inline-block;
border-radius: 2px;
}
#adv_search:hover {
background-color: #a2a2a2;
}
/*table*/
.pun fieldset, .pun img {
vertical-align:middle;
padding-right:3px;
border: none;
}
.statusid img {
display: inline-block;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun tbody.statusid span.status {
margin-left: -54px !important;
padding-left: -100px !important;
padding-right: 30px !important;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun tbody.statusid span.status {
margin-top: 10px !important;
vertical-align: middle;
}
.pun tbody.statusid span.status {
position: absolute;
}
.pun table.table th.tcl {
font-weight: bold;
background: #EAEAEA;
font-size: 10px;
color: dimGray;
text-shadow: whiteSmoke 0px 1px 0px;
padding-left:60px;
}
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
font-weight: bold;
background: #EAEAEA;
font-size: 10px;
color: dimGray;
text-shadow: whiteSmoke 0px 1px 0px;
}
.pun table td.tcl h2 {
margin-left:18px;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
margin-left:18px;
}
#categoria {
background: #ffffff;
border:1px solid #d9d9d9;
padding: 5px;
border-radius:5px;
margin-bottom:10px
}
.main .main-head .page-title {
font-size: 14px;
font-weight: bold;
color:#B4453B;
text-shadow: none;
}
/*expandir e ocultar*/
.expand, .contract {
position: absolute;
top: -2px;
right: -1px;
cursor: pointer;
width: 28px;
height: 17px;
background: url(http://www.ggames.com.br/forum/public/style_images/baisik/cat_maximize.png);
}
.contract {background: url(http://www.ggames.com.br/forum/public/style_images/baisik/cat_minimize.png);}
/*chatbox*/
#chatbox_border{
background: white;
border: 1px solid #D9D9D9;
border-radius: 5px;
padding: 5px;
}
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
}
body.chatbox{background-color:#fff;background-image:none;margin:0;padding:0}#chatbox_header{ background: url ('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0; height:40px; border-radius: 5px 5px 0px 0px; padding-bottom:0px;}#chatbox_header.main-head{background:#f8f8f8 url ('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;color:#dedfdf;padding:0 1.3em;}.chatbox-title,.chatbox-title a.chat-title{color:#dedfdf;text-decoration:none}.chatbox-title{float:left;margin:0;padding:2px 5px 0;width:15em}.chatbox-options{float:right;font-size:11px;list-style:none;margin:.7em .5em .5em}.chatbox-options li{display:inline}.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#dedfdf}#chatbox_members{border-right:1px dashed #ccc;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox_messenger_form{margin:10px 0 0}#chatbox_members .member-title{background-color:#f4f9fd;background-image:none;color:#00569c;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}#chatbox_members ul{list-style:none;margin:0 0 0 1em}#chatbox_members ul li{margin:.5em .5em .5em 0}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{background-color:#fbfbfb;padding:4px}.chatbox_row_2{background-color:#f4f4f4;padding:4px}.chatbox_row_3{background-color:#f4f9fd;padding:4px}#chatbox .user{font-weight:700}.memberlist_row_1{background-color:#fbfbfb}#chatbox_footer{border-top:1px dashed #ccc;bottom:0;left:0;position:absolute;right:0}#message,#submit_button{border-width:1px}.fontbutton{background:#E1E1E2 none repeat scroll 0;border:medium none;color:#000;cursor:pointer;float:left;margin-right:10px;padding:1px;text-align:left}.fontbutton_normal{background:#E1E1E2}.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}.fontbutton_clicked{background:#959595;border:1px solid #22229C}.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}* html #chatbox-members{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}* html #chatbox{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}* html #chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox_contextmenu{background-color:#f4f9fd;border:2px solid #000}#chatbox_contextmenu p{background:#fbfbfb;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#f4f4f4}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:95%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#00569c;font-size:95%;text-decoration:none}.module{overflow:hidden!important}
h2.chatbox-title a.chat-title{color:#fff;font-size:1.2em;font-weight:700;line-height:1.1em;text-align:center;text-shadow:0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 3px 0 #B9B9B9,0 4px 0 #AAA,0 5px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}#chatbox_header.main-head{background: #E5E5E5 url('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;padding:0 1.3em}#chatbox_header{height:30px}.aviso_normas{background:none repeat scroll 0 0 #F0E8E0;border:1px solid #C00000;font-family:Tahoma,Arial;font-size:11px;height:24px;line-height:24px;margin-bottom:3px;text-align:center}#chatbox_members .member-title{background:#F8E7DD;border-bottom:2px solid red;color:#A30000;text-shadow:1px 0 0 #fff}#chatbox_members{background:#F1F1F1;border-right:1px solid #C2C2C2}#chatbox_footer{background:#E9E9E9;border-top:1px solid #CACACA}#chatbox p{border-bottom:1px solid #DDD;border-top:1px solid #fff}.chatbox_row_1{background-color:#F8F8F8}#chatbox a,#chatbox_members a{color:#006B6B}#chatbox_messenger_form div.right img{visibility:hidden}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
}
#chatbox p {
line-height: 1.2em;
}
#chatbox_footer{
padding-bottom:10px;
}
#divsmilies img + img{visibility:visible!important}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline{background-position:center;background-repeat:no-repeat;border:1px solid #383838;border-radius:5px}#divbold{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/bold10.png)}#divitalic{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/italic10.png)}#divunderline{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/underl10.png)}#divstrike{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/strike10.png)}#divcolor{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/font_c11.png)}#divsmilies{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png)}#código_creado_por_welmy{background:#E6E6E6;border:1px solid #222;border-radius:3px;font-family:arial;margin:auto;padding:5px;text-shadow:1px 1px #fff;width:228px}#th_avarx{background-image:url(http://i.imgur.com/EkPsC.png);background-size:100%;border:1px solid #1A1A1A;border-radius:2px;box-shadow:0 1px 2px #000;height:70px;width:70px}#th_avarx img{border-radius:2px;height:70px;width:70px}.lnk a{margin-left:5px;margin-right:5px}
#simple-wrap {
background:white;
}
#chatbox_messenger_form input#message {
min-width: 450px;
padding: 4px;
}
#message, #submit_button {
border-width: 1px;
}
#chatbox_messenger_form #submit_button:hover {
background: #E2FCFF;
border: 1px solid #4CC3FC;
color: #027FAF;
}
#chatbox_messenger_form #submit_button {
margin: 0!important;
}
#message, #submit_button {
border-width: 1px;
}
.pun .frm .frm-buttons input:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
}
input[type="submit"] {
padding: 5px;
}
.pun .frm .frm-buttons input, input[type="reset"], input[type="submit"] {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #CCC;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
input[type="password"], input[type="text"], textarea {
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
color: #515151;
cursor: text;
font-size: 13px;
outline: 0;
}
/*linha da assinatura*/
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.sig-content, .signature_div {
border-top: 1px solid #E9E9E9;
}
.pun .post{
border-top: 1px solid #E9E9E9 !important;
border-bottom: 6px solid #B4453B !important;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
background: #fcfcfc;
}
.post_field {
color: #3E3E3E;
border-bottom: 1px solid #E9E9E9;
font-weight: bold;
padding: 0 0 0 8px;
font-size: 0.9em;
text-align: left;
}
.pun .postmain {
background-color: #fcfcfc;
border-left: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
text-align: center;
}
.pun .user-ident .username {
display: block;
font-size: 1.1em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
#topic_border {
background: #ffffff;
border:1px solid #d9d9d9;
padding: 5px;
border-radius:5px;
}
.pun .posthead {
background: #EBEBEB url(http://i.imgur.com/203fX.png) repeat-x;
border-bottom: 1px dashed #CCC;
border-top: 1px dashed #CCC;
font-size: 11px;
line-height: 30px;
padding: .1em .6em .5em 0;
text-shadow: 1px 1px 0 white;
}
.postfoot {
background: #F1F1F1;
border-top: 1px solid #E9E9E9;
padding: 0.5em 1em;
}
.posting img {
margin-top:-5px;
}
.posting img:hover {
opacity: 0.9;
}
/* Perfectos Avatar*/
.user-basic-info a img {
float:center;
}
/* Perfectos Avatar*/
/*Tabs*/
.mmaintabs #tabs ul li.activetab a{background:#fff!important;color:#000!important;font-weight:700}.mmaintabs #tabs ul li{background-image:none;float:none;padding-right:2px;width:220px}.mmaintabs #tabs ul{float:left;padding:0}.mmaintabs #tabs{min-width:200px}.mmaintabs{float:left;width:220px}.mmaintabs #tabs ul li a{background-color:#F7F7F7;background-image:none;border:1px solid #D6D6D6;color:#575757;display:block;float:none;font-weight:400;height:auto;padding:5px 10px;text-shadow:1px 1px #D5D5D5}.mmaintabs #tabs ul li:hover{background:#EEE!important}
#tabs ul li.activetab{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:right -102px}#tabs ul li.activetab a{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:0 -68px;color:#000;font-weight:700}#tabs ul li.activetab a:hover{background-color:transparent;color:#02325F}#tabs ul li a{background-image:url(http://i.imgur.com/fely2.png);border:none;display:block;font-weight:700;height:34px;padding:0 0 0 17px}#tabs ul li{background-image:url(http://i.imgur.com/fely2.pngg);background-position:right -34px;background-repeat:no-repeat;color:#474747!important;float:left;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;height:34px;padding-right:15px;text-decoration:none;text-shadow:1px 1px 1px #fff!important}
/*quick-reply*/
#quick_reply #textarea_content {
clear: both;
margin-left: 0px;
margin-right: 0px;
width: 100% !important;
height: auto !important;
}
#text_editor_controls {
display: !important;
}
#pun-qpost #textarea_content dt label{
float:left;
}
fieldset.frm-set dl dd {
margin: auto!important;
}
.pun .frm .frm-buttons input {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}
.main .main-content.frm {
background: #F4F4F4;
padding: 10px;
}
/*FOOTER*/
#onlinelist {
border-top: 0px transparent;
padding: 0.6em 1em;
}
#board-stats span{
background-color:transparent;
color:#4A4A4A;
font-weight:700;
padding:2px 6px
}
#board-stats{
background:#f5f5f5;
border-left: 1px solid #eaeaea;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#DEDEDE;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
float:right;padding-left:20px;
margin-top:-7px;
width:38%
}
#board-stats dl{margin-top:10px}#board-stats dd,#board-stats dt{
border-top-color:#DEDEDE;
border-top-style:solid;
border-top-width:1px;
float:left;
font-size:.85em;padding:6px 2px;
width:45%}
#board-stats dt{
color: #595959;
font: normal 10px tahoma, arial, verdana, sans-serif;
clear:both;
font-weight:700
}
#board-stats h2{
padding-top:10px;
font-size: 1.1em;
font-weight: bold;
clear:both;
font-weight:700
}
.maintitle {
background: #F8F8F8 url(http://www.ggames.com.br/forum/public/style_images/baisik/gradient_bg.png) repeat-x left 50%;
color: #B4453B;
text-shadow: white 0px 1px 0px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
padding: 11px !important;
margin: 0 !important;
overflow: hidden;
border-bottom: 1px solid #EAEAEA;
}
h3.maintitle{
color: #B4453B;
text-shadow: white 0px 1px 0px;
line-height: 20px;
font-weight: bold;
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
#estadisticas{
background: #ffffff;
border:1px solid #d9d9d9;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 8px;
border-radius:7px;
}
#Legend {
border-top: 1px solid #EAEAEA;
padding-top:10px;
font-size: 1.1em;
font-weight: bold;
clear:both;
font-weight:700;
padding-bottom:5px
}
/* FOOTER */
#board_footer {
color: #474747;
font-size: 0.80em;
border-top: 1px solid #dfdfdf;
background: #f1f1f1;
padding: 8px;
overflow: hidden;
margin: 0px;
top: 20px;
clear: both;
width:97%;
margin-left:8px;
}
#board_footer ul#utility_links li {
float: left;
padding-right: 8px;
}
#board_footer p {
text-align: right;
}
#board_footer a {
}
/* Other */
.skin_link{
font-weight: bold;
text-align: center;
float: right;
margin-bottom: 2px;
}
.skin_link,
.skin_link a{
text-decoration: none;
}
.skin_link a:hover{ text-decoration: underline; }
#copyright {
text-align: center;
color: gray;
font-size: 8pt;
}
#copyright { float: right; clear: right; }
#copyright a { text-decoration: none; }
#copyright a:hover { text-decoration: underline; }
#board_footer ul#utility_links li {
list-style-type:none;
text-decoration: underline;
}
.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
}
.status {
background: none !important;
border-left: 0px solid lightGrey;
height: 34px;
margin-left: -35px!important;
padding-right: 5px;
padding-top: 7px;
width: 18px;
}
#pun-visit li, .main-box li {
font-size:11px;
}
/*profile*/
#profile-advanced-right {
float: left;
width: 300px;
}
#profile-advanced-layout {
float: right;
margin-left: -300px;
width: 100%;
margin-right: 0px;
}
#profile-advanced-left {
margin-left: 305px;
margin-right: 0px;
}
#profile-advanced-layout #new-message {
clear: both;
margin-top: -0.5em;
position: relative;
}
#profile-advanced-right .main-head .h3 {
-moz-border-radius: 10px;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px;
-webkit-border-radius: 10px!important;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
background: rgba(0, 0, 0, 0.4);
border-radius: 10px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
color: white;
font-weight: 700;
opacity: 1;
padding: 4px 10px;
}
#profile-advanced-right .module.main .main-head {
background-color: #183C5D;
background-image: url(http://i.imgur.com/JnYGc.png);
border: none;
border-radius: 5px 5px 0 0;
box-shadow: none;
color: white;
font-size: 12px;
font-weight: 300;
overflow: hidden;
padding: 9px 12px;
text-shadow: black 0 1px 2px;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle {
font-size: 25px;
font-weight: 700;
line-height: 60px;
padding-left: 75px;
}
#profile-advanced-left #profile-advanced-details .main-head {
-webkit-box-shadow: inset 0 1px 0 #008186, inset 1px 0 0 #056B4E, inset -1px 0 0 #056B4E, inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px #056B4E;
background-image: url(http://img86.xooimage.com/files/2/3/a/captur-36b3f67.png);
background-position: left;
background-color:transparent;
background-repeat: no-repeat;
border: 1px solid #026375;
height: 70px;
}
#profile-advanced-right .main-head .h3 span {
color: #FFD600!important;
font-size: 14px!important;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle span {
color: #00B8FF!important;
}
#profile-advanced-right .main-content.clearfix.center {
color: #777575;
font-size: 15px;
font-weight: 700;
text-shadow: 1px 1px 2px #F0F0F0;
}
/*lastpost*/
#avatar-lastpost img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
background: white;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 40px;
margin-top:13px;
margin-right:11px;
padding: 1px;
width: 40px;
}
#avatar-lastpost img:hover{
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
border-color: #A1A1A1;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
/*Inicio de citacion*/
.postmain blockquote {
padding: .5em 1em;
margin-left: 20px;
background: #EBEADD;
padding: 5px;
overflow: hidden;
margin: 1em 1px 1em 25px;
font-size: .95em;
margin-left: 20px;
}
/*Fin de citacion*/
/*Inicio de spoiler*/
.codebox dt {
border-bottom: transparent;
padding: .25em;
background-image: url("http://i66.servimg.com/u/f66/12/56/56/12/134.gif");
background-repeat: no-repeat;
display: block;
background-color: transparent;
font-weight: 700;
font-size: .8em;
margin-bottom: 3px;
border:none;
text-transform: uppercase;
}
.codebox {
background-color: transparent;
margin: 1em;
border: none;
}
.codebox dd {
background-color: transparent;
margin: .5em;
padding: .5em;
}
/*Fin de spoiler*/
.row_info {
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
background:#e9ecef;
}
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
div.user-basic-info img{
margin: 3px;
border: 5px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
div.user-basic-info img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
#ddshiftactif {
position: fixed;
top: 0px;
left: 0px;
width: 200px;
background: #fff;
color: #000;
border: 1px solid #888;
text-align: center;
z-index:1000
}
#novoamigo {
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
}
/* Cerrar la firma */
.sigs {
display: none;
}
/* Abrir la firma */
.sgbt {
cursor: pointer;
display: block;
height: 30px;
width: 150px;
background-image: url('http://i47.servimg.com/u/f47/15/17/71/53/abrir10.png');
background-position: 0 -30;
}
/*-------------------------Efeito Balão-------------------------------*/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.postbody .user{
margin-bottom:1em;
overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
width:350px;
border: 1px dashed #333;
display:none;
top: 20px;
position: absolute;
background: rgba(255, 255, 255, 0.9);
padding: 5px;
}
.postbody .user:hover .user-info{
z-index: 9;
left: 100%;
display:block;
}
.postbody .user .user-info span {
color: #333;
font-weight: bold;
}
/*login personalizado*/
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}
/* Tooltip por ÆDesign e Modificado por Premotheus */
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 999;
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.tipsy
{ padding: 5px; font-size: 10px; opacity: 0.8; filter:
alpha(opacity=80); background-repeat: no-repeat; background-image:
url('http://i43.servimg.com/u/f43/16/93/80/74/tipsy10.gif'); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.caja-aviso {
border: 0px solid #0B173B;
border-radius: 6px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
background: #F1F1F1 url() no-repeat bottom right;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
color: #0B173B;
}
#aviso {
width: 300px;
padding: 50%;
position: fixed;
z-index: 999;
}
.ui-dialog {
position: absolute;
padding: .2em;
width: 300px;
overflow: hidden;
}
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ui-widget-content {
border: 1px solid #DDD;
background: #EEE url(/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
color: #333;
}
.ui-widget {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-widget-header {
border: 1px solid #E78F08;
background: #F6A828 url(/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
color: white;
font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-icon {
width: 16px;
height: 16px;
background-image: url(/css/ui-lightness/images/ui-icons_222222_256x240.png);
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
#lele{
font-color: #333333;
background-color: #ff9e9e;
margin-bottom: 4px;
overflow: hidden;
padding: 0 8px;
-moz-box-shadow: 0px 1px 1px #CCCCCC;
-webkit-box-shadow: 0px 1px 1px #CCCCCC;
}
#lele {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 3px solid #9C9C9C;
-moz-box-shadow: 0px 1px 1px #CCCCCC;
-webkit-box-shadow: 0px 1px 1px #CCCCCC;
}
#chatbox_footer {
padding-bottom: 5px;
}
Lembrando que este tema do meu fórum ele e quase todo em template caso queria este tema estarei passando os template também
Até
Re: O código css inserido é muito volumoso. por favor, diminua-o.
Olá,
Aqui esta os template para download
Tive que por para download por serem muito grandes
http://www.4shared.com/rar/SeNyERoh/VirutalPixel.html?
Até
Aqui esta os template para download
Tive que por para download por serem muito grandes
http://www.4shared.com/rar/SeNyERoh/VirutalPixel.html?
Até
Tópicos semelhantes
» CSS Muito volumoso
» Código css
» Codigo owned de novo , mesmo com o codigo java ativo!
» Código PhP
» Codigo pop up
» Código css
» Codigo owned de novo , mesmo com o codigo java ativo!
» Código PhP
» Codigo pop up
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos