Data/hora atual: 19.03.24 5:07
17 resultados encontrados para pun-navlinks
Fazer o Navbar Sticky funcionar
Boas!Creio que não funcionou pois as classes do seu menu estão diferentes com a do código.
Por exemplo, no código temos:
" // TARGET NODES BY VERSION
// PHPBB2 : .bodyline > table + table
// PHPBB3 : #page-header .navlinks
// PUNBB : #pun-navlinks
// INVISION : #submenu"
E no seu fórum a classe do menu é ".navi". Poderiamos fazer a transição, mas na minha opinião poderia dar Bugs no seu template, isto é, se funcionar.
Quer tentar?
Abraços!
- em 17.01.18 15:21
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Fazer o Navbar Sticky funcionar
- Respostas: 12
- Vistos: 1083
Como mudar as cores das barras
Olá,qual a cor que você quer? ou você pode ir simplesmente ao seu CSS e localize #pun-head #pun-navlinks e mude do background-color.
Obrigado,
- em 14.01.18 17:09
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como mudar as cores das barras
- Respostas: 8
- Vistos: 1003
Avatar muito pequeno
Detalhes da questão
Endereço do fórum: http://nostagicgames.forumeiros.com/
Versão do fórum: PhpBB2
Descrição
No meu fórum, ao entrar no perfil do usuário o avatar fica do tamanho que quero, 150x350, porem nos tópicos o avatar fica muito pequeno, tenho 99% de certeza que é algo na CSS, poderiam arrumar para mim?
- CSS:
- body {
background: #edeff1 url("https://i.servimg.com/u/f55/18/71/50/00/noise10.png") repeat;
color: #4e565e;
}
body, .pun a {
font: normal 11px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
}
::selection {
color: #fff;
background: #82b8e6;
}
a:link {text-decoration:none;}
.pun, .wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 90%;
}
.pun {
background: #fff;
max-width: 1588px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
border: 1px solid #d6d8d9;
margin-bottom: 10px;
}
.overview {background: white;}
#pun-visit {
background: url(https://i.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
border: 1px solid #ebb962;
box-shadow: 0 1px 4px #fde5bb;
font-size: 13px;
line-height: 140%;
margin: 5px 5px 10px;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}
#pun-visit, #pun-visit a {color: #b85f1d;}
.main-box, #pun-about {background: transparent;border: 0px; font: 0.8em;}
#secondary_navigation {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
background: url("https://i.servimg.com/u/f55/18/71/50/00/trans810.png") repeat;
background: rgba(0,0,0,0.;
font-size: 11px;
text-shadow: rgba(0,0,0,0. 0px 1px 1px;
-webkit-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
-moz-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
border-bottom: 1px solid #0d0d0d;
overflow: hidden;
line-height: 37px;
clear: both;
}
#secondary_navigation a {
color: #ddd;
line-height: 37px;
height: 37px;
}
#secondary_navigation a:hover {
color: #fff;
text-shadow: #fff 0px 0px 3px;
}
#secondary_navigation li {list-style-type: none;}
#secondary_navigation li {
float: left;
}
.breadcrumb {
color: #777;
font-size: 11px;
}
ul.pun-crumbs {margin: 0px;padding: 0px;}
span.crumbs .first {
margin-left: 0;
background: none;
padding-left: 12px;
}
span.crumbs a {
color: #ddd;
margin-left: -8px;
padding: 10px 15px 10px 5px;
background: url('https://i.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -1px;
}
span.crumbs a:hover {
background: url('https://i.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -44px;
}
#secondary_links a {
padding: 0 12px;
display: block;
}
#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
margin: 10px -3px 0 -3px;
}
#secondary_links a:hover img {
opacity: 0.7;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.left {float: left;}
/*INTRO*/
#pun-intro {
background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi10.png') repeat;
height: 69px;
border-bottom: 1px solid #141414;
padding: 0;
padding-top: 38px;
}
#pun-desc {display: inline-block;}
#pun-navlinks {
background: rgba(0,0,0,0.3) url("https://i.servimg.com/u/f55/18/71/50/00/trans310.png") repeat;
-webkit-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
float: right;
margin-top: 16px;
}
#pun-navlinks a.mainmenu {
color: #e9ebed;
padding: 8px;
line-height: 35px;
height: 35px;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
}
#pun-navlinks a.mainmenu:hover {
background: rgba(255,255,255,0.05) url("https://i.servimg.com/u/f55/18/71/50/00/nav_ac10.png") repeat;
text-decoration: none;
color: #fff;
text-shadow: #fff 0px 0px 4px;
}
#pun-navlinks li {
font: 12px 700;
}
#pun-navlinks li a {
margin: 0px;
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
#pun-head {
background: #a9afb6 url("https://i.servimg.com/u/f55/18/71/50/00/noise11.png") repeat;
border-top: 1px solid #cbcdd1;
border-bottom: 1px solid #95999c;
-webkit-box-shadow: #fff 0px 1px 0px;
-moz-box-shadow: #fff 0px 1px 0px;
box-shadow: #fff 0px 1px 0px;
margin-bottom: 10px;
}
/*USERBAR*/
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
font-weight: bold;
border-left: 1px solid rgba(255,255,255,0.15);
}
#user_navigation .ipsList_inline li {
margin: 0;
list-style-type: none;
padding: 0;
float: left;
}
#user_navigation a {
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid rgba(255,255,255,0.15);
}
#user_navigation a:hover {
background: rgba(255,255,255,0.12);
}
#avatar img {
background: #fff;
border: 1px solid #959595;
height: 24px;
margin-top: 4px;
padding: 1px;
position: relative;
vertical-align: top;
width: 24px;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}
#inbox_link img {
background-image: url(https://i.servimg.com/u/f55/18/71/50/00/icon_i10.png);
}
#notify_link img {
background-image: url(https://i.servimg.com/u/f55/18/71/50/00/icon_n10.png);
}
#inbox_link img, #notify_link img {
background-position: 0 0;
background-repeat: no-repeat;
height: 20px;
vertical-align: middle;
width: 20px;
}
#search {
margin: 4px 0 0 0;
}
fieldset {
border: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('https://i.servimg.com/u/f55/18/71/50/00/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(0,0,0,0.2);
}
#search_wrap {
position: relative;
background: url("https://i.servimg.com/u/f55/18/71/50/00/trans210.png") repeat;
background: rgba(0,0,0,0.2);
display: block;
padding: 0 26px 0 7px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
min-width: 250px;
}
#main_search {
font: normal 12px tahoma,helvetica,arial,sans-serif;
border: 0;
margin: 3 0 0 0;
padding: 0;
background: transparent;
width: 138px;
outline: 0;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}
#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: url('https://i.servimg.com/u/f55/18/71/50/00/trans410.png') repeat;
background: rgba(0,0,0,0.4);
display: inline-block;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
color: #fff;
float: right;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #292929 url('https://i.servimg.com/u/f55/18/71/50/00/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;
}
#search .submit_input:hover {
background-color: #3e3e3e;
}
/*TABLEHEAD*/
.main .main-head, .title-overview , .main .main-foot {
background: #a9b4c0 url("https://i.servimg.com/u/f55/18/71/50/00/noise12.png") repeat;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 12px;
font-size: 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #778594 0px 1px 3px;
-moz-box-shadow: inset #778594 0px 1px 3px;
box-shadow: inset #778594 0px 1px 3px;
overflow: hidden;
margin-bottom: 2px;
}
.main .main-head .page-title {
font-weight: 700;
}
.pun table.table td, .pun table.table th {
background: #fff !important;
}
.pun table.table td {
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.pun table.table td.col_stats {text-align: right;}
.pun table.table td a {color: #676c70;}
.pun table.table td a:hover {color: #53585c;}
.hierarchy a {
font: 12px bold;
}
.main .main-content, .main .main-content.frm, .pun .frm-form {background: transparent;border: 0px;}
/*WIDGETS*/
.module .main-head, .statistics_head {
background: #262626;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #000 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset #000 0px 1px 3px;
padding: 10px;
}
.module .main-content {background: #fff;}
/*STATISTICS*/
.statistics_head {
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 8px;
}
#onlinelist, #onlinechat {
background: #fff;
border: 0px;
}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: url('https://i.servimg.com/u/f71/18/12/14/12/trans110.png') repeat;
background: #edeff1;
color: #768089;
text-shadow: rgba(255,255,255,0.9) 0px 1px 0px;
-webkit-box-shadow: inset #b3bac1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #b3bac1 0px 1px 3px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 8px;
font-size: 11px;
position: relative;
border-top: 1px solid #141414;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi11.png') repeat;
}
#footer_utilities, #footer_utilities a {
color: #ccc;
}
.clr {
clear: both;
}
#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: url("https://i.servimg.com/u/f55/18/71/50/00/trans311.png") repeat;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}
#bottomScroll:hover,#backtotop:hover{background:url("https://i.servimg.com/u/f55/18/71/50/00/trans710.png") repeat;background:rgba(0,0,0,0.7);color:#fff}
#backtotop img {
margin-top: 5px;
opacity: 0.4;
}
#backtotop:hover img {
opacity: 1;
}
.skin_link {
float: left;
padding-top: 4px;
}
.skin_link, .skin_link a {
color: #ccc !important;
}
#copyright {
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;list-style-type: none;
margin: 0 3px;
}
#rss_feed {
margin-top: -1px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
/*TÓPICO*/
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
.pun .posthead {
background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi12.png') repeat;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #000 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset #000 0px 1px 3px;
color: #bbb;
border: 0px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.pun .posthead a {color: #fff;}
.pun .posthead h2 strong {
font: 11px normal;
color: #878c91;
}
.pun .posthead h2 strong:before {
content: '#';
}
.pun .posthead .username {
float: left;
min-width: 177px;
}
.pun .posthead .username a {
font-weight: bold;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
font-size: 13px;
}
.pun .posthead .username a span {color: #fff !important;}
.pun .user .user-basic-info a img {
max-width: 90px;
max-height: 90px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.pun .user .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);
}
.pun .post {margin-bottom: 10px;}
.pun .post, .pun .postmain {background: #fff;border: 0px;}
.pun .postmain {margin-left: 17em;}
.pun .post .user {
width: 155px;
margin-top: 1em;
border-right: 1px dashed #e4e8ed;
font-size: 12px;
text-align: center;
margin-left: -16em;
padding: 10px 10px;
line-height: 150%;
}
.pun .user .user-info {
font: 11px;
color: #878c91;
}
.pun .postfoot {
background: #edeff1 url("https://i.servimg.com/u/f55/18/71/50/00/noise13.png") repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px;
border-radius: 3px;
-webkit-box-shadow: inset #b3bac1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #b3bac1 0px 1px 3px;
clear: both;
}
/*PERFIL TABS PERSONALIZADOS*/
#tabs ul li a {
font-weight: bold;
color: #424242;
background-color: #F1F1F1;
border-color: #C1C1C1;
background-image: url('https://2img.net/h/oi50.tinypic.com/2rcpvd3.png');
background-repeat: repeat-x;
margin-top: 10px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
#tabs ul li.activetab a:hover {
background-color: #363636;
}
#tabs ul li a:hover {
background-color: #F4F4F4;
border-color: #333;
}
#tabs ul li.activetab a {
background-color: #363636;
background-image: url(https://2img.net/h/oi50.tinypic.com/9qky9y.png);
background-repeat: repeat-x;
border-color: #363636;
color: white;
text-decoration: none;
}
#tabs ul li.activetab a:hover {
background: white;
}
/*QR*/
#quick_reply .frm-buttons {
text-align: right;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: #fff;
}
input[type="button"], input[type="submit"], input[type="reset"] {
background: #51a3ce url('https://i.servimg.com/u/f55/18/71/50/00/highli11.png') repeat-x 0 0;
border: 1px solid #4897c0;
-webkit-box-shadow: #8ac7e7 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: #8ac7e7 0px 1px 2px;
color: #fff;
padding: 4px 10px !important;
cursor: pointer;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color:#60b3de;color:#fff}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;position:relative;top:1px}
- em 01.02.16 11:00
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Avatar muito pequeno
- Respostas: 3
- Vistos: 4940
Widget cortado no portal
Detalhes da questão
Endereço do fórum: http://strickers-family.forumeiros.com/
Versão do fórum: PunBB
Descrição
Olá amg acessem meu portal primeiramente:http://strickers-family.forumeiros.com/
Os widgets estão bugados, o "dowloands" está incompleto,percebir o problema quando atualizei o tema do mesmo,nos outros temas está normal abrçs:
- Folha css:
- body {
color: #333;
font: 13px/150% "Helvetica Neue", Arial, sans-serif;
background: url(https://i.imgur.com/86zGU.png)repeat-x ,url(https://i.imgur.com/UfSvc.png);
}
.pun {
line-height: 130%;
min-width: 768px;
width: 100%;
padding: 0px;}
#topbar {
background: url(https://i.imgur.com/pvSB3.png) 0 0 repeat-x;
line-height: 20px;
padding: 10px 0;
overflow: hidden;
font-size: 90%;
}
.wrapper {
margin: 0 auto;
width: 980px;
}
#toplinks {
float: right;
}
.time {
color: #555;
list-style: none;
}
#pun-head #pun-navlinks {
background: #222 url(https://i.imgur.com/2QARA.png) repeat-x;
height: 60px;
margin: 0;
padding: 0;
z-index: 999;
}
#pun-navlinks li a {
color: #555;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 60px;
margin: 0 .8em 0 0;
padding: 22px 0px;
}
#pun-navlinks li a[href="/"]{background: url(https://i.imgur.com/ywUSm.png) 50% 100% no-repeat;
font-weight: bold;
color: white;}
#pun-navlinks li a:hover {color: white;
text-decoration: none!important;}
#pun-navlinks ul {
list-style: none;
text-align: left;
width: 980px;
margin: auto;
}
#pun-intro {
background: transparent;
margin: auto;
text-align: left;
padding: 35px 0;
width: 980px;
border:none;}
#content {
background: white;
padding: 10px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#page-body {
margin: auto;
background: #4D4D4D;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 980px;
}
#main_content_top {
background: #E5E5E5 url(https://i.imgur.com/cfMqh.png) repeat-x;
height: 60px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-left-radius: 5px;
text-shadow: 0 1px 0 white;
}
#memb_login {
float: left;
margin-top: 12px;
padding-left: 20px;
width: 500px;
}
#memb_login ul, #memb_login li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#memb_login .login_icon {
background: url(https://i.imgur.com/ATlGt.png) 0 50% no-repeat;
}
#memb_login a {
color: #888;
font-size: 12px;
text-decoration: none;
line-height: 20px;
}
#memb_login .login_icon span, #memb_login .signup_icon span {
padding: 0 0 0 40px;
display: block;
}
#memb_login .uppertext, #memb_login .memb_greeting {
font-size: 16px;
color: #323436;
text-transform: uppercase;
display: block;
}
#memb_login .signup_icon {
background: url(https://i.imgur.com/KeBCD.png) 0 50% no-repeat;
margin-left: 50px;
}
#memb_login a:hover {
color: #454545;
}
#search {
float: right;
background: url(https://i.imgur.com/l4a8b.png) 0 0 no-repeat;
width: 245px;
height: 65px;
position: relative;
margin-bottom: -6px;
padding-right: 20px;
}
#keywords.inputbox.search {
position: absolute;
top: 15px;
right: 62px;
width: 157px;
height: 16px;
padding: 8px 5px 6px 8px;
background: none;
border: none;
outline: none;
overflow: hidden;
font: 13px Arial, sans-serif;
}
#search .search_button {
position: absolute;
top: 0;
right: 20px;
width: 42px;
height: 60px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
#pun-foot {
clear: both;
width: 980px;
margin: auto;
}
#pun-about {
background: none;
border: none;
line-height: 150%;
padding: 0px;
text-align: left;
}
#pun-about ul li a {
color: #959595;
font: 12px "Helvetica Neue", Arial, sans-serif;
text-decoration: none!important;
}
.main .main-head ,.main .main-foot {
background-image: url(https://i.imgur.com/3mBvC.png);
height: 22px;
}
.pun table .tcr {
width: 25%;
}
.largertext {
font-size: 120%;
color: #484848;
}
.fadetext{
color: #AAA;
font-size: 11px;
}
.pun table.table td {
background-color: white;
line-height: 130%;
border-left: none;
border-bottom: 1px solid #EBEBEB;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F8F8F8;
border-left: none;
}
.tcicons {
width: 5%;
background-color: #F8F8F8!important;
}
.statusid {
margin-left: 10px!important;
margin-right: 0px!important;
}
.stadisticageneral {
padding:10px;
background: #F6F6F6;
border: 1px solid #DDD;
}
.cat_bar {
background-image: url(https://i.imgur.com/3mBvC.png);
padding-left: 9px;
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
color: #EEE;
margin-bottom: 5px;}
.titlebg {
color: #1C1C1C;
text-shadow: 0 1px 0 white;
background: url(https://i.imgur.com/hfnii.png);
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 120%;
font-weight: normal;
padding-left: 9px;
}
.stadisticageneral p{
margin: 0 0 0.2em 0;
padding: 0.2em;
}
#pun-about fieldset {
display: none;
}
.pun .postmain {
border: none;
margin-left: 15em;
background-color: white;
}
.pun .post {
background-color: white;
border-style: solid!important;
border-width: 1px 0px 0px 0px;
border-color: #DDD;
}
.pun .topic {
background: white;
border: none;
}
.postfoot {
border-top: none;
margin-left: 0em;
}
.pun .posthead {
background: white;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #DDD;
font-size: 11px;
}
.pun .sig-content {
border-top: 1px #DDD solid;
}
.pun .post .user {
margin-left: -16em;
font-size: 12px;
}
button.button2, input.button2 {
background: url(https://i.imgur.com/aCInW.png);
padding: 5px;
border-radius: 3px;
}
.pun .frm .frm-buttons input {
background: url(https://i.imgur.com/aCInW.png);
padding: 7px;
border: 1px solid #CCC;
border-radius: 4px;
}
.pun .frm .frm-buttons input:hover {
border: 1px solid #BBB;
cursor:pointer;
box-shadow: 0px 0px 5px 0px #DDD;}
#profile-advanced-layout #tabs {
bottom: 0;
position: relative;
min-width: 600px;
}
#profile-advanced-right {
float: left;
width: 31.5%;
}
#profile-advanced-layout {
float: right;
margin-left: 0;
margin-right: 0;
width: 68.2%;
}
#profile-advanced-left {
margin-right: 0px;
margin-left: 0px;
}
#copyright {
float: right;
}
.fameforum {
color: #C03B00;
font-size: 11px;
font-weight: bold;
}
.fameforum a {
color: #0CD5D5!important;
font-size: 12px;
font-weight: 700;
}
.pun table.table td {
padding: .2em 0 .2em;
}
.pun-crumbs p {
line-height: 1.5;
margin: 0;
color: #464646;
font-size: 0.95em;
}
.pun-crumbs p a{
color: #464646!important;
}
a{
text-decoration: none!important;
}
a:hover{
text-decoration: underline!important;
}
#pun-about ul li a:hover{
text-decoration: underline!important;}
- em 02.10.15 23:18
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Widget cortado no portal
- Respostas: 3
- Vistos: 3342
Remover imagem de fundo dos botões da resposta rápida
- Folha de CSS:
- body {
background-color: #D8DDE8;
color: #5A5A5A;
font: normal 13px helvetica,arial,sans-serif;
}
#pun-intro {
display: none;
}
.vote {
width: 59px;
}
.vote .vote-button {
margin: -20px 25px;
}
#quick-avatar {
position: absolute;
margin: 43px 21px;
}
#quick-avatar img {
width: 60px;
height: 60px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
#quick-avatar 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);
}
.pun .paging b, .pagination b, .pagination span strong {
border-image: initial;
border-radius: 3px;
color: white!important;
font-size: 12px;
font-weight: 400!important;
margin-left: -1px!important;
padding: 5px 5px!important;
text-shadow: 0 1px 0 black;
visibility: visible;
background: #7BA60D;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}
.paging a , .paging input, .pagination a, .pagination input {
border-image: initial;
border-radius: 3px;
font-size: 12px!important;
margin: 2px;
padding: 5px 5px!important;
text-shadow: 0 1px 0 white;
visibility: visible;
color: #333;
display: inline-block;
display: inline-block;
padding: 1px 4px;
}
/*feature box*/
.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 {
margin-left: 3%;
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;
}
.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;
}
input {
padding: 3px;
}
#smilies_categ {
display: none;
}
#simple-wrap {
padding-top: 10px;
}
.recent_space {
border-bottom: 1px solid #F3F3F3;
margin: -5px;
}
.avt-r {
float: left;
}
.avt-r img {
width: 30px;
height: 30px;
margin: 3px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
.avt-r 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);
}
button.button2 {
border: none !important;
background: none !important;
background-color: transparent !important;
}
input.button2 {
border: 1px solid grey;
background: none !important;
background-color: transparent !important;
}
img[src="https://2img.net/i/fa/wysiwyg/separator.png"] {
display: none;
}
a[href="/g9-administrators"], a[href="/g4-support-moderators"], a[href="/g7-graphic-designers"], a[href="/g6-reviewers"] {
font-weight: bold !important;
}
span.msg {
width: 50% !important;
}
.pun table .tcr {
width: 25%;
}
img[src="https://2img.net/i/fa/resize.gif"] {
display: none;
}
a.gensmall, a.gensmall span strong {
font-weight: normal;
}
.postmain blockquote {
border: none;
}
h4.username a {
font-weight: normal;
}
.postmain cite {
font-size:12px;
padding:8px 10px;
border-left:2px solid #989898;
background:#f6f6f6;
background:-moz-linear-gradient(top,#f6f6f6 0%,#e5e5e5 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#e5e5e5));
border-top:2px solid #e5e5e5;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
font-weight:bold;
overflow-x:auto;
margin-top: -12px;
margin-left: -12px;
width: 100%;
}
#pun-about {
display: none;
}
.postmain blockquote, .codebox {
font-size:12px;
padding:10px;
border:2px solid #e5e5e5;
border-left:2px solid #989898;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#f7f7f7;
margin:0 0;
overflow-x:auto;
}
#pun-visit {
display: none;
}
#content-container div#right {
margin-top: -15px;
}
.codebox dd {
background-color: #f7f7f7;
}
span.authooor a span strong {
color: #a4a4a4 !important;
font-weight: normal !important;
}
span.authooor a {
color: #a4a4a4 !important;
font-weight: normal !important;
}
.edit {
color: #ac6328;
text-shadow: #fffaf1 0px 1px 0px;
font-size: 11px;
float: right;
}
.filterb {
background:#244156;
opacity:1;
color:#fff;
padding:4px 10px;
font-weight:bold;
-moz-border-radius:10px;
-webkit-border-radius:10px!important;
border-radius:10px;
-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
font-size: 12px;
}
#modal {
width: 650px !important;
height: 300px !important;
left: 40% !important;
}
#content1 {
width: 650px !important;
height: 300px !important;
}
input#username.inputfield {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/user.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
width: 150px;
margin-top: -20px;
}
input#ips_username.input_text {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/user.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
padding-right: 60px;
margin-left: -50px;
}
input#ips_password.input_text {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/key.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
padding-right: 60px;
margin-left: -50px;
}
input#password.inputfield {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/key.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
width: 150px;
margin-top: -20px;
}
input.loginn {
padding:4px;
border-width:1px;
border-style:solid;
border-color:#848484 #c1c1c1 #e1e1e1 #c1c1c1;
background:#fff;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
width: 200px;
}
.ipsForm_right{text-align:right}.ipsForm_left{text-align:left}.ipsForm_center{text-align:center}
.ipsForm_horizontal .ipsField_title{
float:left;
width:185px;
padding-right:15px;
text-align:right;
line-height:1.8;
font-size: 14px;
font-weight: bold;
}
.ipsForm_horizontal .ipsField{
margin-bottom:15px;
}
.ipsForm_horizontal .ipsField_checkbox{
margin:0 0 5px 200px;
text-align: left;
}
.ipsForm_horizontal .ipsField_select .ipsField_title{
line-height:1.6
}
.ipsForm_vertical .ipsField{
margin-bottom:10px
}
.ipsForm_vertical .ipsField_content{
margin-top:3px
}
.ipsForm .ipsField_checkbox .ipsField_content{
margin-left:25px
}
.ipsForm .ipsField_checkbox input{
float:left;
margin-top:3px
}
.ipsForm_submit{
background:#e4e4e4;
background:-moz-linear-gradient(top,#e4e4e4 0%,#ccc 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4),color-stop(100%,#cccccc));
padding:5px 10px;
text-align:right;
border-top:1px solid #ccc;
margin-top:25px
}
#pun-navlinks {
display: none;
}
#pun-about {
background-color: transparent;
border: 0px;
font-size: 0.8em;
line-height: 150%;
padding: .6em 1em;
text-align: right;
}
#pun-about form {
display: none;
}
#pun-visit, .main-box {
background-color: transparent;
border: 0px;
margin: 0 0 1em;
padding: .6em 1em;
}
.pun {
width: 87%;
background: white;
padding: 10px 10px;
-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
}
#content-container div#content {
margin-right: 270px;
}
a:link {
text-decoration: none;
}
#header_bar {
background: #323232 url(http://community.invisionpower.com/filestore/public/style_images/master/user_navigation.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#content2, .main_width {
margin: 0 auto;
width: 87% !important;
min-width: 960px;
}
#user_navigation {
color: #9F9F9F;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
.right {
float: right;
}
ol, ul {
list-style: none;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_navigation #sign_in {
margin-right: 8px;
}
#user_navigation a {
color: white;
text-decoration: none;
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#inbox_link {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_inbox.png) no-repeat top;
}
#notify_link {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_notify.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
#branding {
background: #0F3854 url(http://community.invisionpower.com/filestore/public/style_images/master/branding_bg.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 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 {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
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;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
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);
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
user agent stylesheetlabel {
cursor: default;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
position: relative;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#community_app_menu > li.active > a {
background: white;
color: #0B5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
text-decoration: none;
}
#community_app_menu > li > a {
color: #C5D5E2;
background: #1C3B5F;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none;
}
#quickNavLaunch span {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_quicknav.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
.main .main-head {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
color: white;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
}
.main .main-foot {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
color: white;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.main .main-head .page-title {
font-size: 16px;
}
thead {
display: none;
}
.pun .main-content {
background-color: #EBF0F3;
border: 0px;
padding: 9px;
}
.pun table.table td {
background-color: #FFFFFF;
border-bottom: 1px solid #F3F3F3;
border-right: 0px;
border-left: 0px;
line-height: 130%;
padding: .8em 0 .7em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: #FFFFFF;
}
.hierarchy {
margin-left: 10px;
font-weight: normal !important;
font-size: 15px !important;
font: Arial !important;
}
.desc {
margin-left: 10px;
}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
#pun-info {
margin-top: 15px;
border: 0px;
}
.statistics_head{
border-top: 3px solid #D8D8D8;
}
#onlinelist {
background: white;
border: 0px;
border-top:none;
}
#onlinechat {
background: white;
border-top: 1px solid #EEE;
border-top:none;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
.clear {
clear: both;
}
.footerleft {
float: left;
margin-top: -20px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #BDBDBD;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop:hover{
background:#af286d;
color:#fff;
opacity:1
}
#backtotop img {
margin-top: 5px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#rss_menu {
background-color: #FEF3D7;
border: 1px solid #ED7710;
}
#rss_menu li {
border-bottom: 1px solid #FCE19B;
}
#rss_menu a {
color: #ED7710;
padding: 5px 8px;
}
.ipbmenu_content a {
text-decoration: none;
text-align: left;
display: block;
padding: 6px 10px;
}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
color: #225985;
}
#footer_utilities .ipsList_inline > li > a:hover {
color: #328687;
}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px white;
}
#copyright a {
color: #848484;
}
/*module*/
.module .main-content {
background: #F7FBFC;
}
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
border-radius: 0px;
background-color: #DBE2EC;
background-image: none;
border: 0px;
-webkit-box-shadow: inset 0 0px 0 #528CBC;
box-shadow: inset 0 0px 0 #528CBC;
}
/*quick-reply*/
#quick_reply #textarea_content {
clear: both;
margin-left: 0px;
margin-right: 0px;
width: 100% !important;
height: auto !important;
}
#pun-qpost #textarea_content dt label{
float:left;
}
fieldset.frm-set dl dd {
margin: auto!important;
}
#smiley-box iframe{height: 230px;}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;margin:5px -25px!important;padding:5px; width: 17.5% !important;}
.pun .frm .frm-buttons input {
background-image: url(https://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;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: white;
padding-left: 20px;
}
#quick_reply fieldset.frm-set dl dd {
background: white;
border: solid 1px #CCC;
margin: 0 auto;
}
#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;
background-color: #EEE;
border: solid 1px #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}
.pun .frm-form {
background: #F5F6F7;
border: none;
}
.main .main-content.frm {
background-color: #F5F6F7;
}
#textarea_content dt {display:none}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin: 0px 0.25em;
overflow: visible;
padding: 2px 3px;
}
.pun .frm-form {
background: #ffffff;
border: none;
}
.main .main-content.frm {
background-color: #ffffff;
padding: 9px;
}
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 5px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .paged-foot, .pun .paged-head {
background-color: white;
border: 0px;
}
.pun .post {
background: white;
border-style: none !important;
}
.pun .postmain {
background-color: #fff;
border-left: 0px;
margin-left: 16em;
}
.pun .post .user {
display: block;
position:relative;
font-size: 12px;
text-align: center;
margin-top: 0 !important;
}
.pun .user .user-ident .user-basic-info {
text-align: center;
}
.pun .topic {
background: #EBF0F3;
}
.pun .posthead {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
border-bottom: 0px;
}
.posting img:hover {
opacity: 0.9;
}
.postfoot {
border-top: 0px;
opacity: 0.3;
transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
-moz-transition:0.5s all;
-webkit-transition:0.5s all;
}
.postfoot:hover {
opacity: 1.0;
}
.pun .posthead h2 {
color: #777;
font-size: 11px;
font-weight: normal;
}
.user-basic-info a img {
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
height: 90px;
max-height: 90px;
max-width: 90px;
width: 90px;
}
.user-basic-info a img:hover {
border-color: #7D7D7D;
}
.pun .postfoot .user-contact {
text-align: center;
margin-left: 5px;
}
.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 #E4E4E4;
}
/*chatbox*/
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
border-top: 1px solid #EAEAEA;
}
#chatbox_header.main-head {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
padding: 2px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: white;
font-size: 15px;
font-weight: bold;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
}
#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;
}
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;
word-wrap: break-word !important;
}
#chatbox_footer {
width: 290px;
min-width: 230px;
background: #FCFCFC;
float: right;
clear:both;
position: relative;
border-top: 1px solid gainsboro;
}
.right {
clear: both;
float: right;
}
input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: black;
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;
margin: 20px;
margin-bottom: 0px;
}
#message, #submit_button {
background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
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;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}
#message, #submit_button:hover {
opacity: 0.9;
}
.fontbutton {
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
background: #E2E9F0;
border-color: #DAE2EA;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
}
.fontbutton:hover {
opacity: 0.9;
}
#chatbox_messenger_form {
margin: 37px 0 0;
}
#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(https://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(https://i.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
background: #FBFBFB;
padding: 8px;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
margin-top: 5px;
left:0;
width: 595px;
}
.attach {
float: right;
}
div.main-content.chatbox.clearfix {
border: 0px;
border-radius: 4px;
padding: 0px;
}
.pun .main, .pun .main-category {
margin: auto;
}
.avatar-index { float: left; }
.avatar-index img {
width: 35px;
height: 35px;
padding: 1px;
border: 1px solid #d5d5d5;
margin: 5px 7px;
}
.avatar-index img:hover {
border-color:#7d7d7d;
}
a[href="/privmsg?folder=savebox"] {
display: none;
}
dd.dd-textarea, #quick_reply .frm-buttons {
float: right;
width: 88.5%;
}
#quick_reply .frm-buttons {
float: right;
width: 82%;
margin-right: 7%;
}
span.date-and-time {
display: none;
}
#text_editor_textarea {
font: normal 13px helvetica,arial,sans-serif !important;
}
.helpline {
display: none;
}
p.options a.exthelp {
display: none;
}
.titlebox{
-moz-border-radius:3px;
-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
-webkit-border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
background:#EFEFEF;
border:1px solid #D6D6D6;
border-radius:3px;
box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
overflow:hidden;
padding:10px;
text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a 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:#fff;
border:1px solid #D5D5D5;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
float:left;
height:50px!important;
padding:1px;
width:50px!important
}
.titlebox dava a 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)
}
.ipsType_pagetitle a{
z-index:999;
}
.desc.lighter.blend_links{
color:#a4a4a4;
}
.desc.lighter,.desc.lighter.blend_links a{
color:#A4A4A4;
}
.desc,.desc.blend_links a,p.posted_info{
color:#777;
font-size:12px;
}
.conect{
display:inline-block;
padding-left:5px;
}
div.avatarredet {
padding-right: 5px;
}
div.pun-crumbs.noprint p.crumbs {
font-size: 11px;
margin: -5px;
}
#profile-advanced-layout #tabs {
position: relative !important;
}
.pun .user .user-info {
color: #5A5A5A !important;
}
.resizebox a.enlarge {
display: none;
}
div.sceditor-container.ltr.wysiwygMode {
width: 83% !important;
margin-left: 9.5% !important;
}
div#textarea_content {
margin-left: 0 !important;
}
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "Fundador e Scripter";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}
a[href="/u19"] strong {
position:relative;
}
a[href="/u19"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "Web Designer e Designer do Fórum";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(https://i.servimg.com/u/f38/17/31/71/58/highli10.png);
border--radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
@Mshas ai está espero que possa me ajudar
- em 29.08.15 22:31
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Remover imagem de fundo dos botões da resposta rápida
- Respostas: 11
- Vistos: 11544
Problema com SCEDITOR
Detalhes da questão
Endereço do fórum: http://pokemonchampionxnew.forum-livre.com
Versão do fórum: PunBB
Descrição
Estou com alguns problemas nos tópicos, pois a resposta rápida esta com alguns bugs, no Firefox, Internet Explore, Microsoft Edge seu menu não aparece, no Google Chrome quando se aperta pre-visualizar a menu fica cortado, e também em todos os navegadores, quando se aperta pre-visualiza a parte de baixo do forum vai para em cima da caixa mensagem.
- Firefox, Internet Explore, Edge, etc.:
- Chrome:
- Oque esta dando em todos os navegadores:
- Meu CSS:
- pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 79px;
}
/*--Chatbox--*/
body {
background-attachment: fixed;
background-color: #fff;
background-image: url(https://i.imgur.com/dsyBKuc.jpg);
color: #CFCFCF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
.user-msg .msg .msg span { color:#C0C0C0 !important; }
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
color: #C0C0C0 ;
}
.user-msg .msg .msg span { color:#ffffff !important; }
a:hover{text-decoration: none !important;}
a {text-decoration:#00000 !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
.abc {
color: FONTCOLORHERE;
font-family: Palatino Linotype Bold;
font-size: 17px}
.pun-privmsg li {
color: #909090 ;
}
.pun-privmsg li a {
color: #909090 !important;
}
#pun-navlinks ul {
list-style: none;
text-align: left;
margin: -6px;
padding: 5px;
}
#pun-navlinks li a {
color: #B8B8B8
}
#pun-navlinks li a {
font-family: Palatino Linotype Bold
}
#pun-navlinks li a {
font-size: 16px
}
{background-image:url("http://www.acuityorg.com/wallstock/simple-and-cool-black-background-wallpaper.jpg"); }
.yourclass {
-webkit-border-radius: 0 5px 0 5px;
-moz-border-radius: 0 5px 0 5px;
border-radius: 0 5px 0 5px;
}
span.corners-top {
background-image: url(https://2img.net/i/fa/fdf3/corners_left.png);
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: url(https://2img.net/i/fa/fdf3/corners_right.png);
background-position: 100% 0;
}
.pun {
width: 1306px;
}
body.chatbox {
background-color: #F4F9FD;
}
.chatbox_row_1 {
background-color: #F4F9FD;
}
.chatbox_row_2 {
background-color: #F4F9FD;
}
.pun .pun-crumbs + .main .main-content { margin-bottom:10px; }
.pun .pun-crumbs + .main .main-content {border: 2px solid;
border-color: #0000}body {
background-attachment: fixed;
background-color: #fff;
background-image: url();
color: #CFCFCF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
.user-msg .msg .msg span { color:#C0C0C0 !important; }
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
color: #C0C0C0 ;
}
.user-msg .msg .msg span { color:#ffffff !important; }
a:hover{text-decoration: none !important;}
a {text-decoration:#00000 !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
.abc {
color: FONTCOLORHERE;
font-family: Palatino Linotype Bold;
font-size: 17px}
.pun-privmsg li {
color: #909090 ;
}
.pun-privmsg li a {
color: #909090 !important;
}
#pun-navlinks ul {
list-style: none;
text-align: left;
margin: -6px;
padding: 5px;
}
#pun-navlinks li a {
color: #B8B8B8
}
#pun-navlinks li a {
font-family: Palatino Linotype Bold
}
#pun-navlinks li a {
font-size: 16px
}
{background-image:url("http://www.acuityorg.com/wallstock/simple-and-cool-black-background-wallpaper.jpg"); }
.yourclass {
-webkit-border-radius: 0 5px 0 5px;
-moz-border-radius: 0 5px 0 5px;
border-radius: 0 5px 0 5px;
}
span.corners-top {
background-image: url(https://2img.net/i/fa/fdf3/corners_left.png);
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: url(https://2img.net/i/fa/fdf3/corners_right.png);
background-position: 100% 0;
}
.pun {
width: 1106px;
}
body.chatbox {
background-color: #F4F9FD;
}
.chatbox_row_1 {
background-color: #F4F9FD;
}
.chatbox_row_2 {
background-color: #F4F9FD;
}
.pun .pun-crumbs + .main .main-content { margin-bottom:10px; }
.pun .pun-crumbs + .main .main-content {border: 2px solid;
border-color: #0000}
/*--Chatbox--*/
#pun-head #pun-navlinks {
display: none;
}
#pun-intro {
display: none;
}
a{-moz-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;}
body {
background: #F4F4F6;
color: #5A5A5A;
font: normal 13px "Helvetica", helvetica, arial, sans-serif;
}
.main .main-head .page-title, .main-head .page-title h2, .module.main .main-head .h3 {
font-size: 1em!important;
font-weight: bold!important;
}
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
https://i.imgur.com/AxTAUMt.pngbackground: #444;
color: #90BD4F;
}
.main .main-foot, .main .main-head {
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat 0 -164px;
color: rgb(95, 95, 95);
padding-left: 9px;
height: 20px;
overflow: hidden;
font-size: 1em;
font-weight: bold;
}
#pun-desc {
color: #CCC;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
line-height: 25px;
font-size: 12pt;
}
.maxtitleforum #pun-title {
font-size: 30px;
padding-bottom: 5px;
color: white;
text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
font-family: 'Armata', sans-serif;
}
#pun-intro {
width: 70%;
margin:auto;
min-width: 975px;
padding: 0px;
}
.maxtitleforum {
color: white;
margin: 45px auto auto auto;
width: 70%;
min-width: 975px;
}
.pun {
margin: auto;
padding: 0px;
width: 100%;
background: url(https://i.imgur.com/dBMDMiB.png);
}
.pun-intro-main {
min-height: 343px;
box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
background: white url(https://i.imgur.com/dBMDMiB.png);
}
#pun-intro {
clear: both;
height: 76px;
line-height: 70px;
background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 0.44)), color-stop(100%,rgba(0, 0, 0, 0.44)));
background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 );
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
position: relative;
border: 0px;
}
#breadcrumb {
background: url(https://i.imgur.com/Lzq2mdm.png);
height: 78px;
clear: both;
overflow: hidden;
text-shadow: 0 1px 0 white;
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff;
-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
line-height: 75px;
}
#breadcrumb .main_width {
width: 70%;
min-width: 975px;
margin: auto;
}
.pun-intro-main #pun-navlinks ul li a {
font-family: 'Fjalla One', sans-serif;
color: white;
font-size: 11pt;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
padding: 25px 12px 32px 12px;
margin: 0em;
}
.pun-intro-main #pun-navlinks ul li a:hover {
background: black;
background: rgba(0, 0, 0, 0.37);
color: white;
}
#page-body {
background: white;
padding: 15px 15px 10px;
margin: auto auto 35px auto;
min-width: 975px;
width: 70%;
overflow: hidden;}
.crumb.left a {
text-decoration: none;
font-size: 20px!important;}
.crumb.left a span ,.crumb.left a span h1{
color: #585858;
font-size: 20px!important;
font-family: 'Signika' arial;
font-weight: normal!important;
}
.pun table.table td {
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid white;
background-color: #FBFBFB!important;
border-width: 1px 0px 1px 0px;
color: #AAA;
font-family: Helvetica, helvetica, arial, sans-serif;
font-size: 12px;
border-style: none;
}
.pun table.table td:hover {
color: #454545;
}
.pun .main-content_board_index table.table {
background: white;
border: 1px solid #DDD;
border-collapse: separate;
}
.main-content_board_index {
padding: 9px;
background: #E5E4E3;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.module.main .main-head {
background-position: -650px -25px !important;
}
#pun-about a {
font-family: helvetica;
color: #EEE;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
}
#pun-about form {
display: none;
}
#pun-about {
background: none;
border: none;
min-width: 985px;
width: 70%;
margin: auto;
}
#pun-foot .overlay {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}
#pun-foot {
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
background: white url(https://i.imgur.com/wa5siQH.jpg);
position: absolute;
width: 100%;}
.main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{
font-family: 'Carrois Gothic', sans-serif;
font-size: 18px;
}
a.forumtitle {
font-size: 16px;
text-shadow: 0 0 1px #AAA;
font-weight: normal!important;
font-family: 'Carrois Gothic', sans-serif;
}
.tcl.tdtopics a.topictitle {
font-size: 15px;
font-family: 'Carrois Gothic', sans-serif;
font-weight: normal;
color: #0F0F0F;
}
#lit {
display: inline-block;
text-align: right;
margin-right: 10px;
}
.datepostur {
background: #EEE;
border-radius: 2px;
display: inline-block;
margin-bottom: 13px;
color: #AAA !important;
font-size: 11px !important;
padding: 3px 10px;
font: normal 13px "Helvetica", helvetica, arial, sans-serif;
}
.pun .main-content_board_index .post {
background: #EDEDED;
border: 1px solid #DDD;
border-bottom: 0px solid transparent;
}
.pun .posthead {
background: #F1F1F1;
padding: 0 10px;
height: 33px;
line-height: 32px;
font-weight: normal;
text-shadow: 0 1px 0 white;
border-bottom: 1px solid #DDD;
}
.pun .postmain {
background-color: #FBFBFB;
border-left: 1px solid #DDD;
margin-left: 14em;
}
.pun .post .user {
margin-top: 0px;
width: 190px;
margin-left: -190px;
text-align: center;
}
.postfoot {
margin: 0em;
border-top: 0px;
}
#userpost strong {
float: left;
}
.social_media a {
height: 33px;
width: 32px;
display: block;
margin-right: 10px;
position: relative;
top: 20px;
float: right;
}
#icon_plusg a:hover {
background: url(https://i.imgur.com/yePnDmA.png) -64px 33px;
}
#icon_plusg a {
background: url(https://i.imgur.com/yePnDmA.png) -64px 0;
}
#icon_twitter a {
background: url(https://i.imgur.com/yePnDmA.png) -32px 0;
}
#icon_twitter a:hover {
background: url(https://i.imgur.com/yePnDmA.png) -32px 33px;
}
#icon_face a {
background: url(https://i.imgur.com/yePnDmA.png) 0 0;
}
#icon_face a:hover {
background: url(https://i.imgur.com/yePnDmA.png) 0 33px;
}
#pun-navlinks {
position: absolute;
right: 0px;
}
.sprite.icon_nav_search {
background: url(https://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px;
height: 22px;
width: 22px;
position: relative;
top: 5px;
}
#search_ipb input[type="submit"] {
background: #222 url(https://i.imgur.com/5Ja1HOo.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 1px solid #111 !important;
width: 26px;
height: 32px;
border-radius: 0 2px 2px 0;
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1);
cursor: pointer;
}
#search_ipb input[type="text"] {
border-radius: 4px 0px 0px 4px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
width: 230px;
font: normal 13px helvetica,arial,sans-serif;
border: none;
padding: 7px;
}
#search_ipb {
float: right;
background: #111;
background: rgba(0, 0, 0, 0.7);
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
padding: 10px;
margin-top: 75px;
margin-right: 10px;}
.reply_form_topic {
padding: 9px;
background: #E5E4E3;
}
.reply_form_topic #pun-qpost {
padding: 10px;
margin: 0em;
background: white;
}
.reply_form_topic .main-head.clearfix {
font-family: 'Carrois Gothic', sans-serif;
font-size: 18px;
background: none!important;
box-shadow: none;
padding: 10px;
color: black;
text-shadow: 0 0 1px white;
}
.pun .reply_form_topic .main-content.frm {
border: 0px;
}
.reply_form_topic #quick_reply .frm-set {
padding: 0px 5px 0px 3px !important;
border: 2px solid #D5DDE5 !important;
background-color: #E4EBF2 !important;
background-image: none !important;
margin: 0em;
}
.reply_form_topic #text_editor_controls {
margin: 10px;
width: 100%!important;
}
.reply_form_topic button.button2, .reply_form_topic input.button2 {
background: transparent;
border: 0px;
padding: 4px 5px;
border-radius: 2px;
color: #383838;
box-shadow: none;
}
.reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover {
background: #CFDAE0;
border: 0px;
}
.reply_form_topic #textarea_content dl dt {
display: none;
}
.reply_form_topic .dd-textarea {
margin: 0em;
}
.reply_form_topic .options {
display: none;
}
#text_editor_controls {
margin: 10px;
}
.pun .frm div.posting-block dd.frm-textarea {
margin-left: 0em;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"], #locsdeidit input:hover, #locsdeidit input {
background: #212121 url(https://i.imgur.com/DNa2Rhl.png) repeat-x top;
color: white;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #222;
padding: 4px 10px;
cursor: pointer;
font-weight: 500;
}
.main-content.topic {
background: whiteSmoke;
}
#reply-avatar img {
background: white;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 50px;
width: 50px;
margin: 10px;
border: 1px solid #B9B9B9;
padding: 2px;
border-radius: 2px;
}
#reply-avatar {
float: left;
}
#quick_reply .frm-buttons {
margin: 5px;
text-align: right;
border: none;
}
button.button2, input.button2 {
background: whiteSmoke;
padding: 3px 4px;
border: 1px solid #D5D5D5;
border-radius: 2px;
cursor: pointer;
color: #6B6B6B;}
fieldset.frm-set dl dd {
margin-left: auto;
}
input[type="text"], #text_editor_textarea {
padding: 3px;
border: 1px solid #DADADA;
border-radius: 3px;
}
#header_bar {
position: relative;
width: 70%;
min-width: 975px;
margin: auto;
}
#user_navigation {
height: 28px;
margin: 33px 0 6px;
text-align: right;
min-width: 569px;
float: right;
}
.ipsList_inline.right li a {
font: normal 15px 'Carrois Gothic', sans-serif;
color: #EEE;
text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;}
.ipsList_inline.right li {
display: inline;
margin: 2px 7px;
}
#reg_link {
background: rgba(0, 0, 0, 0.7);
color: white;
display: inline-block;
padding: 6px 10px;
border: 0;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ipsList_inline.right {
list-style: none;
}
/* -----------------[Background Selector by 3go0ne]-----------------*/
#custom_background {
background-color: white;
box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16);
border: 1px solid #D1D1D1;
color: white;
position: relative;
padding: 15px 0px 15px 15px;
overflow: hidden;}
#custom_background span {
-moz-transition: all .2s ease-in-out 0;
background: none no-repeat scroll 50% 50% #000;
border-radius: 3px;
box-shadow: 0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);
cursor: pointer;
display: block;
float: left;
height: 90px;
margin: 5px;
width: 140px;
background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
}
#custom_background span:hover {
filter: alpha(opacity=0.5);
background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
#nav_background {cursor: pointer;}
#toggle_background {
margin-bottom: 20px;
}
/* Miniaturas (Vista Previa) */
#bg1 {background: url(https://i.imgur.com/mYhhMdP.jpg) no-repeat -1006px -250px!important;}
#bg2 {background: url(https://i.imgur.com/3hZ2caS.jpg) no-repeat -625px -450px!important;}
#bg3 {background: url(http://hdwallpapers.cat/wallpaper/reshiram_pokemon_moon_clouds_anime_night_hd-wallpaper-1574578.jpg) no-repeat 0 0!important;}
#bg4 {background: url(https://i.imgur.com/hKWnL0I.jpg) no-repeat -655px -450px!important;}
#bg5 {background: url(https://i.imgur.com/BAkjGbg.jpg) no-repeat -742px -122px!important;}
#bg6 {background: url(https://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
#bg7 {background: url(https://i.imgur.com/tywsbGi.jpg) no-repeat 0 0!important;}
#bg8 {background: url(http://wallpaperpassion.com/upload/4737/bikini-girl-wallpaper.jpg) no-repeat 0 0!important;}
/* Backgrounds */
.bg1 {background: white url(https://i.imgur.com/mYhhMdP.jpg)!important;}
.bg2 {background: white url(https://i.imgur.com/3hZ2caS.jpg)!important;}
.bg3 {background: white url(http://hdwallpapers.cat/wallpaper/reshiram_pokemon_moon_clouds_anime_night_hd-wallpaper-1574578.jpg)!important;}
.bg4 {background: white url(https://i.imgur.com/hKWnL0I.jpg)!important;}
.bg5 {background: white url(https://i.imgur.com/BAkjGbg.jpg)!important;}
.bg6 {background: white url(https://i.imgur.com/EYGZIPq.jpg)!important;}
.bg7 {background: white url(https://i.imgur.com/tywsbGi.jpg)!important;}
.bg8 {background: white url(http://wallpaperpassion.com/upload/4737/bikini-girl-wallpaper.jpg)!important;}
/* -----------------Background Selector-----------------*/
/*----Estatisticas--*/
.roundframe {
padding: 0 10px;
background: #f9f9f9;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
div.roundframe div.cat_bar {
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat 0 -252px;
margin-bottom: 0;
}
div.cat_bar {
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat 0 -164px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
div.roundframe div.cat_bar h3.catbg {
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat 100% -252px;
color: #fff;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat 100% -164px;
padding-right: 9px;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
color: #424242;
}
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
overflow: hidden;
height: 38px;
line-height: 38px;
font-size: 1em;
font-weight: bold;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
color: #424242;
font-size: 1em;
font-weight: bold;
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat -10px -164px;
}
img#upshrink_ic, img#newsupshrink {
float: right;
margin: 10px 5px 0 0;
}
h3.catbg img.icon, h4.titlebg img.icon {
vertical-align: middle;
margin: -2px 5px 0 0;
}
Inherited from h3.catbg
div.roundframe div.cat_bar h3.catbg {
color: #fff;
}
#upshrinkHeaderIC {
margin-top: 4px;
}
div.title_barIC {
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat 0 -120px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_barIC h4.titlebg {
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat 100% -120px;
color: #484848;
}
h4.titlebg, h3.titlebg {
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat 100% -208px;
padding-right: 9px;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
color: #d2d2d2;
}
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
overflow: hidden;
height: 38px;
line-height: 38px;
font-size: 1em;
font-weight: bold;
}
.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
color: #d2d2d2;
font-size: 1em;
font-weight: bold;
background: url(https://i.imgur.com/AxTAUMt.png.png) no-repeat -10px -208px;
}
.floatleft {
float: left;
}
#upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
div.title_barIC {
background: url(https://i.imgur.com/AxTAUMt.png.pngg) no-repeat 0 -120px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
#upshrinkHeaderIC p.last {
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}
#upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
.roundframe p {
padding: 0.5em;
}
span.upperframe {
padding: 0;
display: block;
background: url(https://i.imgur.com/AxTAUMt.png.png) 0 -90px no-repeat;
padding-left: 20px;
}
span.lowerframe {
padding: 0;
display: block;
background: url(https://i.imgur.com/AxTAUMt.png.png) 0 -102px no-repeat;
padding-left: 20px;
}
span.upperframe span {
padding: 0;
height: 12px;
display: block;
background: url(https://i.imgur.com/AxTAUMt.png.png) 100% -90px no-repeat;
}
span.lowerframe span {
padding: 0;
height: 12px;
display: block;
background: url(https://i.imgur.com/AxTAUMt.png.png) 100% -102px no-repeat;
}
#fullcred a:hover {
color: white;
}
#fullcred a {
display: block;
font: normal 15px 'Carrois Gothic', sans-serif;
-moz-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
color: #948F8F;
color: rgba(255, 255, 255, 0.4);
}
#fullcred {
float: left;
text-align: left;
}
#topdes:hover {
background: rgba(0, 0, 0, 0.5) url("https://i.imgur.com/90ulAas.png")no-repeat center center;
}
#topdes {
width: 24px;
height: 24px;
display: block;
background: rgba(0, 0, 0, 0.2) url("https://i.imgur.com/90ulAas.png")no-repeat center center;
border-radius: 5px;
margin: auto;
cursor: pointer;
text-align: center;
}
#estadisticas-IPB {
text-align: center;
}
#estadisticas-IPB .stat-bloque {
display: inline-block;
margin-right: 10px;
}
#estadisticas-IPB span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin: 2px;
}
.board_statistics {
margin: 20px 0 0 0;
padding: 10px 0;
border-top: 3px solid #D8D8D8;
}
.board_statistics h2 {
font-size: 14px;
font-weight: bold;
margin: 4px 0;
}
.expand {
background: url(https://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px;
text-indent: -3000em;
width: 41px;
height: 24px;
display: block;
outline: 0;
opacity: 0.4;
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
position: relative;
top: -20px;
float: right;
right: 10px;
cursor: pointer;
}
.contract {
background: url(https://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
text-indent: -3000em;
width: 41px;
height: 24px;
display: block;
outline: 0;
opacity: 0.4;
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
position: relative;
top: -20px;
float: right;
right: 10px;
cursor: pointer;}
.expand:hover ,.contract:hover{opacity: 9;}
.user-avatar img {
opacity: 0.6;
}
.post:hover .user-avatar img {
opacity: 1;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
}
.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
-moz-selection, ::selection {
background: rgba(0, 160, 250, 0.5);
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.pun .user-ident .user-basic-info {
font-weight: 700;
}
.pun div, .pun td, .sig-line {
color: ##DDD;
}
.pun .username {
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
border-image: initial;
}
.spoiler > dt::after {
content: ("https://2img.net/u/3311/14/49/45/smiles/776843.gif");
float: right;
}
.module-advert{display:none;}
#online .on-title, #statistics .stats-title {
border-bottom: 1px solid white;
font-size: 30px;
height: 70px;
text-transform: uppercase;
}
.online-content {
border-top: 1px solid #D9D9D9;
padding: 15px;
}
#online {
background: #EAEAEA;
border-right: 2px solid #D2D2D2;
vertical-align: top;
width: 60%;
}
#online .on-title {
background: #F3F3F3;
}
#pun-announcement, #pun-visit, .main-box {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 5px 0 #dcdcdc;
background: white url(https://i.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x;
border: 1px solid #D6D6D6;
border-radius: 5px;
box-shadow: 0 2px 5px 0 #dcdcdc;
border-image: initial;
}
#general-stats {
-moz-box-shadow: 0 0 7px 0 #dcdcdc;
background: whiteSmoke;
border: 1px solid white;
box-shadow: 0 0 7px 0 #dcdcdc;
text-shadow: 1px 1px 0 white;
width: 100%;
border-image: initial;
}
#online .on-title a, #statistics .stats-title a {
bottom: -23px;
font-family: Century Gothic!important;
left: 20px;
position: relative;
}
.chart, .globe {
height: 28px;
margin-top: -3px;
vertical-align: middle;
}
#statistics {
border-left: 0px solid white;
float: right;
padding-bottom: 15px;
vertical-align: top;
width: 100%;
}
.stats-content {
border-top: 1px solid #D9D9D9;
padding: 15px;
}
#legend {
margin: 25px 0;
}
.groups {
background: url(https://i.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
float: right;
margin-top: -22px;
padding: 5px 0 5px 18px;
}
li {list-style-type:none;}
.pun table td.tcl {
border-left-style: none;
border-left-width: 0;
height: 42px;
min-height: 24px;
padding-left: .5em;
vertical-align: top;
}
.pun table.table td {
background-color: #fbfbfb;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
.pun table .tdtopics {
padding-left: 42px;
}
.pun table .tcl {
overflow: hidden;
text-align: left;
width: 68%;
}
.forumbit_post .foruminfo .forumicon {
position: absolute;
}
/*tópico*/
.main .main-foot {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
text-shadow: gray 0px -1px 0px;
background: #e8e8e8 url('http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/highlight_faint.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
color: black;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.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;
}
.user-basic-info a 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);
height: 400px;
width: 180px;
}
.user-basic-info a 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: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 350px;
margin-bottom: 5px;
padding: 1px;
width: 180px;
}
.pun .postmain {
background-color: white;
border-left: 1px solid #F0F0F0;
}
.pun .post {
background: #FBFBFB;
}
.postfoot {
background: #F1F1F1;
border-top: 1px solid #E9E9E9;
margin-top: 5px;
overflow: hidden;
}
/*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;
}
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}
element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.disabled {
float: right;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
border: 0;
color: #7f7f7f;
border: 1px solid #212121;
border-width: 1px 1px 0 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
color: #ddd;
text-shadow: 0 -1px 0 #191919;
font: 300 12px/1.3 Helvetica, Arial, sans-serif;
line-height: 30px;
height: 30px;
padding: 0 10px;
text-align: center;
min-width: 125px;
display: inline-block;
cursor: pointer;
color: #ddd;
background: rgb(51, 51, 51);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1e1e1e',GradientType=0 );
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
}
/*--Header--*/
#header {
background: url(https://i.imgur.com/5JV3BwJ.jpg) 50% 0 repeat;
background-size: cover;
}
#header .overlay {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}
#logo {
padding: 26px 0;
}
#logo a {
background: url(https://i.imgur.com/g1Bg7H1.png) 50% 0 no-repeat;
display: block;
width: 220px;
height: 98px;
margin: 0 auto;
}
a:link, a:visited {
color: #7AA039;
text-decoration: none;
}
a:link, a:visited {
color: #7AA039;
text-decoration: none;
}
a {
outline: none;
transition: all 0.25s ease-in-out;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
#logo {
padding: 26px 0;
}
#navbar {
height: 42px;
background: rgba(0, 0, 0, 0.75);
}
.wrapper {
margin: 0 auto;
width: 990px;
}
#topnav, #topnav ul {
margin: 0;
padding: 0;
z-index: 999;
}
user agent stylesheetul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
#topnav > li {
margin-right: 1px;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
#topnav li a.active {
background: #6E942D;
color: #fff;
font-weight: bold;
}
#topnav li a {
display: block;
line-height: 56px;
padding: 0 15px;
color: #adadad;
font-size: 13px;
text-decoration: none;
transition: all 0.2s ease-out;
}
#topnav > li {
margin-right: 1px;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
span, p, form {
margin: 0;
padding: 0;
}
Inherited from a.firstlevel
#topnav li a {
line-height: 56px;
color: #adadad;
font-size: 13px;
}
#loool {
padding: 25px 0;
overflow: hidden;
}
#board-notice {
float: left;
padding: 0;
line-height: 20px;
font-size: 12px;
}
#welcome {
float: left;
}
#welcome p {
background: rgba(255, 255, 255, 0.;
display: block;
padding: 8px;
font-size: 16px;
font-weight: 300;
}
#welcome span {
font-weight: 600;
color: #4b4b4b;
}
#topnav li:hover ul {
left: 0;
}
#topnav li ul {
position: absolute;
width: 200px;
left: -999em;
padding: 5px 0;
background: #5C821B;
}
#topnav, #topnav ul {
margin: 0;
padding: 0;
z-index: 999;
}
#topnav li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
/*-- Footer--*/
#pun-foot {
background: #fff url(https://i.imgur.com/5JV3BwJ.jpg);
box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
position: absolute;
width: 100%;
}
#pun-foot {
clear: both;
}
#pun-about {
background: none;
border: none;
margin: auto;
min-width: 985px;
width: 70%;
}
#pun-about {
border-color: #;
border-width: 1px;
line-height: 150%;
padding: .6em 1em;
text-align: right;
}
#pun-about #qjump {
float: left;
text-align: left;
}
#pun-about ul {
list-style-type: none;
}
.left {
float: left;
}
#pun-about a {
color: #EEE;
font-family: helvetica;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
}
/*--Social Bar--*/
#quicknav li.social a:hover {
background-color: #3d3d3d;
}
#toolbar {
height: 50px;
background: #f4f4f4;
border-bottom: 1px solid #eaeaea;
}
#account {
float: right;
}
#account ul {
margin: 0;
padding: 0;
}
#account li {
float: left;
list-style: none;
height: 50px;
line-height: 50px;
margin: 0 0 0 1px;
padding: 0;
}
#account li.signin a {
background: #4D4D4D;
}
#account li.signin a, #account li.signup a {
padding: 0 20px;
}
#account li a {
display: block;
text-decoration: none;
color: #fff;
font-size: 13px;
padding: 0 15px;
background: #779D36;
}
#account li.signup a, #account li.signout a {
font-weight: bold;
}
#account li.signin a, #account li.signup a {
padding: 0 20px;
}
#quicknav {
float: left;
margin: 0;
}
#quicknav ul {
margin: 0;
padding: 0;
}
#quicknav li {
float: left;
list-style: none;
margin: 0 0 0 1px;
padding: 0;
}
#quicknav li a {
display: block;
padding: 0 0 0 20px;
line-height: 50px;
font-size: 13px;
color: #525252;
font-weight: bold;
}
#quicknav li.social a {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/social.png) no-repeat;
height: 50px;
width: 50px;
padding: 0;
text-indent: -9999px;
}
#quicknav li.facebook a {
background-color: #335e86;
background-position: 0 0;
}
#quicknav li.twitter a {
background-color: #00bef1;
background-position: 0 -55px;
}
#quicknav li.googleplus a {
background-color: #e34d32;
background-position: 0 -110px;
}
#quicknav li.pinterest a {
background-color: #cc2127;
background-position: 0 -330px;
}
#quicknav li.rss a {
background-color: #F88C37;
background-position: 0 -385px;
}
#account li.signin a:hover {
background: #577D16;
}
#account li.signup a:hover {
background: #577D16;
}
.pun .topic {
border-style: none!important;
}
/*menu*/
#topnav {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10.8px;
float: left;
height: 56px;
}
#topnav ul, #sbUser ul {
margin: 0;
padding: 0;
}
#topnav li, #sbUser li {
float: left;
margin: 0;
padding: 0px;
position: relative;
padding-right: 1px;
line-height: 16px;
list-style-type: none;
}
#topnav li:hover, #sbUser li:hover {
background: url("https://i.servimg.com/u/f74/18/12/37/46/trans210.png") repeat;
background: rgba(102, 255, 0, 0.53);
}
#topnav li a, #sbUser li a {
float: left;
line-height: 36px;
padding: 6px 18px 0 18px;
display: block;
outline: none;
color: #adadad;
text-decoration: none;
}
#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a, #sbUser li a:hover, #sbUser li:hover a, #sbUser li.sfhover a {
color: #fff;
}
#topnav li li, #sbUser li li {
transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
-moz-transition:0.5s all;
-webkit-transition:0.5s all;
width: 160px;
height: auto;
padding: 0px;
font-size: 11px;
line-height: normal;
font-weight: normal;
margin: 0px;
}
#topnav li li a, #topnav li:hover li a, #topnav li.sfhover li a, #sbUser li li a, #sbUser li:hover li a, #sbUser li.sfhover li a {
background: none;
display: block;
height: 30px;
line-height: 30px;
padding: 0 0 0 22px;
float: none;
font-size: 11px;
font-weight: normal;
border-right: 0px;
}
#topnav a.linkSep {
border-bottom: 1px solid #833032 !important;
}
#topnav li li a:hover {
background: url("https://i.servimg.com/u/f74/18/12/37/46/trans210.png") repeat;
background: rgba(0, 0, 0, 0.2);
}
#topnav li ul, #sbUser li ul {
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
clear: both;
width: 160px;
position: absolute;
top: 42px;
height: auto;
left: -999em;
z-index: 100;
}
#topnav li:hover ul, #topnav li.sfhover ul, #sbUser li:hover ul {
left: auto;
}
#sbUser {
float: right;
}
.sbTopLinks li {
float: left;
height: 42px;
position: relative;
}
#sbUser li a {
border: 0;
padding: 6px 12px 0px 12px;
}
.sbDropDown img {
margin-left: 3px;
}
#sbUser li li a:hover {background-color: rgba(0,0,0,0.2);}
#sbUser a.sbLogout{ color: #bd7879; }
#sbUser a.sbLogout:hover{ color: #adadad; }
#sbFooter{
background: #5b5b5b url("https://i.servimg.com/u/f74/18/12/37/46/bottom10.png") repeat-x 0 0;
border-top: 1px solid #000;
height: 38px;
overflow: hidden;
margin-top: 35px;
}
#sbFooter ul{
float: left;
border-left: 1px solid #606060;
border-left: 1px solid rgba(255,255,255,0.1);
overflow: hidden;
}
#sbFooter li{
height: 38px;
line-height: 38px;
border-right: 1px solid #606060;
border-right: 1px solid rgba(255,255,255,0.1);
float: left;
}
#sbFooter a{
display: block;
line-height: 38px;
padding: 0 10px;
color: #b7b7b7;
text-decoration: none;
}
#sbFooter a:hover{
background: url("https://i.servimg.com/u/f74/18/12/37/46/trans211.png") repeat;
background: rgba(0,0,0,0.2);
color: #e0e0e0;
}
.sbTopLinks li a {
line-height: 36px;
padding: 6px 18px 0 18px;
display: block;
outline: none;
color: #adadad;
text-decoration: none;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
- em 17.08.15 19:30
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Problema com SCEDITOR
- Respostas: 5
- Vistos: 10630
Problema da centralização da Imagem Principal (Logo) - mesmo problema em outro fórum
Bom, já tive esse mesmo problema há algum tempo a trás, e voltou a acontecer em outro fórum que estou ajudando a construir.Problema: Na parte do Cabeçalho & Navegação, o logo está centralizado, mas no visual do fórum ele está para a esquerda.
Também gostaria de centralizar o menu
http://prntscr.com/81bytl
http://prntscr.com/81c05s
http://prntscr.com/81c0h6
Como sei que irão pedir o CSS, aqui está:
body {
color: #333;
font: 13px/150% "Helvetica Neue", Arial, sans-serif;
background: url(https://i.imgur.com/86zGU.png)repeat-x ,url(https://i.imgur.com/UfSvc.png);
}
.pun {
line-height: 130%;
min-width: 768px;
width: 100%;
padding: 0px;}
#topbar {
background: url(https://i.imgur.com/pvSB3.png) 0 0 repeat-x;
line-height: 20px;
padding: 10px 0;
overflow: hidden;
font-size: 90%;
}
.wrapper {
margin: 0 auto;
width: 980px;
}
#toplinks {
float: right;
}
.time {
color: #555;
list-style: none;
}
#pun-head #pun-navlinks {
background: #222 url(https://i.imgur.com/2QARA.png) repeat-x;
height: 60px;
margin: 0;
padding: 0;
z-index: 999;
}
#pun-navlinks li a {
color: #555;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 60px;
margin: 0 .8em 0 0;
padding: 22px 0px;
}
#pun-navlinks li a[href="/"]{background: url(https://i.imgur.com/ywUSm.png) 50% 100% no-repeat;
font-weight: bold;
color: white;}
#pun-navlinks li a:hover {color: white;
text-decoration: none!important;}
#pun-navlinks ul {
list-style: none;
text-align: left;
width: 980px;
margin: auto;
}
#pun-intro {
background: transparent;
margin: auto;
text-align: left;
padding: 35px 0;
width: 980px;
border:none;}
#content {
background: white;
padding: 10px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#page-body {
margin: auto;
background: #4D4D4D;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 980px;
}
#main_content_top {
background: #E5E5E5 url(https://i.imgur.com/cfMqh.png) repeat-x;
height: 60px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-left-radius: 5px;
text-shadow: 0 1px 0 white;
}
#memb_login {
float: left;
margin-top: 12px;
padding-left: 20px;
width: 500px;
}
#memb_login ul, #memb_login li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#memb_login .login_icon {
background: url(https://i.imgur.com/ATlGt.png) 0 50% no-repeat;
}
#memb_login a {
color: #888;
font-size: 12px;
text-decoration: none;
line-height: 20px;
}
#memb_login .login_icon span, #memb_login .signup_icon span {
padding: 0 0 0 40px;
display: block;
}
#memb_login .uppertext, #memb_login .memb_greeting {
font-size: 16px;
color: #323436;
text-transform: uppercase;
display: block;
}
#memb_login .signup_icon {
background: url(https://i.imgur.com/KeBCD.png) 0 50% no-repeat;
margin-left: 50px;
}
#memb_login a:hover {
color: #454545;
}
#search {
float: right;
background: url(https://i.imgur.com/l4a8b.png) 0 0 no-repeat;
width: 245px;
height: 65px;
position: relative;
margin-bottom: -6px;
padding-right: 20px;
}
#keywords.inputbox.search {
position: absolute;
top: 15px;
right: 62px;
width: 157px;
height: 16px;
padding: 8px 5px 6px 8px;
background: none;
border: none;
outline: none;
overflow: hidden;
font: 13px Arial, sans-serif;
}
#search .search_button {
position: absolute;
top: 0;
right: 20px;
width: 42px;
height: 60px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
#pun-foot {
clear: both;
width: 980px;
margin: auto;
}
#pun-about {
background: none;
border: none;
line-height: 150%;
padding: 0px;
text-align: left;
}
#pun-about ul li a {
color: #959595;
font: 12px "Helvetica Neue", Arial, sans-serif;
text-decoration: none!important;
}
.main .main-head ,.main .main-foot {
background-image: url(https://i.imgur.com/3mBvC.png);
height: 22px;
}
.pun table .tcr {
width: 25%;
}
.largertext {
font-size: 120%;
color: #484848;
}
.fadetext{
color: #AAA;
font-size: 11px;
}
.pun table.table td {
background-color: white;
line-height: 130%;
border-left: none;
border-bottom: 1px solid #EBEBEB;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F8F8F8;
border-left: none;
}
.tcicons {
width: 5%;
background-color: #F8F8F8!important;
}
.statusid {
margin-left: 10px!important;
margin-right: 0px!important;
}
.stadisticageneral {
padding:10px;
background: #F6F6F6;
border: 1px solid #DDD;
}
.cat_bar {
background-image: url(https://i.imgur.com/3mBvC.png);
padding-left: 9px;
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
color: #EEE;
margin-bottom: 5px;}
.titlebg {
color: #1C1C1C;
text-shadow: 0 1px 0 white;
background: url(https://i.imgur.com/hfnii.png);
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 120%;
font-weight: normal;
padding-left: 9px;
}
.stadisticageneral p{
margin: 0 0 0.2em 0;
padding: 0.2em;
}
#pun-about fieldset {
display: none;
}
.pun .postmain {
border: none;
margin-left: 15em;
background-color: white;
}
.pun .post {
background-color: white;
border-style: solid!important;
border-width: 1px 0px 0px 0px;
border-color: #DDD;
}
.pun .topic {
background: white;
border: none;
}
.postfoot {
border-top: none;
margin-left: 0em;
}
.pun .posthead {
background: white;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #DDD;
font-size: 11px;
}
.pun .sig-content {
border-top: 1px #DDD solid;
}
.pun .post .user {
margin-left: -16em;
font-size: 12px;
}
button.button2, input.button2 {
background: url(https://i.imgur.com/aCInW.png);
padding: 5px;
border-radius: 3px;
}
.pun .frm .frm-buttons input {
background: url(https://i.imgur.com/aCInW.png);
padding: 7px;
border: 1px solid #CCC;
border-radius: 4px;
}
.pun .frm .frm-buttons input:hover {
border: 1px solid #BBB;
cursor:pointer;
box-shadow: 0px 0px 5px 0px #DDD;}
#profile-advanced-layout #tabs {
bottom: 0;
position: relative;
min-width: 600px;
}
#profile-advanced-right {
float: left;
width: 31.5%;
}
#profile-advanced-layout {
float: right;
margin-left: 0;
margin-right: 0;
width: 68.2%;
}
#profile-advanced-left {
margin-right: 0px;
margin-left: 0px;
}
#copyright {
float: right;
}
.fameforum {
color: #C03B00;
font-size: 11px;
font-weight: bold;
}
.fameforum a {
color: #0CD5D5!important;
font-size: 12px;
font-weight: 700;
}
.pun table.table td {
padding: .2em 0 .2em;
}
.pun-crumbs p {
line-height: 1.5;
margin: 0;
color: #464646;
font-size: 0.95em;
}
.pun-crumbs p a{
color: #464646!important;
}
a{
text-decoration: none!important;
}
a:hover{
text-decoration: underline!important;
}
#pun-about ul li a:hover{
text-decoration: underline!important;}
- em 06.08.15 1:04
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Problema da centralização da Imagem Principal (Logo) - mesmo problema em outro fórum
- Respostas: 5
- Vistos: 4679
Problema da centralização da Imagem Principal (Logo)
body {
background-color: #164269;
color: #5A5A5A;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 13px;
padding-bottom: 15px;
margin-top: 15px;
}
.pun {
background-color: #fff;
width: 980px;
}
#pun_out {
background:url("https://i.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
border:1px solid #0b2337;
border:1px solid rgba(0,0,0,0.35);
-webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
padding:8px;
position:relative;
width: 990px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.main .main-head {
background-color: #0c70a3;
background-image: url("https://i.servimg.com/u/f43/14/53/79/27/bg-top10.png");
background-position: 50% 50%;
background-repeat: repeat-x;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
color: #FFFFFF;
font-size: 12px;
font-weight: bold !important;
margin-top: 15px;
padding-bottom: 13px;
padding-left: 13px;
padding-right: 13px;
padding-top: 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
.pun .main-content {
background-color: #FBFBFB;
border: 1px solid #B9C4CD;
}
.pun table.table td {
background: #ffffff url(https://2img.net/i/fa/empty.gif) repeat-x top left;
border-top: 1px solid #FFFFFF;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
line-height: 130%;
padding-bottom: 0.7em;
padding-left: 0;
padding-right: 0;
padding-top: 0.6em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: #FFFFFF url(https://2img.net/i/fa/empty.gif) repeat-x top left;
border-top: 1px solid #FFFFFF;
}
.pun table.table th {
background: #ffffff url() repeat-x 0 50%;
color: #333333;
padding-bottom: 0.5em;
padding-left: 0;
padding-right: 0;
padding-top: 0.5em;
}
#pun-logo {
margin-left: -13px;
margin-top: -22px;
}
#pun-logo:hover { opacity: 0.8; }
.for_topics {
width: 74px;
height: 33px;
background: url("https://i.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #0e2c3e;
padding-top: 3px;
margin-left: 13px;
}
.for_topics span {
display: block;
color: #105289;
font-size: 10px;
}
.for_posts {
width: 74px;
height: 33px;
background: url("https://i.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #0e2c3e;
padding-top: 3px;
margin-left: 13px;
}
.for_posts span {
display: block;
color: #105289;
font-size: 10px;
}
.page-title h2, .page-title span {
color: #FFFFFF !important;
font-size: 14px;
font-weight: bold;
}
.pun .paged-head, .pun .paged-foot {
border: 0px solid !important;
background-color: !important;
padding: 0.6em 1.3em 0.3em 1.3em;
}
.pun .frm-form {
background: !important;
border: none;
}
#pun-head #pun-navlinks {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
background-color: #304154;
background-image: url("https://i.imgur.com/AneOCBd.jpg");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #1E2831;
height: 28px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#pun-navlinks ul {
text-align: center;
}
#pun-navlinks li {
display: inline;
font-size: 15px;
line-height: 30px;
}
#pun-navlinks li a {
margin-left: -8px;
margin-right: -8px;
color: #fff;
font-family: tahoma,helvetica,arial,sans-serif
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.;
padding-top: 12px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: none;
color: #fff;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
padding-top: 12px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.2);
}
.main .main-foot{
background-color: #fff;
color: #666;
font-weight: 400;
padding-bottom: 0.7em;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0.7em;
}
.pun a:link { color: #205289;text-decoration: none;}
.pun a:visited { color: #105289;}
.pun a:hover { color: #ff6600; text-decoration: none;}
.pun a:active { color: #990000;}
#pun-title {
display: none;
}
.pun .post {
border: 1px solid #CBDAEA;
margin: 10px;
background: #FDFEFF;
}
.postfoot {
border-top: 1px solid #CBDAEA;
clear: both;
margin-left: -17em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
text-align: right;
background: #F4FAFF;
}
.pun .postmain {
background-color: #FDFEFF;
border-left: 1px solid #CBDAEA;
margin-left: 17em;
}
.pun .posthead {
background-color: #F4FAFF;
border-bottom: 1px solid #CBDAEA;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1.3em;
padding-top: 0.5em;
}
.entry-content {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 13px;
}
.user-contact a {
background-color: #2e425a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
padding: 3px;
box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-khtml-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
}
.codebox {
background-color: #E4EAF2;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
border: 1px solid #8394B2;
border-left: 4px solid #8394B2;
}
.codebox dt {
border-bottom: 1px solid #8394B2;
padding-bottom: 0.25em;
padding-left: 0.25em;
padding-right: 0.25em;
padding-top: 0.25em;
font-weight: bold;
color: #8394B2;
}
.codebox dd {
background-color: #fff;
color: #435C7A;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}
.postmain blockquote {
background-color: #FFFFFF;
border: 1px solid #4E6A97;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
}
#pun-about {
background-color: #F4F4F4;
border: 1px solid #DDDDDD;
line-height: 150%;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.6em;
text-align: right;
}
#pun-about ul {
list-style-type: none;
}
#pun-about ul li {
display: inline;
}
#pun-about ul li a {
font-weight: normal;
text-decoration: none;
}
#pun-about #qjump {
display: none;
}
#pun-visit, .main-box {
background-color: #F4F4F4;
border: 1px solid #B9C4CD;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.6em;
}
#search_box{display:none}
dl.codebox.spoiler{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.post_field {
font-weight: 700;
}
.forumbg {
background-color: black;
background-image: url(https://i.servimg.com/u/f32/17/12/21/41/catego11.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #E90B0B;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
.main .main-head {
background-color: #0C70A3!important;
background-image: url(https://i.imgur.com/H7eKZk0.jpg)!important;
background-position: 50% 50%;
background-repeat: repeat-x;
border-radius: 4px 4px 0px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px, rgba(255, 255, 255, 0.2) 0px 2px 0px inset;
color: white;
font-size: 12px;
margin-top: 15px;
padding: 8px;
text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
font-weight: 700;
}
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(https://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
.blur {
.pun .post {
background-color: #FAFBFC;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 6px;
}
.main .main-foot {
padding: 0.7em 1.3em;
font-weight: normal;
color: #660000;
background-color: transparent;
}
.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #DADADA;
margin-left: 17em;
}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
- em 11.07.15 20:37
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Problema da centralização da Imagem Principal (Logo)
- Respostas: 6
- Vistos: 4365
Overrall_header Personalizado
Olá @Luis_xD!Adicione este código CSS a seu fórum:
#pun-navlinks{background-color:#141414;margin-left: -15px;width: 101%;position: center;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRTNGNUIzNDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRTNGNUI0NDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBFM0Y1QjE0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFM0Y1QjI0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JCXrGAAAANElEQVR42mIwMrL6z8TAwPAXlfiDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);background-repeat:repeat-x;color:#fff;display:block;font-family:Helvetica, Arial, Verdana, sans-serif;font-size:12px;font-weight:400;height:35px;line-height:30px;padding:5px 20px 13px;text-decoration:none}.mainmenu{color:#fff!important}.mainmenu,a.mainmenu:hover{text-decoration:none!important}
#pun-navlinks {border-bottom: 3px solid blue !important ;}
.mainmenu:hover, .mainmenu{color:#00f!important;max-height: 10px !important;padding-bottom:17px !important;padding-top:13px;padding: 10px;}.mainmenu,a.mainmenu:hover{text-decoration:none!important}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks a, #pun-navlinks a:visited, a.mainmenu {
left: -120px!important;
position: relative;
top: -3px!important;
}
#pun-navlinks a:hover {
border-top: 3px solid blue;
padding: 12px!important;
color: white !important;
}
Adicione-o em:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS
Se desejar alterações no menu, não hesite em pedir.
Cumprimentos!
- em 06.07.15 22:39
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Overrall_header Personalizado
- Respostas: 19
- Vistos: 966
utilizar caps lock no menu
Olá,Claro!
O código adicionado foi:
- Código:
text-transform: uppercase;
uppercase: Deixa as letras maiúsculas.
lowercase: Deixa as letras minusculas.
Foi adicionada em: "#pun-navlinks a, #pun-navlinks a:visited {"
Espero que isso te ajude, a criar um ótimo fórum!
Conto com sua reputação!
Até!
- em 23.06.15 20:59
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: utilizar caps lock no menu
- Respostas: 5
- Vistos: 821
Widgets não aparecem no index do fórum
esta aqui CSS:- CSS:
a[href="/u1"] {
text-shadow: 0 0 5px;
}
html, body {
font: normal 13px helvetica, arial, sans-serif;
color: #5a5a5a;
background-image: url("https://i.imgur.com/Lzq2mdm.png") !important;
background-repeat: repeat !important;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.pun, .main_width {
margin: 0 auto;
width: 85%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.pun a:visited {color: #028999;}
a:link {text-decoration: none;}
.pun a:link {
text-decoration: none !important;
color: #028999;
}
.pun a:hover {
color: #158f57;
}
pun a:active {
color: #028999;
}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(https://i.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
margin-right: 8px;
}
#notify_link {
background: url(https://i.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(https://i.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: url("https://i.servimg.com/u/f37/16/31/78/37/by_nic10.jpg") repeat-x scroll center 70% rgb(15, 56, 84);
border-bottom: 1px solid rgb(27, 55, 89);
min-height: 64px;
height: 1px;
transition: all 1.0s linear 0s;
}
#branding:hover {
background: url("https://i.servimg.com/u/f37/16/31/78/37/by_nic10.jpg") repeat-x scroll center rgb(15, 56, 84);
transition: all 1.0s linear 0s;
}
.clickable {
cursor: pointer;
}
#search {
margin: 20px 0;
}
#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 {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
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;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(https://i.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
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);
}
#adv_search {
width: 16px;
height: 16px;
background: url(https://i.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1);
font-size: 13px;
padding: 10px;
margin-bottom: 0px;
box-shadow: 0px -0.6px 4px -2px inset;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.4);
border-radius: 2px 2px 2px 2px;
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
color: rgb(255, 255, 255);
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
transition: all 0.3s ease-in 0s !important;
}
#community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover {
background: none repeat scroll 0px 0px rgba(15, 20, 150, 0.57);
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
color: rgb(255, 255, 255);
}
/* Menu FORUM INATIVO
#community_app_menu > li.active > a {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
color: rgba(255,255,255,1);
font-weight: bold;
margin-top: 0px;
text-shadow: 1px 1px rgba(0,0,0,0.2);
border-radius: 2px;
}
*/
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(https://i.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
color: rgb(255, 255, 255);
padding: 10px 10px 11px;
border-radius: 4px 4px 0px 0px;
border-width: 1px 1px 0px;
border-style: solid;
margin-top: 15px;
background: url("https://i.servimg.com/u/f37/16/31/78/37/bg_hea11.png") repeat-x scroll center 45% rgb(44, 86, 135);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset;
border-color: rgba(0, 0, 0, 0.6);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
background: #ebf0f3;
padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid rgba(0, 0, 0,0.1);
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
/*module*/
.module .main-head {
font: 14px helvetica,arial,sans-serif;
color: rgb(32, 64, 102);
padding: 5px 10px;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
border: 1px solid rgb(210, 210, 210);
border-radius: 3px 3px 0px 0px;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7) inset;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
color: rgb(34, 34, 34);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
padding: 3px 7px;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
margin-right: 3px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgb(255, 255, 255);
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
margin-left: 14em;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
max-height: 290px;
max-width: 150px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
/*quick reply*/
#pun-qpost {
background: #ebf0f3;
padding: 9px;
padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
border: 1px solid #dbe4ef;
}
.pun .main-content {
border: 1px solid #dbe4ef;
border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: center;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(https://i.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
top: 40px;
border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
padding-bottom: 6px;
border-top: 1px solid #d5dde5;
background: #f1f6f9;
}
#chatbox_footer .right {
/*display: none !important;*/
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#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(https://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(https://i.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
margin: 10px 0 10px 0;
border: 1px solid #DCE2EC;
border-bottom: 6px solid #DCE2EC;
background: #ebf0f3;
padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(https://i.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
.pun-crumbs {
background: none repeat scroll 0% 0% rgb(239, 241, 243);
border: 1px solid rgb(217, 219, 221);
border-radius: 5px 5px 5px 5px;
box-shadow: 0px 0px 3px rgba(109, 119, 237, 0.2);
clear: both;
font-size: 11px;
overflow: hidden;
margin: 0px 1px 1em;
padding: 0.2em 1em;
}
.pun-crumbs p {
color: rgb(102, 102, 102);
font-size: 1.11em;
line-height: 1.5;
}
p.crumbs a {
background: url("https://i.servimg.com/u/f57/14/89/34/10/second10.png") no-repeat scroll 100% center transparent;
color: rgb(117,117,117) !important;
line-height: 30px;
padding: 10px 20px 10px 12px;
margin-left: -12px;
text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:hover {
background-position: 100% -1px;
border-radius: 3px 0px 0px 3px;
color: rgb(34, 34, 34);
text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:active {
background-position: 100% -86px;
border-radius: 3px 0px 0px 3px;
color: rgb(34, 34, 34);
text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
/*Avatar Last Post*/
.tcr .ipsUserPhoto {
float: left;
margin: 8px;
}
.ipsUserPhoto_mini:hover {
border-radius: 10px;
transition: all 1s ease 0s;
}
.ipsUserPhoto_mini {
height: 30px;
width: 30px;
border-radius: 30px;
transition: all 1s ease 0s;
}
.ipsUserPhoto:hover {
border-radius: 10px;
transition: all 1s ease 0s;
}
.ipsUserPhoto {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 1px;
border-radius: 30px;
transition: all 1s ease 0s;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #A4A4A4;
}
/* Moderar Tópicos */
.act_mod {margin: 0 0 8px 0;}
.act_mod p {
background: rgb(248, 248, 248) url("https://i.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
border: 1px solid rgb(219,219,219);
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #616161;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 3px 10px;
white-space: nowrap;
cursor: pointer;
display: inline-block;
}
#popw {
background-color: #464646;
background-color: rgba(70,70,70,0.6);
padding: 4px;
-webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: none; z-index: 999; margin-top: 16px; position: absolute;
}
.mod_hover {
background-image: url(https://i.servimg.com/u/f38/18/24/85/15/bottom10.png);
width: 31px;
height: 16px;
position: absolute;
}
.popupInner {
background: #fff;
width: 500px;
overflow: auto;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
overflow-x: hidden;
}
.action_mod li {
background: rgb(248, 248, 248);
border-bottom: 1px solid rgb(234, 234, 234);
text-align: center;
padding: 3px 4px;
}
.action_mod li a {
color: #333!important;
}
/* fim moderar tópicos */
/* Novas Mensagens etc */
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px 5px 5px 5px;
}
/* fim novas msgs */
/* logo */
#logo {
opacity: 0.9;
display: inline;
margin-left: -45px;
}
#logo:hover {
opacity: 1;
text-decoration: none;
}
/* fim logo */
/* curtir */
/*like*/
.LGlike {
background: url(https://i.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
background-color: #326A94;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
color: white;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 22px;
line-height: 22px;
padding: 0 18px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
margin-right: 5px;
margin-top: 30px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
/* fim curtir post */
/*POPUP TOPICO NÃO LIDO */
#popupnew {
min-height: 20px;
min-width: 150px;
position: fixed;
bottom: 30px;
margin-left: 40px;
padding: 5px;
z-index: 999;
border: 1px solid rgba(0, 0, 0, 0.;
text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.;
box-shadow: 0px 15px rgba(255, 255, 255, 0.05) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
border-radius: 4px 4px 4px 4px;
color: rgb(255, 255, 255);
font-family: verdana,arial;
font-size: 10pt;
text-align: left;
display: none;
background-image: url("https://2img.net/u/2011/11/04/42/smiles/2376561594.gif");
background-repeat: no-repeat;
background-position: 1% 45%;
padding-left: 1.5%;
}
/* fim popup n lido */
/* widgets no indice */
#content-container div#content {
margin-right: 0px;
}
#right {height: 0px;}
/* fim widgets indice */
#pun-announcement {
border-radius: 5px 5px 5px 5px;
clear: both;
font-size: 11px;
margin: 0px 1px 1em;
overflow: hidden;
background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
border: 1px solid rgba(255, 162, 0, 0.2);
box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
color: rgb(74, 74, 74);
text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
/* seletor de página */
.paging > b {
background: none repeat scroll 0px 0px rgb(123, 166, 13);
border-radius: 2px 2px 2px 2px;
color: rgb(255, 255, 255);
font-weight: 700;
margin: 0px 1px;
padding: 4px;
}
.paging > a {
background: rgba(0,0,0,0.1);
padding: 5px;
border-radius: 2px;
margin: 0 1px;
color: #8D8D8D !important;
}
.paging > a:hover {
background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
padding: 5px;
margin: 0px 1px;
color: #505050 !important;
}
.sprite-arrow_prosilver_right {
background: url("https://i.servimg.com/u/f34/18/17/62/92/next10.png") no-repeat scroll 0px 0px transparent;
height: 20px;
width: 39px;
}
/* avatar ultimos topicos widget*/
.ipsType_smaller, .ipsType_smaller a {
margin-bottom: 5%;
}
/* resposta rápida */
#quick_reply #textarea_content {
background: none repeat scroll 0px 0px rgb(235, 240, 243);
border: 2px solid rgb(211, 211, 211);
clear: both;
height: auto !important;
margin-left: -10px !important;
margin-right: -10px !important;
min-width: 950px;
padding: 9px 4px;
width: 100% !important;
}
/* assinatura */
.pun .sig-content {
clear: both;
margin-bottom: 4px !important;
margin-top: 6px !important;
padding: 0px 0px 10px !important;
position: relative;
}
/* post foot */
.postfoot {
border-top: 0px none;
margin-left: -185px !important;
opacity: 0.3;
transition: all 0.5s ease 0s;
}
.postfoot:hover {
opacity: 1;
}
/* PAGINA MEMBROS */
.pun table.table th {
background-color: rgba(120, 10, 120, 0.;
padding: 0.5em 0px;
box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
border: 1px solid rgba(0, 0, 0, 0.2);
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.pun .frm .frm-form table {
border: 1px solid rgba(0, 0, 0, 0.2);
}
.pun table.table td.tc3 {
text-align: center;
width: 15%;
}
/* pagina calendario */
.pun .main table.calendar thead th {
background: rgba(120, 10, 120, 0.;
font-weight: 700;
padding: 0.5em;
box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
}
.pun .main table.calendar .row3 {
background-color: rgba(20, 50, 50, 0.1);
padding: 0.25em;
}
.pun .main table.calendar td.row2:hover {
background-color: rgba(110, 160, 190,0.2);
transition: 0.3s;
}
/* pagination dos topicos */
strong.pagination {
font-weight: 400;
background: none repeat scroll 0% 0% rgb(123, 166, 13);
padding: 2px;
border-radius: 2px 2px 2px 2px;
color: white;
margin: 0 1px;
}
strong.pagination a {
color: white !important;
font-size: 12px;
}
/* codigos bbcode */
.codebox {
background-color: rgb(255, 255, 225);
border: 1px solid rgba(0,0,0,0.14);
margin: 1em;
box-shadow: 0 0 7px rgba(0,0,0,0.12);
border-left: 2px solid rgba(120,10,100,1);
}
.codebox dt {
border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
padding: 0.25em;
color: rgba(0, 0, 0, 0.7);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
margin-left: 5px;
font-weight: bold;
}
.codebox dd {
background-color: rgb(255, 255, 225);
margin: 5px;
padding: 1px;
}
.codebox dd.cont_code {
max-height: 80%;
overflow: auto;
}
.postmain blockquote {
background-color: rgb(255, 255, 225);
border-width: 1px 1px 1px 2px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgb(120, 10, 10);
margin: 1em;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
}
.postmain cite {
display: block;
font-style: normal;
font-weight: 700;
margin: 0px 0px 1em;
border-bottom: 1px dashed rgba(0,0,0,0.2);
padding: 1px;
}
.donate, .quotebox {
background-color: rgb(255, 255, 225);
border: 1px solid rgba(0,0,0,0.14);
margin: 1em;
box-shadow: 0 0 7px rgba(0,0,0,0.12);
border-left: 2px solid rgba(120,10,100,1);
}
/* perfil menus */
#tabs ul li.activetab a {
border-color: rgba(0,0,0,0.2);
color: rgba(255,255,255,1);
text-decoration: none;
background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.6);
box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-radius: 3px;
}
#tabs ul li.activetab a:hover {
background-color: rgba(100,33, 123,0.7);
transition: 0.4s;
}
#tabs ul li a {
border: 1px solid;
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 0px 1em;
border-color: rgba(0,0,0,0.2);
color: rgba(255,255,255,0.;
text-decoration: none;
background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.4);
box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-radius: 3px;
}
#tabs ul li a:hover {
background-color: rgba(100,33, 123,0.7);
color: rgba(255,255,255,1);
transition: 0.4s;
}
.main .frm-info {
background: rgba(0,144,69,0.;
border: 1px solid rgba(0,120,60,0.9);
margin: 1.7em;
padding: 1em;
box-shadow: 1px 1px rgba(255,255,255,0.3) inset;
color: white;
font-size: 13px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
font-weight: bold;
}
/* mensagens informativas */
.pun .main .main-content p.message {
background-color: rgba(20,10,190,0.4);
border: 1px solid rgba(0,0,0,0.4);
margin: 1.7em;
padding: 1em;
box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset;
color: rgba(255,255,255,1);
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/* corpo da mensagem */
.pun .postfoot .user-contact {
float: left;
text-align: center;
width: 12em;
}
/* codigos de alerta e tal */
/* INICIO SELETOR DE TEMA CODE */
/* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */
.panda-code {
padding: 5px 10px;
font-size: 12px;
font-family: monospace;
background: #EFEFEF;
color: #0D700D;
border: 1px solid #CCC;
overflow: auto;
max-height: 300px;
text-shadow: 0 1px white;
text-align: left;
display: block;
}
.panda-code ol { padding-left: 15px; }
.panda-code ol li {
padding: 1px 10px;
margin: 4px 0;
border-left: 2px solid green;
list-style-type: decimal-leading-zero;
}
.panda-code ol li:hover { background: #DEDEDE; }
.panda-string, .panda-multiLineString { color: #C03; } /* string literals */
.panda-special { color: #09F; } /* words defined as special */
.panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */
.panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */
.panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */
.panda-int { color: #f00; }
/* FIM SELETOR DE TEMA CODE */
/* mensagem privada nova */
[data-counter]:after {
background-color: #00ba3b;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: 10px;
}
/* fim mensagem privada */
/* expandir imagem */
.resizebox, .resizebox a.enlarge, .resizebox.enlarged a.resize{
display: block;
padding: 2% 2% 1% 2%;
border-radius: 5px 5px 0px 0px;
background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
border: 1px solid rgba(255, 162, 0, 0.2);
box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
color: rgb(74, 74, 74) !important;
text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
margin-bottom: -15px;
text-align: right;
}
.resizebox a.fullsize {
text-align: right;
color: rgb(74, 74, 74) !important;
text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
margin-left: 10px;
top: -4px;
position: relative;
}
/* categoria retratil */
/* post infos */
.post_field:hover {
background: none repeat scroll 0% 0% rgb(238, 238, 238);
border-left-width: 3px !important;
border-right-width: 3px !important;
color: rgb(78, 78, 78);
text-shadow: 1px 1px rgb(185, 185, 185);
transition: all 0.3s linear 0s;
}
.post_field {
background: none repeat scroll 0% 0% rgb(255, 255, 255);
border-left-style: solid;
border-left-color: rgb(109, 109, 109);
border-left-width: 0px !important;
border-right-style: solid;
border-right-color: rgb(109, 109, 109);
border-right-width: 0px !important;
margin-bottom: 0.5px;
padding: 0px;
transition: all 0.1s linear 0s;
}
/* Multi - quote */
.FloatingAction {
background: #fdfdfd;
position: fixed;
right: 10px;
bottom: 10px;
padding: 10px;
z-index: 999;
border: 4px solid #464646;
border: 4px solid rgba(0,0,0,0.75);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
}
- em 13.05.15 18:36
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Widgets não aparecem no index do fórum
- Respostas: 15
- Vistos: 7866
Quero diminuir as placas do perfil
Detalhes da dúvida
Versão do fórum : PunBBNível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://nacionalteste.forumeiros.com/forum
Descrição do problema
Quero diminuir as placas dos grupos e dos ranks, que é as placas de admin, das organizações, que está no perfil do usuario, pois buga quando aparece o perfil do cara na mensagem.. segue a css- css:
- html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #e7e7e7;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
margin: 0 auto;
width: 90%;
min-width: 960px;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 90%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {display: none;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #22242D url() repeat-x bottom;
width: 100%;
position: fixed;
padding: 0;
text-align: right;
border-bottom: 2px solid #00c7e3;
right: 0;
top: 0;
z-index: 999;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #555;
font-size: 11px;
}
#user_link {
font-size: 13px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #00c7e3;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #00aac3;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #00c7e3;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#user_navigation #sign_in {
margin-right: 8px;
}
#notify_link {
background: url(https://i.imgur.com/lcE4p4d.png) no-repeat top;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#inbox_link {
background: url(https://i.imgur.com/vVoLhao.png) no-repeat top;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #e7e7e7 url(https://i.imgur.com/1YiJ6n0.png) repeat-x;
min-height: 100px;
padding-top: 37px;
margin: 0 auto;
width: 90%;
min-width: 960px;
}
#branding:hover {
background: url(https://i.imgur.com/81ACSXe.png);
padding-top: 37px;
}
#branding {
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#logo {
display: inline;
/*-webkit-animation-duration: 3s;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;*/
}
#logo:hover {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
.clickable {
cursor: pointer;
}
#search {
margin: 20px 0;
}
#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 {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
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;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #00d0ee url(https://i.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #00d0ee;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
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);
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#search .submit_input a:hover{
background:#00a7bf;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#adv_search {
width: 16px;
height: 16px;
background: url(https://i.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #00c7e3;
font-size: 14px;
text-align: center;
padding: 5px 20px 0px 0px;
margin: 0 auto;
width: 90%;
min-width: 960px;
}
#community_app_menu > li {
margin: -5px 1px 0 0px;
text-align: center;
}
#community_app_menu > li > a {
color: #fff;
background: #00c7e3;
text-align: center;
display: block;
padding: 10px 15px 8px;
text-shadow: none;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #009dbf;
height: 15px;
color: #fff;
text-align: center;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#community_app_menu > li.active > a {
background: #fff;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 10px 8px 8px;
}
#quickNavLaunch span {
background: url(https://i.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #22242D url() repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #000;
-moz-box-shadow: inset 0px 1px 0 #000;
box-shadow: inset 0px 1px 0 #000;
border-width: 1px 1px 0 1px;
border-color: #000;
border-bottom: 3px solid #00d0ee;
border-style: solid;
margin-top: 10px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 12px;
font-weight: 300;
}
.pun .main-content {
background: #ebf0f3;
padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
margin-right: 70px;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-top: -10px;
margin-right: 50px;
}
.pun tbody.statused span.status {
margin-top: -10px;
margin-right: 50px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 14px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
/*module*/
.module .main-head {
background: url() 50% 100% no-repeat #fafafa;
border-top: 3px solid #d8d8d8;
color: #727272;
font-family: 'Open Sans', Arial;
font-size: 13px;
font-weight: 400;
padding: 12px;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
-webkit-transition:background 1.0s ease-out;
-moz-transition:background 1.0s ease-out;
-o-transition:background 1.0s ease-out;
-ms-transition:background 1.0s ease-out;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{
background:#00c7e3;
color:#fff;
opacity:1;
-webkit-transition:background 1.0s ease-out;
-moz-transition:background 1.0s ease-out;
-o-transition:background 1.0s ease-out;
-ms-transition:background 1.0s ease-out;
}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #FFF;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
max-height: 230px !important;
max-width: 140px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
/*quick reply*/
#pun-qpost {
background: #ebf0f3;
padding: 9px;
padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
border: 1px solid #dbe4ef;
}
.pun .main-content {
border: 1px solid #dbe4ef;
border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(https://i.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
top: 40px;
border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
padding-bottom: 6px;
border-top: 1px solid #d5dde5;
background: #f1f6f9;
}
#chatbox_footer .right {
/*display: none !important;*/
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#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(https://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(https://i.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
margin: 10px 0 10px 0;
border: 1px solid #DCE2EC;
border-bottom: 6px solid #DCE2EC;
background: #ebf0f3;
padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(https://i.imgur.com/EaN6eQn.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #00a6c9;
}
/*crumbs*/
p.crumbs a {
color: #777!important;
font: normal 13px helvetica, arial, sans-serif;
}
/*Avatar on title*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 200px;
margin: 0 10px;
padding: 1px;
width: 180px;
border-radius: 0px!important;
}
/* Menu Dropdown */
#perfil_drop{
background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
border: 0px none !important;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
color: #225985;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
overflow: hidden;
position: absolute;
right: 7.1%;
text-align: left;
top: 36px;
width: 360px;
z-index: 999;
}
.nav_c{
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
}
.avat img {
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 200px;
margin: 10px;
padding: 1px;
width: 150px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
width: 38%;
}
#perfil_drop li a {
color: #00569C;
text-decoration: none;
}
.menu_active {
background: #fff;
border-radius: 5px 5px 0 0;
color: #000!important;
}
.sceditor-container {
width: 120% !important;
height: 280px !important;
}
/* Quick Answers Avatar */
#quick-avatar img {
-border-radius: 100%;
-moz-border-radius: 100%;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 100%;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 50px;
padding: 2px;
width: 50px;
#stats {
background-color: #FFFFFF;
line-height: 150%;
padding: 0px;
}
.onlinemeet {
text-align: center;
font-family: Arial;
color: #616161;
font-weight: 900;
font-size: 16px;
padding: 5px;
background-color: #EEEEEE;
border: 1px solid #DADADA;
border-right: none;
border-left: none;
}
#classeperson {
margin-left: 15px;
color: #616161;
float: left;
font-family: Arial;
}
#onlinelist {
float: right;
border-top: none;
background-color: #FAFAFA;
border-left: 3px dashed #F8F8F8;
float: right;
font-family: Arial;
padding-left: 40px;
}
.legendaa {
margin-top: 88px;
border-top: 1px solid #D6D6D6;
border-bottom: 5px solid #ACACAC;
border-radius: 0 0 5px 5px;
text-align: center;
background-color: #E9E9E9;
padding: 15px;
}
#pun-info .main-content {
background-color: #FFF;
}
.BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(https://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none}
/* Inbox message */
#bs_full_inbox {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
margin-top: 15px;
display: none;
width: 450px;
background: #fff;
box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 200;
position: absolute;
}
#bs_full_inbox a {
color: #255b79;
text-decoration: none;
}
#bs_full_inbox a:hover {color: #cd3816;}
#bs_full_inbox:before {
border-style: solid;
border-width: 15px;
border-color: transparent transparent #fff;
bottom: 100%;
pointer-events: none;
left: 15px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 3;
}
.bs_inbox_header {
background: #fff url('https://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
border-radius: 3px 3px 0px 0px;
padding: 10px;
line-height: 24px;
}
.bs_inbox_header .compose {
font-size: 12px;
line-height: 28px;
padding: 0 15px;
float: right;
background: #262e33;
color: #ffffff !important;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.bs_inbox_header .compose:hover {
background-image: url('https://i.imgur.com/eaB5FHK.png');
background-repeat: repeat;
}
.bs_inbox_sectionHead {
font-size: 18px;
color: #333333;
line-height: 24px;
font-weight: 400;
display: inline-block;
margin: 0;
}
.bs_inbox_inner {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
margin: 0;
}
.bs_inbox_li {
width: 100%;
position: relative;
padding: 5px 3px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.bs_inbox_li:last-child {border-bottom: 0;}
.bs_inbox_li strong {font-weight: normal !important;}
.bs_inbox_item, .bs_user_p {
display: table-cell;
padding: 8px 10px;
}
.bs_inbox_item {color: #9c9c9c;}
.bs_inbox_item .topictitle {display: inherit;}
.bs_inbox_footer {
background: #fff url('https://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
text-align: center;
padding: 10px;
line-height: 24px;
border-top: 1px solid #e0e0e0;
box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
border-radius: 0px 0px 3px 3px;
}
.bs_inbox_photo {
background: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 0px 1px #e2e2e2;
padding: 0.5px;
vertical-align: middle;
line-height: 1px;
position: relative;
border-radius: 150px;
width: 34px;
height: 34px;
}
/* view topic */
.uix_usernameWrapper span.username .i_icon_online{margin-right:5px} .pun .post .user { float:left; margin-left:0!important; margin-top:0!important; padding-top:0!important; position:relative; width:160px!important; } .pun .postmain { background-color:#fbfbfb; border:1px solid #e2e2e2!important; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:16px auto 16px 0 !important; padding:8px; } .pun .post-entry { float:left; width:79%; padding:1em 1em 0; } .pun .post { border-color:none!important; border-style:none!important; border-width:0!important; } .postfoot { border-top:0 dashed!important; clear:both; margin-left:0!important; text-align:right; padding:.5em 1em; } .pun .posthead { float:left; background:none!important; border-bottom:0 dashed #ccc!important; } .user-basic-info img:first-child { -moz-border-radius:100%; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-border-radius:100%; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; border:1px solid #d8d8d8; border-radius:100%; box-shadow:0 2px 2px rgba(0,0,0,0.1); height:110px; width:110px; padding:2px; } .messageUserBlock .extraUserInfo div { border-bottom:1px dashed #e2e2e2; padding-top:5px; } .user .messageUserInfo .messageUserBlock h3.userText br { display:none; } .messageUserInfo { background-color:#FFF; float:left; width:140px; margin-left:5px; } .messageUserBlock { background-color:#FFF; border:1px solid #e2e2e2; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; position:relative; } .messageUserBlock div.avatarHolder { background-color:#FFF; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0; text-align:center; position:relative; padding:8px; } .messageUserBlock div.avatarHolder .avatar { display:block; font-size:0; } .messageUserBlock h3.userText { background-color:#f0f0f0; border:0 solid #e2e2e2; border-top-width:1px; padding:8px; } .messageUserBlock a.username { font-weight:700; display:block; overflow:hidden; line-height:16px; } .messageUserBlock .userTitle { font-size:11px; display:block; } .messageUserBlock .uB:last-child { margin-bottom:0; } .uB.wp { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; position:relative; } .messageUserBlock .uB { display:block; margin:5px -14px; } .uB { font-size:11px; background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png) repeat-x top; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; text-align:center; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; box-shadow:none; padding:4px 5px; } .uB.wp span.ber { -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -khtml-border-top-left-radius:3px; border-top-left-radius:3px; left:-1px; } .uB.wp span.aft { -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; -khtml-border-top-right-radius:3px; border-top-right-radius:3px; right:-1px; } .uB.wp span { position:absolute; top:-4px; width:5px; height:4px; background-color:inherit; } .uB.bannerStaff { background-color:#fafafa; background:#6ba65e; color:#FFF; border-color:transparent; } .messageUserBlock .extraUserInfo { font-size:12px; background-color:#FFF; border:0 solid #e2e2e2; border-top-width:1px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; padding:4px 6px; } .messageUserBlock .extraUserInfo dl { margin:2px 0 0; } .messageUserBlock .arrow { position:absolute; top:10px; right:-10px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#e2e2e2; -moz-border-left-colors:#e2e2e2; border-right:none; _display:none; } .messageUserBlock .arrow span { position:absolute; top:-10px; left:-11px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#FFF; -moz-border-left-colors:#FFF; border-right:none; }@media only screen and (max-width: 1024px) and (min-width: 1000px){ .pun .post-entry { width: 75%!important; }}
.newmp_bs span.status {
display: none;
}
.newmp_bs a.topictitle {
color: #fff;
font-size: 12px;
}
.newmp_bs {
color: #fff;
display: inline-block;
}
.newmp_bs a {
font-size: 11px;
color: #F0F0F0;
}
/*****
Receive private messages
*****/
span#msg_header {
font-size : 12px;
text-transform : uppercase;
color : #F1F1F1;
}
.mpnew_targetcode {
position : fixed;
left : 40%;
top : 33%;
background : rgba(0, 0, 0, 0.Estilo cool;
border : 5px solid #000;
padding : 20px;
z-index : 999;
border-radius : 5px;
width : 280px;
height : 110px
}
.headermpnew {
font-size : 16px;
padding : 2px;
margin-top : -11px;
margin-bottom : 12px;
}
a#close_window {
float : right;
width : 5px;
height : 5px;
color : red;
font-size : 15px;
font-family : serif;
}
a.restantemp {
color : #ECECEC;
text-transform : uppercase;
font-size : 10px;
margin-top : 15px;
padding : 2px;
float : left;
margin-left : -1px;
}
.infomp {
padding : 2px;
font-size : 12px;
float : left;
}
.forabg {
position : fixed;
background : rgba(0, 0, 0, 0.4);
width : 100%;
height : 100%;
top : 0px;
z-index : 1;
}
/* TITLEBOX */
.titlebox{
-moz-border-radius:3px;
-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
-webkit-border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
background:#EFEFEF;
border:1px solid #D6D6D6;
border-radius:3px;
box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
overflow:hidden;
padding:10px;
text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a 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:#fff;
border:1px solid #D5D5D5;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
float:left;
height:50px!important;
padding:1px;
width:50px!important
}
.titlebox dava a 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)
}
.ipsType_pagetitle a{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}
.seguir{float:right;position:relative}
.seguir a{
-moz-border-radius:2px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius:2px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
background:#ececec url(https://2img.net/h/oi45.tinypic.com/2hrd3tg.png) repeat-x 0 0;
border:1px solid #d0d0d0;
border-radius:2px;
box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
color:#616161!important;
cursor:pointer;
display:inline-block;
font-size:11px;
height:24px;
line-height:24px;
padding:0 10px;
text-shadow:#fff 0 1px 0;
white-space:nowrap
}
.seguir a:hover{background-color:#f8f8f8;color:#4c4c4c}
/* FIM */
.posthead[id] + .postmain .entry-content div p:not(:empty) {
background: #ffebc8 url(https://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
.entry-content p:not(:empty) br {display: none;}
.pun fieldset, .pun img {
border: none;
}
ul#pun-legend, ul.pun-legend {
display: none;
}
/* Animate on Header by Eddye */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
/* End Animate CSS on Header */
/* Ajax Mito */
#ajax_loading {background: #00c7e3;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 37px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*Font Awesome */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: local('FontAwesome'), local('FontAwesome'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format('woff');
}
/* ranks */
.rank{
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
padding: 3px;
width: 130px;
margin: 5px;
text-align: center;
text-shadow: #000 1px 1px 0;
color: #fff;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
font: 13px 'Open Sans', Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}
.stars{
height: 16px;
width: 31px;
margin: 5px 0 0 3px;
background: url('https://cdn1.iconfinder.com/data/icons/fatcow/16/star.png') repeat-x;
background-size: 10px;
float: left;
}
.admin{
background-color: #c70000;
}
.admin:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.mod{
background-color: #009;
}
.co-admin{
background-color: #a2712b;
}
.co-admin .stars{
width: 20px;
}
.mod .stars{
width: 10px;
}
- em 03.05.15 0:35
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Quero diminuir as placas do perfil
- Respostas: 22
- Vistos: 11729
Aumentar as dimensões do avatar
Detalhes da dúvida
Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://nacionalteste.forumeiros.com/
Descrição do problema
Desejo aumentar as dimensões do avatar do fórum, o que está utilizado é apenas um quadrado pequeno, desejo aumentar, deixa-lo maior. Segue o CSS abaixo.- Spoiler:
- html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #e7e7e7;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
margin: 0 auto;
width: 90%;
min-width: 960px;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 90%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {display: none;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #22242D url() repeat-x bottom;
width: 100%;
position: fixed;
padding: 0;
text-align: right;
border-bottom: 2px solid #00c7e3;
right: 0;
top: 0;
z-index: 999;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #555;
font-size: 11px;
}
#user_link {
font-size: 13px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #00c7e3;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #00aac3;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #00c7e3;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#user_navigation #sign_in {
margin-right: 8px;
}
#notify_link {
background: url(https://i.imgur.com/lcE4p4d.png) no-repeat top;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#inbox_link {
background: url(https://i.imgur.com/vVoLhao.png) no-repeat top;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #e7e7e7 url(https://i.imgur.com/1YiJ6n0.png) repeat-x;
min-height: 100px;
padding-top: 37px;
margin: 0 auto;
width: 90%;
min-width: 960px;
}
#branding:hover {
background: url(https://i.imgur.com/81ACSXe.png);
padding-top: 37px;
}
#branding {
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#logo {
display: inline;
/*-webkit-animation-duration: 3s;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;*/
}
#logo:hover {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
.clickable {
cursor: pointer;
}
#search {
margin: 20px 0;
}
#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 {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
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;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #00d0ee url(https://i.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #00d0ee;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
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);
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#search .submit_input a:hover{
background:#00a7bf;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#adv_search {
width: 16px;
height: 16px;
background: url(https://i.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #00c7e3;
font-size: 14px;
text-align: center;
padding: 5px 20px 0px 0px;
margin: 0 auto;
width: 90%;
min-width: 960px;
}
#community_app_menu > li {
margin: -5px 1px 0 0px;
text-align: center;
}
#community_app_menu > li > a {
color: #fff;
background: #00c7e3;
text-align: center;
display: block;
padding: 10px 15px 8px;
text-shadow: none;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #009dbf;
height: 15px;
color: #fff;
text-align: center;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#community_app_menu > li.active > a {
background: #fff;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 10px 8px 8px;
}
#quickNavLaunch span {
background: url(https://i.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #22242D url() repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #000;
-moz-box-shadow: inset 0px 1px 0 #000;
box-shadow: inset 0px 1px 0 #000;
border-width: 1px 1px 0 1px;
border-color: #000;
border-bottom: 3px solid #00d0ee;
border-style: solid;
margin-top: 10px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 12px;
font-weight: 300;
}
.pun .main-content {
background: #ebf0f3;
padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
margin-right: 70px;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-top: -10px;
margin-right: 50px;
}
.pun tbody.statused span.status {
margin-top: -10px;
margin-right: 50px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 14px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
/*module*/
.module .main-head {
background: url() 50% 100% no-repeat #fafafa;
border-top: 3px solid #d8d8d8;
color: #727272;
font-family: 'Open Sans', Arial;
font-size: 13px;
font-weight: 400;
padding: 12px;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
-webkit-transition:background 1.0s ease-out;
-moz-transition:background 1.0s ease-out;
-o-transition:background 1.0s ease-out;
-ms-transition:background 1.0s ease-out;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{
background:#00c7e3;
color:#fff;
opacity:1;
-webkit-transition:background 1.0s ease-out;
-moz-transition:background 1.0s ease-out;
-o-transition:background 1.0s ease-out;
-ms-transition:background 1.0s ease-out;
}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #FFF;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 90px;
width: 90px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
/*quick reply*/
#pun-qpost {
background: #ebf0f3;
padding: 9px;
padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
border: 1px solid #dbe4ef;
}
.pun .main-content {
border: 1px solid #dbe4ef;
border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(https://i.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
top: 40px;
border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
padding-bottom: 6px;
border-top: 1px solid #d5dde5;
background: #f1f6f9;
}
#chatbox_footer .right {
/*display: none !important;*/
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#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(https://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(https://i.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
margin: 10px 0 10px 0;
border: 1px solid #DCE2EC;
border-bottom: 6px solid #DCE2EC;
background: #ebf0f3;
padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(https://i.imgur.com/EaN6eQn.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #00a6c9;
}
/*crumbs*/
p.crumbs a {
color: #777!important;
font: normal 13px helvetica, arial, sans-serif;
}
/*Avatar on title*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 200px;
margin: 0 10px;
padding: 1px;
width: 180px;
border-radius: 0px!important;
}
/* Menu Dropdown */
#perfil_drop{
background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
border: 0px none !important;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
color: #225985;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
overflow: hidden;
position: absolute;
right: 7.1%;
text-align: left;
top: 36px;
width: 360px;
z-index: 999;
}
.nav_c{
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
}
.avat img {
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 200px;
margin: 10px;
padding: 1px;
width: 150px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
width: 38%;
}
#perfil_drop li a {
color: #00569C;
text-decoration: none;
}
.menu_active {
background: #fff;
border-radius: 5px 5px 0 0;
color: #000!important;
}
.sceditor-container {
width: 120% !important;
height: 280px !important;
}
/* Quick Answers Avatar */
#quick-avatar img {
-border-radius: 100%;
-moz-border-radius: 100%;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 100%;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 50px;
padding: 2px;
width: 50px;
#stats {
background-color: #FFFFFF;
line-height: 150%;
padding: 0px;
}
.onlinemeet {
text-align: center;
font-family: Arial;
color: #616161;
font-weight: 900;
font-size: 16px;
padding: 5px;
background-color: #EEEEEE;
border: 1px solid #DADADA;
border-right: none;
border-left: none;
}
#classeperson {
margin-left: 15px;
color: #616161;
float: left;
font-family: Arial;
}
#onlinelist {
float: right;
border-top: none;
background-color: #FAFAFA;
border-left: 3px dashed #F8F8F8;
float: right;
font-family: Arial;
padding-left: 40px;
}
.legendaa {
margin-top: 88px;
border-top: 1px solid #D6D6D6;
border-bottom: 5px solid #ACACAC;
border-radius: 0 0 5px 5px;
text-align: center;
background-color: #E9E9E9;
padding: 15px;
}
#pun-info .main-content {
background-color: #FFF;
}
.BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(https://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none}
/* Inbox message */
#bs_full_inbox {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
margin-top: 15px;
display: none;
width: 450px;
background: #fff;
box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 200;
position: absolute;
}
#bs_full_inbox a {
color: #255b79;
text-decoration: none;
}
#bs_full_inbox a:hover {color: #cd3816;}
#bs_full_inbox:before {
border-style: solid;
border-width: 15px;
border-color: transparent transparent #fff;
bottom: 100%;
pointer-events: none;
left: 15px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 3;
}
.bs_inbox_header {
background: #fff url('https://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
border-radius: 3px 3px 0px 0px;
padding: 10px;
line-height: 24px;
}
.bs_inbox_header .compose {
font-size: 12px;
line-height: 28px;
padding: 0 15px;
float: right;
background: #262e33;
color: #ffffff !important;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.bs_inbox_header .compose:hover {
background-image: url('https://i.imgur.com/eaB5FHK.png');
background-repeat: repeat;
}
.bs_inbox_sectionHead {
font-size: 18px;
color: #333333;
line-height: 24px;
font-weight: 400;
display: inline-block;
margin: 0;
}
.bs_inbox_inner {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
margin: 0;
}
.bs_inbox_li {
width: 100%;
position: relative;
padding: 5px 3px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.bs_inbox_li:last-child {border-bottom: 0;}
.bs_inbox_li strong {font-weight: normal !important;}
.bs_inbox_item, .bs_user_p {
display: table-cell;
padding: 8px 10px;
}
.bs_inbox_item {color: #9c9c9c;}
.bs_inbox_item .topictitle {display: inherit;}
.bs_inbox_footer {
background: #fff url('https://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
text-align: center;
padding: 10px;
line-height: 24px;
border-top: 1px solid #e0e0e0;
box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
border-radius: 0px 0px 3px 3px;
}
.bs_inbox_photo {
background: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 0px 1px #e2e2e2;
padding: 0.5px;
vertical-align: middle;
line-height: 1px;
position: relative;
border-radius: 150px;
width: 34px;
height: 34px;
}
/* view topic */
.uix_usernameWrapper span.username .i_icon_online{margin-right:5px} .pun .post .user { float:left; margin-left:0!important; margin-top:0!important; padding-top:0!important; position:relative; width:160px!important; } .pun .postmain { background-color:#fbfbfb; border:1px solid #e2e2e2!important; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:16px auto 16px 0 !important; padding:8px; } .pun .post-entry { float:left; width:79%; padding:1em 1em 0; } .pun .post { border-color:none!important; border-style:none!important; border-width:0!important; } .postfoot { border-top:0 dashed!important; clear:both; margin-left:0!important; text-align:right; padding:.5em 1em; } .pun .posthead { float:left; background:none!important; border-bottom:0 dashed #ccc!important; } .user-basic-info img:first-child { -moz-border-radius:100%; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-border-radius:100%; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; border:1px solid #d8d8d8; border-radius:100%; box-shadow:0 2px 2px rgba(0,0,0,0.1); height:110px; width:110px; padding:2px; } .messageUserBlock .extraUserInfo div { border-bottom:1px dashed #e2e2e2; padding-top:5px; } .user .messageUserInfo .messageUserBlock h3.userText br { display:none; } .messageUserInfo { background-color:#FFF; float:left; width:140px; margin-left:5px; } .messageUserBlock { background-color:#FFF; border:1px solid #e2e2e2; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; position:relative; } .messageUserBlock div.avatarHolder { background-color:#FFF; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0; text-align:center; position:relative; padding:8px; } .messageUserBlock div.avatarHolder .avatar { display:block; font-size:0; } .messageUserBlock h3.userText { background-color:#f0f0f0; border:0 solid #e2e2e2; border-top-width:1px; padding:8px; } .messageUserBlock a.username { font-weight:700; display:block; overflow:hidden; line-height:16px; } .messageUserBlock .userTitle { font-size:11px; display:block; } .messageUserBlock .uB:last-child { margin-bottom:0; } .uB.wp { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; position:relative; } .messageUserBlock .uB { display:block; margin:5px -14px; } .uB { font-size:11px; background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png) repeat-x top; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; text-align:center; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; box-shadow:none; padding:4px 5px; } .uB.wp span.ber { -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -khtml-border-top-left-radius:3px; border-top-left-radius:3px; left:-1px; } .uB.wp span.aft { -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; -khtml-border-top-right-radius:3px; border-top-right-radius:3px; right:-1px; } .uB.wp span { position:absolute; top:-4px; width:5px; height:4px; background-color:inherit; } .uB.bannerStaff { background-color:#fafafa; background:#6ba65e; color:#FFF; border-color:transparent; } .messageUserBlock .extraUserInfo { font-size:12px; background-color:#FFF; border:0 solid #e2e2e2; border-top-width:1px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; padding:4px 6px; } .messageUserBlock .extraUserInfo dl { margin:2px 0 0; } .messageUserBlock .arrow { position:absolute; top:10px; right:-10px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#e2e2e2; -moz-border-left-colors:#e2e2e2; border-right:none; _display:none; } .messageUserBlock .arrow span { position:absolute; top:-10px; left:-11px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#FFF; -moz-border-left-colors:#FFF; border-right:none; }@media only screen and (max-width: 1024px) and (min-width: 1000px){ .pun .post-entry { width: 75%!important; }}
.newmp_bs span.status {
display: none;
}
.newmp_bs a.topictitle {
color: #fff;
font-size: 12px;
}
.newmp_bs {
color: #fff;
display: inline-block;
}
.newmp_bs a {
font-size: 11px;
color: #F0F0F0;
}
/*****
Receive private messages
*****/
span#msg_header {
font-size : 12px;
text-transform : uppercase;
color : #F1F1F1;
}
.mpnew_targetcode {
position : fixed;
left : 40%;
top : 33%;
background : rgba(0, 0, 0, 0.;
border : 5px solid #000;
padding : 20px;
z-index : 999;
border-radius : 5px;
width : 280px;
height : 110px
}
.headermpnew {
font-size : 16px;
padding : 2px;
margin-top : -11px;
margin-bottom : 12px;
}
a#close_window {
float : right;
width : 5px;
height : 5px;
color : red;
font-size : 15px;
font-family : serif;
}
a.restantemp {
color : #ECECEC;
text-transform : uppercase;
font-size : 10px;
margin-top : 15px;
padding : 2px;
float : left;
margin-left : -1px;
}
.infomp {
padding : 2px;
font-size : 12px;
float : left;
}
.forabg {
position : fixed;
background : rgba(0, 0, 0, 0.4);
width : 100%;
height : 100%;
top : 0px;
z-index : 1;
}
/* TITLEBOX */
.titlebox{
-moz-border-radius:3px;
-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
-webkit-border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
background:#EFEFEF;
border:1px solid #D6D6D6;
border-radius:3px;
box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
overflow:hidden;
padding:10px;
text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a 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:#fff;
border:1px solid #D5D5D5;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
float:left;
height:50px!important;
padding:1px;
width:50px!important
}
.titlebox dava a 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)
}
.ipsType_pagetitle a{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}
.seguir{float:right;position:relative}
.seguir a{
-moz-border-radius:2px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius:2px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
background:#ececec url(https://2img.net/h/oi45.tinypic.com/2hrd3tg.png) repeat-x 0 0;
border:1px solid #d0d0d0;
border-radius:2px;
box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
color:#616161!important;
cursor:pointer;
display:inline-block;
font-size:11px;
height:24px;
line-height:24px;
padding:0 10px;
text-shadow:#fff 0 1px 0;
white-space:nowrap
}
.seguir a:hover{background-color:#f8f8f8;color:#4c4c4c}
/* FIM */
.posthead[id] + .postmain .entry-content div p:not(:empty) {
background: #ffebc8 url(https://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
.entry-content p:not(:empty) br {display: none;}
.pun fieldset, .pun img {
border: none;
}
ul#pun-legend, ul.pun-legend {
display: none;
}
/* Animate on Header by Eddye */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
/* End Animate CSS on Header */
/* Ajax Mito */
#ajax_loading {background: #00c7e3;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 37px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*Font Awesome */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: local('FontAwesome'), local('FontAwesome'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format('woff');
}
/* ranks */
.rank{
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
padding: 3px;
width: 130px;
margin: 5px;
text-align: center;
text-shadow: #000 1px 1px 0;
color: #fff;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
font: 13px 'Open Sans', Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}
.stars{
height: 16px;
width: 31px;
margin: 5px 0 0 3px;
background: url('https://cdn1.iconfinder.com/data/icons/fatcow/16/star.png') repeat-x;
background-size: 10px;
float: left;
}
.admin{
background-color: #c70000;
}
.admin:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.mod{
background-color: #009;
}
.co-admin{
background-color: #a2712b;
}
.co-admin .stars{
width: 20px;
}
.mod .stars{
width: 10px;
}
- em 01.05.15 15:13
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Aumentar as dimensões do avatar
- Respostas: 3
- Vistos: 10153
Colocar imagem no fundo
Aqui está:- Spoiler:
- html ,.smiley-frame {
background: #121212;
}
body {
background: #121212;
color: #BCBCBC;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
margin: auto!important;}
#page-body {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
overflow: hidden;
width: 90%;
}
.pun {
margin: auto;
padding: 0;
width: 100%;
}
#pun-head {
bottom: 4px;
position: absolute;
width: 100%;
z-index: 9999!important;
}
#pun-intro {
border: none;
background: black url("https://i.imgur.com/tyo35CN.jpg") top repeat-x;
height: 130px;
padding: 0;
position: relative;}
.forabg-ipb {
background: #1F1F1F url("https://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;}
.main .forabg-ipb .main-head ,.main.paged .main-head{
background: transparent;
border:0;}
.pun .main .forabg-ipb .main-content {
background: transparent;
border: 0;
}
.pun .forabg-ipb table.table td {
border: 0;
background: none!important;
}
.pun .forabg-ipb table .tcr {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun .forabg-ipb tbody.statused td.tcl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pun .forabg-ipb table.table .statused tr {
background: #181818;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828;
border-bottom: 1px solid #343434;
border-radius: 5px;
display: table;
margin-bottom: 10px;
width: 100%;}
.main .main-head .page-title h2 {
font-family: tahoma, helvetica, arial, sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
font-size: 12px;
font-weight: bold;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background-image: url("https://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.pun .main-content {
border: 1px solid #272727;
}
h2.topic-title a.topictitle {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.pun table.table td {
padding: .2em 0 0.2em;
}
.pun table.table thead tr {
background: #1F1F1F url("https://i.imgur.com/9FRy5t9.png") repeat;
color: white;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
}
.pun table.table thead tr th {
border: 0;
background: rgba(0, 0, 0, 0.3);
color: white;
opacity: 0.5;
}
.pun .statused tr a {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
.pun .main table td.tc3 p {
text-align: right;
}
.avs .inx {
float: left;
margin-right: 5px;
}
.avs .inx img {
width: 34px;
height: 34px;
border-radius: 2px;
margin: 5px 5px;
}
.main.paged {
background: #1F1F1F url("https://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}
.pun .main-content {
border: 1px solid #272727;
background-color: #101010;
}
.pun .post {
color: #BCBCBC;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
border: 0;
}
.pun .posthead {
border-top: 1px solid #2D2D2D;
border-bottom: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #202020 url('https://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
padding-left: 18em;
}
.pun .postmain {
border-left: 1px solid #252525;
background: #181818;
}
.pun .user .user-info, .pun .user .user-ident {
text-align: center;
}
.pun .user-ident .user-basic-info {
margin-top: 15px;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.postfoot {
background-color: #101010;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-top: 1px solid #252525;
margin-left: -18em;
}
#pun-visit, .main-box ,#main .module-advert .main-content{
background: #181818;
border: 1px solid #2D2D2D;
}
#board_stats ul li {
display: inline;
margin: 10px;
}
#board_stats ul li span {
display: inline-block;
background: #222 url('https://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
border-radius: 3px;
margin-right: 3px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
#board_stats {
text-align: center;
height: 50px;
}
#pun-info-ipb #onlinechat {
background: #181818;
border: 0;
}
#pun-info-ipb #onlinelist {
background: #181818;
border: 0;
}
.board-title-line ul li {
display: inline;
margin: 0 5px;
}
.board-title-line a {
font-weight: normal;
}
.board-title-line ul {
float: right;
}
.board-title-line p {
float: left;
}
.board-title-line {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #282828 url('https://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#pun-info-ipb {
margin: 0;
color: #898989;}
#pun-about a {
font-weight: normal!important;
color: #848484;!important}
#pun-about #qjump {
display: none;
}
#pun-about {
padding: 8px;
position: relative;
border: 1px solid #2A2A2A;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #1A1A1A url('https://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
text-align: left;}
#pun-about .right br {
display: none;
}
#pun-about ul {
float: left;
}
#pun-foot {
margin: auto;
max-width: 1200px;
min-width: 980px;
position: relative;
}
.pun #coun-mps {
line-height: 12px;
}
#pun-navlinks li a:hover {
background: rgba(0, 0, 0, 0.3);
color: white;
}
#pun-navlinks li a {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CCC;
line-height: 31px;
margin: 0;
height: 32px;
display: inline-block;
padding: 0 6px;
}
#pun-head #pun-navlinks {
background: url("https://i.imgur.com/CmCydtW.png") repeat;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
height: 32px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
border: 0;
}
.men-intro {
background: rgba(0, 0, 0, 0) url(https://i.imgur.com/xLx9ftI.png) repeat;
border: none;
height: 130px;
margin: auto;
max-width: 1200px;
min-width: 980px;
padding: 0;
position: relative;
width: 90%;
}
#pun-logo {
float: none;
position: absolute;
top: 20px;
}
.pun table.table th {
background-image: url("https://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #282828 url('https://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 9px 9px 14px 9px;
border: 1px solid #393939;
}
.topme {
height: 20px;
padding: 10px 5px 5px;
}
.topme h1 {
font: normal 11px tahoma;
float: left;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
border-radius: 8px;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
}
.paged-head.clearfix p.posting {
text-align: right;
}
#stats {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #282828 url('https://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#onlinelist {
border-top: 0;
background-color: #101010;
}
.pun .post .user{margin-top: -2.3em;}
.pun .posthead h2 strong{font-weight: normal;}
#quick_reply .frm-set {
padding: 0;
margin: 0;
}
#quick_reply .frm-buttons ,.frm-buttons{
background: #232323 url('https://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
line-height: 30px;
text-align: center;
padding: 3px 0;
margin-top: 1px;}
.pun .frm-form, .main .main-content.frm {
background: black;
}
#quick_reply {
padding-bottom: 8px;
}
fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
background-color: #4B4B4B;
color: #F8F8F8;
border-color: #797979;}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 80%;
}
fieldset.frm-set.multi {
border: 0;
}
#quick_reply dl dt label {
display: none;
}
#text_editor_controls {
background: #202020 url('https://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
margin: 0;
padding: 4px 10px;
width: 100%!important;
border-bottom: 1px solid #2B2B2B;
}
#quick_reply fieldset.frm-set dl dt {
display: none;
}
#quick_reply .dd-textarea {
margin: 0!important;
padding: 0!important;
}
#quick_reply .dd-textarea #text_editor_textarea {
width: 98.2%!important;
background: black!important;
border: 1px solid #494949 !important;
margin: 2px;
display: block;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
{font-size: 11px;
padding: 7px 10px;
border: 0;
background: #393939 url('https://i.imgur.com/3QzE416.png') repeat-x 0 0;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
cursor: pointer;
}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{color: white;background-color: #434343;}
.pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
position: relative;
top: 1px;}
button.button2, input.button2 {
border: 0!important;
cursor: pointer;
background: transparent;
padding: 5px 4px;
border-radius: 3px;
}
.frm-form img[src^="https://2img.net/i/fa/wysiwyg/separator.png"] {
display: none;
}
button.button2:hover, input.button2:hover {
background: #2E2E2E;
}
.codebox dt {
border: 0;
}
.codebox dd, .codebox dd.cont_code {
background-color: #222 !important;
color: #7F7F7F;
border: 1px solid #363636;
}
.codebox {
background-color: #262626 !important;
color: #7F7F7F;
border: 1px solid #3B3B3B;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
font-family: monospace !important;
}
.postmain blockquote ,blockquote{
font-size: 12px;
padding: 10px;
border: 1px solid #3B3B3B;
background: #262626;
color: #7F7F7F;
margin: 0 0;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
background: #232323 url('https://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
border: 1px solid #373737;
}
.main.paged #first-post-br {
display: none;
}
table.forumline {
background-image: url("https://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
background-color: #212121;
border: 1px solid #313131;
}
.pun .paging a, .paging b, .pagination a {
background: #252525 url('https://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
color: white;
padding: 2px 6px;
border-radius: 2px;
opacity: 0.8;}
.pun .paging a:hover, .paging b:hover, .pagination a:hover {
background: #353535 url('https://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
opacity: 10;
color: white;
}
#chatbox p {
background-image: url("https://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #282828 url('https://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px;
border: 1px solid #393939;
}
#search_menu {
background: #222;
border: 1px solid #3F3F3F;
}
.pun .frm .frm-form table {
border: 1px solid #2E2E2E;
}
.pun .main table.table td.td-title {
border: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
background: rgba(0, 0, 0, 0.3);
}
.module p.author {
background: #222 url("https://i.imgur.com/GpB5BCN.png") bottom repeat-x;
border-bottom: 1px solid #303030;
}
.pun .main h3 a.forumtitle {
font-weight: bold;
font-size: 12px;
}
.pun-crumbs a {
display: inline-block;
padding-right: 17px;
padding-left: 5px;
background: url('https://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
color: #D7D7D7!important;
line-height: 37px;
height: 37px;
float: left;
overflow: hidden;
font-size: 11px;
visibility: visible!important;
font-weight: normal;}
.pun-crumbs {
position: absolute;
top: 0px;
background: #1C1C1C url('https://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
padding: 0;
color: transparent;
font-size: 0;}
.pun-crumbs strong {
color: transparent;
}
.pun-crumbs p {
color: transparent;
}
.pun-crumbs a:active {
background-position: 100% -86px;
}
.pun-crumbs a:hover {
color: #FFF!important;
background-position: 100% -43px;}
#page-body {
padding-top: 66px;
position:relative;}
.tcl.tdtopics #tipe-post strong{
background-color: #7BA60D;
color: white;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
text-transform: uppercase;
background-image: url("https://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
padding: 1px 5px;
}
.select {
margin-top: -130px;
margin-left: -90px;
}
.select .button2 {
background: #020202;
}
.main-head:hover #toggle-right {
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 1;}
.main-head #toggle-right {
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 0;}
#pun-announcement {
border: 1px solid #272727;
background-color: #101010;
}
.avatar-ipb img {
width: 24px;
height: 24px;
}
#identipb a {
display: inline-table;
vertical-align: text-bottom;
line-height: 26px;
margin-left: 6px;
}
.info_box ,div.avatar-ipb {
float: left;
}
#SoIan {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
width: 360px;
background: #1d1d1d;
position: absolute;
padding: 6px;
border-radius: 0 0 6px 6px;
}
.info_box {
margin-left: 65px;
display: inline-table;
position: relative;
float: left;
}
.info_box a {
display: inline-block;
}
#SoIan .avatar-ipb img {
width: 54px;
height: 54px;
border-radius: 2px;
}
#SoIan .info_box a {
width: 118px;
}
.app-ipb-nav {
float: right;
position: absolute;
top: 0px;
right: 10px;
}
#identipb a {
border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 8px;}
#identipb a.ipb-mainmenu img {
position: relative;
top: 6px;
}
.ipb-mainmenu {}
#identipb a img#i_icon_mini_not {
position: relative;
top: 9px;
}
a.ipb-mainmenu#logout {
line-height: 31px;
}
#pun-head {
z-index: 9999!important;
}
#SoIan {
right: 107px;
}
.main .frm-info {
background: #333;
border: 1px solid #000;
}
.avs .inx img:hover {
opacity: 0.7;
}
.pun .posthead, .pun .posthead a {
color: #777;
}
.pun .main-content #stats {
height: auto;
}
#profile-advanced-details div.separator {
border-bottom: 1px solid #1F1F1F;
border-top: 1px solid #0A0A0A;
padding: 0;
line-height: 0px;
}
#tabs ul li a {
background: #292929;
border: 1px solid #000;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
}
#tabs ul li a:hover {
background: #252525;
color: #B8B8B8;
}
#tabs ul li.activetab a {
background: #0A5E69;
border: 1px solid #393939;
border-bottom: 1px solid #3F3E3E;
}
#profile-advanced-details .message-header {
background: #272727;
border-top: 1px solid #353434;
}
select {
border: 1px solid #383838;
background: #292929;
color: #969696;
padding: 5px 2px;
}
#content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
font-weight: bold;
}
.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
.resizebox .resize_border {
background: #222;
border: 1px solid #333;
}
.module p.comments {
background: none;
border-top: none;
}
#ipb-search_menu {
right: 68px;
background: rgba(0,0,0,0.5);border-radius: 3px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
top: 31px;
padding: 4px;
}
.pun #ipb-search_menu .go-se-ipb {
background: rgba(255, 255, 255, 0.25) url('https://i.imgur.com/Pytjj0m.png') no-repeat 50%;
font-size: 0;
width: 29px;height: 26px;
top: -4px;
position: relative;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
border-radius: 0 5px 5px 0;
text-indent: -3000em;
}
.pun #ipb-search_menu .inputbox.medium {
background: rgba(255,255,255,0.15);
display: inline-block;
padding: 0 61px 0 5px;
height: 26px;
border: 0;
border-radius: 3px 0px 0px 3px;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
outline: 0;
color: rgb(167, 163, 163);
width: 170px;
}
#search_options {
position: absolute;
right: 70px;
background: rgba(255,255,255,0.15) url('https://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
border-radius: 3px;
cursor: pointer;
}
#adv_search {
width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('https://i.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;display: inline-block;margin-left: 3px;
}
.pun #ipb-search_menu .inputbox.medium:focus {
color: white;
}
#pun-head #pun-navlinks ul.clearfix li #logout {
display: none;
}
#chatbox_contextmenu {
background: #242424;
border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
background: #222;
border-bottom: 1px solid #000;
border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
background: #303030;
}
#coun-mps {
position: absolute;
right: 110px;
background: #EC2525;
border: 1px solid #5F0C0C;
font: bold 10px arial;
border-radius: 3px;
padding: 0 3px;
color: #FFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
z-index: 999!important;
top: 4px;
}
.ipsType_sectiontitle.clearfix {
padding: 10px;
font: bold 22px arial;
}
#user_inbox_link_menucontent {
width: 500px;
background: #1D1D1D;
border: 1px solid #363636;
position: absolute;
top: 32px!important;
right: 98px!important;
display: none;
}
.ipsPad_half.ipsType_smaller.right a {
font: normal 10px arial;
}
.ipsList_withminipms {
border-top: 1px solid #383838;
}
.ipsList_withminipms .tcl.tdtopics {
display: block;
padding: 5px;
border-top: 1px solid #313030;
border-bottom: 1px solid #0C0C0C;
}
.ipsList_withminipms .tcl.tdtopics a.topictitle {
margin-left: 10px;
}
#user_alert_link_menucontent {
width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
right: 59px!important;display: none;
}
.ipsList_withminialert td.tcr {
display: block;
background: #292828;
border-top: 1px solid #313131;
border-bottom: 1px solid #1F1E1E;
padding: 5px;
}
#alerticon, #aime-mp {
cursor: pointer;
}
#topdes {
display: block;
width: 25px;
height: 25px;
margin: auto;
background: #BDBDBD url("https://i.imgur.com/3Z8kIZr.png") no-repeat center;
position: absolute;
left: 50%;
border-radius: 100%;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
cursor: pointer;
opacity: 0.4;
margin-top: -5px;
}
#topdes:hover {
opacity: 0.7;
}
.men-intro {
max-width: 1200px;
min-width: 980px;
position: relative;
}
#pun-head {
position: relative!important;
}
#pun-intro{background:url(https://i.servimg.com/u/f38/19/09/90/16/banner10.jpg)}
.pun .user-ident .username a {
float: right;
position: absolute;
margin: -13px 0px 0px 15px;
}
/*********RANK REPUTAÇÃO***********/
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(https://i.servimg.com/u/f38/17/31/71/58/highli10.png);
border--radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
.pun tbody.statused span.status {
position: relative !important;
top: 15px !important;
}
p {
position: relative !important;
top: 5px !important;
}
div#desc-c {
position: relative !important;
top: 5px !important;
}
a.forumtitle {
position: relative !important;
top: 7px !important;
}
.tcl > .status {
margin-right: 14px !important;
}
h2.topic-title {
position: relative;
top: 9px;
left: -6px;
}
span#tipe-post {
position: relative;
top: 9px;/*- Quanto maior, mais irá para baixo *-/
}
.pun {
background: url(https://2img.net/s/t/18/71/38/i_background.png)!important;
}
- em 14.04.15 21:48
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Colocar imagem no fundo
- Respostas: 20
- Vistos: 10634
Editar as estatísticas do fórum
Meu index_body- Spoiler:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
if(typeof(_atc) == "undefined") {
_atc = { };
}
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<!-- BEGIN switch_plus_menu -->
<li>
<script type="text/javascript">//<![CDATA[
var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<!-- BEGIN watchtopic -->
<li>{S_WATCH_TOPIC}</li>
<!-- END watchtopic -->
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs noprint">
<p class="crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC} »
<strong><a href="{TOPIC_URL}" itemprop="url"><span itemprop="title">{TOPIC_TITLE}</span></a></strong>
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
<!-- END switch_fb_likebtn -->
</p>
</div>
<div class="titlebox"><dd> <dava><div class="avatarredet"><a class="teste2" href="#"><img class="teste" alt="" src="https://2img.net/u/2517/28/07/20/avatars/1-10.jpg"></a></div></dava><div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto"><h1 itemprop="name" class="ipsType_pagetitle"><a href="{TOPIC_URL}" id="topictitletop">{TOPIC_TITLE}</a></h1><div class="desc lighter blend_links"><dts>Criado por </dts><span itemprop="creator"></span> <span itemprop="data_post"></span></div></div></div></dd></div>
<div class="main paged">
<div class="paged-head clearfix">
<h1>{TOPIC_TITLE}</h1>
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>
{POLL_DISPLAY}
<div class="main-head clearfix">
<p class="h2">
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
</div>
<div class="main-content topic">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
<h2>
<strong>{postrow.displayed.COUNT_POSTS}</strong>
{postrow.displayed.ONLINE_IMG} <h4 class="username">{postrow.displayed.POSTER_NAME} <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span></h4>
</h2>
</div>
<div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
<div class="user">
<div class="user-ident">
<div class="user-basic-info">
{postrow.displayed.POSTER_AVATAR}<br />
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
</div>
<div class="user-info">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</div>
<div class="post-entry">
<div class="entry-content">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div>
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
</div>
<p>
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>
<!-- BEGIN switch_signature -->
<div class="sig-content">
{postrow.displayed.SIGNATURE_NEW}
</div>
<!-- END switch_signature -->
<div class="postfoot">
<div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
</div>
<div class="main-foot clearfix">
<p class="h2">
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
<p class="options">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<!-- BEGIN viewtopic_bottom -->
{S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div>
<a name="bottomtitle"></a>
<div class="paged-foot clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>
</div>
<div class="pun-crumbs">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
</p>
</div>
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link -->
» <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">{L_FORUM_RULES}</p>
</div>
<table class="main-content frm">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
</div>
</div>
</div>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Minha Folha CSS
- Spoiler:
html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #d8dde8;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 87%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(https://i.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
margin-right: 8px;
}
#notify_link {
background: url(https://i.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(https://i.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(https://i.servimg.com/u/f81/17/45/75/97/brandi10.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
.clickable {
cursor: pointer;
}
#search {
margin: 20px 0;
}
#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 {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
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;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(https://i.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
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);
}
#adv_search {
width: 16px;
height: 16px;
background: url(https://i.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
color: #c5d5e2;
background: #1c3b5f;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #173455;
color: #fff;
}
#community_app_menu > li.active > a {
background: #fff;
color: #0b5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(https://i.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #2c5687 url(https://i.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
background: #ebf0f3;
padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
/*module*/
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
background: #DBE2EC;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 90px;
width: 90px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
/*quick reply*/
#pun-qpost {
background: #ebf0f3;
padding: 9px;
padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
border: 1px solid #dbe4ef;
}
.pun .main-content {
border: 1px solid #dbe4ef;
border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(https://i.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
top: 40px;
border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
padding-bottom: 6px;
border-top: 1px solid #d5dde5;
background: #f1f6f9;
}
#chatbox_footer .right {
/*display: none !important;*/
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#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(https://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(https://i.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
margin: 10px 0 10px 0;
border: 1px solid #DCE2EC;
border-bottom: 6px solid #DCE2EC;
background: #ebf0f3;
padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(https://i.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
p.crumbs a {
color: #777!important;
font: normal 13px helvetica, arial, sans-serif;
}
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
background-image: url('https://i.imgur.com/UGqTZqe.png');
background-repeat: repeat-x;
background-position: 0 1px;
font-size: 10px;
padding: 2px 10px !important;
color: #fff;
font-weight: bold;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(https://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; } .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }
#bs_full_inbox {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
margin-top: 15px;
display: none;
width: 450px;
background: #fff;
box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 200;
position: absolute;
}
#bs_full_inbox a {
color: #255b79;
text-decoration: none;
}
#bs_full_inbox a:hover {color: #cd3816;}
#bs_full_inbox:before {
border-style: solid;
border-width: 15px;
border-color: transparent transparent #fff;
bottom: 100%;
pointer-events: none;
left: 15px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 3;
}
.bs_inbox_header {
background: #fff url('https://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
border-radius: 3px 3px 0px 0px;
padding: 10px;
line-height: 24px;
}
.bs_inbox_header .compose {
font-size: 12px;
line-height: 28px;
padding: 0 15px;
float: right;
background: #262e33;
color: #ffffff !important;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.bs_inbox_header .compose:hover {
background-image: url('https://i.imgur.com/eaB5FHK.png');
background-repeat: repeat;
}
.bs_inbox_sectionHead {
font-size: 18px;
color: #333333;
line-height: 24px;
font-weight: 400;
display: inline-block;
margin: 0;
}
.bs_inbox_inner {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
margin: 0;
}
.bs_inbox_li {
width: 100%;
position: relative;
padding: 5px 3px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.bs_inbox_li:last-child {border-bottom: 0;}
.bs_inbox_li strong {font-weight: normal !important;}
.bs_inbox_item, .bs_user_p {
display: table-cell;
padding: 8px 10px;
}
.bs_inbox_item {color: #9c9c9c;}
.bs_inbox_item .topictitle {display: inherit;}
.bs_inbox_footer {
background: #fff url('https://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
text-align: center;
padding: 10px;
line-height: 24px;
border-top: 1px solid #e0e0e0;
box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
border-radius: 0px 0px 3px 3px;
}
.bs_inbox_photo {
background: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 0px 1px #e2e2e2;
padding: 0.5px;
vertical-align: middle;
line-height: 1px;
position: relative;
border-radius: 150px;
width: 34px;
height: 34px;
}
#pwd_bad {
background-image: url('https://i.imgur.com/iIIhDFo.jpg') !important;
color: transparent !important;
}
#pwd_middle {
background-image: url('https://i.imgur.com/33vy9Vc.jpg') !important;
color: transparent !important;
}
#pwd_good {
background-image: url('https://i.imgur.com/74JBrB7.jpg') !important;
color: transparent !important;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}
.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;
}
.reputation {
background-color: rgb(141, 177, 62)!important;
background-image: url(https://i.servimg.com/u/f38/17/31/71/58/highli10.png);
border-radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin: 0 auto;
margin-bottom: 3px;
padding: 3px 7px;
max-width: 125px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}
.reputation.zero {
background-color: rgb(16, 16, 16)!important;
color: rgb(255, 255, 255);
}
p.crumbs{background:url(https://i.imgur.com/hnd5gvU.png) repeat-x scroll 0 0 #E0E0E0;border:1px solid #D6D6D6;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.05);line-height:37px;margin-bottom:15px;overflow:hidden;text-shadow:0 1px 0 #FFF}.pun .crumbs a{background:url(https://i.imgur.com/w1Uh0Ax.png) no-repeat scroll 100% -1px transparent;color:#777;font:normal 11px tahoma,helvetica,arial,sans-serif;line-height:30px;padding:11px 17px 11px 4px}p.crumbs a:hover{background-position:100% -43px}
#pun-visit a[href="/search?search_id=unanswered"],a[href="/?mark=forums"],a[href="/search?search_id=unanswered"],a[href="/search?search_id=egosearch"], a[href="/search?search_id=newposts"]{display:none}
.linklist {
display: none !important;
}
.main-box{display:none}
.titlebox{background:#F3F3F3;border:1px solid #D6D6D6;border-radius:3px;box-shadow:rgba(228,228,228,0.99) 0 1px 3px inset;overflow:hidden;padding:10px;text-shadow:#fff 0 1px 0}.titlebox dd{display:block}.titlebox dava{float:left}.ipsBox_withphoto{float:left;margin-left:10px}.ipsType_pagetitle{color:#323232!important;display:block;font-family:Helvetica,Arial,sans-serif;font-size:26px;font-style:normal;font-variant:normal;font-weight:300;line-height:1.4;outline-style:none;overflow:hidden;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:650px}.ipsType_pagetitle a{font-size:23px;z-index:999}.desc.lighter.blend_links{color:#777;float:left;font-size:11px}.socialetopic{float:right;position:relative}.titlebox dava a img{background:#FFF;border:1px solid #D5D5D5;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:52px!important;padding:1px;width:52px!important}
.paged-head h1 {
padding: 15px 0;
display: none!important;
}
.pun .posthead{background:#e3e3e3 url(https://i.imgur.com/EyC3BRU.png) repeat-x 0 0;border-bottom:1px solid #d2d2d2;border-top:1px solid #d2d2d2;font-size:13px;font-weight:400;height:36px;line-height:36px;margin-left:-14em;padding:0 10px;text-shadow:rgba(255,255,255,0.6) 0 1px 0}.pun .post .user{margin-top:20px}
span.data-post{margin-left:11%;font-size:10px}
.post_online {
display: inline-block;
height: 15px;
width: 51px;
}
- em 15.01.15 13:57
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Editar as estatísticas do fórum
- Respostas: 16
- Vistos: 8557
Alterar visualização das estatisticas
[code]html ,.smiley-frame {background: #121212;
}
body {
background: #121212;
color: #BCBCBC;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
margin: auto!important;}
#page-body {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
overflow: hidden;
width: 90%;
}
.pun {
margin: auto;
padding: 0;
width: 100%;
}
#pun-head {
bottom: 4px;
position: absolute;
width: 100%;
z-index: 9999!important;
}
#pun-intro {
border: none;
background: black url("https://i.imgur.com/tyo35CN.jpg") top repeat-x;
height: 130px;
padding: 0;
position: relative;}
.forabg-ipb {
background: #1F1F1F url("https://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;}
.main .forabg-ipb .main-head ,.main.paged .main-head{
background: transparent;
border:0;}
.pun .main .forabg-ipb .main-content {
background: transparent;
border: 0;
}
.pun .forabg-ipb table.table td {
border: 0;
background: none!important;
}
.pun .forabg-ipb table .tcr {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun .forabg-ipb tbody.statused td.tcl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pun .forabg-ipb table.table .statused tr {
background: #181818;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828;
border-bottom: 1px solid #343434;
border-radius: 5px;
display: table;
margin-bottom: 10px;
width: 100%;}
.main .main-head .page-title h2 {
font-family: tahoma, helvetica, arial, sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
font-size: 12px;
font-weight: bold;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background-image: url("https://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.pun .main-content {
border: 1px solid #272727;
}
h2.topic-title a.topictitle {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.pun table.table td {
padding: .2em 0 0.2em;
}
.pun table.table thead tr {
background: #1F1F1F url("https://i.imgur.com/9FRy5t9.png") repeat;
color: white;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
}
.pun table.table thead tr th {
border: 0;
background: rgba(0, 0, 0, 0.3);
color: white;
opacity: 0.5;
}
.pun .statused tr a {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
.pun .main table td.tc3 p {
text-align: right;
}
.avs .inx {
float: left;
margin-right: 5px;
}
.avs .inx img {
width: 34px;
height: 34px;
border-radius: 2px;
margin: 5px 5px;
}
.main.paged {
background: #1F1F1F url("https://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}
.pun .main-content {
border: 1px solid #272727;
background-color: #101010;
}
.pun .post {
color: #BCBCBC;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
border: 0;
}
.pun .posthead {
border-top: 1px solid #2D2D2D;
border-bottom: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #202020 url('https://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
padding-left: 18em;
}
.pun .postmain {
border-left: 1px solid #252525;
background: #181818;
}
.pun .user .user-info, .pun .user .user-ident {
text-align: center;
}
.pun .user-ident .user-basic-info {
margin-top: 15px;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.postfoot {
background-color: #101010;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-top: 1px solid #252525;
margin-left: -18em;
}
#pun-visit, .main-box ,#main .module-advert .main-content{
background: #181818;
border: 1px solid #2D2D2D;
}
#board_stats ul li {
display: inline;
margin: 10px;
}
#board_stats ul li span {
display: inline-block;
background: #222 url('https://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
border-radius: 3px;
margin-right: 3px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
#board_stats {
text-align: center;
height: 50px;
}
#pun-info-ipb #onlinechat {
background: #181818;
border: 0;
}
#pun-info-ipb #onlinelist {
background: #181818;
border: 0;
}
.board-title-line ul li {
display: inline;
margin: 0 5px;
}
.board-title-line a {
font-weight: normal;
}
.board-title-line ul {
float: right;
}
.board-title-line p {
float: left;
}
.board-title-line {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #282828 url('https://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#pun-info-ipb {
margin: 0;
color: #898989;}
#pun-about a {
font-weight: normal!important;
color: #848484;!important}
#pun-about #qjump {
display: none;
}
#pun-about {
padding: 8px;
position: relative;
border: 1px solid #2A2A2A;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #1A1A1A url('https://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
text-align: left;}
#pun-about .right br {
display: none;
}
#pun-about ul {
float: left;
}
#pun-foot {
margin: auto;
max-width: 1200px;
min-width: 980px;
position: relative;
}
.pun #coun-mps {
line-height: 12px;
}
#pun-navlinks li a:hover {
background: rgba(0, 0, 0, 0.3);
color: white;
}
#pun-navlinks li a {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CCC;
line-height: 31px;
margin: 0;
height: 32px;
display: inline-block;
padding: 0 6px;
}
#pun-head #pun-navlinks {
background: url("https://i.imgur.com/CmCydtW.png") repeat;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
height: 32px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
border: 0;
}
.men-intro {
background: rgba(0, 0, 0, 0) url(https://i.imgur.com/xLx9ftI.png) repeat;
border: none;
height: 130px;
margin: auto;
max-width: 1200px;
min-width: 980px;
padding: 0;
position: relative;
width: 90%;
}
#pun-logo {
float: none;
position: absolute;
top: 20px;
}
.pun table.table th {
background-image: url("https://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #282828 url('https://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 9px 9px 14px 9px;
border: 1px solid #393939;
}
.topme {
height: 20px;
padding: 10px 5px 5px;
}
.topme h1 {
font: normal 11px tahoma;
float: left;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
border-radius: 8px;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
}
.paged-head.clearfix p.posting {
text-align: right;
}
#stats {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #282828 url('https://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#onlinelist {
border-top: 0;
background-color: #101010;
}
.pun .post .user{margin-top: -2.3em;}
.pun .posthead h2 strong{font-weight: normal;}
#quick_reply .frm-set {
padding: 0;
margin: 0;
}
#quick_reply .frm-buttons ,.frm-buttons{
background: #232323 url('https://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
line-height: 30px;
text-align: center;
padding: 3px 0;
margin-top: 1px;}
.pun .frm-form, .main .main-content.frm {
background: black;
}
#quick_reply {
padding-bottom: 8px;
}
fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
background-color: #4B4B4B;
color: #F8F8F8;
border-color: #797979;}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 80%;
}
fieldset.frm-set.multi {
border: 0;
}
#quick_reply dl dt label {
display: none;
}
#text_editor_controls {
background: #202020 url('https://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
margin: 0;
padding: 4px 10px;
width: 100%!important;
border-bottom: 1px solid #2B2B2B;
}
#quick_reply fieldset.frm-set dl dt {
display: none;
}
#quick_reply .dd-textarea {
margin: 0!important;
padding: 0!important;
}
#quick_reply .dd-textarea #text_editor_textarea {
width: 98.2%!important;
background: black!important;
border: 1px solid #494949 !important;
margin: 2px;
display: block;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
{font-size: 11px;
padding: 7px 10px;
border: 0;
background: #393939 url('https://i.imgur.com/3QzE416.png') repeat-x 0 0;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
cursor: pointer;
}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{color: white;background-color: #434343;}
.pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
position: relative;
top: 1px;}
button.button2, input.button2 {
border: 0!important;
cursor: pointer;
background: transparent;
padding: 5px 4px;
border-radius: 3px;
}
.frm-form img[src^="https://2img.net/i/fa/wysiwyg/separator.png"] {
display: none;
}
button.button2:hover, input.button2:hover {
background: #2E2E2E;
}
.codebox dt {
border: 0;
}
.codebox dd, .codebox dd.cont_code {
background-color: #222 !important;
color: #7F7F7F;
border: 1px solid #363636;
}
.codebox {
background-color: #262626 !important;
color: #7F7F7F;
border: 1px solid #3B3B3B;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
font-family: monospace !important;
}
.postmain blockquote ,blockquote{
font-size: 12px;
padding: 10px;
border: 1px solid #3B3B3B;
background: #262626;
color: #7F7F7F;
margin: 0 0;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
background: #232323 url('https://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
border: 1px solid #373737;
}
.main.paged #first-post-br {
display: none;
}
table.forumline {
background-image: url("https://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
background-color: #212121;
border: 1px solid #313131;
}
.pun .paging a, .paging b, .pagination a {
background: #252525 url('https://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
color: white;
padding: 2px 6px;
border-radius: 2px;
opacity: 0.8;}
.pun .paging a:hover, .paging b:hover, .pagination a:hover {
background: #353535 url('https://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
opacity: 10;
color: white;
}
#chatbox p {
background-image: url("https://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
background: #282828 url('https://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px;
border: 1px solid #393939;
}
#search_menu {
background: #222;
border: 1px solid #3F3F3F;
}
.pun .frm .frm-form table {
border: 1px solid #2E2E2E;
}
.pun .main table.table td.td-title {
border: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
background: rgba(0, 0, 0, 0.3);
}
.module p.author {
background: #222 url("https://i.imgur.com/GpB5BCN.png") bottom repeat-x;
border-bottom: 1px solid #303030;
}
.pun .main h3 a.forumtitle {
font-weight: bold;
font-size: 12px;
}
.pun-crumbs a {
display: inline-block;
padding-right: 17px;
padding-left: 5px;
background: url('https://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
color: #D7D7D7!important;
line-height: 37px;
height: 37px;
float: left;
overflow: hidden;
font-size: 11px;
visibility: visible!important;
font-weight: normal;}
.pun-crumbs {
position: absolute;
top: 0px;
background: #1C1C1C url('https://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0. 0px -1px 0px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
padding: 0;
color: transparent;
font-size: 0;}
.pun-crumbs strong {
color: transparent;
}
.pun-crumbs p {
color: transparent;
}
.pun-crumbs a:active {
background-position: 100% -86px;
}
.pun-crumbs a:hover {
color: #FFF!important;
background-position: 100% -43px;}
#page-body {
padding-top: 66px;
position:relative;}
.tcl.tdtopics #tipe-post strong{
background-color: #7BA60D;
color: white;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
text-transform: uppercase;
background-image: url("https://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
padding: 1px 5px;
}
.select {
margin-top: -130px;
margin-left: -90px;
}
.select .button2 {
background: #020202;
}
.main-head:hover #toggle-right {
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 1;}
.main-head #toggle-right {
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 0;}
#pun-announcement {
border: 1px solid #272727;
background-color: #101010;
}
.avatar-ipb img {
width: 24px;
height: 24px;
}
#identipb a {
display: inline-table;
vertical-align: text-bottom;
line-height: 26px;
margin-left: 6px;
}
.info_box ,div.avatar-ipb {
float: left;
}
#SoIan {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
width: 360px;
background: #1d1d1d;
position: absolute;
padding: 6px;
border-radius: 0 0 6px 6px;
}
.info_box {
margin-left: 65px;
display: inline-table;
position: relative;
float: left;
}
.info_box a {
display: inline-block;
}
#SoIan .avatar-ipb img {
width: 54px;
height: 54px;
border-radius: 2px;
}
#SoIan .info_box a {
width: 118px;
}
.app-ipb-nav {
float: right;
position: absolute;
top: 0px;
right: 10px;
}
#identipb a {
border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 8px;}
#identipb a.ipb-mainmenu img {
position: relative;
top: 6px;
}
.ipb-mainmenu {}
#identipb a img#i_icon_mini_not {
position: relative;
top: 6px;
}
a.ipb-mainmenu#logout {
line-height: 31px;
}
#pun-head {
z-index: 9999!important;
}
#SoIan {
right: 107px;
}
.main .frm-info {
background: #333;
border: 1px solid #000;
}
.avs .inx img:hover {
opacity: 0.7;
}
.pun .posthead, .pun .posthead a {
color: #777;
}
.pun .main-content #stats {
height: auto;
}
#profile-advanced-details div.separator {
border-bottom: 1px solid #1F1F1F;
border-top: 1px solid #0A0A0A;
padding: 0;
line-height: 0px;
}
#tabs ul li a {
background: #292929;
border: 1px solid #000;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
}
#tabs ul li a:hover {
background: #252525;
color: #B8B8B8;
}
#tabs ul li.activetab a {
background: #0A5E69;
border: 1px solid #393939;
border-bottom: 1px solid #3F3E3E;
}
#profile-advanced-details .message-header {
background: #272727;
border-top: 1px solid #353434;
}
select {
border: 1px solid #383838;
background: #292929;
color: #969696;
padding: 5px 2px;
}
#content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
font-weight: bold;
}
.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
.resizebox .resize_border {
background: #222;
border: 1px solid #333;
}
.module p.comments {
background: none;
border-top: none;
}
#ipb-search_menu {
right: 68px;
background: rgba(0,0,0,0.5);border-radius: 3px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
top: 31px;
padding: 4px;
}
.pun #ipb-search_menu .go-se-ipb {
background: rgba(255, 255, 255, 0.25) url('https://i.imgur.com/Pytjj0m.png') no-repeat 50%;
font-size: 0;
width: 29px;height: 26px;
top: -4px;
position: relative;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
border-radius: 0 5px 5px 0;
text-indent: -3000em;
}
.pun #ipb-search_menu .inputbox.medium {
background: rgba(255,255,255,0.15);
display: inline-block;
padding: 0 61px 0 5px;
height: 26px;
border: 0;
border-radius: 3px 0px 0px 3px;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
outline: 0;
color: rgb(167, 163, 163);
width: 170px;
}
#search_options {
position: absolute;
right: 70px;
background: rgba(255,255,255,0.15) url('https://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
border-radius: 3px;
cursor: pointer;
}
#adv_search {
width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('https://i.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;display: inline-block;margin-left: 3px;
}
.pun #ipb-search_menu .inputbox.medium:focus {
color: white;
}
#pun-head #pun-navlinks ul.clearfix li #logout {
display: none;
}
#chatbox_contextmenu {
background: #242424;
border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
background: #222;
border-bottom: 1px solid #000;
border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
background: #303030;
}
#coun-mps {
position: absolute;
right: 110px;
background: #EC2525;
border: 1px solid #5F0C0C;
font: bold 10px arial;
border-radius: 3px;
padding: 0 3px;
color: #FFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
z-index: 999!important;
top: 4px;
}
.ipsType_sectiontitle.clearfix {
padding: 10px;
font: bold 22px arial;
}
#user_inbox_link_menucontent {
width: 500px;
background: #1D1D1D;
border: 1px solid #363636;
position: absolute;
top: 32px!important;
right: 98px!important;
display: none;
}
.ipsPad_half.ipsType_smaller.right a {
font: normal 10px arial;
}
.ipsList_withminipms {
border-top: 1px solid #383838;
}
.ipsList_withminipms .tcl.tdtopics {
display: block;
padding: 5px;
border-top: 1px solid #313030;
border-bottom: 1px solid #0C0C0C;
}
.ipsList_withminipms .tcl.tdtopics a.topictitle {
margin-left: 10px;
}
#user_alert_link_menucontent {
width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
right: 59px!important;display: none;
}
.ipsList_withminialert td.tcr {
display: block;
background: #292828;
border-top: 1px solid #313131;
border-bottom: 1px solid #1F1E1E;
padding: 5px;
}
#alerticon, #aime-mp {
cursor: pointer;
}
#topdes {
display: block;
width: 25px;
height: 25px;
margin: auto;
background: #BDBDBD url("https://i.imgur.com/3Z8kIZr.png") no-repeat center;
position: absolute;
left: 88%;
border-radius: 100%;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
cursor: pointer;
opacity: 0.4;
margin-top: -5px;
}
#topdes:hover {
opacity: 0.7;
}
.men-intro {
max-width: 1200px;
min-width: 980px;
position: relative;
}
#user_inbox_link_menucontent td {width: 490px;height: 20px;padding-left: 15px;}
#user_alert_link_menucontent td {width: 495px;padding-top: 6px !important;height: 20px;padding-left: 15px;}
#pun-head {
position: relative!important;
}
.post-entry {font-size: 12px!important;line-height: 1.6!important;padding: 20px!important;word-wrap: breakword!important;}.pun .post {height: 25pc!important;}.postmain {height: 23pc!important;}.postfoot {position: relative!important;top: 9pc!important;}
.user-basic-info a img {
max-height: none!important;
max-width: none!important;
}
#board_statistics {
color: #768089;
font-weight: 700;
text-shadow: rgba(255,255,255,0.6) 0 1px 0;
}
#board_statistics {
-moz-border-radius: 3px;
-moz-box-shadow: inset #b3bac1 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset #B3BAC1 0 1px 3px;
background: #EDEFF1 url(http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/noise.png) repeat;
border-top: none;
box-shadow: inset #B3BAC1 0 1px 3px;
color: #768089;
display: inline-block;
font-weight: 700;
margin-left: 15px;
margin-right: 3px;
padding: 3px 7px;
text-shadow: rgba(255,255,255,0.6) 0 1px 0;
}
[code]div#board_statistics {
background: #EDEFF1!important;
}/code][/code]
- em 30.12.14 14:53
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Alterar visualização das estatisticas
- Respostas: 35
- Vistos: 4991
Efeito de opacidade nas imagens do menu
Este tutorial irá lhe ensinar como poderá deixar a imagem do menu de navegação do seu fórum com diferentes níveis de cor, variando de uma cor total até uma cor mais opaca. Como o menu principal é um ponto onde muitos membros acedem, é interessante que seja feita algumas modificações no mesmo.--> Tutoriais e astúcias <--
Efeito de opacidade nas imagens do menu
Efeito de opacidade nas imagens do menu
1º - Teremos de aceder à "Folha de estilo CSS":
Para que possamos personalizar as caixas de texto do Fórum, é necessário adicionar códigos CSS para criarmos o efeito desejado, sendo assim, teremos de aceder a:
Painel administrativo -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
[table class=table1][tr][td vAlign=top width="30px"][/td][td] Ver o CSS da base do seu fórum - Permite o administrador conferir o estilo padrão do CSS do fórum. Mesmo se você tiver aplicado algum código CSS na folha de estilo, esse CSS base não será alterado. Ele mostra os códigos que personalizam seu fórum sem a necessidade do CSS adicional, que no caso serial a da folha de estilo.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][/td][td] Procurar CSS - Com essa ferramenta, podemos fazer uma busca nos códigos existentes na folha de estilo CSS. Por exemplo, se você adicionou algum código na folha de estilo, e pelo fato dela ser muito grande você não estiver encontrando o código desejado, a partir do momento em que digitar o código no campo "Procurar CSS", o código será encontrado (se digitado corretamente).[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][/td][td] Desativar o CSS de base - Caso desabilite essa opção, o CSS base do seu fórum será desativado, deixando apenas o CSS da folha de estilo.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][/td][td] Melhorar seu CSS - Com essa função ativa, a capacidade de carregamento da página é aumentada, facilitando a navegação nas páginas de seu fórum. Mas é importante lembrar que, para que a função funcione normalmente como prometida, você terá que adicionar o código correto na folha de estilo.[/td][/tr][/table]
Segue a tua versão, pois cada versão tem um código diferente. referimos-nos ás versões: PhpBB 2, PhpBB 3, PunBB e Invision. |
2º - Ter uma noção de CSS para modifcar á opacidade:
Antes de adicionarmos o código, temos de saber o que estamos a personalizar, pois teremos um efeito diferente para cada estado da imagem, um quando a mesma estiver normal e outra quando o mouse estiver sobre ela.
Para que possa compreender como terá de estruturar o seu código, quando após a indicação da classe adicionamos o sufixo:
Isso indica que este efeito será aplicado quando o mouse estiver sobre a secção envolvida pela classe. Existem outros indicadores além deste demonstrado mas, como não é nosso objetivo agora, ficaremos somente com este.:hover
Para as imagens, iremos utilizar estas propriedades:
filter:alpha(opacity=X);
-moz-opacity: Y;
opacity: Y;
Vermelho -> Deverá definir um valor entre 0 e 100, o 0 será totalmente opaco e o 100 seria a iamgem normal. Esta propriedade funcionará somente para o Internet Explorer 7 ou superior.
Violeta -> Será o valor explicado acima dividido por 100 (entre 0 e 1, sendo que valores intermédios, são por exemplo 0.5), estas propriedades serão responsáveis por aplicar este efeito em navegadores como Mozilla Firefox para a primeira propriedade e para Opera e Internet Explorer 6 ou inferior, etc, para a segunda propriedade.
3º - Agora deverão copiar o código correspondere à versão:
Tendo em conta a versão, e como as classes variam consoante estas, deverse-à escolher a que se adequa ao Fórum onde será aplicada:
PhpBB 2 |
|
PhpBB 3 |
|
PunBB |
|
Invision |
|
4º - Definir o menu apenas com imagens (sem texto):
Para podermos definir um menu disposto apenas por imagens, devemos aceder a:
Painel administrativo -> Visualização -> Home Page -> Cabeçalho & Navegação
E na opção: "Exibir apenas as imagens no menu de navegação", optam pela opção "Sim".
5º - Vejamos agora um exemplo:
Imaginemos que pretendemos colocar uma Fórum na versão PhpBB 3, com o menu normal com 40% de opacidade e quando estiver o mouse sobre o menu que este esteja 100%, ou seja com a cor real. Neste caso utilizaríamos o código:
Por comparação será mais fácil agora construírem o vosso código de forma a poderem dar o efeito de opacidade que pretenderem. Como é óbvio poderão fazer um efeito contrário, o menu ter a cor real e quando o mouse estiver sobre ele, a imagem perder a cor, para isso basta trocar os códigos, definindo para o não hover a opacidade de 100.ul.linklist li a img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
Vejamos um exemplo de um tema que dispõe deste efeito:
PHPBB3 Hi-Tech
:copyright: Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Efeito de opacidade nas imagens do menu |
- em 27.05.09 1:43
- Procurar em: Topo do fórum
- Tópico: Efeito de opacidade nas imagens do menu
- Respostas: 0
- Vistos: 11492