Descrição da Questão:
Olá!
É o seguinte, não sei como, mas na minha chatbox aparece uma imagem preta sobre ela quando os usuários não estão Login na Chatbox, podem ver isso na imagem a baixo.
Queria retirar isso para deixar ela mais bonita ou então ter uma outra chatbox como aqui do staffergroup
Deixo também o meu CSS pois pode ser algum conflito e também é lá que está a chatbox
http://www.rewtec.com/ - PunBB
Imagem Sugestiva:
Olá!
É o seguinte, não sei como, mas na minha chatbox aparece uma imagem preta sobre ela quando os usuários não estão Login na Chatbox, podem ver isso na imagem a baixo.
Queria retirar isso para deixar ela mais bonita ou então ter uma outra chatbox como aqui do staffergroup
Deixo também o meu CSS pois pode ser algum conflito e também é lá que está a chatbox
- Código:
/*redimensionamento das imagens e aumento do tamanho texto*/
.pun .postmain img {max-width: 70%;}
.postbody .post-entry{font-size:12px}
/*Fim redimensionamento das imagens e aumento do tamanho texto*/
/*Melhor resposta*/
.post_feature_box {
margin-top: 5px;
max-width:100%;
background-color: rgb(234, 248, 226);
border: 1px dotted rgb(51, 51, 51);
padding: 6px;
min-height: 60px;
}
#best-res {
color:#436500;
background: #dfedd1;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
border: 1px solid #accf8b;
border-top: 0;
padding: 0 12px;
height: 30px;
line-height: 30px;
position: relative;
float: right;
margin: -1px -2px 8px 8px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.ipsUserPhoto {
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-right: 8px;
}
.ipsUserPhoto:hover {
border-color: #7d7d7d;
}
.ipsUserPhoto img {
width: 50px;
height: 50px;
}
.ipsBadge {
background: #7ba60d;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
margin-right: 8px;
}
/*Fim melhor resposta*/
/*Ranks personalizados*/
.userNovato, .userFundador, .userDesigner, .userCo-Administrador, .userMembro, .userWarez, .userModerador, .userLegend, userMaster User, .vipBS {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userFundador {
background: #881418;
}
.userModerador {
background: #00BFFF;
}
.userDesigner {
background: #A020F0;
}
.userCo-Administrador {
background: #32CD32;
}
.userLegend {
background: #000000;
}
.userMaster User {
background: #483D8B;
}
.userWarez {
background: #8B008B;
}
.userMembro {
background: #EE7621;
}
.userNovato {
background: #6C7B8B;
}
/*Fim ranks personalizados*/
img.i_icon_online {
padding-left: 5px;
display: inline-block;
}
.pun .user-ident .username {
background: url("http://i78.servimg.com/u/f78/14/73/12/96/vtdate10.png") repeat-x scroll left top transparent;
display: block;
padding-top: 9px;
padding-bottom: 9px;
text-align: center;
position: relative;
margin-top: -19px;
height: 30px;
}
.posting a:active, #new-message-link a:active {
position: relative;
top: 1px;
}
.pun .topic {
background: #fff;
border: 1px solid #ddd;
}
#first-post-br {
border: 0px;
}
.pun .posthead {
border: 0px;
background: #D1D6D9;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
}
.pun .posthead a {
font-size: 13px;
color: #fff;
}
.pun .posthead h2 {
color: #fff; !important;
font-size: 11px;
font-weight: bold;
}
.count-post {
font: normal !important;
}
.postfoot {
border: 0px;
padding: .2em;
padding-right: 0em;
margin: 10px 0 3px -15em;
}
.posting {
margin: 0 0 10px 10px;
}
.topic{background: #fff;}
.pun .postmain {
background: #FBFBFB url(http://i55.servimg.com/u/f55/16/14/11/80/highli10.png) repeat-x 0 0;
padding: 8px;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin: 10px 10px 10px 185px;
}
.pun .post .user {
width: 175px;
font-size: 12px;
text-align: center;
line-height: 150%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FBFBFB url() repeat-x 0 0;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin-left: -16em;
margin-top: -0.7em;
position: relative;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #777;
text-align: center;
font-weight: normal;
}
#steam_link, #facebook_link, #twitter_link {
padding-top: 10px !important;
}
.right {
float: right !important;
}
/*like*/
.BSlike {
display: block;
margin: 0 5px;
cursor: pointer;
}
.BSnovote, .vote {display: none;}
.BSlikecount {
background: #6f8f52;;
color: #fff;
font-size: 10px;
padding: 2px 10px;
font-weight: bold;
margin: 5px 5px 5px 3px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.BSlikecount.zero {background: #dedede; color: #6e6e6e;}
.wrapper {
margin: 0px auto 20px;
min-width: 980px;
max-width: 1600px;
width: 90%;
}
/*Chatbox T-DAE ver 2 by doannamthai*/
h2.chatbox-title:after { content: "Chatbox"; }
a.chat-title { display: none; }
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
border-top: 1px solid #EAEAEA;
}
#chatbox_header.main-head {
background: #F3F3F3;
border: 1px solid #EBEBEB;
font-weight: 300;
overflow: hidden;
padding: 2px;
text-shadow: white 0 1px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #393939;
font-size: 12px;
font-weight: bold;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #393939;
}
.chatboxTDAE{
background: #F3F3F3;
border: 1px solid #EBEBEB;
font-weight: 300;
overflow: hidden;
padding: 2px;
text-shadow: white 0 1px 0;
}
.chatboxTDAE:hover {
opacity: 0.9;
}
div.main-content.chatbox.clearfix {
border: 1px solid #EAEAEA;
border-radius: 4px;
}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
line-height: 1.2em;
}
#chatbox_footer {
margin-top: 0px;
width: 285px;
min-width: 230px;
background: #FAFAFA;
float: left;
clear:both;
position: relative;
}
input#message.post {
height: 45px;
width: 235px;
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #363636;
text-shadow: black ;
-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;
margin: 20px;
margin-bottom: 0px;
}
#message, #submit_button {
background: #e0e0e0 repeat-x 0 0;
border-color: #13304B;
color: black;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 3px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}
#message, #submit_button:hover {
opacity: 0.5;
}
.fontbutton {
background: #dbdbdb repeat-x 0 0;
border: 1px solid #1e345c;
color: white;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
border-radius: 2px;
color: black;
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
}
.fontbutton:hover {
opacity: 0.5;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png); }
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png); }
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png); }
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png); }
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png); }
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png); }
#chatbox{
background: #f0f0f0;
padding: 8px;
border: 1px solid gainsboro;
left: 290px;
margin-top: 9px;
right: 0px;
}
.left {
clear: both;
float: left;
}
#chatbox_members .member-title {
background: #F8E7DD;
background-color: #F4F9FD;
background-image: none;
border-bottom: 2px solid red;
color: #A30000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}
#chatbox_members
{ display : none;}
#chatbox > p span.user > span strong {
display: none;
}
/*Chatbox T-DAE ver2 by doannamthai*/
#board_statistics {
display: inline-block;
background: url('') repeat;
background: rgba(0,0,0,0.1);
color: #222;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
margin-left: 20px;
}
.user-basic-info a img {
max-width: 150px;
max-height: 100px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.user-basic-info a img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.post_username {
float: left;
min-width: 177px;
font-weight: bold;
}
.pun .postmain {
background-color: #fff;
border-left: 1px solid #dedede;
margin-left: 18em;
}
.pun .posthead h2 strong {
float: left;
}
.pun .posthead {
border-top: 1px solid #363636;
border-bottom: 1px solid #363636;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: #444 url('') repeat-x 0 0;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px
}
#footer_utilities {
padding: 8px;
position: relative;
border: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('') repeat-x 0 0;
}
.descript {
margin-left: 15px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
a:hover {
color: #1e1e1e;
}
#backtotop:hover {
background: #8a8a8a;
color: #fff;
opacity: 1;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.clear {
clear: both;
height: 25px;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#pun-about {
background-color: transparent;
border-color: transparent;
}
#pun-about #qjump {
visibility: hidden;
}
a {
color: #346d9a;
text-decoration: none;
}
#footer_utilities {
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#backtotop, #bottomScroll {
line-height: 20px;
text-align: center;
}
#copyright {
color: #848484;
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.mini_ava {
float: left;
padding: 5px 10px;
}
.mini_ava img {
width: 30px;
height: 30px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
#avatar img {
height: 28px;
margin: 4px -6px 0;
padding: 0;
position: relative;
vertical-align: top;
width: auto;
}
.pun tbody.statused span.status {
position: absolute;
margin-top: 7px;
}
#inbox_link img, #notify_link img {
margin-top: 8px;
}
.pun table.table td {
background-color: #f9f9f9;
border-color: #ddd;
border-style: solid none none none;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
body {
background: #252525 url("http://i55.servimg.com/u/f55/16/14/11/80/qkwicx10.jpg") repeat-x 0 0;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
.main .main-head .page-title {
color: #000;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
font-family: "Myriad Pro",Tahoma,Geneva,sans-serif;
font-size: 15px;
font-weight: bold;
}
#community_app_menu>li.active>a {
background-position: 0 -103px;
color: #346d9a;
height: 43px;
line-height: 43px;
position: relative;
margin-top: -2px;
margin-bottom: 0px;
}
a {
color: #346d9a;
text-decoration: none;
}
.hide {
display: none;
}
fieldset, img {
border: 0;
}
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
padding: 1px 0px;
}
#search_wrap {
line-height: 50px;
}
#branding {
height: 90px;
}
#logo {
float: left;
}
#search {
margin: 32px 0 0 0;
}
.right {
float: right;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://i55.servimg.com/u/f55/16/14/11/80/dhqojg10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 138px;
line-height: 25px;
outline: 0;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eaeaea url('http://i78.servimg.com/u/f78/18/32/50/20/highli11.png') repeat-x 0 1px;
display: inline-block;
text-shadow: #fff 0px 1px 0px;
float: right;
}
#search_options_menucontent {
min-width: 130px;
padding: 0;
background: #fff;
border: 1px solid #c6c6c6;
}
#search .submit_input {
background: #2e85b2 url('http://i78.servimg.com/u/f78/18/32/50/20/search10.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}
#search .submit_input:hover {
background-color: #3b95c4;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(255,255,255,0.1);
}
.content {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 5px 4px 4px 5px;
border-radius: 5px 4px 4px 5px;
}
#left_col {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
background: url('http://i55.servimg.com/u/f55/16/14/11/80/f2qzkg10.png') repeat-y 0 0;
position: relative;
min-height: 500px;
padding-left: 177px;
}
#navigationToggle {
position: absolute;
top: 8px;
left: -12px;
width: 12px;
height: 21px;
background: #52a6c3 url("http://i55.servimg.com/u/f55/16/14/11/80/mfub6w10.png") no-repeat 50% 7px;
text-align: center;
cursor: pointer;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
#left_col_top {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
width: 177px;
min-height: 419px;
float: left;
position: absolute;
margin-left: -177px;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/left_c10.png') no-repeat 0 0;
}
#primary_nav {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
padding: 4px 0 0 0;
}
ol, ul {
list-style: none;
}
#community_app_menu>li {
margin: 0;
padding: 0;
position: relative;
float: none !important;
display: block;
}
#community_app_menu>li>a {
color: #fff;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/primar10.png') no-repeat 0 0;
display: block;
outline: none;
padding-left: 12px;
text-decoration: none;
line-height: 37px;
height: 37px;
margin-bottom: 4px;
}
#community_app_menu>li.active>a {
background-position: 0 -103px;
color: #346d9a;
height: 43px;
line-height: 43px;
position: relative;
margin-top: -2px;
margin-bottom: 0px;
}
#primary_nav #nav_home img.nav_icon {
background-image: url("http://i78.servimg.com/u/f78/18/32/50/20/nav_ho10.png");
}
#primary_nav img.nav_icon {
background: url("http://i55.servimg.com/u/f55/16/14/11/80/2mwpnj10.png") no-repeat 0 0;
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 2px;
}
#community_app_menu>li.active>a:hover {
background-position: 0 -103px;
color: #346d9a;
}
#community_app_menu>li>a:hover {
background-position: 0 -51px;
color: #fff;
}
#user_navigation {
background: #343434 url('http://i78.servimg.com/u/f78/18/32/50/20/highli10.png') repeat-x 0 1px;
color: #fff;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body {
color: #00000;
font: normal 11px Verdana,Arial,Helvetica,sans-serif
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#user_navigation {
color: #fff;
font-size: 11px;
line-height: 36px;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 13px;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid #484848;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: middle;
position: relative;
margin: -1px 2px 0 0;
}
#user_navigation a:hover {
background: #404040 url('http://i.imgur.com/aAt9Y1u.png') repeat-x 0 1px;
}
.main-head2 {
background: #366d9b url('http://i78.servimg.com/u/f78/18/32/50/20/mainti10.png') repeat-x 0 0;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
font-family: "Myriad Pro",Tahoma,Geneva,sans-serif;
padding: 14px;
font-size: 15px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 5px;
border: 1px solid #32638d;
margin-bottom: 4px;
overflow: hidden;
}
.main .forabg-ipb .main-head, .main.paged .main-head {
background: transparent;
border: 0;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('http://i55.servimg.com/u/f55/16/14/11/80/qrsu8a10.png') repeat-x 0 0;
padding: 8px;
color: #727272
}
.gravity {
border-top: 1px solid #363636;
border-bottom: 1px solid #363636;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: #444 url('http://i55.servimg.com/u/f55/16/14/11/80/wenkve10.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
http://www.rewtec.com/ - PunBB
Imagem Sugestiva:
https://i.imgur.com/ZLcue6A.png Clique no ícone para visualizar a imagem. |