1 Skin Modern Red [PUNBB] Dom Nov 04, 2012 3:10 pm
Modern Red
Screenshot:
Nome: Modern Red
Versão: PunBB
Edit: Haizen
Rip: dang0123
CSS
index_box
Screenshot:
- Spoiler:
Nome: Modern Red
Versão: PunBB
Edit: Haizen
Rip: dang0123
CSS
- Código:
body {
background:#efefef url(http://www.purevb.com/demo/images/styles/Modern/style/pageBG_red.gif) repeat-x left top;
}
body {
width:auto;
min-width:900px;
max-width:auto;
margin: 0px 50px 0px 50px;
font-size:12px;
color:#5d5d5d;
line-height:1.230;
}
.body_wrapper {
padding: 10px 20px 10px 20px;
background: rgb(255, 255, 255) none ;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#pageWrapper {}
img {
border:0;
}
.verticalAlign {
vertical-align:middle;
}
#fb_topbar {
float:right;
padding-top:5px;
padding-left:8px;
position: relative;
}
#fb_topbar_in {
float:right;
padding-top:3px;
padding-left:30px;
position: relative;
}
.topBarLinksWrap {
float:right;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/************************************************************************/
.forumdescription {
color:#8b8b8b;
}
.blockhead {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.tcatShowthread {
margin-bottom:10px;
}
*{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
#wgo .blocksubhead {
border-top:0;
}
.threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored, .wgo_block .wgo_subblock,
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
border-bottom: 1px solid #ededed;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
#fb_headerbox {
padding-right:5px;
}
.wgo_block {
margin:0;
}
.navbar {
-moz-border-radius-bottomleft: 0 !important;
-moz-border-radius-bottomright: 0 !important;
-webkit-border-bottom-left-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
}
.announcements {
margin-top:10px;
}
.highlight {
background-image:none;
}
.forumbit_nopost.row1 .forumrow, .forumbit_post.row1 .forumrow {
background: rgb(255, 255, 255) none ;
border:0 ;
border-top:0;
}
.forumbit_nopost.row2 .forumbit_nopost .forumrow, .forumbit_post.row2 .forumrow {
background: #f6f6f6;
border-top:0;
border:0 ;
}
.threadbit.row1 .nonsticky{
background: #ffffff none ;
}
.threadbit.row2 .nonsticky{
background: #f6f6f6;
}
.threadbit .sticky .alt {
}
.threadbit.row1 .nonsticky .alt {
background:#f9f9f9;
}
.threadbit.row2 .nonsticky .alt {
background:#efefef;
}
.navlinksBox {
text-align: center;
color: #5d5d5d;
font-size: 15px;
font-weight:700;
margin-top: 8px;
margin-bottom: 0;
width:100%;
clear:both;
}
.bodyWrap {
background:#fff;
margin:0 2px;
}
.body_wrapper {
padding:10px 0;
margin:0;
}
.above_body {
padding:0;
margin:0;
}
.threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
border-top:0;
}
#sidebar_container > ul {
width: 99%;
}
/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageWrapper {}
/* Forumbit Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumbitBox {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/forumbitDot.gif) repeat-x top left;
margin-top: 8px;
}
.forumbitBoxLeft {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/forumbitDot.gif) repeat-y top left;
}
.forumbitBoxRight {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/forumbitDot.gif) repeat-y top right;
}
.forumbitWrap {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/forumbitDot.gif) repeat-x bottom left;
}
.forumbitBoxTL {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/forumbitBoxTL.gif) no-repeat top left;
}
.forumbitBoxTR {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/forumbitBoxTR.gif) no-repeat top right;
}
.forumbitBoxBL {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/forumbitBoxBL.gif) no-repeat bottom left;
}
.forumbitBoxBR {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/forumbitBoxBR.gif) no-repeat bottom right;
padding:8px;
}
.forumbitBox .tcat {
margin-top:0;
}
.forumbitBoxShowthread {
padding-bottom:0;
}
/* Top Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topBar {
height:39px;
padding-top:7px;
position:relative;
}
.topBox {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/topBoxBG.gif) repeat-x top left;
height:31px;
line-height:31px;
color:#ededed;
}
.topBoxLeft {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/topBoxLeft_left.gif) no-repeat top left;
height:31px;
}
.topBoxRight {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/topBoxRight_left.gif) no-repeat top right;
height:31px;
padding:0 12px 0 35px;
}
.topBox span {
float:left;
}
#topBar a:link, #topBar a:hover {
color:#ededed;
}
#topBar a:hover {
color:#fade58;
}
.topBoxLinks {
float:right;
position:relative;
}
.socialBox {
float:right;
padding:5px 0 0 8px;
}
.topRSS {
position:relative;
top:4px;
margin-left:6px;
}
#clickRegister {
position:absolute;
top:19px;
left:348px;
z-index: 999;
}
/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.above_body {
background:none;
}
.doc_header {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/headerWrapBG.jpg) no-repeat top center;
height:118px;
position:relative;
z-index:1;
}
#headerMain {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/headerWrapBG.jpg) no-repeat top center;
height:118px;
position:relative;
z-index:1;
}
.logo {
float:left;
height:118px;
padding-right:19px;
}
.slogan {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/sloganSplit.gif) no-repeat top left;
float:left;
font-size:14px;
text-transform:uppercase;
height:118px;
line-height:118px;
color:#ff9595;
padding-left:21px;
}
#loginBox {
width:299px;
height:87px;
position:absolute;
top:31px;
right:0;
padding:0;
font-size:12px;
color:#eaf0f7;
}
#loginBox ul {
list-style:none;
padding:0;
margin:0;
}
#loginBox li {
float:left;
}
.loginBox {
float:left;
}
.loginBox ul {
list-style:none;
padding:0;
margin:0;
}
.loginBar li {
float:left;
}
.loginBoxInput {
background: url(http://www.purevb.com/demo/images/styles/Modern/style_red/loginBoxInput.png) no-repeat top left;
width:110px;
height:31px;
}
.loginInput {
background:transparent;
border:0;
color: #a7a7a7;
width:94px;
height:31px;
line-height:31px;
margin:0;
padding:0 8px;
}
.cb_cookieuser_navbar{
position: relative;
top: 2px;
}
.inputPad .loginBoxInput {
}
.inputPad {
padding-right:6px;
}
.submitPad {
padding:0;
}
.submitPad input {
}
.loginText {
padding-bottom:0;
}
.memberBottom {
}
.memberLinks {
padding-top:0;
float:left;
}
.memberLinks a:link, .memberLinks a:visited {
color:#eaf0f7;
}
.memberLinks a:hover {
color:#9cc8e9;
}
.rememberMe {
float:right;
font-size:12px;
color:#eaf0f7;
padding-top:0;
}
.rememberMe input {
vertical-align: baseline;
}
.cb_cookieuser_navbar{
position: relative;
top: 2px;
}
/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
background:#fff;
}
.contentTL {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/contentTL.gif) no-repeat top left;
}
.contentTR {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/contentTR.gif) no-repeat top right;
}
.contentBL {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/contentBL.gif) no-repeat bottom left;
}
.contentBR {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/contentBR.gif) no-repeat bottom right;
}
.contentWrapper {
padding:6px;
}
/* Footer Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerMain {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/footerBG.jpg) no-repeat top center;
color:#747474;
padding:25px 0;
}
.copyright {
text-align:center;
line-height:16px;
padding-bottom:20px;
}
.copyright a {
font-weight:700;
}
.bannerBox {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/bannerBoxBG.gif) no-repeat top left;
width:468px;
height:60px;
padding:4px;
margin:0 auto;
}
/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerNav {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/footerNavBG.gif) repeat-x top left;
height:44px;
font-size:15px;
font-weight:700;
}
.footerNavLeft {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/footerNavLeft.gif) no-repeat top left;
height:44px;
}
.footerNavRight {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/footerNavRight.gif) no-repeat top right;
height:44px;
padding:0 10px;
}
#footerNav ul {
list-style:none;
padding:0;
margin:0;
float:left;
}
#footerNav li {
float:left;
padding:0 15px;
line-height:44px;
}
#footerNav a:link, #footerNav a:visited {
color:#fff;
}
#footerNav a:hover {
color:#ff9595;
}
.skinSelect{
float:right;
padding-top:8px;
margin:0;
}
.footer {
margin:0;
padding:0;
}
/*************************************************/
/* TOP MEMBER BAR*/
#toplinks, .toplinks {
text-align:left;
line-height:20px;
top:83px;
right:15px;
font-size:13px;
}
#toplinks .isuser {
float:left;
}
#toplinks .welcomelink {
font-weight:700;
}
.toplinks ul.isuser .notifications .popupbody {
border: 1px solid #242424; /* makes it look consistent with the popup background */
}
.toplinks .notifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
.memberBox .welcomeUser {
font-weight:700;
font-size:11px;
float:left;
}
.memberBox .toplinks {
padding:2px 0 0 3px;
}
.memberBox .toplinks {
padding:2px 0 0 3px;
}
/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/navBG.gif) repeat-x top left;
position:relative;
height:79px;
font: 12px arial, helvetica, sans-serif;
color:#fff;
width:100%;
padding:0;
margin:0;
}
.navLeft {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/navLeft.gif) no-repeat top left;
height:79px;
}
.navRight {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/navRight.gif) no-repeat top right;
height:79px;
padding-left:5px;
}
#navtabs li.selected ul.floatcontainer {
margin-top:5px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
line-height:27px;
height:27px;
}
.navbar a { color:#fff; }
.navbar a:hover { color:#ff9595; }
.navtabs ul li:first-child {
text-indent: 0;
margin-left:15px;
}
.navtabs {
background:none;
padding-left:0;
}
.navtabs ul {
position:absolute;
top:42px;
left:0px;
width:100%;
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
.navtabs li {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/navSplit.gif) no-repeat top right;
padding-right:23px;
float:left;
}
.navtabs li li {
background:none;
}
.navtabs ul li {
border-right: 0;
position: relative;
}
.navtabs li a {
height:42px;
line-height:42px;
}
.navtabs li a.navtab {
display:block;
min-width:60px;
width:auto !important;
width:60px;
_min-width:75px;
_width:auto !important;
_width:75px;
text-align:center;
color:#fff;
font-size:14px;
text-decoration:none;
line-height:42px;
height:42px;
padding:0 10px;
font-weight:400;
text-transform:uppercase;
background:none;
}
.navtabs li a.navtab:hover {
background:none;
color:#ff9595;
}
.navtabs li.selected {
color:#ff9595;
height:42px;
}
.navtabs li.selected a.navtab {
background:none;
color:#ff9595;
position:relative;
top:-px;
padding-top:px;
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font: 12px arial, helvetica, sans-serif;
line-height:27px;
}
.navtabs li.selected li {
padding:0 5px;
}
.navtabs li.selected li li {
padding:0 2px;
}
.navtabs li.selected li a {
color:#1a1617;
font-weight:400;
padding:2px 5px;
}
.navbar_advanced_search li {
height: 27px;
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:#fff;
}
.navbar_advanced_search li a:hover {
color:#ff9595;
text-decoration:none;
}
.navtabs li.selected li a:hover {
color:#c63737;
text-decoration:none;
}
.navtabs li.selected .popupbody li > a {
padding:0pxpx 10px;
text-indent: 0;
color: ;
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:solid px transparent;
_border: none;
background:transparent url(http://www.purevb.com/demo/images/styles/Modern/misc/arrow.png) no-repeat right center;
padding-right:15px;
_background-image:url('http://www.purevb.com/demo/images/styles/Modern/misc/arrow.gif');
color:#1a1617;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
color:#fff;
}
/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
background: url(http://www.purevb.com/demo/images/styles/Modern/style_red/bcBG.gif) repeat-x left top;
color:#737373;
height:38px;
margin-bottom:10px;
}
.bcLeft {
background: url(http://www.purevb.com/demo/images/styles/Modern/style_red/bcLeft.gif) no-repeat left top;
height:38px;
}
.bcRight {
background: url(http://www.purevb.com/demo/images/styles/Modern/style_red/bcRight.gif) no-repeat right top;
height:18px;
padding:10px 10px 10px 10px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
color:#737373;
}
.breadcrumb .navbit a:hover {
background:#c63737;
color:#fff;
border:1px solid transparent;
}
/*************************************************/
/* TCAT BAR */
.tcat {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/tcatBG.gif) repeat-x top left;
color: #fff;
height:43px;
clear:both;
margin-top: 8px;
float: left;
border:0;
padding:0;
text-transform:uppercase;
width: 100%;
}
.tcatLeft {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/tcatLeft.gif) no-repeat top left;
height:43px;
}
.tcatRight {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/tcatRight.gif) no-repeat top right;
height:43px;
}
.tcat2 {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/tcat2BG.gif) repeat-x top left;
}
.tcat2 .tcatLeft {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/tcat2Left.gif) no-repeat top left;
}
.tcat2 .tcatRight {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/tcat2Right.gif) no-repeat top right;
}
.tcat .forumtitle {
font-weight:700;
}
.tcat .tcatDesc {
font-size:11px;
font-weight:400;
}
.tcat h2 {
padding-left:16px;
font: bold 15px arial, helvetica, sans-serif;
line-height:43px;
float:left;
font-weight:700;
}
.tcat a:link, .tcat a:visited {
color:#fff;
}
.tcat a:hover {
}
.tcat .tcatCollapse {
float:right;
position:absolute;
top:8px;
right:8px;
}
/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
float:right;
padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
clear:both;
}
.tcat_threadlist_controls h6 {
padding:0;
display:block;
font-size:11px;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl,
.postlist_popups h6 a.firstunread, .postlist_popups.popupgroup .popupmenu h6 a.firstunread {
background:none;
display:block;
_display:43px;
height:43px;
line-height:43px;
font-family:arial, helvetica, sans-serif;
font-weight:700;
font-size:12px;
color:#fff;
padding:0 7px;
border: 0;
float: left;
clear: right;
}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl,
.postlist_popups h6 a:hover.firstunread, .postlist_popups.popupgroup .popupmenu h6 a:hover.firstunread{
border: 0;
color:#fff;
text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
color: #fff;
_border: none;
}
#postlist_popups a:hover, .postlist_popups a:hover {
color: #fff;
text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
border: 0;
}
#postlist_popups ul li {
color: #3E3E3E;
}
#postlist_popups ul li a, .postlist_popups ul li a {
color: #3E3E3E;
_border: none;
}
#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
color: #3E3E3E;
text-decoration:underline;
}
#forumdisplaypopups ul a, .forumdisplaypopups ul a {
color: #3e3e3e;
}
.tcat .toolsmenu {
background:none;
border:none;
margin:0;
}
.toolsmenu div {
border:0;
}
.tcat .toolsmenu ul {
padding:0;
}
.tcat .toolsmenu .popupgroup a.popupctrl, .tcat .toolsmenu .popupgroup .popupmenu a.popupctrl, .tcat .toolsmenu .nopopupgroup li a {
padding:0 7px;
_display:43px;
height:43px;
line-height:43px;
}
/*************************************************/
/* THEAD BAR*/
.thead_bar .theadrow {
background:#fff;
display:block;
width: 100%;
float: left;
position:relative;
line-height:24px;
font-size:12px;
border:1px solid transparent;
border-bottom:1px solid #f2f2f2;
color:#8b8b8b;
}
.thead_bar .padding {
padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
width: 23%;
}
.thead_bar .theadrow .forumdata {
float: left;
}
.thead_bar {
float: left;
position:relative;
width: 100%;
display:block;
}
.thead_bar .forumhead .forumtitle {
width: 76%;
}
.thead_bar .foruminfo {
width: 53%;
min-width: 30%;
float: left;
clear: right;
}
.thead_bar .foruminfo .forumdata {
padding: 0;
width: 100%;
_width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
display: block;
float: left;
clear: right;
width: 16%;
margin-right: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
float: left;
width: 86%;
padding:0;
padding-left: 58px;
}
.thead_bar .forumactionlinks {
width: 5%;
display:block;
float:left;
clear:right;
}
.thead_bar .forumactionlink {
/* values based on icon size */
display:block;
width:18px;
overflow:hidden;
float: right;
clear: left;
background:transparent none no-repeat;
position: relative;
}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
font-size: 12pxpx;
text-align: right;
padding-right: 20px;
display:block;
}
.thead_bar .forumlastpost {
display:block;
float: left;
clear: right;
}
.thead_bar .theadrow .forumlastpost {
width: 22%;
}
.forumbitBody {
padding-right:2px;
clear:both;
}
/*threadlisthead and posthead*/
.threadlist {
margin-top:0;
}
#threadlist .threadlisthead {
background:#fff;
display:block;
width: 100%;
float: left;
position:relative;
font-size:12px;
border:1px solid transparent;
border-bottom:1px solid #f2f2f2;
color:#8b8b8b;
font-weight:400;
margin: 0;
padding:4px 0;
}
#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
color: #b6b6b6;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background:#f0f0f0;
clear:both;
display:block;
float: left;
width: 100%;
color:#8b8b8b;
margin: -1px -1px 0;
font: normal 12px arial, helvetica, sans-serif;
padding: 4px 0;
border:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
font-size:12px;
font-weight:400;
}
#posts .posthead a:link, #posts .posthead a:visited {
color:#b6b6b6;
}
#posts .posthead a:hover {
color:#b6b6b6;
}
#posts .posthead .time, #posts .nodecontrols {
color:#b6b6b6;
}
.wgo_subblock{
position:relative;
}
.wgo_subblock .whatspace {
padding-left:55px;
}
.wgo_subblock .whaticon {
position:absolute;
top:25%;
left:10px;
}
#postlist .userinfo {
padding-top:10px;
}
.username_container {
padding:2px 0;
text-align:center;
}
.username_container .username strong {
font-size: 16pt;
font-weight:400;
}
.usertitle, .rank {
text-align:center;
}
.usercenter {
padding-top:5px;
text-align:center;
}
.postbit, .postbitlegacy, .eventbit {
}
.bbcode_container .bbcode_quote_container {
background:none;
}
.forum_info_block, .forum_info_form {
background:none;
}
.postfoot {
border: 1px solid #e2e2e2;
border-bottom:0;
border-right:0;
}
.postfootWrap {
border-right: 1px solid #e2e2e2;
}
#thread_info a.collapse {
position: absolute;
top: 9px;
}
/* Postbit Align Username and Avatar Center
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}
.postbitlegacy .userinfo .postbit_reputation,.postbitlegacy .userinfo .postbit_reputation img {float:none; text-align:center;}
.userinfo_extra dt {
padding:6px 3px 0 10px;
margin:0;
color: #9e0d0d;
font-weight:700;
}
.userinfo_extra dd {
background: #fff;
color: #242424;
border: 1px solid #dedede;
padding:3px 0 3px 0;
margin:0;
margin-top: 2px;
}
/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bottomBar{
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/bottomBarBG.gif) repeat-x top left;
height:17px;
font-size:0;
clear:both;
}
.bottomBarLeft {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/bottomBarLeft.gif) no-repeat top left;
height:17px;
font-size:0;
}
.bottomBarRight {
background:url(http://www.purevb.com/demo/images/styles/Modern/style_red/bottomBarRight.gif) no-repeat top right;
height:17px;
font-size:0;
}
/* Global Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchBox {
position:absolute;
top:6px;
right:11px;
height:36px;
line-height:36px;
}
.searchBoxInput {
background: url(http://www.purevb.com/demo/images/styles/Modern/style_red/searchInput.gif) no-repeat top left;
width:153px;
height:31px;
float:left;
}
.searchinput {
border:0;
background:transparent;
color: #828282;
padding:0 5px;
width:143px;
height:31px;
line-height:31px;
}
.searchButton {
float:left;
padding-left:6px;
}
.searchBox .searchBox_advanced_search {
position:absolute;
top:36px;
right:0;
}
.searchBox .searchBox_advanced_search a:link, .searchBox .searchBox_advanced_search a:visited {
color:#1a1617;
}
/* Forum Home
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
color:#3a3a3a;
font: 15px arial, helvetica, sans-serif;
}
.forumrow .forumtitle a:hover{
color:#c63737;
}
.forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
color:#c63737;
font-weight:700;
}
.forumrow .lastposttitle a:hover{
color:#3a3a3a;
}
#forums .lastpostby a.username {
color:;
}
#forums .lastpostby a.username:hover {
color:;
}
.forumdescription {
color:;
padding:4px 0;
}
.notices {
background:none;
}
#notices .restore {
background:#ffefb6 none ;
border:1px solid #ebd27b;
color:#3c3a22;
line-height:16px;
padding:8px 10px 8px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#notices .restore a {
font-weight:700;
}
/* Advanced Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchtypeswitcher {
border-bottom:4px solid #323232;
}
#searchtypeswitcher li a {
background-color:#555;
color:#FFF;
}
#searchtypeswitcher li.selected a {
background-color:#323232;
}
#searchtypeswitcher li a:hover {
background-color:#323232;
}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
ol, ul {
list-style: none;
}li { display: list-item; }
index_box
- Código:
<ol id="forums" class="floatcontainer">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<li class="forumbit_nopost new L1" id="cat1">
<!-- Start Forum tcat Heading PureVB -->
<div class="forumbitBox"><div class="forumbitWrap"><div class="forumbitBoxLeft"><div class="forumbitBoxRight">
<div class="forumbitBoxTL"><div class="forumbitBoxTR"><div class="forumbitBoxBL"><div class="forumbitBoxBR">
<div class="tcat">
<div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
<h2>
<span class="forumtitle">{catrow.tablehead.L_FORUM}
<span class="tcatDesc">- Main Category Description</span>
</h2>
</div></div>
</div>
<!-- End Forum tcat Heading PureVB -->
<!-- Start Forum thead Heading PureVB -->
<div class="forumbitBody">
<div class="thead_bar">
<div class="theadrow table">
<div class="foruminfo td">
<div class="forumdata">
<div class="datacontainer">
Title
</div>
</div>
</div>
<div class="forumactionlinks td">
</div>
<div class="forumstats td" align="center">
</div>
<div class="forumlastpost td">
Last Post
</div>
</div>
</div>
<!-- endForum thead Heading PureVB -->
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<ol id="c_cat1" class="childforum">
<li id="forum2" class="forumbit_post new L2">
<div class="forumrow table">
<div class="foruminfo td">
<img class="forumicon" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="forumdata">
<div class="datacontainer">
<div class="titleline">
<h2 class="forumtitle">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</h2>
</div>
<p class="forumdescription">{catrow.forumrow.FORUM_DESC}</p>
</div>
</div>
</div>
<div class="forumactionlinks"></div>
<ul class="forumstats td">
<li>Threads: {catrow.forumrow.TOPICS}</li>
<li>Posts: {catrow.forumrow.POSTS}</li>
</ul>
<div class="forumlastpost td">
<h4 class="lastpostlabel">Last Post:</h4>
<div>
<p class="lastposttitle">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</li>
<!-- END tablefoot --><!-- END catrow --></ol>
</div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
</div></div></div></div>
</div></div></div></div>
</li>
</ol>
<style>
#forums {
clear:both;
}
.forumhead {
background: #dbd8d0 url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x ;
_background-image: none;
padding: 0;
font: bold 12px Arial, arial, helvetica, sans-serif;
color:#79756d;
clear:both;
margin-top: 8px;
float: left;
border: 1px solid #c5c1b6;
width: 100%;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#forums .L1 .forumhead a {
font: bold 12px Arial, arial, helvetica, sans-serif;
}
#forums .L1 .forumhead .forumdescription {
display:none;
}
#forums .L1 .L2 {
display:block;
clear: both;
}
#forums a.username {
color: #c63737;
}
#forums a.username:hover {
color: #383838;
}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
-moz-box-shadow: -2px 2px 2px none;
-webkit-box-shadow: -2px 2px 2px none;
box-shadow: -2px 2px 2px none;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #4e4e4e;
background: rgb(255, 255, 255) none ;
_background-image: none;
display:block;
width: 100%;
float: left;
min-height: 48px; /* 48px is the icon size */
position:relative;
border-bottom: 0 ;
border-left: 0 ;
border-right: 0 ;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
position: absolute;
left: 10px;
top: 5px;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
display: inline-block;
width:100%;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
margin-left: 58px;
}
.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
margin-left: 0;
}
/* forumbit nopost */
.forumbit_post .foruminfo .forumdata {
padding: 4px 0;
font-size: 11px;
}
.forumbit_nopost .forumhead .forumtitle {
font-size: 12px;
min-width: 64%;
}
.forumbit_nopost .forumhead .forumtitle a {
color: #79756d;
margin-left: 10px;
}
.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
font-size: 11px;
}
.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
width: 21%;
}
.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
position:absolute;
top: -15px;
right: -6px;
display:block;
width:13px;
height:13px;
overflow:hidden;
float: right;
clear: left;
}
.forumbit_nopost:hover .forumhead a.collapsegadget {
visibility:visible;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata {
padding: 5px 10px;
padding-left: 0;
font-size: 12px;
}
/* Removed for VBIV-14010
.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
margin-left: 10px;
position: relative;
top: -10px;
}
*/
/* forumbit post */
.forumbit_post {
float: left;
position:relative;
width: 100%;
display:block;
}
.forumbit_post .forumhead span {
padding: 0;
}
.forumbit_post .forumhead .forumlastpost {
top: 0;
margin-top: 0;
}
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
padding: 5px 0;
}
.forumbit_post .forumhead .forumtitle {
font-size: 12px;
min-width: 64%;
}
.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-left: 10px;
}
.forumbit_post .foruminfo {
width: 57%;
min-width: 30%;
float: left;
clear: right;
min-height: 38px;
}
.forumbit_post .foruminfo .forumicon{
position: absolute;
left: 10px;
}
.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
float: left;
clear: right;
}
.forumbit_post .foruminfo .viewing {
white-space:nowrap;
}
.forumbit_post .foruminfo .forumdata {
padding: 0;
width: 100%;
_width: 99%;
}
.forumbit_post .foruminfo .forumdata .datacontainer {
float: left;
width: 88%;
padding-left: 58px;
}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: 12px;
margin-right: 10px;
}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
font-weight:bold;
}
.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
padding-left:1.8em;
background:url('http://www.purevb.com/demo/images/styles/Modern/misc/child_forum.png') top left no-repeat;
}
.forumbit_post .foruminfo .forumdata .viewing {
font-style: italic;
margin-right:10px;
margin-top: 3px;
font-size: 10px;
}
.forumbit_post .forumactionlinks {
width: 5%;
display:block;
float:left;
clear:right;
}
.forumbit_post .forumactionlinks li {
display: inline;
}
.forumbit_post .forumactionlink {
/* values based on icon size */
display:block;
width:18px;
height:12px;
overflow:hidden;
float: right;
clear: left;
background:transparent none no-repeat;
position: relative;
margin: 3px 10px 0 0;
}
.forumactionlink a {
/* values based on icon size */
display:block;
padding-left:18px;
}
.forumactionlinks .rsslink {
background-image:url(http://www.purevb.com/demo/images/styles/Modern/misc/rss_40b.png);
}
.forumactionlinks .subslink {
background-image:url(http://www.purevb.com/demo/images/styles/Modern/misc/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
background-image:url(http://www.purevb.com/demo/images/styles/Modern/misc/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
display:block;
clear:both;
padding-right: 10px;
}
.forumbit_post .unsubscribe {
display:block;
right: 0;
top: 2px;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
display: block;
float: left;
clear: right;
width: 12%;
margin-right: 2%;
}
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
font-size: 12px;
text-align: right;
padding-right: 20px;
display:block;
}
.forumbit_post .forumlastpost {
display:block;
float: left;
clear: right;
}
.forumbit_post .forumrow .forumlastpost {
width: 24%;
font-size: 12px;
padding-top: 5px;
}
.forumbit_post .forumlastpost .lastpostdate {
font-size: 12px;
}
.lastpostlabel {
display: none;
}
.forumlastpost .lastposttitle .postimg {
vertical-align:middle;
margin-top:-2px;
}
.forumlastpost p.lastposttitle {
overflow: hidden;
}
.moderators, .subforums {
display: block;
clear:both;
}
.moderators h4, .subforums h4 {
font-weight: bold;
padding-right: 5px;
}
.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
float:left;
clear:right;
}
h2 span.forumthreadpost {
width: 12%;
text-align: center;
}
/* CSS Document */
#forums {
width: 100%;
}
#welcomemessage {
color:#5d5d5d;
font-size:100%;
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: rgb(255, 255, 255) none ;
_background-image: none;
border-top: 1px solid rgb(255, 255, 255);
}
/* forumbit nopost */
/* forumbit nopost -> forumhead */
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
display:block;
float: left;
clear: right;
font: bold 12px Arial, arial, helvetica, sans-serif;
padding: 4px 0;
color: #79756d;
}
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
margin-left: 3px;
margin-right: 3px;
}
.forumbit_nopost {
clear:left;
}
.forumbit_nopost .forumrowdata {
clear:both;
display:block;
width: 100%;
}
.forumbit_nopost .subforumdescription {
padding: 5px 10px;
font-weight: normal;
color: #3e3e3e;
background: #e9e9e9 none repeat-x ;
}
/* CSS Document */
/* this might need to get renamed */
/* wgo */
.wgo_block {
display:block;
margin-top: 15px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-box-shadow: -2px 2px 2px none;
-webkit-box-shadow: -2px 2px 2px none;
box-shadow: -2px 2px 2px none;
margin-bottom: 10px;
}
.wgo_block .blockbody {
border: 0 ;
background: rgb(255, 255, 255) none ;
_background-image: none;
}
.wgo_block .blockhead {
font-size:12px;
font-weight:bold;
color: rgb(255, 255, 255);
background: #9f0e0e url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x ;
_background-image: none;
border: 1px solid #7a0606;
}
.wgo_block .time {
color: #3e3e3e;
}
.wgo_block .section {
display:block;
padding: 0 0 0.5em;
font: 12px ;
color: #3e3e3e;
clear:both;
width: 100%;
}
.wgo_block .blocksubhead {
padding-left: 10px;
font: 13px;
color: #3e3e3e;
background: transparent;
padding-bottom: 5px;
}
.wgo_block .section:first-child .blocksubhead {
border-top: 0;
}
.wgo_block .section .blocksubhead img {
padding-right: 5px;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
.wgo_block .section div p {
padding-bottom: 5px;
}
.wgo_block .section div ol {
padding-left: 0;
}
.wgo_block .section dl dt {
display:inline;
}
.wgo_block .section dl dt:after {
content:":";
}
.wgo_block .section dl dd {
display: inline;
margin-right:5px;
}
.wgo_block .section dl.icon_legends dt {
float: left;
clear: right;
margin-right: 5px;
}
.wgo_block .section dl.icon_legends dt:after {
content: "";
}
.wgo_block .section dl.icon_legends dd {
margin-bottom: 5px;
display:block;
}
#wgo_onlineusers .commalist li {
margin-left: 1px;
}
#wgo_birthdays .commalist li {
margin-left: 1px;
}
</style>