InícioData/hora atual: 27.04.24 3:28
3 resultados encontrados para f00
Barra de ferramentas no fim do forum
Adicione ao CSS:- Código:
div#ShekBar {
z-index: 100;
}
.shekbar_menu {
border: 10px #313131 solid;
border-radius: 5px;
}
.shekbar_menu li span {
background: url(https://i58.servimg.com/u/f58/15/62/32/35/backro15.gif) repeat;
}
div#contenido {
padding-bottom: 50px;
}
Isso deve resolver os itens 2, 3 e 4 e parcialmente o 1. Para personalizar o 1, na coluna, onde está como:
- Código:
<li>FUNDADOR</li>
Troque por:
- Código:
<li><span style="color: #f00;">FUNDADOR</span></li>
Em color: #f00;, você pode alterar a cor do título. O glitter será aplicado automaticamente após isso.
---
Para as linhas, após o título, apenas adicione um:
- Código:
<br />
O código acima faz os textos após irem para a linha de baixo.
- em 08.11.16 19:37
- Procurar em: Questões resolvidas sobre HTML e BBCode
- Tópico: Barra de ferramentas no fim do forum
- Respostas: 38
- Vistos: 1215
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: 7938
Personalizar o Chatbox
Olá,Adicione ao seu CSS:
- Código:
body[bgcolor] {
background-image: none;
background-color: #f00;
color: #999;
}
Mude o #f00 pela cor de fundo desejada. O #999 se refere ao texto.
Abraços.
- em 26.02.15 20:19
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Personalizar o Chatbox
- Respostas: 5
- Vistos: 946
Facebook
Twitter
Youtube
