Code:
@-moz-document domain("forum.canardpc.com") {
/*
CPC improved usability by Skiant.
V 0.8.2
Last version available at : http://cpc.skiant.net/cpc_light_firefox.css
stylish rule:
@import url('http://cpc.skiant.net/cpc_light_firefox.css');
*/
/*
GENERAL HTML SECTION
*/
*,
div.bbcode_container div.bbcode_quote,
li.postbitlegacy .postrow,
li.eventbit .eventrow,
li.postbitdeleted .postrow,
li.postbitignored .postrow{
font-family: "Segoe UI", Helvetica, Arial, Tahoma, Verdana, sans-serif !important;
font-weight: 500;
text-rendering: optimizelegibility;
}
font[face]{
font-family: auto !important;
}
div.bbcode_container pre.bbcode_code {
font-family: "Consolas", "Lucida Console", monospace !important;
overflow: auto;
border: 1px solid hsl(0, 0%, 60%);
background: hsl(45, 5%, 75%);
color: hsl(0, 0%, 20%);
word-wrap: normal;
white-space: pre-wrap;
}
html{
background:hsl(0, 0%, 80%) none !important;
}
body{
margin:0px auto;
}
/* Main content style */
div.body_wrapper,
div#usercp_content,
div#usercp_nav .blockbody,
div#usercp_nav .blockrow,
div.blockrow{
background:hsl(35, 10%, 90%) none;
color:hsl(230, 5%, 15%);
}
/* darker color scheme */
h2.blockhead,
div.blockfoot,
div.blocksubfoot,
span.threadlisthead,
span.threadlisthead a{
background:hsl(20, 5%, 70%) none;
color:hsl(230, 5%, 20%);
}
/* new bold weight */
/*strong,*/
b,
div.toplinks ul.isuser li a,
ul.navtabs li a.navtab,
h1,
h2,
h3,
.postbitlegacy .postfoot .textcontrols a.newreply,
.postbit .postfoot .textcontrols a.newreply {
font-weight: 800 !important;
}
.threadtitle {
font-weight: bold;
}
/*
GENERAL BLOCKS
*/
.ad_global_header div {
margin-right: 0 !important;
}
body > div:nth-child(2){
margin: 0px auto !important;
width:960px;
}
div.above_body,
div.below_body{
margin:0px auto;
width:960px;
}
div.body_wrapper{
margin:0px auto;
padding:10px 20px;
width:920px;
}
div.pagination_top{
margin-top:15px;
width:700px;
}
div#postpagestats_above{
display: none;
}
div.breadcrumb{
height: 25px;
margin: 5px 0 10px 0;
}
div#pagetitle h1 {
line-height: 3em;
}
div.footer{
box-shadow: none !important;
}
/*
FORUMS LIST VIEW
*/
li.forumbit_post .foruminfo,
li.forumbit_nopost .foruminfo{
width: 645px;
}
div#usercp_content li.forumbit_post .foruminfo,
div#usercp_content li.forumbit_nopost .foruminfo{
width: 510px;
}
li.forumbit_post .foruminfo .forumicon {
background: hsl(0, 50%, 35%);
height: 100%;
left: 0 !important;
padding-left: 4px;
top: 0;
width: 0 !important;
}
.foruminfo.td > img[src*="forum_old"]{
background: hsl(0, 0%, 35%);
}
div.forumrow div.forumdata div.datacontainer {
padding-left: 20px !important;
width: 97% !important;
}
li.forumbit_post .foruminfo.forumhead,
li.forumbit_nopost .foruminfo.forumhead{
width: 100%;
}
li.forumbit_post p.forumdescription,
li.forumbit_nopost p.forumdescription {
display: none !important;
}
li.forumbit_post ul.forumstats,
li.forumbit_nopost ul.forumstats,
li.forumbit_post ul.forumstats_2{
display: none !important;
}
li.forumbit_post .forumrow,
li.forumbit_nopost .forumrow,
li.forumbit_post .forumhead,
div.forum_info .blockbody,
div.forum_info .blockhead,
div.wgo_block,
div.wgo_block .blockbody,
div.wgo_block .blockhead,
li.forumbit_post .forumrow,
li.forumbit_nopost .forumhead,
li.forumbit_nopost .forumrow,
li.forumbit_post .forumhead{
box-shadow: none !important;
}
ol#wgo_onlineusers_list{
display: none;
}
/*
TOPICS LIST VIEW
*/
li.threadbit .threadinfo{width: 660px;}
div#usercp_content .threadbit .threadinfo{width: 565px;}
li.threadbit .threadtitle{
overflow:hidden;
height:18px;
padding-right: 100px;
}
li.threadbit .threadtitle > img {
display: none;
}
div#usercp_content .threadbit .threadtitle{
background:none;
padding-right: 25px;
}
li.threadbit .threadstats{
background: none !important;
color:hsl(0, 0%, 65%);
width:115px !important;
}
#usercp_content .threadbit .threadstats{display: none;}
li.threadbit .threadlastpost,
div#usercp_content li.threadbit .threadlastpost {
color:hsl(0, 0%, 65%);
width:115px;
}
.threadbit .threadlastpost a.username{color:hsl(0, 30%, 50%)}
.threadbit .threadlastpost .time{color:hsl(0, 0%, 65%)}
img.gotonewpost{
padding: 0 5px;
}
/* Author, Ratings & pagination on hover only */
li.threadbit .threadtitle,
li.threadbit .rating5 .threadtitle,
li.threadbit .rating4 .threadtitle,
li.threadbit .rating3 .threadtitle,
li.threadbit .rating2 .threadtitle,
li.threadbit .rating1 .threadtitle{
background:none no-repeat top right;
}
li.threadbit:hover .rating5 .threadtitle{background-image: url(http://forum.canardpc.com/images/rating/rating-trans-15_5.png);}
li.threadbit:hover .rating4 .threadtitle{background-image: url(http://forum.canardpc.com/images/rating/rating-trans-15_4.png);}
li.threadbit:hover .rating3 .threadtitle{background-image: url(http://forum.canardpc.com/images/rating/rating-trans-15_3.png);}
li.threadbit:hover .rating2 .threadtitle{background-image: url(http://forum.canardpc.com/images/rating/rating-trans-15_2.png);}
li.threadbit:hover .rating1 .threadtitle{background-image: url(http://forum.canardpc.com/images/rating/rating-trans-15_1.png);}
li.threadbit .author{
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
opacity: 0;
color:hsl(0, 0%, 65%);
}
li.threadbit:hover .author{
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
opacity: 1;
}
li.postbitignored {
height:25px;
overflow: hidden;
}
/* hide author label when on userCP */
div#usercp_content .threadbit .threadinfo .label{display:none}
div#usercp_content .threadbit .threadnotification{display:none}
div#usercp_content .threadbit:hover .threadnotification{
display: block;
position: absolute;
right: 140px;
}
li.threadbit .nonsticky a.threadstatus,
li.threadbit .sticky a.threadstatus {
opacity: 0;
width: 15px !important;
}
ol#searchbits .threadinfo {
width: 540px;
}
/*
POST VIEW
*/
.postbody{
padding-top:5px;
}
.userinfo{
color:hsl(0,0%,65%);
}
body li.postbitlegacy a.username{
color: hsl(204, 39%, 42%);
}
li.postbitlegacy .after_content{
display: none;
}
li.postbitlegacy .postrow.has_after_content {
padding-bottom: 1em;
}
body li div.posthead{
background: hsl(45, 5%, 75%) !important;
border: 1px solid hsl(0, 0%, 70%) !important;
color: hsl(0, 0%, 40%) !important;
}
body li div.posthead *{
color: hsl(0, 0%, 40%) !important;
}
a.newcontent_textcontrol {
background: hsl(0, 0%, 50%) !important;
border:1px solid hsl(0,0%,70%) !important;
border-radius: 3px !important;
box-shadow: none !important;
color: hsl(0,0,30%) !important;
}
a.newcontent_textcontrol:hover{
color: hsl(0,0,10%) !important;
}
li.postbitlegacy .userinfo {
margin-top: 2px;
width: 130px;
}
li.postbitlegacy .userinfo .userinfo_extra{display: none !important;}
li.postbitlegacy .userinfo .postuseravatar img,
li.eventbit .userinfo .eventuseravatar img{
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
max-width: 64px;
max-height: 64px;
opacity: 0.3;
}
li.postbitlegacy .userinfo .postuseravatar img:hover,
li.eventbit .userinfo .eventuseravatar img:hover{
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
opacity: 1;
}
li.postbitlegacy .postbody,
li.eventbit .eventdetails .eventbody {
margin-left: 150px;
padding-left: 15px;
}
img.onlinestatus{
display: none !important;
}
li.postbitlegacy .postcontrols a{
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
opacity: 0.3;
}
li.postbitlegacy .postcontrols a:hover,
li.postbitlegacy .postcontrols a.highlight{
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
opacity: 1;
}
/* HUGE SCREENS */
@media screen and (min-width: 1400px){
body > div:nth-child(2){
width: 1200px;
}
div.body_wrapper{
width: 1160px;
}
div.above_body,
div.below_body{
width: 1200px
}
li.postbitlegacy .postrow,
li.eventbit .eventrow,
li.postbitdeleted .postrow,
li.postbitignored .postrow{
font-size: 14px;
max-width: 750px;
}
div.pagination_top{
width: auto;
max-width: 920px;
}
}
.editor_textbox_container.smilie {
margin-right: -120px;
}
.editor_textbox_container.smilie > .editor_textbox_smilie {
margin-right: 140px;
}
.editor_smiliebox {
width: 130px;
}
}