/* phpBB3 Style Sheet
--------------------------------------------------------------
Style name: prosilver (the default phpBB 3.0.x style)
Based on style:
Original author: Tom Beddard ( http://www.subblue.com/ )
Modified by: phpBB Group ( https://www.phpbb.com/ )
--------------------------------------------------------------
*/
@font-face {
font-family: TertreExtraBold;
src: url('./styles/skutrforum2014/theme/font/tertre-xbol-webfont.eot');
src: url('./styles/skutrforum2014/theme/font/tertre-xbol-webfont.eot?#iefix') format('embedded-opentype'), url('./styles/skutrforum2014/theme/font/tertre-xbol-webfont.woff') format('woff'), url('./styles/skutrforum2014/theme/font/tertre-xbol-webfont.ttf') format('truetype'), url('./styles/skutrforum2014/theme/font/tertre-xbol-webfont.svg#tertreextra_bold') format('svg');
font-weight: normal;
font-style: normal;
}
.postbody.whois {
width: 100%;
}
.nod {
display: none !important;
}
div.wrapper {
clear: both;
}
.profile_sig .postbody {
width: 100%;
}
.profile_sig .signature {
border-top: none;
margin-top: 0;
}
/* PATICKA: copyright, tvurce webu */
div#footer {
background: #000;
margin: 0 auto 15px auto;
padding: 16px 0 14px 0;
width: 1200px;
}
/*
body.narrow div#footer {
width: 1000px;
}
*/
div#footer p {
border-right: 1px solid #868686;
color: #868686;
float: left;
font: 11px/normal sans-serif;
padding: 0 13px 0 0;
margin: 7px 0 0 13px;
}
div#footer p a {
text-decoration: underline;
}
div#footer p a:hover {
text-decoration: none;
}
div#footer p:nth-child(3) {
border-right: none;
}
div#footer a {
color: #868686;
}
div#footer a:hover {
text-decoration: none;
}
/* tvurce webu */
div#footer p.created-by {
border-right: none;
float: right;
height: 30px;
margin: 0 19px 0 0;
width: 104px;
}
/* odkaz nahoru */
p.top {
background: #B40000;
font: 0.75em/65px Tahoma;
height: 65px;
margin-bottom: 0;
position: absolute;
right: -65px;
text-align: center;
top: 50%;
width: 65px;
}
p.top a {
display: block;
height: 100%;
width: 100%;
}
p.top span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -1246px center no-repeat;
border-color: rgb(180,0,0);
border-style: solid;
border-width: 9px 7px 12px 8px;
border-radius: 50%;
box-shadow: 0 0 0 4px rgb(255,255,255);
height: 11px;
left: 16px;
top: 17px;
width: 17px;
}
p.top a:hover span.ico {
background: rgb(255,255,255) url('./styles/skutrforum2014/theme/images/icons-h.png') -1263px center no-repeat;
border-color: rgb(255,255,255);
border-width: 13px 11px 16px 12px;
box-shadow: none;
margin: -4px;
}
/* General Markup Styles
---------------------------------------- */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
height: 101%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #000;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
}
h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
color: #FFFFFF;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}
h2 {
/* Forum header titles */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #3f3f3f;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h2.solo {
margin-bottom: 1em;
}
h3 {
/* Sub-headers (also used as post headers, but defined later) */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #989898;
margin-top: 20px;
}
h4 {
/* Forum and topic list titles */
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
font-size: 1.3em;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 1.5em;
}
img {
border-width: 0;
}
hr {
/* Also see tweaks.css */
border: 0 none #FFFFFF;
border-top: 1px solid #CCCCCC;
height: 1px;
margin: 10px 0 9px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed #CCCCCC;
}
input + hr.dashed {
margin: 8px 0 10px 0;
}
hr.divider {
display: none;
}
p.right {
text-align: right;
}
/* Main blocks
---------------------------------------- */
#wrap {
width: 1200px;
margin: 0 auto;
position: relative;
}
body.narrow #wrap {
width: 1000px;
}
#simple-wrap {
padding: 6px 10px;
}
#page-body {
margin: 4px 0;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
#search-box #keywords {
width: 95px;
background-color: #FFF;
}
#search-box input {
border: 1px solid #b0b0b0;
}
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
padding: 1px 5px;
}
#search-box li {
text-align: right;
margin-top: 4px;
}
#search-box img {
vertical-align: middle;
margin-right: 3px;
}
/* Site description and logo */
#site-description {
float: left;
width: 70%;
}
#site-description h1 {
margin-right: 0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 5px;
padding: 0 5px;
}
.navbar {
background-color: #ebebeb;
padding: 0 10px;
}
.forabg {
background: #b1b1b1 none repeat-x 0 0;
margin-bottom: 5px;
padding: 15px 20px 10px 20px;
clear: both;
}
.forumbg {
background: #ebebeb none repeat-x 0 0;
margin-bottom: 5px;
padding: 15px 20px 10px 20px;
clear: both;
}
.section-search div.inner div.forumbg {
padding: 0;
}
.panel {
margin-bottom: 5px;
padding: 0 10px;
background-color: #f3f3f3;
color: #3f3f3f;
}
form#postform {
margin-bottom: -5px;
}
.post {
padding: 0 10px 0 10px;
margin-bottom: 5px;
}
.post:not(#preview) {
/*background-image: url("./styles/skutrforum2014/theme/images/separator.gif") !important;*/
background-position: 210px 0 !important;
background-repeat: repeat-y !important;
background-position: 100% 0;
}
.post#preview + .post {
background-image: none !important;
}
.post.pm {
background-image: url("./styles/skutrforum2014/theme/images/separator-bg3.gif") !important;
background-position: 210px 0 !important;
}
body.narrow .post {
background-position: 190px 0 !important;
}
div#preview.post.pm {
background-image: none !important;
padding: 0 15px 5px 15px;
}
div.topic-actions + .post,
div.topic-actions + div.clear + .post,
div.topic-actions + div.clear + a + .post,
div.topic-actions + div.clear + form {
margin-top: 10px;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #f7f7f7;}
.bg2 { background-color: #f2f2f2; }
.bg3 { background-color: #ebebeb; }
.bgw { background-color: #fff; padding: 10px 20px 10px 20px; margin-bottom: 5px; }
.rowbg {
margin: 5px 5px 2px 5px;
}
.ucprowbg {
background-color: #e2e2e2;
}
.fieldsbg {
/*border: 1px #DBDEE2 solid;*/
background-color: #eaeaea;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 0;
clear: both;
margin: 0;
}
span.corners-top {
height: 10px;
}
span.corners-bottom {
height: 10px;
}
div#topicreview div.post span.corners-top,
div#topicreview div.post span.corners-bottom {
height: 0;
}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0;
}
.bgw > .inner h3 + p + span.corners-bottom {
margin-bottom: -17px;
}
.bgw div.panel h3 + p + span.corners-bottom {
margin-bottom: 5px;
}
/* Horizontal lists
----------------------------------------*/
ul.linklist {
display: block;
margin: 0;
}
ul.linklist.search-results {
border-bottom: 1px solid #c0c0c0;
margin-bottom: -6px;
padding-bottom: 10px;
}
form + ul.linklist.search-results {
margin-top: 8px;
}
ul.linklist li {
display: block;
list-style-type: none;
float: left;
width: auto;
margin-right: 5px;
font-size: 1.1em;
}
ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;
}
div#page-footer ul.linklist li.rightside {
padding-top: 1px;
}
ul.navlinks {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
}
ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;
}
ul.rightside {
float: right;
margin-left: 5px;
margin-right: -5px;
text-align: right;
}
/* Table styles
----------------------------------------*/
table.table1 {
/* See tweaks.css */
}
#ucp-main table.table1 {
padding: 2px;
}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}
table.table1 thead th span {
padding-left: 7px;
}
table.table1 tbody tr {
border: 1px solid #cfcfcf;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #f6f6f6;
color: #000;
}
table.table1 td {
color: #6a6a6a;
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid #FAFAFA;
}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #333333;
background-color: #FFFFFF;
}
/* Specific column styles */
table.table1 .name { text-align: left; }
table.table1 .posts { text-align: center !important; width: 7%; }
table.table1 .joined { text-align: left; width: 15%; }
table.table1 .active { text-align: left; width: 15%; }
table.table1 .mark { text-align: center; width: 7%; }
table.table1 .info { text-align: left; width: 30%; }
table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }
table.table1 span.rank-img {
float: right;
width: auto;
}
table.table1 th span.rank-img {
padding-right: 30px;
}
table.table1 td span.rank-img + a {
display: inline-block !important;
padding-top: 15px !important;
}
table.table1 td span.rank-img img {
margin-top: -6px;
}
table.info td {
padding: 3px;
}
table.info tbody th {
padding: 3px;
text-align: right;
vertical-align: top;
color: #000000;
font-weight: normal;
}
.forumbg table.table1 {
margin: 0;
}
.forumbg-table > .inner {
margin: 0 -1px;
}
.forumbg-table > .inner > span.corners-top {
margin: 0 -4px -1px -4px;
}
.forumbg-table > .inner > span.corners-bottom {
margin: -1px -4px 0 -4px;
}
/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
Also see tweaks.css */
.column1 {
float: left;
clear: left;
width: 49%;
}
.column2 {
float: right;
clear: right;
width: 49%;
}
/* General classes for placing floating blocks */
.left-box {
float: left;
width: auto;
text-align: left;
}
.right-box {
float: right;
width: auto;
text-align: right;
}
dl.details {
/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size: 1.1em;
}
dl.details dt {
float: left;
clear: left;
width: 30%;
text-align: right;
color: #000000;
display: block;
}
dl.details dd {
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
color: #828282;
float: left;
width: 65%;
}
/* Pagination
---------------------------------------- */
.pagination {
height: 1%; /* IE tweak (holly hack) */
width: auto;
text-align: right;
margin-top: 8px;
float: right;
}
.pagination span.page-sep {
display: none;
}
li.pagination {
margin-top: 0;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong {
padding: 3px 5px;
margin: 0 2px;
font-weight: normal;
color: #FFFFFF;
background-color: #bfbfbf;
border: 1px solid #bfbfbf;
font-size: 0.9em;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #747474;
margin: 0 2px;
padding: 3px 5px;
background-color: #eeeeee;
border: 1px solid #bababa;
font-size: 0.9em;
/*line-height: 1.5em;*/
}
.pagination span a:hover {
border-color: #d2d2d2;
background-color: #d2d2d2;
color: #FFF;
text-decoration: none;
}
.pagination img {
vertical-align: middle;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: none 0 50% no-repeat;
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #d2d2d2;
}
/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
float: right;
width: auto;
padding-left: 5px;
margin-left: 5px;
margin-top: 10px;
text-align: right;
}
.copyright {
padding: 15px 10px 10px 10px;
text-align: center;
color: #555555;
}
.small {
font-size: 0.9em !important;
}
.titlespace {
margin-bottom: 15px;
}
.headerspace {
margin-top: -20px;
}
.error {
color: #bcbcbc;
font-weight: bold;
font-size: 1em;
}
.reported {
background-color: #f7f7f7;
}
li.reported:hover {
background-color: #ececec;
}
div.rules {
background-color: #ececec;
color: #bcbcbc;
padding: 0 10px;
margin: 10px 0;
font-size: 1.1em;
}
div.rules ul, div.rules ol {
margin-left: 20px;
}
p.rules {
background-color: #ececec;
background-image: none;
padding: 5px;
}
p.rules img {
vertical-align: middle;
padding-top: 5px;
}
p.rules a {
vertical-align: middle;
clear: both;
}
#top {
position: absolute;
top: -20px;
}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
.pm_reply-quote {
padding-left: 7px;
padding-top: 7px;
font-size: 11px;
}
/* GYM Sitemaps & RSS - www.phpbb-seo.com */
div.gymsublist {
display:block;
position:relative;
padding-left:10px;
padding-top:5px;
padding-bottom:10px;
padding-right:0;
margin:0;
}
div.gymsublist ul {
display:block;
position:relative;
height:1%;
padding-left:30px;
}
div.gymsublist ul li {
display:block;
position:relative;
line-height:18px;
font-size:11px;
}
/* GYM Sitemaps & RSS - www.phpbb-seo.com */
/* Link Styles
---------------------------------------- */
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a {
direction: ltr;
unicode-bidi: embed;
}
a:link { color: #898989; text-decoration: none; }
a:visited { color: #898989; text-decoration: none; }
a:hover { color: #d3d3d3; text-decoration: underline; }
a:active { color: #d2d2d2; text-decoration: none; }
a[name='start_here'] {
display: none;
}
/* Coloured usernames */
.username-coloured {
font-weight: bold;
display: inline !important;
padding: 0 !important;
}
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
text-decoration: none;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
text-decoration: none;
}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #ffffff;
text-decoration: underline;
}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #ffffff;
text-decoration: none;
}
/* Links for forum/topic lists */
a.forumtitle {
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #898989;
text-decoration: none;
}
/* a.forumtitle:visited { color: #898989; } */
a.forumtitle:hover {
color: #bcbcbc;
text-decoration: underline;
}
a.forumtitle:active {
color: #898989;
}
a.topictitle {
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #898989;
text-decoration: none;
}
/* a.topictitle:visited { color: #d2d2d2; } */
a.topictitle:hover {
color: #bcbcbc;
text-decoration: underline;
}
a.topictitle:active {
color: #898989;
}
/* Post body links */
.postlink {
text-decoration: none;
color: #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 0;
}
/* .postlink:visited { color: #bdbdbd; } */
.postlink:active {
color: #d2d2d2;
}
.postlink:hover {
background-color: #f6f6f6;
text-decoration: none;
color: #404040;
}
.signature a, .signature a:visited, .signature a:hover, .signature a:active {
border: none;
text-decoration: underline;
background-color: transparent;
}
/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
color: #898989;
text-decoration: none;
}
.postprofile a:hover, .postprofile dt.author a:hover {
text-decoration: underline;
color: #d3d3d3;
}
/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
.postprofile a:active {
font-weight: bold;
color: #898989;
text-decoration: none;
}
/* Profile searchresults */
.search .postprofile a {
color: #898989;
text-decoration: none;
font-weight: normal;
}
.search .postprofile a:hover {
color: #d3d3d3;
text-decoration: underline;
}
/* Back to top of page */
.back2top {
clear: both;
height: 11px;
text-align: right;
padding-top: 10px;
}
a.top {
background: none no-repeat top left;
text-decoration: none;
width: 11px;
height: 11px;
display: block;
float: right;
overflow: hidden;
letter-spacing: 1000px;
text-indent: 11px;
}
a.top2 {
background: none no-repeat 0 50%;
text-decoration: none;
padding-left: 15px;
}
/* Arrow links */
a.up { background: none no-repeat left center; }
a.down { background: none no-repeat right center; }
a.left { background: none no-repeat 3px 60%; }
a.right { background: none no-repeat 95% 60%; }
a.up, a.up:link, a.up:active, a.up:visited {
padding-left: 10px;
text-decoration: none;
border-bottom-width: 0;
}
a.up:hover {
background-position: left top;
background-color: transparent;
}
a.down, a.down:link, a.down:active, a.down:visited {
padding-right: 10px;
}
a.down:hover {
background-position: right bottom;
text-decoration: none;
}
a.left, a.left:active, a.left:visited {
padding-left: 12px;
}
a.left:hover {
color: #d2d2d2;
text-decoration: none;
background-position: 0 60%;
}
a.right, a.right:active, a.right:visited {
padding-right: 12px;
}
a.right:hover {
color: #d2d2d2;
text-decoration: none;
background-position: 100% 60%;
}
/* invisible skip link, used for accessibility */
.skiplink {
position: absolute;
left: -999px;
width: 990px;
}
/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
float: right;
margin: 3px;
}
/* Content Styles
---------------------------------------- */
ul.topiclist {
display: block;
list-style-type: none;
margin: 0;
}
ul.forums {
background: #f9f9f9 none repeat-x 0 0;
}
ul.topiclist li {
display: block;
list-style-type: none;
color: #777777;
margin: 0;
}
ul.topiclist dl {
position: relative;
}
ul.topiclist li.row dl {
padding: 5px 0;
}
ul.topiclist dt {
display: block;
float: left;
width: 50%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
}
ul.topiclist dd {
display: block;
float: left;
padding: 4px 0;
}
ul.topiclist dfn {
/* Labels for post/view counts */
position: absolute;
left: -999px;
width: 990px;
}
ul.topiclist li.row dt a.subforum {
background-image: none;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}
.forum-image {
float: left;
padding-top: 5px;
margin-right: 5px;
}
li.row {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #c0c0c0;
}
li.row strong {
font-weight: normal;
color: #000000;
}
li.row:hover {
background-color: #f6f6f6;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
li.header dl dt {
position: relative;
}
li.header dl dt, li.header dl dd.mark {
color: #000 ! important;
}
li.header dl.icon dt, li.header dl.icon dt a:hover {
color: #fff ! important;
}
li.header dl.icon {
background-color: #000;
margin-bottom: 1px;
border-bottom: 1px solid #fff;
box-shadow: 0 1px 0 #000;
}
li.header dt, li.header dd {
line-height: 36px;
border-left-width: 0;
padding-top: 2px;
padding-bottom: 2px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
li.header dd {
margin-left: 1px;
font-size: 1em;
}
li.header dl.icon {
min-height: 0;
}
li.header dl.icon dt {
/* Tweak for headers alignment when folder icon used */
margin-top: 9px;
padding-left: 53px;
font: 16px/normal TertreExtraBold, sans-serif;
font-weight: bold;
}
/**************/
span.ico_f {
background-color: #b40000;
height: 40px;
width: 40px;
display: block;
margin-bottom: -40px;
position: relative;
z-index: 100;
}
span.ico_f span {
background-image: url('./styles/skutrforum2014/theme/images/icons-h.png');
background-position: -257px center;
background-repeat: no-repeat;
height: 15px;
width: 15px;
display: block;
position: relative;
z-index: 100;
margin-left: 14px;
padding-top: 25px;
}
.newest span.ico_f span {
background-position: -142px center;
}
.chat-box span.ico_f span {
background-position: -1608px center;
margin-left: 8px;
width: 27px;
}
span.ico_f_h {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -1408px center no-repeat;
display: block;
width: 10px;
height: 40px;
margin-bottom: -40px;
margin-left: 40px;
position: relative;
z-index: 100;
}
/* Forum list column styles */
dl.icon {
min-height: 35px;
background-position: 12px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}
dl.icon dt {
padding-left: 53px; /* Space for folder icon */
background-repeat: no-repeat;
background-position: 7px 95%; /* Position of topic icon */
}
li:not(.header) dl.icon dt {
padding: 2px 6px 2px 53px;
}
dd.posts, dd.topics, dd.views {
width: 8%;
text-align: center;
line-height: 2.2em;
font-size: 1.2em;
}
/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
list-style-position: inside;
margin-left: 1em;
}
dl.icon dt li {
display: list-item;
list-style-type: inherit;
}
dd.lastpost {
width: 25%;
font-size: 1.1em;
}
dd.redirect {
font-size: 1.1em;
line-height: 2.5em;
}
dd.moderation {
font-size: 1.1em;
}
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display: block;
padding-left: 5px;
}
dd.time {
width: auto;
line-height: 200%;
font-size: 1.1em;
}
dd.extra {
width: 12%;
line-height: 200%;
text-align: center;
font-size: 1.1em;
}
dd.mark {
float: right !important;
width: 9%;
text-align: center;
line-height: 200%;
font-size: 1.2em;
}
dd.info {
width: 30%;
}
dd.option {
width: 15%;
line-height: 200%;
text-align: center;
font-size: 1.1em;
}
dd.searchby {
width: 47%;
font-size: 1.1em;
line-height: 1em;
}
ul.topiclist dd.searchextra {
margin-left: 5px;
padding: 0.2em 0;
font-size: 1.1em;
color: #333333;
border-left: none;
clear: both;
width: 98%;
overflow: hidden;
}
/* Container for post/reply buttons and pagination */
.topic-actions {
font-size: 1.1em;
height: 30px;
min-height: 30px;
}
div[class].topic-actions {
height: auto;
min-height: 1px;
}
form + div.topic-actions {
margin-top: 10px;
}
div.topic-actions.search-results {
margin-top: -10px;
border-top: 1px solid #c0c0c0;
}
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0 0 0 20px;
line-height: 1.48em;
color: #333333;
width: 899px;
float: right;
clear: both;
}
body.narrow .postbody {
width: 739px;
}
div#preview.post.pm .postbody {
width: 100%;
}
.pm .postbody {
width: 682px;
}
body.narrow .pm .postbody {
width: 540px;
}
.postbody .ignore {
font-size: 1.1em;
}
.postbody h3.first {
/* The first post on the page uses this */
font-size: 1.7em;
}
.postbody h3 {
/* Postbody requires a different h3 format - so change it here */
font-size: 1.5em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
line-height: 125%;
}
.postbody h3 img {
/* Also see tweaks.css */
vertical-align: bottom;
}
.postbody .content {
font-size: 1.3em;
}
/*
.search .postbody {
width: 68%
}
*/
/* Topic review panel
----------------------------------------*/
#review {
margin-top: 2em;
}
#topicreview {
padding-right: 5px;
overflow: auto;
overflow-y: scroll !important;
position: relative;
max-height: 300px;
}
h3 + #topicreview {
margin-top: 10px;
}
#topicreview .postbody {
width: auto;
float: none;
margin: 0;
height: auto;
padding: 5px 0 10px 0;
}
#topicreview .post {
height: auto;
background-image: none !important;
}
#topicreview .post:last-child {
margin-bottom: 0;
}
#topicreview h2 {
border-bottom-width: 0;
}
.post-ignore .postbody {
display: none;
}
/* MCP Post details
----------------------------------------*/
#post_details
{
/* This will only work in IE7+, plus the others */
overflow: auto;
max-height: 300px;
}
#expand
{
clear: both;
}
/* Content container styles
----------------------------------------*/
.content {
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #333333;
padding-bottom: 1px;
}
.content h2, .panel h2 {
font-weight: normal;
color: #989898;
border-bottom: 1px solid #CCCCCC;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.panel h3 {
margin: 0.5em 0;
}
.panel ul + h3 {
margin-top: 2em;
}
.panel p {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
.content p {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
dl.faq {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
}
dl.faq dt {
font-weight: bold;
color: #333333;
}
.content dl.faq {
font-size: 1.2em;
margin-bottom: 0.5em;
}
.content li {
list-style-type: inherit;
}
.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
}
.posthilit {
background-color: #f3f3f3;
color: #BCBCBC;
padding: 0 2px 1px 2px;
}
.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
border-left-color: #BCBCBC;
border-right-color: #BCBCBC;
}
/* Post author */
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.2em;
}
/* Post signature */
.signature {
margin-top: 1.5em;
padding-top: 0.2em;
font-size: 1.1em;
border-top: 1px solid #CCCCCC;
clear: left;
float: left;
line-height: 140%;
overflow: hidden;
width: 100%;
}
dd .signature {
margin: 0;
padding: 0;
clear: none;
border: none;
}
.signature li {
list-style-type: inherit;
}
.signature ul, .signature ol {
margin-bottom: 1em;
margin-left: 3em;
}
/* Post noticies */
.notice {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: auto;
margin-top: 1.5em;
padding: 0.2em 0 0.2e, 0;
font-size: 1em;
border: 1px dashed #CCCCCC;
clear: left;
line-height: 130%;
}
.notice + .notice {
margin-top: -1px;
}
/* Jump to post link for now */
ul.searchresults {
list-style: none;
text-align: right;
clear: both;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background: #ebebeb none 6px 8px no-repeat;
border: 1px solid #dbdbdb;
font-size: 0.95em;
margin: 0.5em 0 0 0;
overflow: hidden;
padding: 5px;
}
blockquote blockquote {
/* Nested quotes */
background-color: #bababa;
font-size: 1em;
margin: 0.5em 5px 0 15px;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #e4e4e4;
}
blockquote cite {
/* Username/source of quoter */
font-style: normal;
font-weight: bold;
margin-left: 20px;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}
/* Code block */
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
/* Also see tweaks.css */
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
line-height: 1.3em;
color: #8b8b8b;
margin: 2px 0;
}
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #000000; }
.syntaxdefault { color: #bcbcbc; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #585858; }
.syntaxstring { color: #a7a7a7; }
/* Attachments
----------------------------------------*/
.attachbox {
float: left;
width: 887px;
margin: 15px 5px 5px 0;
padding: 5px;
background-color: #FFFFFF;
border: 1px dashed #d8d8d8;
clear: left;
font-size: 1.1em;
}
body.narrow .attachbox {
width: 727px;
}
.pm-message .attachbox {
background-color: #f3f3f3;
width: auto;
}
.attachbox dt {
text-transform: uppercase;
}
.attachbox dd {
margin-top: 4px;
padding-top: 4px;
clear: left;
border-top: 1px solid #d8d8d8;
}
.attachbox dd dd {
border: none;
}
.attachbox p {
line-height: 110%;
color: #666666;
font-weight: normal;
clear: left;
}
.attachbox p.stats
{
line-height: 110%;
color: #666666;
font-weight: normal;
clear: left;
}
.attach-image {
margin: 0;
width: 100%;
max-height: 350px;
overflow: auto;
}
.attach-image img {
/*border: 1px solid #999999;*/
/* cursor: move; */
cursor: default;
}
/* Inline image thumbnails */
div.inline-attachment {
}
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
margin-bottom: 5px;
font-size: 0.875em;
padding: 5px;
border: 1px dashed #c0c0c0;
background: #ffffff;
}
#topicreview div.content div.inline-attachment:last-child {
margin-bottom: -5px;
}
div.inline-attachment dl.thumbnail img {
display: block;
}
div.inline-attachment p {
font-size: 100%;
}
dl.file {
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
dl.file dt {
text-transform: none;
margin: 0;
padding: 0 0 5px 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
dl.file dd {
color: #666666;
margin: 0;
padding: 0;
}
/*
dl.thumbnail img {
padding: 3px;
border: 1px solid #666666;
background-color: #FFF;
}
*/
dl.thumbnail dd {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.attachbox dl.thumbnail dd {
font-size: 100%;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
/*
dl.thumbnail dt a:hover img {
border: 1px solid #d2d2d2;
}
*/
/* Post poll styles
----------------------------------------*/
fieldset.polls {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}
fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #e2e2e2;
padding: 5px 0 0 0;
line-height: 120%;
color: #666666;
}
fieldset.polls dl.voted {
font-weight: bold;
color: #000000;
}
fieldset.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}
fieldset.polls dd {
float: left;
width: 10%;
border-left: none;
padding: 0 5px;
margin-left: 0;
font-size: 1.1em;
}
fieldset.polls dd.resultbar {
width: 50%;
}
fieldset.polls dd input {
margin: 2px 0;
}
fieldset.polls dd div {
text-align: right;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding: 0 2px;
overflow: visible;
min-width: 2%;
}
.pollbar1 {
background-color: #aaaaaa;
border-bottom: 1px solid #747474;
border-right: 1px solid #747474;
}
.pollbar2 {
background-color: #bebebe;
border-bottom: 1px solid #8c8c8c;
border-right: 1px solid #8c8c8c;
}
.pollbar3 {
background-color: #D1D1D1;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}
.pollbar4 {
background-color: #e4e4e4;
border-bottom: 1px solid #bebebe;
border-right: 1px solid #bebebe;
}
.pollbar5 {
background-color: #f8f8f8;
border-bottom: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 0;
color: #666666;
width: 220px;
float: left;
display: inline;
}
body.narrow .postprofile {
width: 180px
}
.pm .postprofile {
width: 200px;
}
body.narrow .pm .postprofile {
width: 180px
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
padding: 3px 15px 0 0;
}
.postprofile dt {
padding-top: 0;
}
.postprofile dt .avatar {
border: 0 !important;
margin: 0 !important;
}
.postprofile dd.rank img {
margin-top: -10px;
margin-bottom: -10px;
}
.postprofile strong {
font-weight: normal;
color: #000000;
}
.avatar {
border: none;
margin-bottom: 3px;
}
.online {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
}
.postprofile dd.user-reputation {
border-top: 1px solid #ffffff;
margin-left: -10px;
padding-left: 10px;
padding-top: 7px;
}
.pm .postprofile dd.user-reputation {
border-color: #eeeeee;
}
/* Poster profile used by search*/
/*
.search .postprofile {
width: 30%;
}
*/
/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
width: 60% !important;
}
dl.pmlist dt textarea {
width: 95%;
}
dl.pmlist dd {
margin-left: 61% !important;
margin-bottom: 2px;
}
/* Button Styles
---------------------------------------- */
/* Rollover buttons
Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
float: left;
width: auto;
height: auto;
}
/* Rollover state */
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}
/* Rolloff state */
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
position: relative;
overflow: hidden;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span { display: none; }*/
/*.buttons div a:hover { background-image: none; }*/
.buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span { background-position: 0 100%; }
/* Big button images */
.reply-icon span { background: transparent none 0 0 no-repeat; }
.post-icon span { background: transparent none 0 0 no-repeat; }
.locked-icon span { background: transparent none 0 0 no-repeat; }
.pmreply-icon span { background: none 0 0 no-repeat; }
.newpm-icon span { background: none 0 0 no-repeat; }
.forwardpm-icon span { background: none 0 0 no-repeat; }
.reply-all-icon span { background: none 0 0 no-repeat; }
/* Set big button dimensions */
.buttons div.reply-icon { width: 106px; height: 30px; }
.buttons div.post-icon { width: 106px; height: 30px; }
.buttons div.locked-icon { width: 98px; height: 30px; }
.buttons div.pmreply-icon { width: 106px; height: 30px; }
.buttons div.pmreply-all-icon { width: 146px; height: 30px; }
.buttons div.newpm-icon { width: 90px; height: 30px; }
.buttons div.forwardpm-icon { width: 96px; height: 30px; }
/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize, a.pdf {
display: block;
overflow: hidden;
height: 16px;
text-indent: -5000px;
text-align: left;
background-repeat: no-repeat;
margin: 0 0 0 10px;
}
a.print {
background-image: none;
width: 18px;
}
a.print:hover {
background-position: 0 -16px;
text-decoration: none;
}
a.sendemail {
background-image: none;
width: 16px;
}
a.sendemail:hover {
background-position: 0 -16px;
text-decoration: none;
}
a.fontsize {
background-image: none;
background-position: 0 0;
height: 13px;
width: 24px;
}
a.fontsize:hover {
background-position: 0 -13px;
text-decoration: none;
}
a.pdf {
background-image: none;
width: 16px;
}
a.pdf:hover {
background-position: 0 -16px;
text-decoration: none;
}
/* Icon images
---------------------------------------- */
.sitehome a:first-child, .icon-faq a, .icon-rules a, .icon-members a, .icon-home a:first-child, .icon-ucp a:first-child, .icon-register a, .icon-logout a,
.icon-bookmark a, .icon-bump a, .icon-subscribe a, .icon-unsubscribe a, .icon-pages a, .icon-search a, .icon-chat a {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 21px;
margin: 0 0 0 10px;
min-height: 15px;
display: inline-block;
}
.icon-home a:first-child, .icon-ucp a:first-child {
margin-left: 0;
}
/* Poster profile icons
----------------------------------------*/
dl.postprofile dd.tools {
border-top: 1px solid #ffffff;
margin: 9px 0 0 -10px;
padding-left: 10px;
padding-top: 0;
}
.pm dl.postprofile dd.tools {
border-color: #eeeeee;
}
ul.profile-icons {
padding-top: 10px;
list-style: none;
}
dl.postprofile ul.profile-icons {
float: left;
padding: 8px 0 0 0;
margin-bottom: -23px;
width: 100%;
}
/* Rollover state */
ul.profile-icons li {
float: left;
margin: 0 6px 3px 0;
background-position: 0 100%;
}
dl.postprofile ul.profile-icons li {
margin: 0 10px 0 0;
}
/* Rolloff state */
ul.profile-icons li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }
/* Positioning of moderator icons */
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
}
.postbody ul.profile-icons li {
margin: 0 3px;
}
/* Profile & navigation icons */
.email-icon, .email-icon a { background: none top left no-repeat; }
.aim-icon, .aim-icon a { background: none top left no-repeat; }
.yahoo-icon, .yahoo-icon a { background: none top left no-repeat; }
.web-icon, .web-icon a { background: none top left no-repeat; }
.msnm-icon, .msnm-icon a { background: none top left no-repeat; }
.icq-icon, .icq-icon a { background: none top left no-repeat; }
.jabber-icon, .jabber-icon a { background: none top left no-repeat; }
.pm-icon, .pm-icon a { background: none top left no-repeat; }
.quote-icon, .quote-icon a { background: none top left no-repeat; }
/* Share On 2.1.1 */
.facebook-icon, .facebook-icon a { background: none top left no-repeat; }
.twitter-icon, .twitter-icon a { background: none top left no-repeat; }
.tuenti-icon, .tuenti-icon a { background: none top left no-repeat; }
.sonico-icon, .sonico-icon a { background: none top left no-repeat; }
.friendfeed-icon, .friendfeed-icon a { background: none top left no-repeat; }
.orkut-icon, .orkut-icon a { background: none top left no-repeat; }
.digg-icon, .digg-icon a { background: none top left no-repeat; }
.reddit-icon, .reddit-icon a { background: none top left no-repeat; }
.delicious-icon, .delicious-icon a { background: none top left no-repeat; }
.technorati-icon, .technorati-icon a { background: none top left no-repeat; }
.tumblr-icon, .tumblr-icon a { background: none top left no-repeat; }
.google-icon, .google-icon a { background: none top left no-repeat; }
/* Share On 2.1.1 */
/* Moderator icons */
.report-icon, .report-icon a { background: none top left no-repeat; }
.warn-icon, .warn-icon a { background: none top left no-repeat; }
.edit-icon, .edit-icon a { background: none top left no-repeat; }
.qe-icon, .qe-icon a { background: none top left no-repeat; }
.delete-icon, .delete-icon a { background: none top left no-repeat; }
.info-icon, .info-icon a { background: none top left no-repeat; }
/* Set profile icon dimensions */
ul.profile-icons li.email-icon { width: 16px; height: 16px; }
ul.profile-icons li.aim-icon { width: 16px; height: 16px; }
ul.profile-icons li.yahoo-icon { width: 22px; height: 16px; }
ul.profile-icons li.web-icon { width: 16px; height: 16px; }
ul.profile-icons li.msnm-icon { width: 16px; height: 16px; }
ul.profile-icons li.icq-icon { width: 15px; height: 16px; }
ul.profile-icons li.jabber-icon { width: 16px; height: 16px; }
ul.profile-icons li.pm-icon { width: 28px; height: 16px; }
ul.profile-icons li.quote-icon { width: 57px; height: 23px; }
/* Share On 2.1.1 */
ul.profile-icons li.facebook-icon, ul.profile-icons li.twitter-icon, ul.profile-icons li.tuenti-icon, ul.profile-icons li.sonico-icon,
ul.profile-icons li.friendfeed-icon, ul.profile-icons li.orkut-icon, ul.profile-icons li.digg-icon, ul.profile-icons li.reddit-icon,
ul.profile-icons li.delicious-icon, ul.profile-icons li.technorati-icon, ul.profile-icons li.tumblr-icon, ul.profile-icons li.google-icon {
margin-top: 3px;
}
ul.profile-icons li.facebook-icon { width: 20px; height: 20px; }
ul.profile-icons li.twitter-icon { width: 20px; height: 20px; }
ul.profile-icons li.tuenti-icon { width: 20px; height: 20px; }
ul.profile-icons li.sonico-icon { width: 20px; height: 20px; }
ul.profile-icons li.friendfeed-icon { width: 20px; height: 20px; }
ul.profile-icons li.orkut-icon { width: 20px; height: 20px; }
ul.profile-icons li.digg-icon { width: 20px; height: 20px; }
ul.profile-icons li.reddit-icon { width: 20px; height: 20px; }
ul.profile-icons li.delicious-icon { width: 20px; height: 20px; }
ul.profile-icons li.technorati-icon { width: 20px; height: 20px; }
ul.profile-icons li.tumblr-icon { width: 20px; height: 20px; }
ul.profile-icons li.google-icon { width: 20px; height: 20px; border-right: 1px solid #c0c0c0; padding-right: 10px; margin-right: 9px; }
/* Share On 2.1.1 */
ul.profile-icons li.report-icon { width: 22px; height: 23px; }
ul.profile-icons li.edit-icon { width: 60px; height: 23px; }
ul.profile-icons li.qe-icon { width: 93px; height: 23px; }
ul.profile-icons li.delete-icon { width: 20px; height: 23px; }
ul.profile-icons li.info-icon { width: 22px; height: 23px; }
ul.profile-icons li.warn-icon { width: 22px; height: 23px; }
/* Fix profile icon default margins */
ul.profile-icons li.edit-icon { margin: 0 0 0 3px; }
ul.profile-icons li.qe-icon { margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon { margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin: 0 3px 0 0; }
/* Control Panel Styles
---------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-menu {
float:left;
width: 19%;
margin-top: 1em;
margin-bottom: 5px;
}
#cp-main {
float: left;
width: 81%;
}
#cp-main .content {
padding: 0;
}
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #bfbfbf;
}
#cp-main .panel p {
font-size: 1.1em;
}
#cp-main .panel ul.linklist + p {
clear: both;
float: left;
margin-top: 15px;
width: 100%;
}
#cp-main .panel ol {
margin-left: 2em;
font-size: 1.1em;
}
#cp-main .panel li.row {
border-bottom: 1px solid #cbcbcb;
border-top: 1px solid #F9F9F9;
}
ul.cplist {
margin-bottom: 5px;
border-top: 1px solid #cbcbcb;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
margin-bottom: 2px;
}
#cp-main table.table1 {
margin-bottom: 1em;
}
#cp-main .panel table.table1 {
margin-bottom: 0;
}
#cp-main table.table1 thead th {
color: #333333;
font-weight: bold;
border-bottom: 1px solid #333333;
padding: 5px;
}
#cp-main table.table1 tbody th {
font-style: italic;
background-color: transparent !important;
border-bottom: none;
}
#cp-main .pagination {
float: right;
width: auto;
padding-top: 2px;
}
#cp-main .postbody p {
font-size: 1.1em;
}
#cp-main .pm-message {
border: 1px solid #e2e2e2;
margin: 10px 0;
background-color: #FFFFFF;
width: auto;
float: none;
}
.pm-message h2 {
padding-bottom: 5px;
}
#cp-main .postbody h3, #cp-main .box2 h3 {
margin-top: 0;
}
#cp-main .buttons {
margin-left: 0;
}
#cp-main ul.linklist {
margin: 0;
}
/* MCP Specific tweaks */
.mcp-main .postbody {
width: 100%;
}
.tabs-container h2 {
float: left;
margin-bottom: 0px;
}
.tabs-container #minitabs {
float: right;
margin-top: 12px;
}
.tabs-container:after {
display: block;
clear: both;
content: '';
}
/* CP tabbed menu
----------------------------------------*/
#tabs {
line-height: normal;
margin: 20px 0 -1px 7px;
min-width: 570px;
}
#tabs ul {
margin:0;
padding: 0;
list-style: none;
}
#tabs li {
display: inline;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#tabs a {
float: left;
background: none no-repeat 0% -35px;
margin: 0 1px 0 0;
padding: 0 0 0 5px;
text-decoration: none;
position: relative;
cursor: pointer;
}
#tabs a span {
float: left;
display: block;
background: none no-repeat 100% -35px;
padding: 6px 10px 6px 5px;
color: #828282;
white-space: nowrap;
}
#tabs a:hover span {
color: #bcbcbc;
}
#tabs .activetab a {
background-color: #F0F0F0;
border-bottom: 1px solid #ebebeb;
}
#tabs .activetab a span {
background-color: #F0F0F0;
padding-bottom: 7px;
color: #333333;
}
#tabs a:hover {
background-position: 0 -70px;
}
#tabs a:hover span {
background-position:100% -70px;
}
#tabs .activetab a:hover {
background-position: 0 0;
}
#tabs .activetab a:hover span {
color: #000000;
background-position: 100% 0;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
line-height: normal;
margin: -20px 7px 0 0;
}
#minitabs ul {
margin:0;
padding: 0;
list-style: none;
}
#minitabs li {
display: block;
float: right;
padding: 0 10px 10px 10px;
font-size: 1em;
font-weight: bold;
background-color: #f2f2f2;
margin-left: 2px;
}
#minitabs a {
}
#minitabs a:hover {
text-decoration: none;
}
#minitabs li.activetab {
background-color: #F9F9F9;
}
#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
width: 95%;
padding-top: 33px;
}
#navigation ul {
list-style:none;
}
/* Default list state */
#navigation li {
margin: 1px 0;
padding: 0;
font-weight: bold;
display: inline;
}
/* Link styles for the sub-section links */
#navigation a {
display: block;
padding: 5px;
margin: 1px 0;
text-decoration: none;
font-weight: bold;
color: #333;
background: #cfcfcf none repeat-y 100% 0;
}
#navigation a:hover {
text-decoration: none;
background-color: #c6c6c6;
color: #bcbcbc;
background-image: none;
}
#navigation #active-subsection a {
display: block;
color: #d3d3d3;
background-color: #F9F9F9;
background-image: none;
}
#navigation #active-subsection a:hover {
color: #d3d3d3;
}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
border-bottom: none;
padding: 0;
margin-left: 10px;
color: #333333;
}
#cp-main .panel {
background-color: #F9F9F9;
}
#cp-main .pm {
background-color: #FFFFFF;
}
#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: none;
}
#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: none;
}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: none;
}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: none;
}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: none;
}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: none;
}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: none;
}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: none;
}
/* Friends list */
.cp-mini {
background-color: #f9f9f9;
padding: 0 5px;
margin: 10px 15px 10px 5px;
}
.cp-mini span.corners-top, .cp-mini span.corners-bottom {
margin: 0 -5px;
}
dl.mini dt {
font-weight: bold;
color: #676767;
}
dl.mini dd {
padding-top: 4px;
}
.friend-online {
font-weight: bold;
}
.friend-offline {
font-style: italic;
}
/* PM Styles
----------------------------------------*/
#pm-menu {
line-height: 2.5em;
}
/* PM panel adjustments */
.reply-all a.left {
background-position: 3px 60%;
}
.reply-all a.left:hover {
background-position: 0px 60%;
}
.reply-all {
font-size: 11px;
padding-top: 5px;
}
/* PM Message history */
.current {
color: #999999;
}
/* Defined rules list for PM options */
ol.def-rules {
padding-left: 0;
}
ol.def-rules li {
line-height: 180%;
padding: 1px;
}
/* PM marking colours */
.pmlist li.bg1 {
padding: 0 3px;
}
.pmlist li.bg2 {
padding: 0 3px;
}
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #bcbcbc;
border-right-color: #bcbcbc;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
padding: 0;
border: solid 3px #ffffff;
border-width: 0 3px;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
padding: 0;
border: solid 3px #c2c2c2;
border-width: 0 3px;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
padding: 0;
border: solid 3px #bdbdbd;
border-width: 0 3px;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
padding: 0;
border: solid 3px #000000;
border-width: 0 3px;
}
.pm-legend {
border-left-width: 10px;
border-left-style: solid;
border-right-width: 0;
margin-bottom: 3px;
padding-left: 3px;
}
/* Avatar gallery */
#gallery label {
position: relative;
float: left;
margin: 10px;
padding: 5px;
width: auto;
background: #FFFFFF;
border: 1px solid #CCC;
text-align: center;
}
#gallery label:hover {
background-color: #EEE;
}
/* Form Styles
---------------------------------------- */
/* General form styles
----------------------------------------*/
form#jumpbox + form {
margin-top: 5px;
}
fieldset {
border-width: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
outline: none !important;
}
input[type='file'] {
padding: 2px;
}
select {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #666666;
padding: 1px;
background-color: #FAFAFA;
font-size: 1em;
}
option {
padding-right: 1em;
}
option.disabled-option {
color: graytext;
}
textarea {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: 60%;
padding: 2px;
font-size: 1em;
line-height: 1.4em;
}
label {
cursor: default;
padding-right: 5px;
color: #676767;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
padding: 4px 0;
}
fieldset dt {
float: left;
width: 40%;
text-align: left;
display: block;
}
fieldset dd {
margin-left: 41%;
/* vertical-align: top;*/
margin-bottom: 3px;
}
/* Specific layout 1 */
fieldset.fields1 dt {
width: 25em;
border-right-width: 0;
}
fieldset.fields1 dd {
margin-left: 25em;
border-left-width: 0;
}
fieldset.fields1 {
background-color: transparent;
}
fieldset.fields1 div {
margin-bottom: 3px;
}
/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div {
margin-bottom: 0;
}
/* Specific layout 2 */
fieldset.fields2 dt {
width: 24em;
border-right-width: 0;
margin-right: 20px;
}
fieldset.fields2 dd {
margin-left: 24em;
border-left-width: 0;
padding-left: 20px;
}
form#register fieldset.fields2 dt {
width: 26em;
}
form#register fieldset.fields2 dd {
margin-left: 26em;
}
/* Form elements */
dt label {
font-weight: bold;
text-align: left;
}
dd label {
white-space: nowrap;
color: #333;
}
dd input, dd textarea {
margin-right: 3px;
}
dd select {
width: auto;
}
dd textarea {
width: 85%;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
#timezone {
width: 95%;
}
* html #timezone {
width: 50%;
}
/* Quick-login on index page */
fieldset.quick-login {
margin-top: 5px;
}
fieldset.quick-login input {
width: auto;
}
fieldset.quick-login input.inputbox {
width: 15%;
vertical-align: middle;
margin-right: 5px;
background-color: #f3f3f3;
}
fieldset.quick-login label {
white-space: nowrap;
padding-right: 2px;
}
/* Display options on viewtopic/viewforum pages */
fieldset.display-options {
text-align: center;
margin: 3px 0 5px 0;
}
noscript + form + form fieldset.display-options {
margin-top: 18px;
}
div.post + hr.divider + form fieldset.display-options {
margin-top: 13px;
}
fieldset.display-options label {
white-space: nowrap;
padding: 0 0 0 25px;
top: 0;
}
fieldset.display-options > a:first-child + label,
fieldset.display-options > label:first-child {
padding-left: 0;
}
fieldset.display-options label select,
fieldset.display-options label + select {
margin-top: -3px;
margin-left: 5px;
}
fieldset.display-options select#sd {
margin-left: -25px;
}
fieldset.display-options label + label > select#st {
margin-left: -20px;
}
fieldset.display-options label select#st {
margin-left: 5px;
}
fieldset#display-panel dl select#st {
margin-right: 25px;
}
fieldset.display-options input.button2 {
margin-top: -3px;
}
div#cp-main fieldset.display-options input.button2 {
margin-top: 1px;
}
fieldset.display-options a {
margin-top: 2px;
}
div#cp-main fieldset.display-options a {
margin-top: 6px;
}
/* Display actions for ucp and mcp pages */
fieldset.display-actions {
text-align: right;
/*line-height: 3em;*/
white-space: nowrap;
padding-right: 1em;
margin-bottom: 10px;
}
fieldset.display-actions input + div {
margin-top: 10px;
}
form#results table.table1 + fieldset.display-actions {
/*line-height: 1;*/
}
form#results table.table1 + fieldset.display-actions input.button2 {
margin: 15px 0 10px 0;
}
fieldset.display-actions label {
white-space: nowrap;
padding-right: 2px;
}
fieldset.sort-options {
line-height: 2em;
}
/* MCP forum selection*/
fieldset.forum-selection {
margin: 0 0 3px 0;
float: right;
}
fieldset.forum-selection2 {
margin: 8px 0 3px 0;
float: right;
}
/* Jumpbox */
fieldset.jumpbox {
text-align: right;
margin-top: 15px;
/*height: 2.5em;*/
}
span.corners-top + form > fieldset.jumpbox {
margin-top: 0;
}
span.corners-top + p.spacer {
margin-top: -15px;
}
fieldset.quickmod {
width: 50%;
float: right;
text-align: right;
/*height: 2.5em;*/
}
/* Submit button fieldset */
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0 5px 0;
}
div.content fieldset.submit-buttons {
margin-bottom: 4px;
}
fieldset.submit-buttons input {
vertical-align: middle;
}
/* Posting page styles
----------------------------------------*/
/* Buttons used in the editor */
#format-buttons {
margin: 15px 0 2px 0;
}
#format-buttons input, #format-buttons select {
vertical-align: middle;
}
/* Main message box */
#message-box {
width: 80%;
}
#message-box textarea {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
width: 450px;
height: 270px;
min-width: 100%;
max-width: 100%;
font-size: 1.2em;
color: #333333;
}
/* Emoticons panel */
#smiley-box {
width: 18%;
float: right;
}
#smiley-box img {
margin: 3px;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border: 1px solid #c0c0c0;
color: #333333;
padding: 2px;
cursor: text;
}
textarea.inputbox {
resize: vertical;
}
.inputbox:hover {
border: 1px solid #eaeaea;
}
.inputbox:focus {
border: 1px solid #eaeaea;
color: #4b4b4b;
}
input.inputbox { width: 85%; }
input.medium { width: 50%; }
input.narrow { width: 25%; }
input.tiny { width: 125px; }
textarea.inputbox {
width: 85%;
}
.autowidth {
width: auto !important;
}
/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
font-size: 1em;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
width: auto !important;
padding-top: 1px;
padding-bottom: 1px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #FAFAFA none repeat-x top left;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
input.button3 {
padding: 0;
margin: 0;
line-height: 5px;
height: 12px;
background-image: none;
font-variant: small-caps;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border: 1px solid #666666;
}
/* button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
text-decoration: none;
color: #000000;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border: 1px solid #BCBCBC;
background-position: 0 100%;
color: #BCBCBC;
}
input.disabled {
font-weight: normal;
color: #666666;
}
/* Topic and forum Search */
.search-box {
margin-top: 3px;
margin-left: 5px;
float: left;
}
.search-box input {
}
input.search {
background-image: none;
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
input.full { width: 95%; }
input.medium { width: 50%;}
input.narrow { width: 25%;}
input.tiny { width: 10%;}
/* Style Sheet Tweaks
These style definitions are mainly IE specific
tweaks required due to its poor CSS support.
-------------------------------------------------*/
* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("./styles/skutrforum2014/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./styles/skutrforum2014/theme/images/corners_right.gif"); }
table.table1 {
width: 99%; /* IE < 6 browsers */
/* Tantek hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 100%;
}
html>body table.table1 { width: 100%; } /* Reset 100% for opera */
* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }
/* Form styles */
html>body dd label input { vertical-align: text-bottom; } /* Align checkboxes/radio buttons nicely */
* html input.button1, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }
/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
From http://www.positioniseverything.net/easyclearing.html
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}*/
.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
height: 1%;
overflow: hidden;
}
/* viewtopic fix */
* html .post {
height: 25%;
overflow: hidden;
}
/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
height: 4%;
overflow: hidden;
}
/* Simple fix so forum and topic lists always have a min-height set, even in IE6
From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
min-height: 35px;
height: auto !important;
height: 35px;
}
* html li.row dl.icon dt {
height: 35px;
overflow: visible;
}
* html #search-box {
width: 25%;
}
/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
margin-left: 30%;
float: none;
}
* html dl.details dd {
margin-left: 30%;
float: none;
}
/* Headerbar height fix for IE7 and below */
* html #site-description p {
margin-bottom: 1.0em;
}
*:first-child+html #site-description p {
margin-bottom: 1.0em;
}
/* #minitabs fix for IE */
.tabs-container {
zoom: 1;
}
#minitabs {
white-space: nowrap;
*min-width: 50%;
}
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #4C4C4C; /*#536482*/
background-color: #000;
background-image: url('./styles/skutrforum2014/theme/images/html.jpg');
}
h1 {
color: #FFFFFF;
}
h2 {
color: #303030;
margin: 0 0 1em 0;
}
h3 {
border-bottom-color: #c0c0c0;
color: #303030;
}
span.corners-top + h3 {
margin-top: 0;
}
hr {
border-color: #FFFFFF;
border-top-color: #c0c0c0;
}
hr.dashed {
border-top-color: #c0c0c0;
}
.forumbg.similar-topics + .bgw span.corners-top + p:empty {
margin-top: -16px;
}
p.group-rank {
margin-bottom: 0;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
}
#search-box #keywords {
background-color: #FFF;
}
#search-box input {
border-color: #0075B0;
}
.search-box.search-results input {
width: 10rem;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #12A3EB;
background-image: url("./styles/skutrforum2014/theme/images/bg_header.gif");
color: #FFFFFF;
}
.navbar {
background-color: #cadceb;
}
.forabg, .forumbg {
background-color: #ffffff;
}
.panel {
background-color: #f3f3f3;
color: #303030;
}
div#message.panel,
form#confirm .panel:last-child,
form#login .panel:last-child,
form#agreement .panel:last-child,
form#register .panel:last-child {
margin-bottom: 0;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #ececec; }
.bg2 { background-color: #f3f3f3; }
.bg3 { background-color: #eeeeee; }
.bgw { background-color: #ffffff; }
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-bottom-color: #c0c0c0;
margin-bottom: 7px;
padding-bottom: 7px;
}
ul.quicklinks {
border-top: 1px solid #c0c0c0;
margin-top: -10px;
padding-top: 7px;
}
/* Table styles
----------------------------------------*/
table.table1 {
border-spacing: 0;
}
table.table1 thead {
background-color: #000;
}
table.table1 thead th {
color: #FFFFFF;
padding: 10px 5px;
}
table.table1 tbody tr {
border-color: #c0c0c0;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #F6F4D0;
color: #000;
}
table.table1 td {
color: #505050;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #505050;
}
.sep {
color: #1198D9;
}
/* Pagination
---------------------------------------- */
.search-box:not(.search-results) + .pagination {
margin-top: 6px;
}
.pagination span strong {
background-color: #b40000;
border: 1px solid #b40000;
border-radius: 10px;
color: #ffffff;
display: inline-block;
min-width: 14px;
text-align: center;
}
.pagination span a, .pagination span a:link, .pagination span a:visited {
background-color: #ffffff;
border: 1px solid #a7a7a7;
border-radius: 10px;
color: #B40000;
display: inline-block;
min-width: 14px;
text-align: center;
}
.pagination span a:hover {
background-color: #b40000;
border-color: #b40000;
color: #ffffff;
}
.pagination span a:active {
color: #ffffff;
background-color: #b40000;
border-color: #b40000;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
background-image: url("./styles/skutrforum2014/theme/images/icon_pages.gif");
margin-top: -7px;
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #B40000;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #555555;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #f3f3f3;
color: #b40000;
border: 1px solid #dddddd;
border-radius: 5px;
margin-bottom: 20px;
}
div.rules.board-disabled {
margin: 0;
border-radius: 0;
}
div.rules span.corners-top + strong {
font-size: 1.35em;
padding: 0 0 10px 0;
display: inline-block;
}
p.rules {
background-color: #ECD5D8;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a:link {
color: #B40000;
}
a:visited {
color: #B40000;
}
a:hover {
color: #D31141;
}
a:active {
color: #B40000;
}
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #b40000;
}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #b40000;
}
/* Links for forum/topic lists */
a.forumtitle {
color: #B40000;
font: 1.5em/normal TertreExtraBold, sans-serif;
display: inline-block;
margin-bottom: 2px;
}
form#ucp a.forumtitle {
font: bold 1.2em/normal "Trebuchet MS", Helvetica, Arial, Sans-serif;
}
/* a.forumtitle:visited { color: #105289; } */
a.forumtitle:hover {
color: #BC2A4D;
}
a.forumtitle:active {
color: #B40000;
}
a.topictitle {
color: #B40000;
}
/* a.topictitle:visited { color: #368AD2; } */
a.topictitle:hover {
color: #BC2A4D;
}
a.topictitle:active {
color: #B40000;
}
/* Post body links */
.postlink, .postlink:visited, .postlink:active {
color: #B40000;
border: none;
text-decoration: underline !important;
}
.postlink:hover {
background: none;
border: none;
color: #000000;
}
.signature a, .signature a:visited, .signature a:hover, .signature a:active {
background-color: transparent;
}
/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
color: #B40000;
}
.postprofile dt a:not(.avatar) {
display: inline-block !important;
font-size: 1.25em;
padding-top: 10px !important;
}
.postprofile a:hover, .postprofile dt.author a:hover {
color: #D31141;
}
.postprofile a:active {
color: #B40000;
}
/* Profile searchresults */
.search .postprofile a {
color: #B40000;
}
.search .postprofile a:hover {
color: #D31141;
}
/* Back to top of page */
a.top {
background-image: url("./styles/skutrforum2014/imageset/icon_back_top.png");
}
a.top2 {
background-image: url("./styles/skutrforum2014/imageset/icon_back_top.png");
}
/* Arrow links*/
a.up {
background-image: url("./styles/skutrforum2014/theme/images/arrow_up.gif");
}
a.down {
background-image: url("./styles/skutrforum2014/theme/images/arrow_down.gif");
}
a.left {
background-image: url("./styles/skutrforum2014/theme/images/arrow_left.gif");
}
div.topic-actions + p + p > a.left,
form + p + p > a.left,
span.corners-top + p:empty + p > a.left {
padding-top: 5px;
}
a.right {
background-image: url("./styles/skutrforum2014/theme/images/arrow_right.gif");
}
a.up:hover {
background-color: transparent;
}
a.left:hover {
color: #B40000;
}
a.right:hover {
color: #B40000;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #F0F0F0;
/*background-image: url("./styles/skutrforum2014/theme/images/gradient.gif");*/
}
ul.topiclist {
/*margin-top: 5px;*/
}
span.ico_f_h + div.inner > span.corners-top + ul.topiclist {
margin-top: -5px;
}
ul.topiclist.forums,
ul.topiclist.topics,
ul.topiclist.cplist {
margin-top: 0;
}
ul.topiclist li {
color: #4C4C4C;
}
ul.topiclist dd {
border-left-color: #FFFFFF;
}
ul dd div.avatar {
float: left;
padding-top: 0px;
margin: 0 10px 0 5px;
min-height: 30px;
width: 40px;
}
ul dt span.avatar {
float: left;
padding-top: 2px;
margin: 0 10px 0 0;
min-height: 30px;
width: 40px;
}
.rtl ul.topiclist dd {
border-right-color: #FFFFFF;
border-left-color: transparent;
}
ul.topiclist li.row dt a.subforum.read {
background-image: url("./styles/skutrforum2014/imageset/subforum_read.gif");
}
ul.topiclist li.row dt a.subforum.unread {
background-image: url("./styles/skutrforum2014/imageset/subforum_unread.gif");
}
li.row {
border-top-color:#FFFFFF;
/*border-bottom-color: #B40000;*/
}
li.row strong {
color: #000000;
}
ul.topiclist li.row strong {
font-weight: bold;
display: inline-block;
padding-top: 2px;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
li.header dt, li.header dd {
color: #FFFFFF;
}
/* Forum list column styles */
ul.topiclist dd.searchextra {
color: #333333;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}
.content h2, .panel h2 {
color: #B40000;
border-bottom-color: #c0c0c0;
}
.content p:last-child {
margin-bottom: 0;
}
dl.faq dt {
color: #333333;
}
dl.faq dt + dd {
margin: 5px 0 5px 0;
}
div#faqlinks dl.faq dd {
margin: 0;
}
dl.faq dd a:not(.top2) {
text-decoration: underline;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
/* Post signature */
.signature {
border-top-color: #c0c0c0;
color: #696969;
}
/* Post noticies */
.notice {
background: #ffffff;
border-color:#b40000;
box-sizing: border-box;
padding: 5px;
float: left;
width: 100%;
}
.pm .notice {
background-color: #F2F3F3;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #fdfff0;
background-image: url("./styles/skutrforum2014/theme/images/quote.gif");
border-color: #DBDBCE;
}
.rtl blockquote {
background-image: url("./styles/skutrforum2014/theme/images/quote_rtl.gif");
}
blockquote blockquote {
/* Nested quotes */
background-color: #f6f8e8;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #f0f3e1;
}
/* Code block */
dl.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
dl.codebox dt {
border-bottom-color: #c0c0c0;
}
dl.codebox code {
color: #2E8B57;
}
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color:#C9D2D8;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #C9D2D8;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
/*
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
*/
dl.thumbnail dd {
color: #666666;
}
div.inline-attachment dd em,
dl.attachbox dd em {
color: #000000;
font-weight: bold;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
/*
dl.thumbnail dt a:hover img {
border-color: #B40000;
}
*/
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}
fieldset.polls dl.voted {
color: #000000;
}
fieldset.polls dd div {
color: #FFFFFF;
}
.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
border-right-color: transparent;
}
.pollbar1 {
background-color: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}
.rtl .pollbar1 {
border-left-color: #74162C;
}
.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}
.rtl .pollbar2 {
border-left-color: #8C1C38;
}
.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}
.rtl .pollbar3 {
border-left-color: #AA2346;
}
.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}
.rtl .pollbar4 {
border-left-color: #BE1E4A;
}
.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}
.rtl .pollbar5 {
border-left-color: #D11A4E;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
}
.rtl .postprofile {
border-right-color: #FFFFFF;
border-left-color: transparent;
}
.pm .postprofile {
border-left-color: #DDDDDD;
}
.rtl .pm .postprofile {
border-right-color: #DDDDDD;
border-left-color: transparent;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: url("./styles/skutrforum2014/imageset/cs/icon_user_online.png");
margin-top: -10px;
padding-top: 10px;
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
/* Big button images */
.reply-icon span { background-image: url("./styles/skutrforum2014/imageset/cs/button_topic_reply.png"); }
.post-icon span { background-image: url("./styles/skutrforum2014/imageset/cs/button_topic_new.png"); }
.locked-icon span { background-image: url("./styles/skutrforum2014/imageset/cs/button_topic_locked.png"); }
.pmreply-icon span { background-image: url("./styles/skutrforum2014/imageset/cs/button_pm_reply.png") ;}
.pmreply-all-icon span { background-image: url("./styles/skutrforum2014/imageset/cs/button_pm_reply_all.png") ;}
.newpm-icon span { background-image: url("./styles/skutrforum2014/imageset/cs/button_pm_new.png") ;}
.forwardpm-icon span { background-image: url("./styles/skutrforum2014/imageset/cs/button_pm_forward.png") ;}
a.print {
background-image: url("./styles/skutrforum2014/theme/images/icon_print.png");
}
a.sendemail {
background-image: url("./styles/skutrforum2014/theme/images/icon_sendemail.png");
}
a.fontsize {
background-image: url("./styles/skutrforum2014/theme/images/icon_fontsize.png");
}
a.pdf {
background-image: url("./styles/skutrforum2014/theme/images/icon_pdf.png");
}
/* Icon images
---------------------------------------- */
.sitehome a:first-child { background-image: url("./styles/skutrforum2014/theme/images/icon_home.png"); padding-left: 23px; }
.icon-faq a { background-image: url("./styles/skutrforum2014/theme/images/icon_faq.png"); padding-left: 19px; }
.icon-rules a { background-image: url("./styles/skutrforum2014/theme/images/icon_rules.png"); padding-left: 19px; }
.icon-members a { background-image: url("./styles/skutrforum2014/theme/images/icon_members.png"); padding-left: 19px; }
.icon-home a:first-child { background-image: url("./styles/skutrforum2014/theme/images/icon_home.png"); padding-left: 23px; }
.icon-ucp a:first-child { background-image: url("./styles/skutrforum2014/theme/images/icon_ucp.png"); padding-left: 30px; }
.icon-register a { background-image: url("./styles/skutrforum2014/theme/images/icon_register.png"); padding-left: 27px; }
.icon-logout a { background-image: url("./styles/skutrforum2014/theme/images/icon_logout.png"); padding-left: 19px; }
.icon-bookmark a { background-image: url("./styles/skutrforum2014/theme/images/icon_bookmark.png"); }
.icon-bump a { background-image: url("./styles/skutrforum2014/theme/images/icon_bump.png"); }
.icon-subscribe a { background-image: url("./styles/skutrforum2014/theme/images/icon_subscribe.png"); }
.icon-unsubscribe a { background-image: url("./styles/skutrforum2014/theme/images/icon_unsubscribe.png"); }
.icon-pages a { background-image: url("./styles/skutrforum2014/theme/images/icon_pages.gif"); }
.icon-search a { background-image: url("./styles/skutrforum2014/theme/images/icon_search.png"); padding-left: 21px; }
.icon-chat a { background-image: url("./styles/skutrforum2014/theme/images/icon_chat.png"); padding-left: 32px; }
/* Profile & navigation icons */
.email-icon, .email-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_contact_email.png"); }
.aim-icon, .aim-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_contact_aim.png"); }
.yahoo-icon, .yahoo-icon a{ background-image: url("./styles/skutrforum2014/imageset/icon_contact_yahoo.png"); }
.web-icon, .web-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_contact_www.png"); }
.msnm-icon, .msnm-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_contact_msnm.png"); }
.icq-icon, .icq-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_contact_icq.png"); }
.jabber-icon, .jabber-icon a{ background-image: url("./styles/skutrforum2014/imageset/icon_contact_jabber.png"); }
.pm-icon, .pm-icon a{ background-image: url("./styles/skutrforum2014/imageset/cs/icon_contact_pm.png"); }
.quote-icon, .quote-icon a{ background-image: url("./styles/skutrforum2014/imageset/cs/icon_post_quote.png"); }
/* Share On 2.1.1 */
.facebook-icon, .facebook-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_facebook.png"); }
.twitter-icon, .twitter-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_twitter.png"); }
.tuenti-icon, .tuenti-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_tuenti.png"); }
.sonico-icon, .sonico-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_sonico.png"); }
.friendfeed-icon, .friendfeed-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_friendfeed.png"); }
.orkut-icon, .orkut-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_orkut.gif"); }
.digg-icon, .digg-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_digg.gif"); }
.reddit-icon, .reddit-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_reddit.png"); }
.delicious-icon, .delicious-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_delicious.gif"); }
.technorati-icon, .technorati-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_technorati.png"); }
.tumblr-icon, .tumblr-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_tumblr.png"); }
.google-icon, .google-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/share_on_buttons/shareon_google.gif"); }
div.share-social-sites h3 {
border: 0;
float: left;
margin: 0;
padding: 0;
line-height: 26px;
}
div.share-social-sites table {
float: right;
width: 85%;
}
/* Share On 2.1.1 */
/* Moderator icons */
.report-icon, .report-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_post_report.png"); }
.edit-icon, .edit-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/icon_post_edit.png"); }
.qe-icon, .qe-icon a { background-image: url("./styles/skutrforum2014/imageset/cs/icon_post_quickedit.png"); }
.delete-icon, .delete-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_post_delete.png"); }
.info-icon, .info-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_post_info.png"); }
.warn-icon, .warn-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_user_warn.png"); } /* Need updated warn icon */
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #c0c0c0;
}
#cp-main fieldset.display-options {
margin-top: 9px;
}
#cp-main h2 + form:last-child {
margin-bottom: 10px;
}
#cp-main .panel li.row {
border-bottom-color: #c0c0c0;
border-top-color: #ffffff;
}
ul.cplist {
border-top-color: #B5C1CB;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
line-height: 36px;
}
#cp-main table.table1 thead th {
color: #ffffff;
border-bottom-color: #333333;
}
#cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
#tabs a {
background-color: #D2D2D2;
padding: 3px 0 3px 5px;
}
#tabs a span {
background-color: #D2D2D2;
color: #4C4C4C;
}
#tabs a:hover span {
color: #BC2A4D;
}
#tabs .activetab a {
border-bottom-color: #F0F0F0;
}
#tabs .activetab a span {
color: #333333;
}
#tabs .activetab a:hover span {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
background-color: #DCDCDC;
}
#minitabs li.activetab {
background-color: #ffffff;
}
#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a {
color: #333;
background-color: #DCDCDC;
padding: 10px;
}
.rtl #navigation a {
background-position: 0 100%;
}
#navigation a:hover {
background-image: none;
background-color: #D2D2D2;
color: #BC2A4D;
}
#navigation #active-subsection a {
color: #D31141;
background-color: #ffffff;
background-image: none;
}
#navigation #active-subsection a:hover {
color: #D31141;
}
/* Preferences pane layout
----------------------------------------*/
#cp-main {
margin-bottom: -10px;
}
#cp-main h2 {
color: #333333;
margin-top: 9px;
margin-bottom: 13px;
}
#cp-main .panel {
background-color: #ffffff;
margin-bottom: 10px;
}
form + .panel,
fieldset.submit-buttons + .panel {
margin-top: 10px;
}
/*
div#cp-main .panel:last-child {
margin-bottom: -5px;
}
*/
#cp-main .pm {
background-color: #ffffff;
}
div.panel + fieldset.submit-buttons {
margin-top: -5px;
margin-bottom: 10px;
}
#cp-main ul.linklist {
min-height: 24px;
margin-bottom: 10px;
}
#cp-main hr + ul.linklist {
float: left;
margin-top: -2px;
margin-bottom: 8px;
width: 100%;
}
#cp-main div.buttons + ul.linklist {
padding-top: 7px;
}
span.corners-top + h2 + ul.linklist {
margin-top: -33px;
position: relative;
top: -7px;
}
div.inner > div.panel > div.inner > ul.linklist li:first-child {
padding-top: 3px
}
#cp-main div.panel div.inner hr + ul.linklist + span.corners-bottom {
margin: 0;
height: 0;
}
/* Friends list */
.cp-mini {
background-color: #eef5f9;
}
dl.mini dt {
color: #B40000;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
#gallery label {
background-color: #ffffff;
border-color: #c0c0c0;
}
#gallery label:hover {
background-color: #eeeeee;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
padding: 3px 3px 4px 3px;
border-radius: 5px;
}
label {
color: #B40000;
position: relative;
top: 1px;
}
option.disabled-option {
color: graytext;
}
.search-box.search-results {
margin-top: 6px;
}
/* Definition list layout for forms
---------------------------------------- */
dt.vlabel {
padding-top: 5px;
}
dt label {
float: left;
top: 1px;
}
div#cp-main fieldset > label {
top: 2px;
}
div#cp-main table + fieldset select#sd {
margin-left: -21px;
}
div#reputation-popup dt label {
top: 0;
padding-top: 5px;
}
form#login dt label,
form#register dt label {
top: 0;
padding-top: 5px;
}
.search-box.search-results label {
padding-right: 0;
}
form#search-form dt label {
top: 0;
padding-top: 5px;
}
form#search-form dt label[for='search_forum'] {
padding-top: 4px;
}
form#search-form dt label[for='search_child1'],
form#search-form dt label[for='sf1'],
form#search-form dt label[for='show_results1'] {
padding-top: 1px;
}
div#cp-main dt label {
top: 0;
padding-top: 5px;
}
div#cp-main dt label[for='ban'],
div#cp-main dt label[for='occupation'],
div#cp-main dt label[for='interests'] {
padding-top: 6px;
}
div#cp-main dt label[for='unban'],
div#cp-main dt label[for='bday_day'] {
padding-top: 4px;
}
dt label[for='topic_time_limit'],
dt label[for='poll_length'] {
padding-top: 3px;
}
dt label[for='subject'],
dt label[for='email'],
dt label[for='name'],
dt label[for='reason_id'],
dt label[for='lang'],
dt label[for='edit_reason'],
dt label[for='poll_title'],
dt label[for='poll_max_options'] {
padding-top: 4px;
}
dt label[for='fileupload'],
dt label[for='filecomment'],
dt label[for='report_text'],
dt label[for='message'],
dt label[for='poll_option_text'] {
padding-top: 5px;
}
dt label + br + span {
clear: left;
float: left;
}
form:not(#report) dd label {
color: #333333;
vertical-align: middle;
top: -1px;
}
div#cp-main dd label {
top: 0;
}
div#cp-main form#mcp div.panel fieldset#display-panel.fields2 dd label {
top: -1px;
}
div#cp-main form#mcp div.panel fieldset#display-panel.fields2 dd select + label select,
div#cp-main form#mcp div.panel fieldset#display-panel.fields2 dd select + label + label select,
div#cp-main form#mcp fieldset.forum-selection label select {
position: relative;
top: -1px;
}
div#cp-main input[type='radio'] {
margin-top: 5px;
}
div#cp-main form#ucp ul.topiclist.cplist input[type='radio'] {
margin-top: -3px;
}
div.search-box label input {
margin-top: -2px;
}
dd select + span {
position: relative;
top: 1px;
}
input#topic_time_limit + span {
position: relative;
top: -6px;
}
div#cp-main dd input + span,
div#cp-main dd label + span {
position: relative;
top: -6px;
}
div#cp-main dd label + span {
top: -3px;
}
form#search_memberlist dt label {
padding-top: 4px !important;
}
form#ucp dl dd strong {
display: inline-block;
padding-top: 5px;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
border-color: #a7a7a7;
}
/* Posting page styles
----------------------------------------*/
#message-box textarea {
color: #333333;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
padding: 4px 4px 5px 4px;
border-radius: 5px;
}
.inputbox:hover {
border-color: #808080;
}
.inputbox:focus {
border-color: #808080;
color: #000000;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
background-image: none;
border: 2px solid #a7a7a7;
border-radius: 14px;
color: #b40000;
padding: 3px 9px 4px 9px !important;
text-decoration: none;
}
form#login dl dd input.button1 {
margin-bottom: -3px;
}
form#mcp fieldset.forum-selection input.button2 {
position: relative;
top: 1px;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
background-image: none;
border: 2px solid #a7a7a7;
border-radius: 14px;
color: #b40000;
padding: 3px 9px 4px 9px !important;
text-decoration: none;
}
/* button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
border: 2px solid #a7a7a7;
color: #b40000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border: 2px solid #b40000;
color: #b40000;
}
input.search {
background: #ffffff url("./styles/skutrforum2014/theme/images/icon_textbox_search.gif") 4px center no-repeat;
padding-left: 25px;
width: 175px;
}
input.disabled {
color: #666666;
}
/**
*
* file: styles/prosilver/theme/qte.css
* author: abdev
* begin: 02/28/2008
* version: 0.0.4 - 12/01/2010
* licence: http://opensource.org/licenses/gpl-license.php GNU Public License
*
*/
/* selector */
fieldset.attribute {
text-align: right;
margin-top: 15px;
}
span.corners-top + form > fieldset.attribute {
border-bottom: 1px solid #c0c0c0;
margin-top: 0;
margin-bottom: -6px;
padding-bottom: 10px;
}
/* attributes */
.qte_solved { color: #006600; }
.qte_cancelled { color: #cc0000; }
.qte_solved, .qte_cancelled { font-weight:bold; }
/**
*
* @package Reputation System
* @author Pico88 (https://github.com/Pico88)
* @copyright (c) 2012
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
*/
/* Highlight class - can be modified as you wish*/
#user-reputation-list .linklist:first-child {
margin-bottom: 10px;
}
#user-reputation-list .linklist:last-child {
margin-top: 10px;
}
.highlight {
background-color: #d4f0cc !important;
}
ul.post-reputation {
float: right;
width: auto;
padding: 0 0 0 9px;
list-style: none;
margin: 3px 0 0 12px;
border-left: 1px solid #c0c0c0;
}
ul.post-reputation li {
float: left;
background-position: 0 100%;
}
ul.post-reputation li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
ul.post-reputation li span { display:none; }
ul.post-reputation li a:hover { background: none; }
ul.post-reputation li.rate-good-icon { width: 20px; height: 20px; }
ul.post-reputation li.rate-bad-icon { width: 20px; height: 20px; }
ul.post-reputation li.rate-good-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_rate_good.gif"); }
ul.post-reputation li.rate-bad-icon a { background-image: url("./styles/skutrforum2014/imageset/icon_rate_bad.gif"); }
ul.post-reputation li.rate-good-icon a:hover,
ul.post-reputation li.rate-bad-icon a:hover { background-position: center bottom }
.reputation.zero a {
color: #6E6E6E;
text-decoration: none;
cursor: pointer;
}
.reputation.positive a, .reputation.negative a {
color: white;
text-decoration: none;
cursor: pointer;
}
.reputation.positive {
background: #6F8F52;
color: white;
text-align: center;
}
.reputation.negative {
background: #B82929;
color: white;
text-align: center;
}
.reputation.zero {
background: #FFF;
color: #6E6E6E;
text-align: center;
}
.reputation.span {
color: #FFF;
}
.reputation {
font-weight: bold;
padding: 1px 6px 2px 6px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
line-height: normal;
margin: 0 3px 0 3px;
}
li.reputation {
font-size: 14px;
}
.positive {
color: #6F8F52;
}
.negative {
color: #B82929;
}
.new-repo {
color: red;
font-weight: bold;
}
.rated_good .rate-good-icon a, .rated_bad .rate-bad-icon a {
width: 100%;
opacity: 0.3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
cursor: default;
background-position: center top !important;
}
.own .rate-good-icon, .own .rate-bad-icon {
display: none;
}
.rated_good .rate-bad-icon, .rated_bad .rate-good-icon {
display: none;
}
#reputation-popup {
font-size: 0.9em;
z-index: 500;
display: none;
background: white;
box-shadow: 2px 2px 4px #555555;
border-radius: 11px;
padding: 5px;
border: 5px solid #b40000;
}
#reputation-popup div.error {
text-align: center;
font-size: 1.2em;
}
/* Fix - do not show white space at the bottom of reputation popup */
#reputation-popup div.panel {
margin-bottom: 0px;
}
#reputation-popup h3 {
font-size: 1.4em;
padding-left: 10px;
text-transform: none;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
margin: 0;
border: none;
}
#reputation-popup p {
padding: 0 10px;
}
#post-reputation-list {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#user-reputation-list {
float: right;
width: 58%;
}
.small-popup {
position: absolute;
width: 300px;
}
.normal-popup {
position: fixed;
width: 570px;
}
.normal-popup #post-reputation-list {
max-height: 350px;
overflow: auto;
}
.new-popup {
position: fixed;
width: 400px;
height: 115px;
text-align: center;
position: fixed !important;
}
.footer-popup {
padding: 2px 10px 0 10px;
}
.vote_status_positive, .vote_status_negative {
text-align: center;
font-size: 120%;
}
.vote_status_positive {
background: #d4f0cc;
}
.vote_status_negative {
background: #ffe6e6;
}
.hidden .postbody, .hidden .postprofile {
display: none;
}
div.online.hidden {
background-image: none;
}
.progress-bar {
width: 100%;
height: 10px;
border-radius: 3px;
border: 1px solid #a4bdcb;
background: #a4bdcb;
background: -moz-linear-gradient(left, #dc4a5b 0%, #ffb489 8%, #fcfaba 18%, #54d077 70%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dc4a5b), color-stop(8%,#ffb489), color-stop(18%,#fcfaba), color-stop(70%,#54d077));
background: -webkit-linear-gradient(left, #dc4a5b 0%,#ffb489 8%,#fcfaba 18%,#54d077 70%);
background: -o-linear-gradient(left, #dc4a5b 0%,#ffb489 8%,#fcfaba 18%,#54d077 70%);
background: -ms-linear-gradient(left, #dc4a5b 0%,#ffb489 8%,#fcfaba 18%,#54d077 70%);
background: linear-gradient(to right, #dc4a5b 0%,#ffb489 8%,#fcfaba 18%,#54d077 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4a5b', endColorstr='#54d077',GradientType=1 );
}
.empty-progress {
background: white;
height: 10px;
float: right;
}
.reputation-list {
border: 1px #dadada solid;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
margin: 5px;
padding: 6px;
overflow: hidden;
}
.empty {
text-align: center;
}
.reputation-detail {
padding-left: 5px;
}
.reputation-avatar {
float: left;
padding: 2px;
background-color: white;
border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.reputation-avatar img{
display: block !important;
}
.reputation-rating {
display: block;
float: right;
font-weight: bold;
font-size: 1.4em;
padding-right: 10px;
}
.comment_message {
border: 1px #dadada solid;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
margin: 5px;
background-color: white;
padding: 5px;
overflow: hidden;
}
.reputation-delete {
background-image: url("./styles/skutrforum2014/theme/images/reputation_delete.png");
background-repeat: no-repeat;
font-size: 0px;
width: 16px;
height: 16px;
padding: 0;
float: right;
opacity: 0.3;
}
.reputation-delete:hover {
opacity: 1.0;
}
#post-reputation-list::-webkit-scrollbar {
height: 10px;
width: 10px;
}
#post-reputation-list::-webkit-scrollbar-button:start:decrement,
#post-reputation-list::-webkit-scrollbar-button:end:increment {
height: 5px;
display: block;
background-color: transparent;
}
#post-reputation-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
#post-reputation-list::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/**
*
* @package mChat ProSilver Style
* @version 1.3.5 2010-12-02
* @copyright (c) RMcGirr83 ( http://www.rmcgirr83.org/ )
* @copyright (c) By Shapoval Andrey Vladimirovich (AllCity) ~ http://allcity.net.ru/
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
**/
#mChatNoMessage {
margin: 10px;
}
/* mChat
------------ */
div.mChatBG1 {
background-color: #FBFBFB;
padding: 5px 5px 5px 5px;
border-bottom: 1px dotted #DDDDDD;
overflow: hidden;
}
div.mChatBG2 {
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
border-bottom: 1px dotted #DDDDDD;
overflow: hidden;
}
div.mChatRowLimit {
overflow: auto;
width: 100%;
}
div.mChatRowLimitCustom {
overflow: auto;
width: 100%;
}
div.mChatPanel {
text-align: center;
padding: 7px 3px 7px 3px;
clear: both;
}
input.mChatText {
cursor: text;
width: 50%;
background-color: #FFFFFF;
border: 1px solid #B4BAC0;
color: #333333;
padding: 5px 5px 3px 5px;
margin: 3px 0px 3px 5px;
}
input.mChatText:hover {
border-color: #808080;
}
div.mChatHover:hover {
background-color: #F6F4D0;
}
div.mChatBodyFix {
width: 100% !important;
background-color: #F0F0F0;
padding: 0;
}
div.mChatStatic {
padding-left: 5px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-size: 1.1em;
}
div.mChatStats {
clear: both;
float: left;
text-align: left;
height: auto !important;
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 10px;
}
div#mChatmain + div.mChatStats {
margin: 10px;
}
div.mChatStats_m {
margin-left: 0;
}
div.mChatRefresh {
text-align: left;
clear: both;
line-height: 1.3em;
font-size: 1.1em;
}
input.mChatColor {
width: 100%;
text-align: center;
background-color: #DEE3E7;
border-style: none;
}
div.mChatMessage {
padding: 3px;
font-size: 1.1em;
width: 98%;
}
a.mChatScriptLink {
text-decoration:none;
}
img.mChatImage{
vertical-align: top;
}
img.mChatImageLoad {
vertical-align: top;
cursor: wait;
display: none;
}
img.mChatImageOk {
vertical-align: top;
cursor: help;
}
img.mChatImageHideImg {
vertical-align: top;
cursor: help;
display: none;
}
div.mChatSound {
position: absolute;
left: -1000px;
top: -1000px;
}
.mchat_alert {
color: #7E2217;
padding: 10px;
}
#mChatUserList {
display: none;
float: left;
}
.mChatAvatars {
float: left;
padding-right: 5px;
}
div.avatarMessage {
margin-left: 50px;
width: 90%;
margin-right: 5px;
}
input.button2.smiles {
margin-left: 20px;
margin-right: 20px;
}
input.button2.archive {
margin-left: 20px;
}
input.button2.smiles + input.button2.archive {
margin-left: 0;
}
/**
* @package styles
* @version memberlist_avatar.css 1.0.3 2012-01-03 04:49:51Z TheKiller $
* @copyright (c) 2012 Radulescu Dragos-Valentin (TheKiller) - http://www.rising-dead.com/
* @copyright (c) 2007 David Lewis (Highway of Life) - http://www.startrekguide.com
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------- */
.memberlist-avatar .thumbnail {
z-index: 0;
position:relative;
}
.memberlist-avatar a.thumbnail:hover {
background-color: transparent;
z-index: 50;
}
.memberlist-avatar .thumbnail span {
position: absolute;
background: #ffffff;
padding: 0;
left: 0px;
display: none;
color: #ffffff;
text-decoration: none;
}
.memberlist-avatar .thumbnail span img {
border: 1px solid #c0c0c0;
padding: 2px;
}
.memberlist-avatar a.thumbnail:hover span {
position:absolute;
display:block;
top: 20px;
left: 7px;
}
.memberlist-avatar {
width: 22px;
position: relative;
text-align: center;
}
li.login {
width: 139px;
}
li.registration {
width: 141px;
}
span.ico {
position: absolute;
}
a span.ico {
cursor: pointer;
}
/* HLAVICKA: logo, rozcestnik, vyvhledavaci formular, facebook, hlavni menu */
div#header {
margin: 35px auto 0 auto;
position: relative;
width: 1200px;
}
/*
body.narrow div#header {
width: 1000px;
}
*/
div#header p, div#header h1 {
margin: 0;
padding: 0;
}
/* logo */
div#header div.logo {
background: rgb(255,255,255);
float: left;
height: 78px;
margin: 0 0 -5px 0;
overflow: hidden;
padding: 28px 0 34px 30px;
width: 602px;
}
/* rozcestnik */
div#header div.guidepost {
background: rgb(200,200,200);
float: left;
margin: 10px 0 0 0;
padding: 0 0 0 125px;
transform: skew(-9deg);
-webkit-transform: skew(-9deg);
}
div#header div.guidepost li {
float: left;
list-style: none;
padding: 0 14px 0 14px;
}
div#header div.guidepost li.skutrportal {
height: 51px;
padding-top: 15px;
}
div#header div.guidepost li.skutrsnura {
background: rgb(173,173,173);
height: 51px;
padding-top: 15px;
}
div#header div.guidepost li.cafe-racer-club {
background: rgb(148,148,148);
height: 57px;
padding-top: 9px;
}
div#header div.guidepost li a {
display: inline-block;
overflow: hidden;
transform: skew(9deg) !important;
-webkit-transform: skew(9deg) !important;
}
div#header div.guidepost li.skutrportal a {
height: 34px;
}
div#header div.guidepost li.skutrsnura a {
height: 34px;
}
div#header div.guidepost li.cafe-racer-club a {
height: 47px;
}
div#header div.guidepost li a img {
opacity: 0.6;
}
div#header div.guidepost li a:hover img {
opacity: 1;
}
/* facebook */
div#header div.facebook {
background: rgb(0,70,157);
float: left;
left: 342px;
padding: 13px 85px 14px 20px;
position: absolute;
transform: skew(-9deg);
-webkit-transform: skew(-9deg);
top: 39px;
}
div#header div.facebook p {
color: rgb(255,255,255);
font: 14px/1 Impact, "Techno CE", sans-serif;
transform: skew(9deg);
-webkit-transform: skew(9deg);
text-shadow: -1px -1px 0 rgb(0,69,188);
}
div#header div.facebook a {
color: rgb(255,255,255);
text-decoration: none;
}
/* vyhledavani */
div#header div.searchform {
background: rgb(255,255,255);
float: right;
margin: 0 27px 0 0;
padding: 10px 25px 10px 140px;
transform: skew(-9deg);
width: 23rem;
-webkit-transform: skew(-9deg);
}
div#header div.searchform form {
transform: skew(9deg);
-webkit-transform: skew(9deg);
}
div#header div.searchform fieldset {
border: 3px solid rgb(167,167,167);
border-radius: 18px;
float: left;
margin: 0;
padding: 6px 10px 9px 10px;
font-size: 10px;
}
div#header div.searchform legend {
left: -10000px;
position: absolute;
}
div#header div.searchform input[type='text'] {
background: none;
border: none;
color: rgb(125,125,125);
font: normal 1.2125em/normal sans-serif;
width: 13rem;
cursor: text;
}
div#header div.searchform button[type='submit'] {
border: none;
cursor: pointer;
height: 16px;
overflow: hidden;
position: relative;
top: 2px;
width: 16px;
}
div#header div.searchform button[type='submit'] span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') 0 center no-repeat;
height: 16px;
left: 0;
top: 0;
width: 16px;
}
div#header div.searchform button[type='submit']:hover span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -16px center no-repeat;
}
div#header div.searchform a {
float: right;
margin-top: 13px;
font-size: 11px;
}
div#header span.rectangle {
background: rgb(0,56,125);
height: 66px;
left: 322px;
overflow: hidden;
position: absolute;
top: 0;
transform: skew(-9deg);
-webkit-transform: skew(-9deg);
width: 376px;
}
div#header span.rectangle + span.rectangle {
background: rgb(0,97,217);
height: 66px;
left: 386px;
top: 66px;
width: 226px;
}
div#header span.rider {
background: url('./styles/skutrforum2014/theme/images/rider.png') center top no-repeat;
height: 100%;
min-height: 164px;
left: 468px;
overflow: hidden;
position: absolute;
top: -22px;
width: 293px;
z-index: 2;
}
/* hlavni menu */
div#header div.mainmenu {
overflow: hidden;
padding: 5px 0 0 0;
position: relative;
top: -5px;
width: 100%;
z-index: 3;
}
div#header div.mainmenu ol {
background: rgb(128,0,0);
float: left;
width: 100%;
}
div#header div.mainmenu li {
float: left;
font: 16px/normal TertreExtraBold, sans-serif;
list-style: none;
margin: 0 0 0 -1px;
position: relative;
transform: skew(-9.5deg);
-webkit-transform: skew(-9.5deg);
}
div#header div.mainmenu li:first-child {
background: rgb(235,0,0);
margin-left: 0;
text-align: center;
z-index: 2;
}
div#header div.mainmenu li:nth-child(2) {
border-left: 1px solid rgb(180,0,0);
}
div#header div.mainmenu li:last-child {
box-shadow: none;
}
div#header div.mainmenu li a {
background: rgb(180,0,0);
box-shadow: 1px 0 0 0 rgb(235,0,0) inset;
color: rgb(255,200,200);
display: block;
padding: 21px 29px 21px 29px;
position: relative;
text-decoration: none;
}
div#header div.mainmenu li:first-child a {
background: rgb(235,0,0);
box-shadow: none;
height: 21px;
padding: 21px 25px 20px 25px;
position: relative;
width: 24px;
}
div#header div.mainmenu li.active + li a,
div#header div.mainmenu li:nth-child(2) a {
box-shadow: 1px 0 0 0 rgb(180,0,0) inset;
}
div#header div.mainmenu li.registration a,
div#header div.mainmenu li.login a {
background: rgb(128,0,0);
box-shadow: 1px 0 0 rgb(180,0,0) inset;
color: rgb(255,255,255);
padding-left: 40px;
}
div#header div.mainmenu li a:hover,
div#header div.mainmenu li.active a {
background: rgb(235,0,0);
color: rgb(255,255,255);
margin-top: -5px;
padding-top: 26px;
}
div#header div.mainmenu li.registration a:hover,
div#header div.mainmenu li.login a:hover {
background: rgb(235,0,0);
}
div#header div.mainmenu li:not(:first-child) a span {
display: inline-block;
transform: skew(9.5deg);
-webkit-transform: skew(9.5deg);
}
div#header div.mainmenu li:first-child a span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -32px center no-repeat;
height: 20px;
left: 24px;
padding: 1px 0 0 0;
top: 21px;
transform: skew(9.5deg);
width: 24px;
-webkit-transform: skew(9.5deg);
}
div#header div.mainmenu li:first-child a:hover span.ico,
div#header div.mainmenu li.active:first-child span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -56px center no-repeat;
}
div#header div.mainmenu li:first-child a:hover:before,
div#header div.mainmenu li.active:first-child a:before {
height: 67px;
left: -7px;
}
div#header div.mainmenu li:first-child a:before {
background: rgb(235,0,0);
content: '';
display: block;
height: 61px;
overflow: hidden;
position: absolute;
left: -6px;
top: 0;
transform: skew(9.5deg);
width: 16px;
-webkit-transform: skew(9.5deg);
}
div#header div.mainmenu li:last-child a:after {
background: rgb(128,0,0);
content: '';
display: block;
height: 61px;
overflow: hidden;
position: absolute;
right: -7px;
top: 0;
transform: skew(9.5deg);
width: 16px;
-webkit-transform: skew(9.5deg);
}
div#header div.mainmenu li:last-child a:hover:after,
div#header div.mainmenu li.active:last-child a:after {
background: rgb(235,0,0);
height: 67px;
right: -8px;
}
div#header div.mainmenu li.registration span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -80px center no-repeat;
height: 100%;
left: 15px;
top: 0;
width: 16px;
}
div#header div.mainmenu li.login span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -96px center no-repeat;
height: 100%;
left: 15px;
top: 0;
width: 15px;
}
div#header div.mainmenu li.registration a:hover span.ico,
div#header div.mainmenu li.login a:hover span.ico {
padding-top: 6px;
}
div#header div.mainmenu li:first-child a:hover,
div#header div.mainmenu li.active:first-child a {
opacity: 1;
padding-top: 26px;
}
div#header div.mainmenu li:first-child a:hover span.ico,
div#header div.mainmenu li.active:first-child a span.ico {
margin-top: 5px;
}
/* minibanners */
div.mini-banners div.item {
float: left;
width: 25%;
}
div.mini-banners div.item img {
float: left;
margin: 0 20px 0 0;
}
div.mini-banners div.item p {
font-size: 1.2em;
font-weight: bold;
line-height: 150%;
margin-bottom: 0;
}
div.mini-banners div.item a {
font-size: 0.9em;
font-weight: normal;
}
/* columns */
div#wrap div.columns {
font-family: sans-serif;
font-size: 16px;
background: rgb(255,255,255);
margin: 0 0 5px 0;
}
div#wrap div.columns div.left-column {
float: left;
width: 56.875em;
}
div#wrap div.columns div.right-column {
float: right;
width: 16.875em;
}
/* boxy */
div#wrap div.columns div.box {
background: rgb(255,255,255);
color: rgb(76,76,76);
padding: 20px 1.25em 20px 1.25em;
}
div#wrap div.columns div.box > p:first-child {
background: rgb(0,0,0);
color: rgb(255,255,255);
border-bottom: 1px solid rgb(255,255,255);
box-shadow: 0 1px 0 rgb(0,0,0);
font: 1em/normal TertreExtraBold, sans-serif;
margin-bottom: 10px;
padding: 11px 10px 9px 53px;
position: relative;
text-align: left !important;
text-transform: uppercase;
}
div#wrap div.columns div.box > p:first-child span.ico {
background: rgb(180,0,0) url('./styles/skutrforum2014/theme/images/icons-h.png') -111px center no-repeat;
border-color: rgb(180,0,0);
border-style: solid;
border-width: 12px 10px 12px 14px;
height: 16px;
left: 0;
top: -5px;
width: 16px;
}
div#wrap div.columns div.box > p:first-child span.ico:after {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -1408px center no-repeat;
content: '';
display: block;
height: 40px;
overflow: hidden;
position: absolute;
width: 10px;
}
/* top clanky */
div#wrap div.articles.top {
padding-right: 0 !important;
position: relative;
}
div#wrap div.articles.top.slider {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
div#wrap div.articles.top > p:first-child span.ico:after {
right: -20px;
top: -12px;
}
div#wrap div.articles.top div.bx-pager {
float: left;
left: 0;
margin: 10px 0 0 0;
overflow: hidden;
padding: 0 50px 0 0;
position: absolute;
z-index: 53;
width: 260px;
}
div#wrap div.articles.top div.bx-pager ul {
margin: 0 0 0 -22px;
transform: skew(-9deg);
-webkit-transform: skew(-9deg);
}
div#wrap div.articles.top div.bx-pager li {
background: rgb(235,235,235);
border-bottom: 1px solid rgb(205,205,205);
font: 1em/16px TertreExtraBold, sans-serif;
list-style: none;
padding: 0 0 0 4px;
}
div#wrap div.articles.top div.bx-pager li + li {
padding: 0 0 0 12px;
}
div#wrap div.articles.top div.bx-pager li + li + li {
padding: 0 0 0 20px;
}
div#wrap div.articles.top div.bx-pager li + li + li + li {
padding: 0 0 0 28px;
}
div#wrap div.articles.top div.bx-pager li + li + li + li + li {
border-bottom: 0;
padding: 0 0 0 36px;
}
div#wrap div.articles.top div.bx-pager a {
box-sizing: border-box;
color: rgb(76,76,76);
display: block;
height: 49px;
margin: 0 -5px 0 0;
padding: 8px 20px 0 23px;
position: relative;
text-decoration: none;
transform: skew(9deg);
-webkit-box-sizing: border-box;
-webkit-transform: skew(9deg);
}
div#wrap div.articles.top div.bx-pager a:hover,
div#wrap div.articles.top div.bx-pager a.active {
background: rgb(180,0,0);
color: rgb(255,255,255);
}
div#wrap div.articles.top div.bx-pager a:hover:after,
div#wrap div.articles.top div.bx-pager a.active:after {
border-top: 25px solid transparent;
border-bottom: 24px solid transparent;
border-left: 25px solid rgb(180,0,0);
content: '';
height: 0;
position: absolute;
top: 0;
right: -24px;
width: 0;
}
div#wrap div.articles.top div.bx-wrapper {
float: right;
width: 43.375em;
}
div#wrap div.articles.top div.bx-viewport {
height: 270px !important;
}
div#wrap div.articles.top div.items {
float: right;
height: 260px;
overflow: hidden;
padding: 10px 0 0 0;
width: 43.375em;
}
div#wrap div.articles.top div.bx-wrapper div.items {
float: none;
width: auto;
}
div#wrap div.articles.top div.figure {
float: left;
overflow: hidden;
position: relative;
right: -18px;
top: -10px;
width: 320px;
}
div#wrap div.articles.top div.figure img {
display: block;
max-height: 270px;
}
div#wrap div.articles.top div.data {
background: rgb(0,0,0);
float: right;
height: 250px;
margin: 0 0 0 -18px;
position: relative;
transform: skew(-9deg);
-webkit-transform: skew(-9deg);
width: 24.0625em;
}
div#wrap div.articles.top div.data div.container {
background: rgb(0,0,0);
box-sizing: border-box;
height: 250px;
padding: 11px 21px 20px 0;
margin: 0 -1px 0 30px;
overflow: hidden;
transform: skew(9deg);
-webkit-sizing-box: border-box;
-webkit-transform: skew(9deg);
}
div#wrap div.articles.top div.data h2 {
color: rgb(255,255,255);
font: 1.875em/1em TertreExtraBold, sans-serif;
margin: 0 0 10px 0;
overflow: hidden;
}
div#wrap div.articles.top div.data h2 a {
color: rgb(255,255,255);
text-decoration: none;
}
div#wrap div.articles.top div.data h2 a:hover {
text-decoration: underline;
}
div#wrap div.articles.top div.data p:not(.more) {
color: rgb(169,169,169);
margin-bottom: 10px;
text-align: justify;
}
div#wrap div.articles.top div.data h2 + p {
color: rgb(141,141,141);
font: 0.875em/normal TertreExtraBold, sans-serif;
}
div#wrap div.articles.top div.data h2 + p + p:not(.more) {
font-size: 12px;
max-height: 64px;
overflow: hidden;
}
div#wrap div.articles.top div.data ins {
font: 1em TertreExtraBold, sans-serif;
padding: 0 0 0 23px;
position: relative;
text-decoration: none;
}
div#wrap div.articles.top div.data ins span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -1091px center no-repeat;
height: 100%;
left: 0;
top: 2px;
width: 18px;
}
div#wrap div.articles.top div.data p.more {
bottom: 20px;
font: 1.5625em/normal TertreExtraBold, sans-serif;
margin-bottom: 0;
padding: 4px 0 4px 0;
position: absolute;
text-align: right;
right: 17px;
}
div#wrap div.articles.top div.data p.more a {
color: rgb(255,0,0);
display: inline-block;
padding: 0 60px 0 0;
position: relative;
text-decoration: none;
}
div#wrap div.articles.top div.data p.more span.ico {
background: url('./styles/skutrforum2014/theme/images/icons-h.png') -1220px center no-repeat;
border-color: rgb(0,0,0);
border-style: solid;
border-radius: 50%;
border-width: 9px 11px 7px 14px;
box-shadow: 0 0 0 6px rgb(251,1,3);
height: 22px;
right: 0;
top: 0;
width: 13px;
}
div#wrap div.articles.top div.data p.more a:hover span.ico {
background: rgb(251,1,3) url('./styles/skutrforum2014/theme/images/icons-h.png') -1233px center no-repeat;
border-color: rgb(251,1,3);
border-width: 15px 17px 13px 20px;
box-shadow: none;
margin: -6px;
}
/* partner */
div#wrap div.partner {
padding-left: 0 !important;
}
div#wrap div.partner > p:first-child {
margin-bottom: 10px !important;
}
div#wrap div.partner > p:first-child span.ico {
background: rgb(180,0,0) url('./styles/skutrforum2014/theme/images/icons-h.png') -127px center no-repeat;
border-width: 15px 10px 11px 15px;
height: 13px;
padding: 1px 0 0 0;
width: 15px;
}
div#wrap div.partner > p:first-child span.ico:after {
right: -20px;
top: -12px;
}
div#wrap div.partner img {
display: block;
}
div#wrap div.partner p:not(:first-child) {
font-size: 12px;
height: 270px;
margin: 0 auto 0 auto;
text-align: center;
}
div#wrap div.partner p.empty:not(:first-child) {
background: url('./styles/skutrforum2014/theme/images/pattern2.png');
border: 1px solid rgb(215,215,215);
box-sizing: border-box;
padding: 115px 0 0 0;
-webkit-box-sizing: border-box;
}
div#wrap div.partner p:not(:first-child):not(.empty) {
line-height: 270px;
}
div#wrap div.partner p:not(:first-child):not(.empty) * {
vertical-align: middle;
}
/* bannery */
div.banner {
font-size: 12px;
margin: 0 auto 0 auto;
text-align: center;
}
div.banner p {
background: rgb(255,255,255);
display: inline-block;
font-family: sans-serif;
margin: 0 !important;
padding: 0;
text-align: center;
}
div.banner p.empty {
box-sizing: border-box;
background-image: url('./styles/skutrforum2014/theme/images/pattern2.png');
border: 1px solid rgb(215,215,215);
-webkit-box-sizing: border-box;
}
div.banner p:not(.empty) * {
vertical-align: middle;
}
div.banner.leaderboard p.empty {
height: 90px;
line-height: 90px;
width: 900px
}
div.banner.skyscraper {
position: absolute;
top: 0;
right: 0;
}
div.banner.skyscraper p.empty {
height: 600px;
padding: 205px 0 0 0;
width: 160px
}
div.banner.skyscraper img {
max-width: 100%;
}
div#wrap {
/*padding-right: 205px !important;*/
padding-right: 175px !important;
}