/* 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; }