1

Topic: Why does SpinkBB code does not work?

Hi everbody.
I want that oxygen style index page is more compact with smaller blocks and "Yesterday 23:47by memberx" fonts.
So I used SpinkBB for 1.3xx. I got this:
http://spinkbb.jsand.net/punbb/?spkEn?s … e0ab8bc4de

But code does not have any effect. Look, I added it to end of Oxygen_cs.css, but no use.


/* General colour scheme
----------------------------------------------------------------*/

body {
    background: #fff;
    color: #333;
    }

.brd a:link, .brd a:visited {
    color: #00579C;
    }

.brd p.feed a:link, .brd p.feed a:visited {
    color: #DDDDDD;
    }

.brd a:hover, .brd a:active, .brd a:focus,
.brd p.feed a:hover, .brd p.feed a:active, .brd p.feed a:focus {
    color: #b42000;
    text-decoration: none;
    }

.brd .main-pagepost a:link, .brd .crumbs a:link,
.brd .main-pagepost a:visited, .brd .crumbs a:visited {
    text-decoration: none;
    }

.brd .main-pagepost a:hover, .brd .crumbs a:hover,
.brd .main-pagepost a:active, .brd .crumbs a:active,
.brd .main-pagepost a:focus, .brd .crumbs a:focus {
    text-decoration: underline;
    }

.brd .gen-content, .brd .main-content {
    background: #fbfbfb;
    border-color: #DFE6ED;
    border-bottom-color: #CBD1D8;
    }

.brd .main-pagepost {
    background: #fff;
    border-color: #DDE4EB;
    }

.brd .crumbs {
    background: #fff;
    border-color: #fff;
    }


.brd .main-item, .brd .main-item li, .brd .main-item div, .brd td {
    border-color: #DDE4EB;
    }

.brd .main-item li.info-posts,
.brd .main-item li.info-replies,
.brd .main-item li.info-views,
.brd .main-item li.info-topics {
    }

.brd .main-content .main-item .item-nav {
    color: #888;
    }

.brd .main-content .sticky {
    background: #F2F4FA;
    }

.brd .main-content .main-item .hn .item-status em.sticky ,
.brd .main-content .main-item .hn .item-status em.closed{
    color: #314B60;
    font-weight: bold;
    }

.brd .main-content .main-item .hn .item-status em.moved {
    color: #666;
    }

.brd .post * {
    border-color: #DDE4EB
    }

.brd .post {
    border-color: #DDE4EB;
    border-top-color: #fff;
    border-bottom-color: #ccc;
    }

#topic-review .firstpost, .brd .singlepost {
    border-top-color: #DDE4EB;
    border-bottom-color: #DDE4EB;
    }

.brd .post {
    background: #EDF1F5;
    }

.brd .posthead, .brd .postbody, .brd .post-options {
    background: #f9f9f9;
    }

.brd .posthead .hn {
    background: #F1F1F1;
    }

.brd .posthead .post-title small {
    color: #999;
    }

.brd .online .userstatus span {
    border-color: #517CA1;
    }

.brd .ct-box, .brd .ct-set, .brd .ct-group, .brd .frm-group {
    border-color: #DBE0E4;
    }

.brd .admin-page .ct-box {
    background: #FEFFE6;
    }

.brd .admin-page .ct-set .ct-box, .brd .report {
    background: #F4F9FD;
    }

.brd .admin-page .warn-set .warn-box {
    background: #FEFFE6;
    }

.brd .main-frm .ct-group, .brd #brd-announcement {
    background: #F4F9FD;
    }

.brd .main-content .info-box {
    background: #FFFFE1;
    }

.brd .main-extensions .extension, .brd .main-hotfixes .hotfix {
    background: #F4F9FD;
    }

.brd .main-extensions .disabled, .brd .main-hotfixes .disabled {
    background: #FFFFE1;
    }

.brd .warn-group, .brd .warn-set, .brd .warn-box, .brd .error-box, .brd #admin-alerts {
    background: #FEFFE6;
    border-color: #F4EBCE;
    }

.brd .warn-group, .brd .warn-set, .brd .warn-box, .brd .error-box {
    border-color: #E6D190;
    }

.brd ul.info-list li,
.brd ul.error-list li {
    color: #6A97BF;
    }

.brd ul.info-list li span,
.brd ul.error-list li span {
    color: #666;
    }

.brd ul li strong {
    color: #333;
    }

.brd .user-box {
    background: #F4F9FD;
    }
.brd .ct-box .hn, .brd .ct-box .sig-demo {
    border-color: #DBE0E4;
    color: #1F537B;
    }

.brd .error-box .hn {
    color: #333;
    }

.brd .help-box {
    background: #f4f4f4;
    }

.brd .frm-buttons, .brd .extension .options, .brd .hotfix .options {
    border-color: #DBE0E4;
    }

.brd .checklist {
    background: #fff;
    border-color: #ccc;
    }

.brd label, .brd .aslabel, .brd .mf-set legend, .brd .ct-legend * {
    color: #357;
    }

.brd .paging * {
    border-color: #dedfdf;
    }


.brd .required label em, .brd #req-msg em, .brd .warn strong, .brd .important strong {
    color: #b42000;
    }

.brd .entry-content .quotebox, .brd .entry-content .codebox {
    background: #fff;
    border-color: #ddd;
    }

#brd-announcement .userbox {
    background: #F4F9FD none repeat scroll 0 0;
    }

.brd .main-content .main-item .hn .posted-mark {
    color: #99C;
    }

/* Menus
----------------------------------------------------------------*/

#brd-navlinks {
    background: #113C5E;
    border-color: #113C5E;
    color: #ddd;
    }

#brd-navlinks a:link, #brd-navlinks a:visited {
    color: #ddd;
    }

#brd-navlinks a:hover, #brd-navlinks a:active, #brd-navlinks a:focus {
    color: #fff;
    text-decoration: underline;
    }

.brd .main-options, .brd .main-options span {
    background: #DDE4EB;
    }

.brd .main-menu, .brd .admin-menu {
    background: #1F537B;
    }

.brd .admin-submenu {
    background: #E4E4EC;
    border-color: #DFE6ED;
    }

.brd .main-menu a:link,
.brd .main-menu a:visited,
.brd .admin-menu a:link,
.brd .admin-menu a:visited {
    color: #ddd;
    text-decoration: none;
    }

.brd .main-menu a:hover,
.brd .main-menu a:active,
.brd .main-menu a:focus,
.brd .admin-menu a:hover,
.brd .admin-menu a:active,
.brd .admin-menu a:focus {
    text-decoration: underline;
    color: #fff;
    }

.brd .main-menu li.active a:hover,
.brd .main-menu li.active a:active,
.brd .main-menu li.active a:focus,
.brd .main-menu li.active a:visited,
.brd .admin-menu li.active a:hover,
.brd .admin-menu li.active a:active,
.brd .admin-menu li.active a:focus,
.brd .admin-menu li.active a:visited {
    text-decoration: none;
    }

.brd .admin-submenu li.active a {
    text-decoration: none;
    }

.brd .main-menu li.active a {
    color: #fff;
    }

.brd .admin-menu li.active a {
    color: #eef;
    }

#brd-admod #alert a {
    color: yellow;
    }

/* Logo and Headings
----------------------------------------------------------------*/

#brd-head {
    background: #296FA5;
    color: #ddd;
    border-color: #296FA5;
    }

#brd-head a, #brd-head a:link, #brd-head a:visited {
    color: #fff;
    }

.brd .main-head, .brd .main-foot {
    background: #1F537B;
    color: #ddd;
    border-color: #1f537b;
    }

.brd #brd-announcement h1 {
    border-color: #BBBBBB;
    }

.brd .main-subhead {
    border-color: #DFE6ED #DFE6ED #CBD1D8 #DFE6ED;
    background: #F4F4F4;
    }

.brd .column-title {
    border-color: #F4F4F4 #F4F4F4 #CBD1D8 #F4F4F4;
    background: #F4F4F4;
    }

.brd .content-head {

    }

.brd th {
    background: #EAEEF5;
    border-bottom-color: #fff;
    border-top-color: #ddd;
    }

.brd .group-head {
    background: #EDF1F5;
    border-color: #DBE0E4;
    }

.brd .content-head .hn {
    border-color: #DBE0E4;
    color: #666;
    }

.brd .main-head a:link, .brd .main-head a:visited,
.brd .main-foot .options a:link, .brd .main-foot .options a:visited {
    color: #ccc;
    }

.brd .main-head a:hover, .brd .main-head a:active, .brd .main-head a:focus,
.brd .main-foot .options a:hover, .brd .main-foot .options a:active, .brd .main-foot .options a:focus {
    color: #fff;
    }

.brd th {
    background: #F4F4F4;
    }

.brd .main-frm .ct-group td{
    background: #FBFBFB;
    }


/* Status indicators
----------------------------------------------------------------*/

.brd .main-content .main-item .icon {
    border-color: #EDF1F5 #DDE0E4 #C6CBD3 #BABFC6
    }

.brd .main-content .redirect .icon {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4
    }

.brd .main-content .sticky .icon {
    border-color: #D7E5F3 #C3CFDC #9FB3C7 #90A2B4
    }

.brd .main-content .closed .icon {
    border-color: #ACACAC #979797 #898989 #7A7A7A
    }

.brd .main-content .sticky .closed {
    border-color: #D7E5F3 #C3CFDC #898989 #7A7A7A
    }

.brd .main-content .new .icon {
    border-color: #2B75AD #235E8C #1F537B #266799
    }


/* Multi Checkbox Widget
-------------------------------------------------------------*/

.brd .checklist .checklist-item label:hover {
    background: #EDF1F5;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    /******** SPINKER ********/
/* Generated on http://spinkbb.jsand.net/punbb
/* To change your style, import this Spinker in SpinkBB
*/

BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV#category1 DIV#forum1 DIV.item-subject P {
    font-size: 9px;
    margin-top: -5px;
    margin-bottom: -5px;
}

BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV#category1 DIV#forum1 UL.item-info LI.info-lastpost STRONG A {
    font-size: 10px;
}

BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV#category1 DIV#forum1 UL.item-info LI.info-lastpost CITE {
    margin-top: -5px;
    font-size: 10px;
}

BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV#category1 DIV#forum1 {
    margin-top: -5px;
    margin-bottom: -12px;
}

BODY DIV#brd-wrap DIV.brd-page {
    margin-top: 0;
    margin-bottom: 0;
}

BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV#category1 DIV#forum1 DIV.item-subject H3.hn,
BODY DIV#brd-wrap DIV.brd-page DIV#brd-main DIV#category1 DIV#forum1 UL.item-info LI.info-lastpost {
    margin-top: -5px;
}

/******** END SPINKER ********/