Mudar cor de fundo e cores do fórum
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Mudar cor de fundo e cores do fórum
Detalhes da questão
Endereço do fórum: http://nexus.forum-pro.net/
Versão do fórum: PunBB
Descrição
preciso de ajuda a mudar a cor de fundo que esta a branco por uma cor cinzenta #414141
Re: Mudar cor de fundo e cores do fórum
Saudações!
Estive em seu fórum e notei que o fundo já se encontra acinzentado!
Por via, adicione este código no inicio de teu CSS:
Até mais.
Sennior
Estive em seu fórum e notei que o fundo já se encontra acinzentado!
Por via, adicione este código no inicio de teu CSS:
- Código:
.pun {
background:#414141!important;
}
Até mais.
Sennior
Re: Mudar cor de fundo e cores do fórum
Saudações!
Eu preciso que especifique por exemplo, a cor das letras autor.
Preciso também do teu CSS para fazer as modificações.
Até mais.
Sennior
Eu preciso que especifique por exemplo, a cor das letras autor.
Preciso também do teu CSS para fazer as modificações.
Até mais.
Sennior
Re: Mudar cor de fundo e cores do fórum
Saudações!
Troque teu CSS pelo abaixo:
Salve e visualize teu fórum.
Sennior
Troque teu CSS pelo abaixo:
- Código:
/*** Editor inicio ***/
.pun {
background:#414141!important;
}
body .sceditor-container {
-moz-border-radius: 0;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
-webkit-border-radius: 0;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
border: 1px solid #b6b6b6;
border-radius: 0;
box-shadow: 0 0 3px rgba(0,0,0,.15);
padding: 0
}
body .sceditor-toolbar {
-moz-box-shadow: 0 1px 0 #fff inset!important;
-webkit-box-shadow: 0 1px 0 #fff inset!important;
background: #cfd1cf url(http://i.imgur.com/XPb5FAh.png) repeat-x 0 0!important;
border-bottom: 1px solid #b6b6b6!important;
box-shadow: 0 1px 0 #fff inset!important;
padding: 6px 8px 2px;
white-space: normal
}
body .sceditor-group {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;
border: 1px solid #a6a6a6;
border-bottom-color: #979797!important;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
margin: 0 6px 5px 0 !important;
padding: 0!important
}
.sceditor-button {
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
border-left: 1px solid rgba(0,0,0,.2);
border-radius: 0!important
}
.sceditor-group .sceditor-button:first-child {border-left: 0}
.sceditor-button:hover {
-moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;
box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
cursor: default
}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active {background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2)!important}
.sceditor-button.sceditor-button-size {
background: url(http://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll!important;
height: 22px!important;
width: 51px
}
.sceditor-button.sceditor-button-font {
background: url(http://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll!important;
height: 22px!important;
width: 81px
}
.sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
border-radius: 3px!important;
box-shadow: none!important;
cursor: default
}
.sceditor-button.sceditor-button-font > div,.sceditor-button.sceditor-button-size > div {display: none}
.sceditor-container iframe,.sceditor-container textarea {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.6;
margin: 15px!important;
min-height: 180px
}
.sceditor-container textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
/*** Editor fim ***/
.codebox {
background-color: rgba(242, 245, 122, 0.4);
}
.codebox dd {
background-color: #EAEFC2;
margin: 0.5em;
padding: 0.5em;
}
.pun {
background-color: #F7FBFC; important
}
.pun .post-entry {
padding: 1em 1em 0px;
background-color: #F7FBFC;
}
.pun .post {
border: 1px solid #DBE4EF;
background-color: #F7FBFC;
}
/**Modificações visuais**//
html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #d8dde8 norpeat,
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://i78.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://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(https://i78.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;
}
#friends_online {
background: url(http://forum.sosinvision.com.br/public/style_images/master/icon_friends.png ) no-repeat top;
vertical-align: middle;
width: 18px;
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
}
#user_link_dd, .dropdownIndicator {
display: inline-block;
width: 9px;
height: 5px;
background: url(http://forum.sosinvision.com.br/public/style_images/master/header_dropdown.png ) no-repeat left;
}
#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator {
background-position: right;
}
.menu_active {
background-color: #FFF!important;
background-position: center bottom!important;
border-radius: 3px 3px 0 0;
color: #595959!important;
padding: 4px;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(https://i81.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://i81.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://i81.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: #262624;
font-size: 13px;
padding: 4px 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
background: #252523;
color: #c5d5e2;
display: block;
padding: 6px 15px 8px;
text-shadow: 0 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://i78.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-foot, .main .main-head {
-moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: inset 0 1px 0 #528cbc;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 #528cbc;
background: #272725;
border-color: #262624;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 #272725;
color: #fff;
margin-top: 15px;
padding: 10px 10px 11px;
}
.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 tbody.statused td.tcl {
padding-left: 1.0em!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F7FBFC;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: #F7FBFC;
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;
}p.statistics_brief.desc {
color: white!important;
}.desc.ipsType_small {
color: #2b2b29;
}h4.statistics_head {
color: white!important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: white;
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: #ABB7D2;
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: #F7FBFC;
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: #C0C0C0;
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: #F7FBFC;
}
.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 {
-moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: inset 0 1px 0 #528cbc;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 #528cbc;
background: #242422;
border-color: #262624;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 #252523;
color: #fff;
padding: 10px 10px 11px;
}
.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;
background-color: #F7FBFC;
}
#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:12}
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(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(https://i26.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: 1px 10px!important;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(https://i78.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;
}
/*Resposta Rápida*/
.sceditor-button-emoticon div {
background: url(http://2img.net/i/fa/i/smiles/icon_smile.gif)!important;
background-repeat: no-repeat!important
}
.sceditor-button-dailymotion div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png)!important
}
.sceditor-button-flash div {
background: url(http://2img.net/i/fa/wysiwyg/page_white_flash.png)!important
}
.sceditor-button-servimg div {
background: url(http://2img.net/i/fa/wysiwyg/picture_save.png)!important
}
.sceditor-button-faspoiler div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png)!important
}
.sceditor-button-fahide div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png)!important
}
.sceditor-button-fascroll div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png)!important
}
.sceditor-button-faupdown div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png)!important
}
.sceditor-button-fawow div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png)!important
}
.sceditor-button-farand div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png)!important
}
.sceditor-button-faroll div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png)!important
}
.sceditor-button-more div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png)!important
}
.sceditor-button.sceditor-button-font {
background: url(https://i55.servimg.com/u/f55/18/17/62/92/fonte10.png) repeat scroll 0 0 rgba(0,0,0,0)!important;
height: 18px !important;
width: 77px
}
.sceditor-button.sceditor-button-font > div {
display: none!important
}
.sceditor-button.sceditor-button-size {
background: url(https://i55.servimg.com/u/f55/18/17/62/92/size10.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important;
height: 18px;
width: 57px
}
.sceditor-button.sceditor-button-size > div {
display: none!important
}
.sceditor-button.sceditor-button-color {
margin-left: 5px!important;
margin-right: 5px!important
}
#text_editor_controls {
display: !important
}
.sceditor-container.ltr {
background-color: #E4EBF2!important;
border: 2px solid #D5DDE5!important;
border-radius: 0!important;
height: 200px;
padding: 0 5px 21px 3px;
width: auto!important
}
.sceditor-container iframe,.sceditor-container textarea {
background: none repeat scroll 0 0 #FFF!important;
border-color: #BBB #DDD #DDD #BBB !important;
border-style: solid!important;
border-width: 1px!important;
height: 200px!important;
margin: 0!important;
width: 100%!important
}
#text_editor_textarea,#textarea_content iframe#text_editor_iframe {
height: 200px!important;
width: 100%!important
}
div.sceditor-group {
background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
border-bottom: medium none!important;
margin: 1px 5px 1px 0;
padding: 1px
}
div.sceditor-toolbar {
background: none repeat scroll 0 0 padding-box #E4EBF2!important;
border-bottom-width: 0!important;
padding: 3px 5px 2px!important
}
#smiley-box iframe {
height: 230px
}
#smilies_categ {
padding: 0
}
#smiley-box {
border: 1px solid #DDD;
display: none!important;
margin: 5px 0!important;
padding: 5px
}
#textarea_content dt {
display: none
}
#textarea_content {
width: 98%!important
}
.sceditor-button:hover {
background: #D5DDE5!important;
box-shadow: none!important;
}
.sceditor-button:active,.sceditor-button .active{
background-color: #F0F0F0!important;
border: 1px solid #BBB!important;
opacity: 1!important;
padding: 2px 4px!important;
}
.sceditor-button .active:focus{
background-color: #86CAFF !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: 9.08%;
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: 50px;
margin: 10px;
padding: 1px;
width: 50px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
width: 38%;
}
#perfil_drop li a {
color: #00569C;
text-decoration: none;
}
devdrop a {
color: #00569C;
padding-left: 12px;
}
.menu_active {
background: #fff;
border-radius: 5px 5px 0 0;
color: #000!important;
}
/*Botões em CSS*/
.Dev-topic_buttons {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url(http://www.portugal-a-programar.pt/public/style_images/master/topic_button.png) repeat-x scroll center top #212121;
border-color: #212121;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0,0,0,0.2);
color: #FFF;
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 300;
height: 30px;
line-height: 30px;
min-width: 125px;
padding: 0 10px;
text-align: center;
text-shadow: 0 -1px 0 #191919;
}
.Dev-topic_buttonblock {
background: #812200 url(http://cdn1.portugal-a-programar.org/public/style_images/master/topic_button_closed.png) repeat-x top;
border-color: #812200;
-moz-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
color: #fff;
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;
}
/*Notificações MPs*/
[data-counter]:after {
background: #cf2020;
height: 12px;
line-height: 12px;
content: attr(data-counter);
position: absolute;
padding: 0px 4px;border-radius: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;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 9px "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;
}
/*Avatar na Resposta Rapida*/
.jsUserPhoto_medium {
max-height: 50px;
max-width: 50px;
}
.jsUserPhoto {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 1px;
}
/*Ajax Loading*/
#ajax_loading {
background: url(https://i34.servimg.com/u/f34/18/17/62/92/ajaxlo10.png) repeat-x scroll 0 0 transparent;
border: 1px solid #7BA60D;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 5px rgba(0,0,0,0.2), 0 -1px 0 rgba(255,255,255,0.2) inset;
color: #FFF;
left: 46%;
padding: 5px 0 8px;
position: fixed;
text-align: center;
top: 0;
width: 8%;
z-index: 999;
}
/*Syntax Highlighter*/
code.punbb_block, pre.punbb_block {
background-color: #FAFAFA !important;
border: 1px solid #C9C9C9 !important;
color: #000000;
font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;
font-size: 11px !important;
line-height: 110% !important;
max-height: 250px !important;
overflow: auto !important;
padding: 5px !important;
white-space: pre-wrap !important;
width: auto !important;
}
.punbbtop {
background: url("https://i34.servimg.com/u/f34/18/17/62/92/punbb_11.png") no-repeat scroll right center #E3E9F2;
color: #1D3652;
font-size: 10px;
font-weight: bold;
line-height: 100%;
/*margin-left: 10px;*/
margin-top: 5px;
padding: 2px 1px 2px 3px;
}
.punbbtop button {
background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
border: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
color: #1D3652;
cursor: pointer;
display: inline-block;
font-size: 10px;
padding: 0 6px;
text-decoration: none;
}
.punbbtop button:hover {
background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;
border-color: #9A9A9A;
color: #3D70A3;
}
.punbbtop button:active {
position: relative;
top: 1px;
}
pre.punbb_block.expand,
code.punbb_block.expand {
max-height: 100% !important;
}
.pun .entry-content ol, .pun .entry-content ul {
margin-left: 0px;
}
.prettyprint ol.linenums {
color: #AEAEAE !important;
font-size: 11px;
list-style: decimal outside none;
padding-left: 45px;
}
.prettyprint ol.linenums li {
border-left: 1px solid #EEEEEE !important;
padding-left: 5px !important;
}
.prettyprint li > * {
font-size: 11px !important;
}
ol.linenums > li span.pun {
background: none repeat scroll 0 0 transparent;
box-shadow: none;
color: #666666 !important;
padding-left: 2px;
padding-right: 2px;
}
/*Lupa para Imagens*/
.entry-content img:hover {
cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
max-width: 100%;
}
.entry-content img {
max-width: 250px;
transition: all ease-out .2s;
}
/*Formulário de Suporte*/
.postbody table {
background-color: #FFFFFF;
border: 1px solid #ddd;
box-shadow: 0 1px 3px;
margin-left: 10px;
width: 98%;
}
.postbody table td {
border-color: #DDDDDD;
border-style: solid none none solid;
border-width: 1px;
padding: 4px;
}
/*Botão Curtir*/
.Dev_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://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}.Dev_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#ABE688;border-radius:2px;padding:3px 10px}.Dev_vote{float:right;margin:0 5px}.Dev_done{display:none}
/*Reputação*/
.rep {
background: #6F8F52 !important;
border-radius: 3px;
padding: 10px;
color: white;
font-weight: bold;
width: 92%;
}
.need {
display: none;
}
.reputation {
background: #6F8F52 !important;
font-weight: bold;
color: white;
padding: 2px 10px;
}
/*Ranks*/
.rank {
background: #D00 none repeat scroll 0% 0%;
color: #FFF;
width: 110px;
margin: 5px auto;
border-radius: 2px;
font-size: 11px !important;
font-weight: bold !important;
height: 20px;
line-height: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.26);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
text-transform: uppercase;
}
.rank.elite{background:#00E1FF none repeat scroll 0% 0%}
.rank.membro{background:#076ED6 none repeat scroll 0% 0%}
.rank.visitante{background:#22AB00 none repeat scroll 0% 0%}
/*Anuncios - Sub-Foruns*/
.tcl.tdtopics > strong {
background: none repeat scroll 0 0 #7BA60D;
border-radius: 4px 4px 4px 4px;
color: #FFF;
display: inline-block;
font-size: 9px;
font-weight: 700;
height: 15px;
line-height: 15px;
padding: 0 5px;
text-transform: uppercase;
vertical-align: middle;
}
/*Descrições "SwitchDownloads e Você"*/
#description {
border: 2px dashed #7CA6FF;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 22px rgba(0,186,255,0.1) inset;
margin-left: 10px;
padding: 4px;
}
/*Outros*/
#pun-about, #pun-visit {
display: none!important;
}
.desc {
background-color: rgba(241, 246, 249, 0)!important;
padding: initial!important;
}
.pun {
color: #5a5a5a!important;
}
.post_online {
background-image: url(https://i71.servimg.com/u/f71/18/17/62/92/offlin10.png);
background-repeat: no-repeat;
display: inline-block;
height: 15px;
width: 51px;
}
.author span span a span strong {
color: #225985;
font-weight: 400;
}
/***Cursor***/
body {
cursor: url('http://www.snazzyspace.com/cursorsfolder/pointer-glove.png'), url('http://www.snazzyspace.com/cursorsfolder/pointer-glove.png'), auto;
}
/***Pop-Up conecção***/
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 8px 8px!important;
background: #00CC99;
color: #FFFFFF;
border: 1px solid #474747!important;
border-radius: 3px;
font-size: 11px;
box-shadow: 1px 1px 5px #333131;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
color: #008563!important;
}
#login_popup {
background: #EF6868 none repeat scroll 0% 0%;
background: #F2F05F none repeat scroll 0% 0%;
font-size: 11px!important;
background-color: #2D2D2D;
border: 2px solid #049987;
color: rgb(0, 0, 0);
border-radius: 10px 10px 0px 0px;
box-shadow: 1px 1px 5px #000;
padding: 6px;
position: absolute;
z-index: 999;
}
#login_popup .h3 {
color: #000!important;
padding: 15px 15px 20px!important;
margin: 5px 0px 16px!important;
border: none!important;
box-shadow: 1px 1px 3px #141414;
font-style: italic;
}
/***Editor***/
/* Novos botões BBcode */
.alert > p, .success > p, .information > p, .warn > p {
font-weight: bold;
font-size: 14px;
}
.alert {
background: #FAFFB2;
border-color: #DBE08A;
color: #AF8640;
}
.warn {
background-color: #F2DEDE;
border-color: #D3949E;
color: #A94442;
}
.success {
background-color: #DFF0D8;
border-color: #A5D280;
color: #3C763D;
}
.information {
background-color: #ADDBF2;
border-color: #5AB7CA;
color: #31708F;
}
/***efeito nickname***/
a[href="/u1"] {
background: url("http://i.imgur.com/DeeiUkd.gif");
text-shadow: 0 2px 6px #FF00FF;
}
/***Efeito de grupos ***/
a[href="/g1-administrador"]{ text-shadow: 0 2px 6px #FF00FF;
}
a[href="/g2-membros"]{ text-shadow: 0 2px 6px #234DB1;
}
/***efeito ultimos posts ***/
div.main-content > table > tbody > tr > td > ul > li > a[href="/u1"] {
background: url(http://i.imgur.com/DeeiUkd.gif);
text-shadow: 0 2px 6px #000;
}
Salve e visualize teu fórum.
Sennior
Re: Mudar cor de fundo e cores do fórum
Boas!
Altere novamente:
Até mais.
Sennior
Altere novamente:
- Código:
/*** Editor inicio ***/
.pun {
background:#414141!important;
}
body .sceditor-container {
-moz-border-radius: 0;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
-webkit-border-radius: 0;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
border: 1px solid #b6b6b6;
border-radius: 0;
box-shadow: 0 0 3px rgba(0,0,0,.15);
padding: 0
}
body .sceditor-toolbar {
-moz-box-shadow: 0 1px 0 #fff inset!important;
-webkit-box-shadow: 0 1px 0 #fff inset!important;
background: #cfd1cf url(http://i.imgur.com/XPb5FAh.png) repeat-x 0 0!important;
border-bottom: 1px solid #b6b6b6!important;
box-shadow: 0 1px 0 #fff inset!important;
padding: 6px 8px 2px;
white-space: normal
}
body .sceditor-group {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;
border: 1px solid #a6a6a6;
border-bottom-color: #979797!important;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
margin: 0 6px 5px 0 !important;
padding: 0!important
}
.sceditor-button {
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
border-left: 1px solid rgba(0,0,0,.2);
border-radius: 0!important
}
.sceditor-group .sceditor-button:first-child {border-left: 0}
.sceditor-button:hover {
-moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;
box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
cursor: default
}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active {background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2)!important}
.sceditor-button.sceditor-button-size {
background: url(http://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll!important;
height: 22px!important;
width: 51px
}
.sceditor-button.sceditor-button-font {
background: url(http://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll!important;
height: 22px!important;
width: 81px
}
.sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
border-radius: 3px!important;
box-shadow: none!important;
cursor: default
}
.sceditor-button.sceditor-button-font > div,.sceditor-button.sceditor-button-size > div {display: none}
.sceditor-container iframe,.sceditor-container textarea {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.6;
margin: 15px!important;
min-height: 180px
}
.sceditor-container textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
/*** Editor fim ***/
.codebox {
background-color: rgba(242, 245, 122, 0.4);
}
.codebox dd {
background-color: #EAEFC2;
margin: 0.5em;
padding: 0.5em;
}
.pun {
background-color: #F7FBFC; important
}
.pun .post-entry {
padding: 1em 1em 0px;
background-color: #F7FBFC;
}
.pun .post {
border: 1px solid #DBE4EF;
background-color: #F7FBFC;
}
/**Modificações visuais**//
html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #d8dde8 norpeat,
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://i78.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://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(https://i78.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;
}
#friends_online {
background: url(http://forum.sosinvision.com.br/public/style_images/master/icon_friends.png ) no-repeat top;
vertical-align: middle;
width: 18px;
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
}
#user_link_dd, .dropdownIndicator {
display: inline-block;
width: 9px;
height: 5px;
background: url(http://forum.sosinvision.com.br/public/style_images/master/header_dropdown.png ) no-repeat left;
}
#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator {
background-position: right;
}
.menu_active {
background-color: #FFF!important;
background-position: center bottom!important;
border-radius: 3px 3px 0 0;
color: #595959!important;
padding: 4px;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(https://i81.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://i81.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://i81.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: #262624;
font-size: 13px;
padding: 4px 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
background: #252523;
color: #c5d5e2;
display: block;
padding: 6px 15px 8px;
text-shadow: 0 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://i78.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-foot, .main .main-head {
-moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: inset 0 1px 0 #528cbc;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 #528cbc;
background: #272725;
border-color: #262624;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 #272725;
color: #fff;
margin-top: 15px;
padding: 10px 10px 11px;
}
.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 tbody.statused td.tcl {
padding-left: 1.0em!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F7FBFC;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: #F7FBFC;
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;
}body {
background-color: #272725!important;
}
.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;
}p.statistics_brief.desc {
color: white!important;
}.desc.ipsType_small {
color: #2b2b29;
}h4.statistics_head {
color: white!important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: white;
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: #ABB7D2;
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: #F7FBFC;
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: #C0C0C0;
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: #F7FBFC;
}
.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 {
-moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: inset 0 1px 0 #528cbc;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 #528cbc;
background: #242422;
border-color: #262624;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 #252523;
color: #fff;
padding: 10px 10px 11px;
}
.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;
background-color: #F7FBFC;
}
#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:12}
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(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(https://i26.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: 1px 10px!important;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(https://i78.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;
}
/*Resposta Rápida*/
.sceditor-button-emoticon div {
background: url(http://2img.net/i/fa/i/smiles/icon_smile.gif)!important;
background-repeat: no-repeat!important
}
.sceditor-button-dailymotion div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png)!important
}
.sceditor-button-flash div {
background: url(http://2img.net/i/fa/wysiwyg/page_white_flash.png)!important
}
.sceditor-button-servimg div {
background: url(http://2img.net/i/fa/wysiwyg/picture_save.png)!important
}
.sceditor-button-faspoiler div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png)!important
}
.sceditor-button-fahide div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png)!important
}
.sceditor-button-fascroll div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png)!important
}
.sceditor-button-faupdown div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png)!important
}
.sceditor-button-fawow div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png)!important
}
.sceditor-button-farand div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png)!important
}
.sceditor-button-faroll div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png)!important
}
.sceditor-button-more div {
background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png)!important
}
.sceditor-button.sceditor-button-font {
background: url(https://i55.servimg.com/u/f55/18/17/62/92/fonte10.png) repeat scroll 0 0 rgba(0,0,0,0)!important;
height: 18px !important;
width: 77px
}
.sceditor-button.sceditor-button-font > div {
display: none!important
}
.sceditor-button.sceditor-button-size {
background: url(https://i55.servimg.com/u/f55/18/17/62/92/size10.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important;
height: 18px;
width: 57px
}
.sceditor-button.sceditor-button-size > div {
display: none!important
}
.sceditor-button.sceditor-button-color {
margin-left: 5px!important;
margin-right: 5px!important
}
#text_editor_controls {
display: !important
}
.sceditor-container.ltr {
background-color: #E4EBF2!important;
border: 2px solid #D5DDE5!important;
border-radius: 0!important;
height: 200px;
padding: 0 5px 21px 3px;
width: auto!important
}
.sceditor-container iframe,.sceditor-container textarea {
background: none repeat scroll 0 0 #FFF!important;
border-color: #BBB #DDD #DDD #BBB !important;
border-style: solid!important;
border-width: 1px!important;
height: 200px!important;
margin: 0!important;
width: 100%!important
}
#text_editor_textarea,#textarea_content iframe#text_editor_iframe {
height: 200px!important;
width: 100%!important
}
div.sceditor-group {
background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
border-bottom: medium none!important;
margin: 1px 5px 1px 0;
padding: 1px
}
div.sceditor-toolbar {
background: none repeat scroll 0 0 padding-box #E4EBF2!important;
border-bottom-width: 0!important;
padding: 3px 5px 2px!important
}
#smiley-box iframe {
height: 230px
}
#smilies_categ {
padding: 0
}
#smiley-box {
border: 1px solid #DDD;
display: none!important;
margin: 5px 0!important;
padding: 5px
}
#textarea_content dt {
display: none
}
#textarea_content {
width: 98%!important
}
.sceditor-button:hover {
background: #D5DDE5!important;
box-shadow: none!important;
}
.sceditor-button:active,.sceditor-button .active{
background-color: #F0F0F0!important;
border: 1px solid #BBB!important;
opacity: 1!important;
padding: 2px 4px!important;
}
.sceditor-button .active:focus{
background-color: #86CAFF !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: 9.08%;
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: 50px;
margin: 10px;
padding: 1px;
width: 50px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
width: 38%;
}
#perfil_drop li a {
color: #00569C;
text-decoration: none;
}
devdrop a {
color: #00569C;
padding-left: 12px;
}
.menu_active {
background: #fff;
border-radius: 5px 5px 0 0;
color: #000!important;
}
/*Botões em CSS*/
.Dev-topic_buttons {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url(http://www.portugal-a-programar.pt/public/style_images/master/topic_button.png) repeat-x scroll center top #212121;
border-color: #212121;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0,0,0,0.2);
color: #FFF;
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 300;
height: 30px;
line-height: 30px;
min-width: 125px;
padding: 0 10px;
text-align: center;
text-shadow: 0 -1px 0 #191919;
}
.Dev-topic_buttonblock {
background: #812200 url(http://cdn1.portugal-a-programar.org/public/style_images/master/topic_button_closed.png) repeat-x top;
border-color: #812200;
-moz-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
color: #fff;
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;
}
/*Notificações MPs*/
[data-counter]:after {
background: #cf2020;
height: 12px;
line-height: 12px;
content: attr(data-counter);
position: absolute;
padding: 0px 4px;border-radius: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;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 9px "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;
}
/*Avatar na Resposta Rapida*/
.jsUserPhoto_medium {
max-height: 50px;
max-width: 50px;
}
.jsUserPhoto {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 1px;
}
/*Ajax Loading*/
#ajax_loading {
background: url(https://i34.servimg.com/u/f34/18/17/62/92/ajaxlo10.png) repeat-x scroll 0 0 transparent;
border: 1px solid #7BA60D;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 5px rgba(0,0,0,0.2), 0 -1px 0 rgba(255,255,255,0.2) inset;
color: #FFF;
left: 46%;
padding: 5px 0 8px;
position: fixed;
text-align: center;
top: 0;
width: 8%;
z-index: 999;
}
/*Syntax Highlighter*/
code.punbb_block, pre.punbb_block {
background-color: #FAFAFA !important;
border: 1px solid #C9C9C9 !important;
color: #000000;
font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;
font-size: 11px !important;
line-height: 110% !important;
max-height: 250px !important;
overflow: auto !important;
padding: 5px !important;
white-space: pre-wrap !important;
width: auto !important;
}
.punbbtop {
background: url("https://i34.servimg.com/u/f34/18/17/62/92/punbb_11.png") no-repeat scroll right center #E3E9F2;
color: #1D3652;
font-size: 10px;
font-weight: bold;
line-height: 100%;
/*margin-left: 10px;*/
margin-top: 5px;
padding: 2px 1px 2px 3px;
}
.punbbtop button {
background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
border: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
color: #1D3652;
cursor: pointer;
display: inline-block;
font-size: 10px;
padding: 0 6px;
text-decoration: none;
}
.punbbtop button:hover {
background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;
border-color: #9A9A9A;
color: #3D70A3;
}
.punbbtop button:active {
position: relative;
top: 1px;
}
pre.punbb_block.expand,
code.punbb_block.expand {
max-height: 100% !important;
}
.pun .entry-content ol, .pun .entry-content ul {
margin-left: 0px;
}
.prettyprint ol.linenums {
color: #AEAEAE !important;
font-size: 11px;
list-style: decimal outside none;
padding-left: 45px;
}
.prettyprint ol.linenums li {
border-left: 1px solid #EEEEEE !important;
padding-left: 5px !important;
}
.prettyprint li > * {
font-size: 11px !important;
}
ol.linenums > li span.pun {
background: none repeat scroll 0 0 transparent;
box-shadow: none;
color: #666666 !important;
padding-left: 2px;
padding-right: 2px;
}
/*Lupa para Imagens*/
.entry-content img:hover {
cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
max-width: 100%;
}
.entry-content img {
max-width: 250px;
transition: all ease-out .2s;
}
/*Formulário de Suporte*/
.postbody table {
background-color: #FFFFFF;
border: 1px solid #ddd;
box-shadow: 0 1px 3px;
margin-left: 10px;
width: 98%;
}
.postbody table td {
border-color: #DDDDDD;
border-style: solid none none solid;
border-width: 1px;
padding: 4px;
}
/*Botão Curtir*/
.Dev_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://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}.Dev_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#ABE688;border-radius:2px;padding:3px 10px}.Dev_vote{float:right;margin:0 5px}.Dev_done{display:none}
/*Reputação*/
.rep {
background: #6F8F52 !important;
border-radius: 3px;
padding: 10px;
color: white;
font-weight: bold;
width: 92%;
}
.need {
display: none;
}
.reputation {
background: #6F8F52 !important;
font-weight: bold;
color: white;
padding: 2px 10px;
}
/*Ranks*/
.rank {
background: #D00 none repeat scroll 0% 0%;
color: #FFF;
width: 110px;
margin: 5px auto;
border-radius: 2px;
font-size: 11px !important;
font-weight: bold !important;
height: 20px;
line-height: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.26);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
text-transform: uppercase;
}
.rank.elite{background:#00E1FF none repeat scroll 0% 0%}
.rank.membro{background:#076ED6 none repeat scroll 0% 0%}
.rank.visitante{background:#22AB00 none repeat scroll 0% 0%}
/*Anuncios - Sub-Foruns*/
.tcl.tdtopics > strong {
background: none repeat scroll 0 0 #7BA60D;
border-radius: 4px 4px 4px 4px;
color: #FFF;
display: inline-block;
font-size: 9px;
font-weight: 700;
height: 15px;
line-height: 15px;
padding: 0 5px;
text-transform: uppercase;
vertical-align: middle;
}
/*Descrições "SwitchDownloads e Você"*/
#description {
border: 2px dashed #7CA6FF;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 22px rgba(0,186,255,0.1) inset;
margin-left: 10px;
padding: 4px;
}
/*Outros*/
#pun-about, #pun-visit {
display: none!important;
}
.desc {
background-color: rgba(241, 246, 249, 0)!important;
padding: initial!important;
}
.pun {
color: #5a5a5a!important;
}
.post_online {
background-image: url(https://i71.servimg.com/u/f71/18/17/62/92/offlin10.png);
background-repeat: no-repeat;
display: inline-block;
height: 15px;
width: 51px;
}
.author span span a span strong {
color: #225985;
font-weight: 400;
}
/***Cursor***/
body {
cursor: url('http://www.snazzyspace.com/cursorsfolder/pointer-glove.png'), url('http://www.snazzyspace.com/cursorsfolder/pointer-glove.png'), auto;
}
/***Pop-Up conecção***/
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 8px 8px!important;
background: #00CC99;
color: #FFFFFF;
border: 1px solid #474747!important;
border-radius: 3px;
font-size: 11px;
box-shadow: 1px 1px 5px #333131;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
color: #008563!important;
}
#login_popup {
background: #EF6868 none repeat scroll 0% 0%;
background: #F2F05F none repeat scroll 0% 0%;
font-size: 11px!important;
background-color: #2D2D2D;
border: 2px solid #049987;
color: rgb(0, 0, 0);
border-radius: 10px 10px 0px 0px;
box-shadow: 1px 1px 5px #000;
padding: 6px;
position: absolute;
z-index: 999;
}
#login_popup .h3 {
color: #000!important;
padding: 15px 15px 20px!important;
margin: 5px 0px 16px!important;
border: none!important;
box-shadow: 1px 1px 3px #141414;
font-style: italic;
}
/***Editor***/
/* Novos botões BBcode */
.alert > p, .success > p, .information > p, .warn > p {
font-weight: bold;
font-size: 14px;
}
.alert {
background: #FAFFB2;
border-color: #DBE08A;
color: #AF8640;
}
.warn {
background-color: #F2DEDE;
border-color: #D3949E;
color: #A94442;
}
.success {
background-color: #DFF0D8;
border-color: #A5D280;
color: #3C763D;
}
.information {
background-color: #ADDBF2;
border-color: #5AB7CA;
color: #31708F;
}
/***efeito nickname***/
a[href="/u1"] {
background: url("http://i.imgur.com/DeeiUkd.gif");
text-shadow: 0 2px 6px #FF00FF;
}
/***Efeito de grupos ***/
a[href="/g1-administrador"]{ text-shadow: 0 2px 6px #FF00FF;
}
a[href="/g2-membros"]{ text-shadow: 0 2px 6px #234DB1;
}
/***efeito ultimos posts ***/
div.main-content > table > tbody > tr > td > ul > li > a[href="/u1"] {
background: url(http://i.imgur.com/DeeiUkd.gif);
text-shadow: 0 2px 6px #000;
}
Até mais.
Sennior
Re: Mudar cor de fundo e cores do fórum
ok tem como mudar agora o fundos dos topicos recentes ?
e mudar a cor das letras ficou meio estranho
e mudar a cor das letras ficou meio estranho
Re: Mudar cor de fundo e cores do fórum
Mas qual cor para as letras?
Preciso que me diga isso senhor.
Até mais.
Preciso que me diga isso senhor.
Até mais.
Re: Mudar cor de fundo e cores do fórum
quero mudar aquele fundo branco sennior ja consegui alterar as cores das letras so me falta isso ...
Re: Mudar cor de fundo e cores do fórum
Basta utilizar este código CSS:
É isso?
Até mais.
- Código:
.module .main-content {
background: #272725!important;
}
É isso?
Até mais.
Re: Mudar cor de fundo e cores do fórum
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Mudar a cores de fundo em 2 espaços
» não consigo mudar as cores do meu forum
» Mudar cores de partes do fórum
» Mudar cores e imagens do forum!
» Como mudar as cores e arrumar os cargos do fórum?
» não consigo mudar as cores do meu forum
» Mudar cores de partes do fórum
» Mudar cores e imagens do forum!
» Como mudar as cores e arrumar os cargos do fórum?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos