css tweaks
There are extensions available for Firefox and Chrome that allow you to define local css rules for sites of your choice. I installed the 'Stylish' extension on Firefox and defined the below rules, which mostly take out unnecessary boxes (borders and background colors). Thought I would share in case some of you like a cleaner design.
@-moz-document domain("forum.monero.cc") {
body {
background: none repeat scroll 0% 0% #FFF;
}
a, a:hover, a:focus {
color: #5B9A6F;
}
.main-content {
padding: 0;
}
.category-block .panel-heading {
background-color: #999;
}
.forum-block .forum-icon-active {
text-align: center;
height: 100%;
width: 100%;
line-height: 100%;
font-size: 40px;
color: #999;
}
.navbar {
background: none repeat scroll 0% 0% #FFF;
border: none !important;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
border: none !important;
}
.footer {
visibility: hidden !important;
background: none repeat scroll 0% 0% transparent !important;
border-top: 0px none !important !important;
height: 0px !important;
min-height: 0px !important;
line-height: 0px !important;
}
.footer .container {
height: 0px !important;
min-height: 0px !important;
line-height: 0px !important;
}
.footer, .footer p, .footer p strong {
color: #FFFFFF !important;
}
.reply-thread, .reply-thread:hover, button.reply-thread {
background: none repeat scroll 0% 0% #FFFFFF !important;
color: #505050;
text-shadow: unset !important;
}
.reply-thread:hover {
background: none repeat scroll 0% 0% #FFFFFF !important;
color: #505050;
text-decoration: underline !important;
}
button.reply-thread {
border-bottom: 5px solid #505050 !important;
}
.category-block .panel-heading, .admin-panel .panel-heading {
background: none repeat scroll 0% 0% #5B9A6F;
color: #FFF !important;
text-shadow: unset;
border-radius: 2px;
border: medium none;
line-height: 45px;
}
.post-meta .post-date {
color: #FFF;
}
.panel, .post-panel {
margin-bottom: 14px !important;
background-color: #FFF;
border: none !important;
border-radius: 0px;
box-shadow: unset !important;
}
.replies-list, .replies-list p {
background: none repeat scroll 0% 0% transparent !important;
border: none !important;
text-shadow: unset !important;
}
.breadcrumb, .user-block {
background-color: transparent !important;
border: none !important;
margin-bottom: 0px !important;
}
}