+ +
+
+ {L_INFORMATION}{L_COLON} {L_BOARD_DISABLED} +
+
+ + + diff --git a/theme/bidi.css b/theme/bidi.css new file mode 100644 index 0000000..5f05bdf --- /dev/null +++ b/theme/bidi.css @@ -0,0 +1,1096 @@ +/* RTL definitions +---------------------------------------- */ + +/** +* common.css +*/ +.rtl h1 { + margin-right: 0; + margin-left: 200px; +} + +.rtl p.right { + text-align: left; +} + +.rtl p.jumpbox-return { + float: right; +} + +.rtl div.rules ul { + margin-left: 0; + margin-right: 20px; +} + +/* Main blocks +---------------------------------------- */ +.rtl .icon { + padding-right: 0; + padding-left: 2px; +} + +.rtl .logo { + float: right; + padding: 10px 10px 0 13px; +} + +/* Site Description +--------------------------------------------- */ +.rtl .site-description { + float: right; +} + +.rtl .site-description h1 { + margin-left: 0; +} + +/* Round cornered boxes and backgrounds +---------------------------------------- */ +.rtl .post { + background-position: 0 0; +} + +/* Horizontal lists +----------------------------------------*/ +.rtl ul.linklist > li { + float: right; + margin-right: 0; + margin-left: 7px; +} + +.rtl ul.linklist > li.rightside, .rtl p.rightside, .rtl a.rightside { + float: left; + margin-right: 7px; + margin-left: 0; + text-align: left; +} + +.rtl ul.leftside > li, .rtl ul.rightside > li { + float: left; +} + +.rtl ul.leftside { + float: right; + margin-left: 5px; + margin-right: 0; + text-align: right; +} + +.rtl ul.rightside { + float: left; + margin-left: -5px; + margin-right: 5px; + text-align: left; +} + +/* Bulletin icons for list items +----------------------------------------*/ +.rtl ul.linklist.bulletin > li:before { + padding-left: 4px; + padding-right: 0; +} + +/* Dropdown menu +---------------------------------------- */ +.rtl .dropdown-container.topic-tools, .rtl .dropdown-container-left { + float: right; +} + +.rtl .dropdown li { + text-align: right; +} + +.rtl .dropdown-contents > li { + padding-left: 15px; + padding-right: 0; +} + +.rtl .dropdown-nonscroll > li { + padding-left: 0; +} + +.rtl .dropdown li li { + padding-left: 0; + padding-right: 18px; +} + +.rtl .dropdown-extended .header { + text-align: right; +} + +.rtl .dropdown-extended .header .header_settings, .rtl .dropdown-container-right { + float: left; +} + +.rtl .jumpbox .dropdown-contents a { + margin-right: 0; + margin-left: 20px; +} + +/* Notifications +-----------------------------------------*/ +.rtl .notification_list ul li img { + float: right; + margin-left: 5px; + margin-right: 0; +} + +.rtl .notification_list div.notifications { + margin-left: 0; + margin-right: 50px; +} + +.rtl .notification_text { + margin-left: 0; + margin-right: 58px; +} + +.rtl .notification_list p.notification-time { + text-align: left; +} + +/* Responsive breadcrumbs +----------------------------------------*/ +.rtl .breadcrumbs .crumb { + float: right; +} + +/* Table styles +----------------------------------------*/ +.rtl table.table1 thead th { + padding: 0 3px 4px 0; +} + +.rtl table.table1 thead th span { + padding-left: 0; + padding-right: 7px; +} + +.rtl table.table1 tbody th { + text-align: right; +} + +/* Specific column styles */ +.rtl table.table1 .name { text-align: right; } +.rtl table.table1 .joined { text-align: right; } +.rtl table.table1 .active { text-align: right; } +.rtl table.table1 .info { text-align: right; } +.rtl table.table1 thead .autocol { padding-left: 0; padding-right: 1em; } + +.rtl table.table1 span.rank-img { + float: left; +} + +.rtl table.info tbody th { + text-align: left; +} + +.rtl .forumbg table.table1 { + margin: 0 -1px -1px -2px; +} + +/* Misc layout styles +---------------------------------------- */ +/* column[1-2] styles are containers for two column layouts */ +.rtl .column1 { + float: right; + clear: right; +} + +.rtl .column2 { + float: left; + clear: left; +} + +/* General classes for placing floating blocks */ +.rtl .left-box { + float: right; + text-align: right; +} + +.rtl .right-box { + float: left; + text-align: left; +} + +.rtl dl.details dt { + float: right; + clear: right; + text-align: left; +} + +.rtl dl.details dd { + margin-right: 0; + margin-left: 0; + padding-right: 5px; + padding-left: 0; + float: right; +} + +*:first-child+html dl.details dd { + margin-right: 30%; + float: none; +} + +* html dl.details dd { + margin-right: 30%; + float: none; +} + +/* Pagination +---------------------------------------- */ +.rtl .page-number { + float: left; +} + +.rtl .pagination { + text-align: left; + float: left; +} + +.rtl .pagination > ul { + margin-left: 0; + margin-right: 5px; +} + +/* Pagination in viewforum for multipage topics */ +.rtl .row .pagination { + background-position: 100% 50%; + float: left; + padding-left: 0; + padding-right: 15px; +} + +.rtl .row .pagination > ul { + margin: 0; +} + +.rtl .pagination span { + direction: ltr; +} + +.pagination li.page-jump { + margin-left: 5px; + margin-right: 0; +} + +/* Action Bar styles +---------------------------------------- */ +.rtl .action-bar .button { + margin-right: 0; + float: right; +} + +.rtl .action-bar > .button { + margin-left: 5px; + float: right; +} + +.rtl .action-bar .dropdown-button-control .button { + margin-left: 5px; +} + + +/* Miscellaneous styles +---------------------------------------- */ +.rtl .quick-links { + margin-left: 7px; + margin-right: 0; +} + +.rtl .header-avatar span:after { + float: left; + padding-left: 0; + padding-right: 2px; +} + +.rtl .member-search { + float: right; +} + +/** +* links.css +*/ + +/* Links adjustment to correctly display an order of rtl/ltr mixed content */ +.rtl a { + direction: rtl; + unicode-bidi: embed; +} + +li.breadcrumbs span:first-child > a { + padding-left: 0; +} + +/* Notification mark read link */ +.rtl .dropdown-extended a.mark_read { + border-radius: 0 3px 3px 0; + left: 0; + right: auto; +} + +.rtl .back2top .top { + float: left; + margin-left: -10px; +} + +.rtl .skiplink { + /* invisible skip link, used for accessibility */ + left: 0; + right: -999px; +} + +.rtl a.feed-icon-forum { + float: left; +} + +/** +* content.css +*/ +.rtl ul.topiclist dt, .rtl li.header dt { + float: right; + margin-right: 0; + margin-left: -440px; +} + +.rtl ul.topiclist.missing-column dt { + margin-right: 0; + margin-left: -345px; +} + +.rtl ul.topiclist.two-long-columns dt { + margin-right: 0; + margin-left: -250px; +} + +.rtl ul.topiclist.two-columns dt { + margin-right: 0; + margin-left: -80px; +} + +.rtl ul.topiclist dt .list-inner { + margin-right: 0; + margin-left: 440px; +} + +.rtl ul.topiclist.missing-column dt .list-inner { + margin-right: 0; + margin-left: 330px; +} + +.rtl ul.topiclist.two-long-columns dt .list-inner { + margin-right: 0; + margin-left: 250px; +} + +.rtl ul.topiclist.two-columns dt .list-inner { + margin-right: 0; + margin-left: 80px; +} + +.rtl ul.topiclist dd { + float: right; + border-right-width: 1px; + border-right-style: solid; + border-left: none; +} + +.rtl ul.topiclist dfn { + left: auto; + right: -999px; +} + +.rtl ul.topiclist li.row dt a.subforum { + padding-right: 12px; + background-position: right; + position: static; +} + +.rtl .forum-image { + float: right; + margin-right: 0; + margin-left: 5px; +} + +.rtl li.header dt, .rtl li.header dd { + border-right-width: 0; +} + +.rtl li.header dd { + padding-left: 0; + padding-right: 1px; +} + +.rtl dl.row-item{ + background-position: 99.5% 50%; +} + +.rtl li.header dl.row-item dt .list-inner { + /* Tweak for headers alignment when folder icon used */ + padding-right: 0; + padding-left: 50px; +} + +.rtl dl.row-item dt { + background-position: 99.5% 95%; /* Position of topic icon */ +} + +.rtl dl.row-item dt .list-inner { + padding-left: 5px; + padding-right: 45px; /* Space for folder icon */ +} + +.rtl dl a.row-item-link { /* topic row icon links */ + display: inline-block; + left: auto; + right: 0; + margin-left: 0; + margin-right: 2px; +} + +.rtl dd.lastpost > span, .rtl ul.topiclist dd.info > span, .rtl ul.topiclist dd.time > span, .rtl dd.redirect > span, .rtl dd.moderation > span { + padding-left: 0; + padding-right: 5px; +} + +/* Post body styles +----------------------------------------*/ +.rtl .date { + float: left; +} + +.rtl .postbody, .rtl .postbody h3 { + float: right; +} + +.rtl .has-profile .postbody h3 { + margin-right: 0; + margin-left: 180px; +} + +.rtl p.post-notice { + padding-left: 5px; +} + +.rtl p.post-notice:before { + left: auto; + right: 0; +} + +/* Topic review panel +----------------------------------------*/ +.rtl .topicreview { + padding-right: 0; + padding-left: 5px; +} + +/* Content container styles +----------------------------------------*/ +.rtl .content ul, .rtl .content ol { + margin-right: 3em; + margin-left: 0; +} + +.rtl .signature { + clear: right; +} + +.rtl .notice { + clear: right; +} + +/* Jump to post link for now */ +.rtl ul.searchresults { + text-align: left; +} + +/* BB Code styles +----------------------------------------*/ +/* Quote block */ +.rtl blockquote { + margin: 0.5em 25px 0 1px; +} + +.rtl blockquote blockquote { + /* Nested quotes */ + margin: 0.5em 15px 0 1px; +} + +.rtl blockquote cite { + /* Username/source of quoter */ + margin-left: 0; +} + +.rtl blockquote cite:before, .rtl .uncited:before { + padding-left: 5px; +} + +.rtl blockquote .codebox { + margin-right: 0; +} + +.rtl code { + direction: ltr; +} + +/* Attachments +----------------------------------------*/ +.rtl .attachbox { + float: right; + margin: 5px 0 5px 5px; + clear: right; +} + +.rtl .attachbox dd { + clear: right; +} + +.rtl .attachbox p { + clear: right; +} + +.rtl .attachbox p.stats { + clear: right; +} + +/* Post poll styles +----------------------------------------*/ +.rtl fieldset.polls dt { + text-align: right; + float: right; + border-left: none; +} + +.rtl fieldset.polls dd { + float: right; + border-right: none; + margin-right: 0; +} + +.rtl fieldset.polls dd div { + text-align: left; +} + +.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { + border-left-width: 1px; + border-left-style: solid; + border-right: none; +} + +/* Poster profile block +----------------------------------------*/ +.rtl .postprofile { + border-width: 0 1px 0 0; + float: left; +} + +.rtl .pm .postprofile { + border-right-width: 1px; + border-right-style: solid; + border-left: none; +} + +.rtl .postprofile dd, .rtl .postprofile dt { + margin-left: 0; + margin-right: 8px; +} + +.rtl .postprofile .avatar { + float: right; +} + +.rtl .online { + background-position: 0 0; +} + +.rtl dl.pmlist dd { + margin-right: 61% !important; + margin-left: 0 !important; +} + +/** +* buttons.css +*/ + +.rtl .caret { + border-right: 1px solid; + border-right-color: inherit; + border-left: none; + right: 6px; +} + +/* Post control buttons +--------------------------------------------- */ +.rtl .post-buttons { + float: left; +} + +.rtl .has-profile .post-buttons { + left: 0; + right: auto; +} + +.rtl .post-buttons li { + float: right; +} + +/* Poster contact icons + ----------------------------------------*/ +.rtl .contact-icons a { + border-left-width: 1px; + border-left-style: dotted; + border-right: none; + float: right; +} + +.rtl .contact-icons .last-cell { + border-left: none; +} + +/** +* cp.css +*/ +/* Control Panel Styles +---------------------------------------- */ + + +/* Main CP box +----------------------------------------*/ +.rtl .cp-menu { + float: right; +} + +.rtl .cp-main { + float: right; +} + +.rtl .cp-main .panel ol { + margin-right: 2em; + margin-left: 0; +} + +.rtl .cp-main .buttons { + margin-right: 0; + margin-left: 0; +} + +.tabs-container h2 { + float: right; +} + +/* CP tabbed menu +----------------------------------------*/ +.rtl .tabs { + margin-left: 0; + margin-right: 7px; +} + +.rtl .tabs .tab { + float: right; +} + +.rtl .tabs .tab > a { + margin-left: 1px; + margin-right: 0; +} + +/* Mini tabbed menu used in MCP +----------------------------------------*/ +.rtl .minitabs { + float: left; + margin-right: 0; + margin-left: 7px; +} + +.rtl .minitabs .tab { + float: left; +} + +.rtl .minitabs .tab > a { + margin-right: 2px; + margin-left: 0; +} + +/* Responsive tabs +----------------------------------------*/ +.rtl .tabs .dropdown { + margin-left: -2px; +} + +.rtl .tabs .dropdown li { + text-align: left; +} + +.rtl .minitabs .dropdown { + margin-left: -4px; +} + +.rtl .minitabs .dropdown li { + text-align: right; +} + +/* Responsive *CP navigation +----------------------------------------*/ +@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) +{ + .rtl .cp-menu, .rtl .navigation, .rtl .cp-main { + float: none; + } +} + +/* UCP navigation menu +----------------------------------------*/ + +/* Preferences pane layout +----------------------------------------*/ +.rtl .cp-main h2 { + margin-left: 0; + margin-right: 10px; +} + +/* Friends list */ +.rtl .cp-mini { + margin: 10px 5px 10px 15px; +} + +/* PM Styles +----------------------------------------*/ + +/* PM panel adjustments */ +.rtl .reply-all a.right { + background-position: 5% 60%; +} + +.rtl .reply-all a.right:hover { + background-position: 3% 60%; +} + +.rtl .reply-all { + padding-left: 5px; +} + +/* Defined rules list for PM options */ +.rtl ol.def-rules { + padding-right: 0; +} + +/* PM marking colours */ +.rtl .pm-legend { + border-right-width: 10px; + border-right-style: solid; + border-left-width: 0; + padding-left: 0; + padding-right: 3px; +} + +/* Avatar gallery */ +.rtl .gallery label { + float: right; +} + +/* Responsive *CP navigation +----------------------------------------*/ +@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) +{ + .rtl .cp-menu, .rtl .navigation, .rtl .cp-main { + float: none; + } +} + +/** +* forms.css +*/ + +/* General form styles +----------------------------------------*/ + +.rtl option { + padding-right: 0; + padding-left: 1em; +} + +.rtl label { + padding-right: 0; + padding-left: 5px; +} + +/* Definition list layout for forms +---------------------------------------- */ +.rtl fieldset dt { + float: right; + text-align: right; +} + +.rtl fieldset dd { + margin-left: 0; + margin-right: 41%; +} + +/* Specific layout 1 */ +.rtl fieldset.fields1 dt { + border-left-width: 0; + border-right-width: 1px; +} + +.rtl fieldset.fields1 dd { + margin-right: 15em; + margin-left: 0; + border-right-width: 0; + border-left-width: 1px; +} + +/* Specific layout 2 */ +.rtl fieldset.fields2 dt { + border-right-width: 1px; + border-left-width: 0; +} + +.rtl fieldset.fields2 dd { + margin-right: 16em; + margin-left: 0; + border-left-width: 1px; + border-right-width: 0; +} + +/* Form elements */ +.rtl dt label { + text-align: right; +} + +.rtl dd input, .rtl dd textarea { + margin-left: 3px; + margin-right: 0; +} + +/* Quick-login on index page */ +.rtl fieldset.quick-login input.inputbox { + margin-left: 5px; + margin-right: 0; +} + +.rtl fieldset.quick-login label { + padding-left: 2px; + padding-right: 0; +} + +/* Display options on viewtopic/viewforum pages */ +.rtl fieldset.display-options label { + padding-left: 2px; + padding-right: 0; +} + +.rtl .dropdown fieldset.display-options label { + text-align: left; +} + +/* Display actions for ucp and mcp pages */ +.rtl fieldset.display-actions { + text-align: left; + padding-left: 1em; + padding-right: 0; +} + +.rtl fieldset.display-actions label { + padding-left: 2px; + padding-right: 0; +} + +/* MCP forum selection*/ +.rtl fieldset.forum-selection { + float: left; +} + +.rtl fieldset.forum-selection2 { + float: left; +} + +/* Posting page styles +----------------------------------------*/ + +/* Emoticons panel */ +.rtl .smiley-box { + float: left; +} + +/* Search box +---------------------------------------- */ + +/* Topic and forum Search */ +.rtl .search-box { + float: right; +} + +.rtl .search-box .inputbox { + border-left-width: 0; + border-right-width: 1px; + border-radius: 0 4px 4px 0; + float: right; + padding: 3px; +} + +.rtl .button-search, +.button-search-end { + float: right; +} + +.rtl .button-search-end { + border-radius: 4px 0 0 4px; + border-left-width: 1px; + border-right-width: 0; +} + +.rtl .search-header .button-search-end { + border: 0; + border-radius: 4px 0 0 4px; +} + +.rtl .search-header { + float: left; + margin-right: 0; + margin-left: 5px; +} + +/* Form button styles +---------------------------------------- */ + +/** Reference: Bug #27155 */ +.rtl .wrap, .rtl .headerbar, .rtl .site-description, .rtl .navbar { + position: relative; +} + +/** +* plupload.css +*/ + +.rtl .attach-controls { + float: left; +} + +/** +* responsive.css +*/ +@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) +{ + /* .topiclist lists + ----------------------------------------*/ + .rtl ul.topiclist li.header dt, .rtl ul.topiclist li.header dt .list-inner { + margin-left: 0 !important; + padding-left: 0; + } + + .rtl ul.topiclist dt, .rtl ul.topiclist dt .list-inner, + .rtl ul.topiclist.missing-column dt, .rtl ul.topiclist.missing-column dt .list-inner, + .rtl ul.topiclist.two-long-columns dt, .rtl ul.topiclist.two-long-columns dt .list-inner, + .rtl ul.topiclist.two-columns dt, .rtl ul.topiclist.two-columns dt .list-inner { + margin-left: 0; + } + + .rtl ul.topiclist dt .list-inner.with-mark { + padding-left: 34px; + } + + /* Forums and topics lists + ----------------------------------------*/ + .rtl ul.topiclist.forums dt { + margin-left: -250px; + } + .rtl ul.topiclist.forums dt .list-inner { + margin-left: 250px; + } + + .rtl ul.topiclist dd.mark { + left: 5px; + right: auto; + text-align: right; + } + + .rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child { + text-align: right !important; + } + + .rtl table.responsive td { + text-align: right !important; + } + + /* User profile + ----------------------------------------*/ + .rtl .column1, .rtl .column2, .rtl .left-box.profile-details { + float: none; + } + + /* Post + ----------------------------------------*/ + .rtl .postprofile, .rtl .postbody, .rtl .search .postbody { + float: none; + } + + .rtl .post .postprofile { + border-width: 0 0 1px 0; + } + + .rtl .postprofile dt, .rtl .postprofile dd.profile-rank, .rtl .search .postprofile dd { + margin: 0; + } + + .rtl .postprofile .avatar { + margin-left: 5px; + margin-right: 0; + } + + .rtl .has-profile .post-buttons { + left: 20px; + } + + /* Forms + ----------------------------------------*/ + .rtl fieldset dt, .rtl fieldset.fields1 dt, .rtl fieldset.fields2 dt { + float: none; + } + + .rtl fieldset dd, .rtl fieldset.fields1 dd, .rtl fieldset.fields2 dd { + margin-right: 20px; + } +} + +@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) +{ + /* .topiclist lists + ----------------------------------------*/ + .rtl ul.topiclist.forums dt { + margin-left: 0; + } + + .rtl ul.topiclist.forums dt .list-inner { + margin-left: 0; + } +} + +@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) +{ + .rtl dl.details dt, .rtl dl.details dd { + float: none; + text-align: right; + } + + .rtl dl.details dd { + margin-left: 0; + margin-right: 20px; + } + + .captcha-panel dd.captcha { + margin-right: 0; + } + + .rtl p.responsive-center { + float: none; + text-align: center; + margin-bottom: 5px; + } +} + +@media (min-width: 701px) { + .rtl .postbody { + margin-right: 0; + margin-left: 16px; + } +} \ No newline at end of file diff --git a/theme/colours.css b/theme/colours.css new file mode 100644 index 0000000..8a25a68 --- /dev/null +++ b/theme/colours.css @@ -0,0 +1,1173 @@ +/* +-------------------------------------------------------------- +Colours and backgrounds for common.css +-------------------------------------------------------------- */ + +html, body { + color: #000000; + background-color: #998979; +} + +h1 { + color: #333333; +} + +h2 { + color: #333333; +} + +h3 { + border-bottom-color: #000000; + color: #000000; +} + +hr { + border-color: #FFFFFF; + border-top-color: #191919; +} + +/* Search box +--------------------------------------------- */ + +.search-box .inputbox, +.search-box .inputbox:hover, +.search-box .inputbox:focus, +.search-box .button:hover { + border-color: #171717; + color: #181818; +} + + +/* +-------------------------------------------------------------- +Colours and backgrounds for links.css +-------------------------------------------------------------- */ + +a { color: #333; } +a:hover, a:focus, a:active{ color: #000000; } + +/* Links on gradient backgrounds */ +.forumbg .header a, .forabg .header a, th a { + color: #000000; +} + +.forumbg .header a:hover, .forabg .header a:hover, th a:hover { + color: #000000; +} + +/* Notification mark read link */ +.dropdown-extended a.mark_read { + background-color: #f1e3c1; +} + +/* Post body links */ +.postlink { + border-bottom-color: #000000; + color: #000000; +} + +.postlink:visited { + border-bottom-color: #000000; + color: #000000; +} + +.postlink:hover { + color: #880000; +} + +.signature a, .signature a:hover { + background-color: transparent; +} + +/* Back to top of page */ +.top i { + color: #999999; +} + +/* Arrow links */ +.arrow-left:hover, .arrow-right:hover { + color: #7D4B32; +} + +/* Round cornered boxes and backgrounds +---------------------------------------- */ +.wrap { + border-color: #e3d5b4; +} + +.headerbar { + color: #FFFFFF; +} + +.headerbar { + background-color: #333; +} + +.forabg, .forumbg{ + background-color: #b1a189; + background-image: url("./images/bg-forabg.gif"); + background-repeat: repeat-x; +} + +.forabgh { + background-color: #b1a189; + background-image: url("./images/bg-forabg.gif"); + background-repeat: repeat-x; +} + +.navbar { + background-color: #b1a189; + background-image: url("./images/bg-forabg.gif"); + background-repeat: repeat-x; +} + +.panel { + background-color: #f1e3c1; + color: #000000; + border: 1px solid grey; +} + +.post:target .content { + color: #000000; +} + +.post h3 a.first-unread, +.post:target h3 a { + color: #000000; +} + +.bg1 { + background-color: #f1e3c1; + border: 1px solid grey; + border-radius: 7px; +} + +table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) { + background-color: #f1e3c1; +} + +.bg2 { + background-color: #e0d2af; + border: 1px solid grey; + border-radius: 7px; +} + +table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { + background-color: #f1e3c1; +} + +.bg3 { + background-color: #e0d2af; + border-radius: 7px; +} + +.ucprowbg { + background-color: #b1a189; +} + +.fieldsbg { + background-color: #F9F9F9; +} + +.site_logo { + background-image: url("./images/site_logo.svg"); +} + +/* Horizontal lists +----------------------------------------*/ + +ul.navlinks { + border-top-color: #000000; +} + +/* Table styles +----------------------------------------*/ +table.table1 thead th { + color: #000000; +} + +table.table1 tbody tr { + border-color: #000000; +} + +table.table1 tbody tr:hover, table.table1 tbody tr.hover { + background-color: #FFFCD9; + color: #000; +} + +table.table1 td { + color: #000; +} + +table.table1 tbody td { + border-top-color: #000; +} + +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: #000000; +} + +.sep { + color: #181818; +} + +/* Icon styles +---------------------------------------- */ +.icon.icon-blue, a:hover .icon.icon-blue { + color: #196db5; +} + +.icon.icon-green, a:hover .icon.icon-green{ + color: #1b9A1B; +} + +.icon.icon-red, a:hover .icon.icon-red{ + color: #BC2A4D; +} + +.icon.icon-orange, a:hover .icon.icon-orange{ + color: #FF6600; +} + +.icon.icon-bluegray, a:hover .icon.icon-bluegray{ + color: #536482; +} + +.icon.icon-gray, a:hover .icon.icon-gray{ + color: #777777; +} + +.icon.icon-lightgray, a:hover .icon.icon-lightgray{ + color: #999999; +} + +.icon.icon-black, a:hover .icon.icon-black{ + color: #333333; +} + +.alert_close .icon:before { + background-color: #FFFFFF; +} + +/* Jumpbox */ +.jumpbox .dropdown li { + border-top-color: #CCCCCC; +} + +.jumpbox-cat-link { + background-color: #766657; + border-top-color: #000; + color: #FFFFFF; +} + +.jumpbox-cat-link:hover { + background-color: #948475; + border-top-color: #000000; + color: #FFFFFF; +} + +.jumpbox-forum-link { + background-color: #E0D2AF; +} + +.jumpbox-forum-link:hover { + background-color: #F6F4D0; +} + +.jumpbox .dropdown .pointer-inner { + border-color: #E1EBF2 transparent; +} + +.jumpbox-sub-link { + background-color: #E0D2AF; +} + +.jumpbox-sub-link:hover { + background-color: #FFFCDA; +} + +/* Miscellaneous styles +---------------------------------------- */ + +.copyright { + color: #181818; +} + +.error { + color: #BC2A4D; +} + +.reported { + background-color: #EED89A; +} + +li.reported:hover { + background-color: #fffcd9 !important; +} +.sticky, .announce { + /* you can add a background for stickies and announcements*/ +} + +div.rules { + background-color: #fffbdb; + color: #000; + border-radius: 7px; +} + +p.post-notice { + background-color: #CC9900; + background-image: none; +} + +/* +-------------------------------------------------------------- +Colours and backgrounds for content.css +-------------------------------------------------------------- */ + +ul.forums { + background-color: #f1e3c1; + background-image: url("./images/bg-header.gif"); + background-repeat: repeat-x; +} + +ul.topiclist li { + color: #000000; +} + +ul.topiclist dd { + border-left-color: #FFFFFF; +} + +.rtl ul.topiclist dd { + border-right-color: #FFFFFF; + border-left-color: transparent; +} + +li.row { + /*border-top-color: #FFFFFF;*/ + border-bottom-color: #181818; +} + +li.row strong { + color: #000000; +} + +li.row:hover { + background-color: #DBCCAC; +} + +li.row:hover dd { + border-left-color: #ffffff; +} + +.rtl li.row:hover dd { + border-right-color: #ffffff; + border-left-color: transparent; +} + +li.header dt, li.header dd { + color: #000000; +} + +/* Post body styles +----------------------------------------*/ +.postbody { + color: #333333; +} + +/* Content container styles +----------------------------------------*/ +.content { + color: #000000; +} + +.content h2, .panel h2 { + color: #3e2e1f; + border-bottom-color: #000000; +} + +dl.faq dt { + color: #000000; +} + +.posthilit { + background-color: #625242; + color: #fff; +} + +.announce, .unreadpost { + /* Highlight the announcements & unread posts box */ +} + +/* Post signature */ +.signature { + border-top-color: #191919; +} + +/* Post noticies */ +.notice { + border-top-color: #181818; +} + +/* BB Code styles +----------------------------------------*/ +/* Quote block */ +blockquote { + background-color: #C7B996; + border-color: #a0a0a0; +} + +blockquote blockquote { + /* Nested quotes */ + background-color:#baa384; +} + +blockquote blockquote blockquote { + /* Nested quotes */ + background-color: #f0e8c4; +} + +/* Code block */ +.codebox { + background-color: #CDBEA1; + border-color: #000000; +} + +.codebox p { + border-bottom-color: #191919; +} + +.codebox code { + color: #000000; +} + +/* Attachments +----------------------------------------*/ +.attachbox { + background-color: #ECE9D8; + border-color: #000000; +} + +.pm-message .attachbox { + background-color: #F2F3F3; +} + +.attachbox dd { + border-top-color: #C9D2D8; +} + +.attachbox p { + color: #666666; +} + +.attachbox p.stats { + color: #666666; +} + +.attach-image img { + border-color: #999999; +} + +/* Inline image thumbnails */ + +dl.file dd { + color: #666666; +} + +dl.thumbnail img { + border-color: #666666; + background-color: #FFFFFF; +} + +dl.thumbnail dd { + color: #666666; +} + +dl.thumbnail dt a:hover { + background-color: #EEEEEE; +} + +dl.thumbnail dt a:hover img { + border-color: #368AD2; +} + +/* Post poll styles +----------------------------------------*/ + +fieldset.polls dl { + border-top-color: #483829; + color: #666666; +} + +fieldset.polls dl.voted { + color: #660000; +} + +fieldset.polls dd div { + color: #FFFFFF; +} + +.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { + border-right-color: transparent; +} + +.pollbar1 { + background-color: #3D2D1E; + border-bottom-color: #959595; + border-right-color: #959595; +} + +.rtl .pollbar1 { + border-left-color: #959595; +} + +.pollbar2 { + background-color: #665647; + border-bottom-color: #626262; + border-right-color: #626262; +} + +.rtl .pollbar2 { + border-left-color: #626262; +} + +.pollbar3 { + background-color: #766657; + border-bottom-color: #c2c2c2; + border-right-color: #c2c2c2; +} + +.rtl .pollbar3 { + border-left-color: #c2c2c2; +} + +.pollbar4 { + background-color: #928273; + border-bottom-color: #7d7d7d; + border-right-color: #7d7d7d; +} + +.rtl .pollbar4 { + border-left-color: #7d7d7d; +} + +.pollbar5 { + background-color: #b0a091; + border-bottom-color: #a3a3a3; + border-right-color: #a3a3a3; +} + +.rtl .pollbar5 { + border-left-color: #a3a3a3; +} + +/* Poster profile block +----------------------------------------*/ +.postprofile { + color: #666666; + border-color: #FFFFFF; +} + +.pm .postprofile { + border-color: #DDDDDD; +} + +.postprofile strong { + color: #000000; +} + +.online { + background-image: url("./en/icon_user_online.gif"); +} + +dd.profile-warnings { + color: #BC2A4D; +} + +/* +-------------------------------------------------------------- +Colours and backgrounds for buttons.css +-------------------------------------------------------------- */ +.button { + border-color: #000000; + background-color: #EEE0BF; + background-image: -moz-linear-gradient(top, #DED0AE, #faf6ed, #EEE0BF); + background-image: -webkit-linear-gradient(top, #DED0AE, #faf6ed, #EEE0BF); + background-image: -o-linear-gradient(top, #DED0AE, #faf6ed, #EEE0BF); + background-image: linear-gradient(to bottom, #DED0AE, #faf6ed, #EEE0BF); + box-shadow: 0 0 0 1px #EEE0BF inset; + -webkit-box-shadow: 0 0 0 1px #EEE0BF inset; + color: #000000; +} + +.button:hover, +.button:focus { + border-color: #766657; + background-image: -moz-linear-gradient(top, #EEE0BF, #DED0AE); + background-image: -webkit-linear-gradient(top, #EEE0BF, #DED0AE); + background-image: -o-linear-gradient(top, #EEE0BF, #DED0AE); + background-image: linear-gradient(to bottom, #EEE0BF, #DED0AE); + text-shadow: 1px 1px 0 #EEE0BF, -1px -1px 0 #EEE0BF, -1px -1px 0 rgba(188, 42, 77, 0.2); +} + +.button .icon, +.button-secondary { + color: #191919; +} + +.button-secondary:focus, +.button-secondary:hover, +.button:focus .icon, +.button:hover .icon { + color: #766657; +} + +.button-search:hover, +.button-search-end:hover { + border-color: #C7C3BF; +} + +.caret { border-color: #DADADA; } +.caret { border-color: #C7C3BF; } + +.contact-icons a { border-color: #3D2D1E; } +.contact-icons a:hover { background-color: #D3C4A5; } + +/* Pagination +---------------------------------------- */ + +.pagination li a { + background-color: #b1a189; + border-color: #000001; + color: #000000; +} + +.pagination li.ellipsis span { + background: transparent; + color: #000000; +} + +.pagination li.active span { + background-color: #b1a189; + border-color: #b1a189; + color: #000001; +} + +.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { + border-color: #000000; + background-color: #f1e3c1; + color: #FFFFFF; +} + +/* Search box +--------------------------------------------- */ +/* +.search-box .inputbox, +.search-box .inputbox:hover, +.search-box .inputbox:focus { + border-color: #483829; +}*/ +/* +.search-header { + box-shadow: 0 0 10px #483829; +}*/ + +.search-results li:hover, +.search-results li.active { + background-color: #CFE1F6; +} + +/* Icon images +---------------------------------------- */ + +.contact-icon { background-image: url("./images/icons_contact.png"); } + +/* Profile & navigation icons */ +.pm-icon { background-position: 0 0; } +.email-icon { background-position: -21px 0; } +.jabber-icon { background-position: -80px 0; } +.phpbb_icq-icon { background-position: -61px 0 ; } +.phpbb_wlm-icon { background-position: -182px 0; } +.phpbb_aol-icon { background-position: -244px 0; } +.phpbb_website-icon { background-position: -40px 0; } +.phpbb_youtube-icon { background-position: -98px 0; } +.phpbb_facebook-icon { background-position: -119px 0; } +.phpbb_skype-icon { background-position: -161px 0; } +.phpbb_twitter-icon { background-position: -203px 0; } +.phpbb_yahoo-icon { background-position: -224px 0; } + +/* Forum icons & Topic icons */ +.global_read { background-image: url("./images/announce_read.gif"); } +.global_read_mine { background-image: url("./images/announce_read_mine.gif"); } +.global_read_locked { background-image: url("./images/announce_read_locked.gif"); } +.global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); } +.global_unread { background-image: url("./images/announce_unread.gif"); } +.global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); } +.global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); } +.global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); } + +.announce_read { background-image: url("./images/announce_read.gif"); } +.announce_read_mine { background-image: url("./images/announce_read_mine.gif"); } +.announce_read_locked { background-image: url("./images/announce_read_locked.gif"); } +.announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); } +.announce_unread { background-image: url("./images/announce_unread.gif"); } +.announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); } +.announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); } +.announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); } + +.forum_link { background-image: url("./images/forum_link.gif"); } +.forum_read { background-image: url("./images/forum_read.gif"); } +.forum_read_locked { background-image: url("./images/forum_read_locked.gif"); } +.forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); } +.forum_unread { background-image: url("./images/forum_unread.gif"); } +.forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); } +.forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); } + +.sticky_read { background-image: url("./images/sticky_read.gif"); } +.sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); } +.sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); } +.sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); } +.sticky_unread { background-image: url("./images/sticky_unread.gif"); } +.sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); } +.sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); } +.sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); } + +.topic_moved { background-image: url("./images/topic_moved.gif"); } +.pm_read, +.topic_read { background-image: url("./images/topic_read.gif"); } +.topic_read_mine { background-image: url("./images/topic_read_mine.gif"); } +.topic_read_hot { background-image: url("./images/topic_read_hot.gif"); } +.topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); } +.topic_read_locked { background-image: url("./images/topic_read_locked.gif"); } +.topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); } +.pm_unread, +.topic_unread { background-image: url("./images/topic_unread.gif"); } +.topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); } +.topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); } +.topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); } +.topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); } +.topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); } + + +/* +-------------------------------------------------------------- +Colours and backgrounds for cp.css +-------------------------------------------------------------- */ + +/* Main CP box +----------------------------------------*/ + +.panel-container h3, .panel-container hr, .cp-menu hr { + border-color: #181818; +} + +.panel-container .panel li.row { + border-bottom-color: #191919; + border-top-color: #181818; +} + +ul.cplist { + border-top-color: #000000; +} + +.panel-container .panel li.header dd, .panel-container .panel li.header dt { + color: #000000; +} + +.panel-container table.table1 thead th { + color: #000000; + border-bottom-color: #181818; +} + +.cp-main .pm-message { + border-color: #191919; + background-color: #FFFFFF; +} + +/* CP tabbed menu +----------------------------------------*/ +.tabs .tab > a { + background: #f0E2C0; + color: #000000; +} + +.tabs .tab > a:hover { + background: #D6C6B6; + color: #000000; +} + +.tabs .activetab > a, +.tabs .activetab > a:hover { + background-color: #BBAD92; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #BBAD92 0%, #f1e3c1 100%); + background-image: linear-gradient(to bottom, #BBAD92 0%,#f1e3c1 100%); /* W3C */ + border-color: #000001 #191919 #3D2D1E; + border-bottom-color: #3D2D1E; + color: #000000; +} + +.tabs .activetab > a:hover { + color: #000000; +} + +/* Mini tabbed menu used in MCP +----------------------------------------*/ +.minitabs .tab > a { + background-color: #CBC0B5; +} + +.minitabs .activetab > a, +.minitabs .activetab > a:hover { + background-color: #CBC0B5; + color: #191919; +} + +/* Responsive tabs +----------------------------------------*/ +.responsive-tab .responsive-tab-link:before { + border-color: #000000; +} + +.responsive-tab .responsive-tab-link:hover:before { + border-color: #000000; +} + +/* UCP navigation menu +----------------------------------------*/ + +/* Link styles for the sub-section links */ +.navigation a { + color: #000; + background: #998979; /* Old browsers */ /* FF3.6+ */ + background: -webkit-linear-gradient(left, #998979 50%, #CADCEB 100%); + background: linear-gradient(to bottom, #998979 80%, #e0d2af 100%); +} + +.rtl .navigation a { + color: #000000; + background: #e0d2af; /* Old browsers */ /* FF3.6+ */ + background: -webkit-linear-gradient(top, #e0d2af 80%, #e0d2af 100%); + background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */ +} + +.navigation a:hover { + background: #beae94; + color: #000000; +} + +.navigation .active-subsection a { + background: #FFFCD9; + color: #000000; +} + +.navigation .active-subsection a:hover { + color: #000000; +} + +@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) +{ + #navigation a, .rtl #navigation a { + background: #998979; + } +} + +/* Preferences pane layout +----------------------------------------*/ +.panel-container h2 { + color: #000000; +} + +.panel-container .panel { + background-color: #f1e3c1; +} + +.cp-main .pm { + background-color: #EDE9E4; +} + +/* Friends list */ +.cp-mini { + background-color: #f1e3c1; +} + +dl.mini dt { + color: #000000; +} + +/* 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: #000000; + border-right-color: #000000; +} + +.pmlist li.pm_marked_colour, .pm_marked_colour { + border-color: #FF6600; +} + +.pmlist li.pm_replied_colour, .pm_replied_colour { + border-color: #515151; +} + +.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: #FFFFFF; + border-color: #CCC; +} + +.gallery label:hover { + background-color: #CC9900; +} + +/* +-------------------------------------------------------------- +Colours and backgrounds for forms.css +-------------------------------------------------------------- */ + +/* General form styles +----------------------------------------*/ +select { + border-color: #666666; + background-color: #faf6ed; + color: #000; +} + +label { + color: #000000; +} + +option.disabled-option { + color: graytext; +} + +/* Definition list layout for forms +---------------------------------------- */ +dd label { + color: #191919; +} + +fieldset.fields1 { + background-color: transparent; +} + +/* 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: #faf6ed; +} + +/* Posting page styles +----------------------------------------*/ + +.message-box textarea { + color: #000002; +} + +.message-box textarea.drag-n-drop { + outline-color: rgba(102, 102, 102, 0.5); +} + +.message-box textarea.drag-n-drop-highlight { + outline-color: rgba(160, 119, 12, 0.5); +} + +/* Input field styles +---------------------------------------- */ +.inputbox { + background-color: #faf6ed; + border-color: #181818; + color: #191919; +} + +.inputbox:-moz-placeholder { + color: #191919; +} + +.inputbox::-webkit-input-placeholder { + color: #191919; +} + +.inputbox:hover { + border-color: #3D2D1E; +} + +.inputbox:focus { + border-color: #181818; + color: #000002; +} + +.inputbox:focus:-moz-placeholder { + color: transparent; +} + +.inputbox:focus::-webkit-input-placeholder { + color: transparent; +} + + +/* Form button styles +---------------------------------------- */ + +a.button1, input.button1, input.button3, a.button2, input.button2 { + color: #000002; + background-color: #FAFAFA; + background-image: url("./images/bg-button.gif"); + } + +a.button1, input.button1 { + border-color: #000000; +} + +input.button3 { + background-image: none; +} + +/* Alternative button */ +a.button2, input.button2, input.button3 { + border-color: #000000; +} + +/* button in the style of the form buttons */ +a.button1, a.button2 { + color: #000000; +} + +/* Hover states */ +a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { + border-color: #766657; + color: #000000; +} + +/* Focus states */ +input.button1:focus, input.button2:focus, input.button3:focus { + border-color: #766657; + color: #000000; +} + +input.disabled { + color: #000000; +} + +/* jQuery popups +---------------------------------------- */ +.phpbb_alert { + background-color: #FFFFFF; + border-color: #999999; +} +.darken { + background-color: #000000; +} + +.loading_indicator { + background-color: #000000; + background-image: url("./images/loading.gif"); +} + +.dropdown-extended ul li { + border-top-color: #EEE0BF; +} + +.dropdown-extended ul li:hover { + background-color: #DED0AE; + color: #000000; +} + +.dropdown-extended .header, .dropdown-extended .footer { + border-color: #191919; + color: #000000; +} + +.dropdown-extended .footer { + border-top-style: solid; + border-top-width: 1px; +} + +.dropdown-extended .header { + background-color: #DED0AE; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #EEE0BF 0%, #DED0AE 100%); + background-image: linear-gradient(to bottom, #EEE0BF 0%,#DED0AE 100%); /* W3C */ +} + +.dropdown .pointer { + border-color: #191919 transparent; +} + +.dropdown .pointer-inner { + border-color: #D6C6B6 transparent; +} + +.dropdown-extended .pointer-inner { + border-color: #867667 transparent; +} + +.dropdown .dropdown-contents { + background: #D6C6B6; + border-color: grey; + box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.2); +} + +.dropdown-up .dropdown-contents { + box-shadow: 3px 2px 7px rgba(0, 0, 0, 0.2); +} + +.dropdown li, .dropdown li li { + border-color: #867667; +} + +.dropdown li.separator { + border-color: #867667; +} + +/* Notifications +---------------------------------------- */ + +.notification_list p.notification-time { + color: #4C5D77; +} + +li.notification-reported strong, li.notification-disapproved strong { + color: #D31141; +} + +.badge { + background-color: #D31141; + color: #ffffff; +} diff --git a/theme/common.css b/theme/common.css new file mode 100644 index 0000000..219eb28 --- /dev/null +++ b/theme/common.css @@ -0,0 +1,1307 @@ +/* General Markup Styles +---------------------------------------- */ +html { + font-size: 100%; + /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */ + height: 101%; +} + +body { + border-top: 10px solid #998979; + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + line-height: normal; + margin: 0; + word-wrap: break-word; + -webkit-print-color-adjust: exact; +} + +h1 { + /* Forum name */ + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 1.5em; + text-align: center; +} + +h2 { + /* Forum header titles */ + font-family: "Verdana", Trebuchet MS, Helvetica, Arial, sans-serif; + font-weight: bold; + font-size: 1.5em; + 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: "Verdana", Trebuchet MS, Helvetica, Arial, sans-serif; + font-weight: bold; + border-bottom: 1px solid transparent; + margin-bottom: 6px; + margin-left: 12px; + padding-bottom: 2px; + font-size: 1.05em; + margin-top: 10px; +} + +h4 { + /* Forum and topic list titles */ + font-family: "Verdana", Trebuchet MS, Helvetica, Arial, Sans-serif; + font-size: 1.05em; + margin-left: 12px; +} + +h5 { + font-family: "Verdana", Trebuchet MS, Helvetica, Arial, Sans-serif; + margin-bottom: 2px; + margin-top: -9px; + font-size: 1.05em; + text-align: center; + color: #333 +} + +p { + line-height: 1.3em; + font-size: 1.1em; + margin-bottom: 1.5em; + margin-left: 12px; + color: #000; +} + +img { + border-width: 0; +} + +hr { + border: 0 solid transparent; + border-top-width: 1px; + height: 1px; + margin: 5px 0; + display: block; + clear: both; +} + +hr.dashed { + border-top-style: dashed; + margin: 10px 0; +} + +hr.divider { + display: none; +} + +p.right { + text-align: right; +} + +p.jumpbox-return { + margin-top: 10px; + margin-bottom: 0; + float: left; +} + +b, strong { + font-weight: bold; +} + +.text-strong { + font-weight: bold; +} + +i, em { + font-style: italic; +} + +.text-italics { + font-style: italic; +} + +u { + text-decoration: underline; +} + +ul { + list-style-type: disc; +} + +ol { + list-style-type: decimal; +} + +li { + display: list-item; +} + +ul ul, ol ul { + list-style-type: circle; +} + +ol ol ul, ol ul ul, ul ol ul, ul ul ul { + list-style-type: square; +} + +a:hover { text-decoration: underline; } + +/* Main blocks +---------------------------------------- */ +.navbar a:link { color: #000; } +.navbar a:visited { color: #000; } +.navbar a:hover { color: #000; } +.navbar a:active { color: #000; } + +.copyright a:link { color: #000; } +.copyright a:visited { color: #000; } +.copyright a:hover { color: #000; } +.copyright a:active { color: #000; } + +.wrap { + margin-bottom: 24px; + padding: 0px; +} + +@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) { + .wrap { + margin: 0; + } +} + +.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; +} + +.logo:hover { + text-decoration: none; +} + +.site_logo { + background-repeat: no-repeat; + display: inline-block; + width: 460px; + height: 100px; +} + +/* Site description and logo */ +.site-description { + float: left; + width: 65%; +} + +.site-description h1 { + margin-right: 0; +} + +/* Round cornered boxes and backgrounds +---------------------------------------- */ +.headerbar { + padding: 5px 5px 38px; +} + +.navbar { + margin-top: 0; + padding: 0 10px; + border-radius: 2px +} + +.forabg { + border-radius: 7px; + margin-bottom: 5px; + margin-top: 5px; + padding: 5px; + clear: both; +} + +.forumbg { + margin-bottom: 4px; + padding: 5px; + clear: both; +} + +.panel { + border-radius: 7px; + margin-bottom: 4px; + padding: 5px 10px; +} + +.post { + padding: 5px 10px; + margin-bottom: 8px; + border: 1px solid #242E43; + background-repeat: no-repeat; + background-position: 100% 0; + position: relative; +} + +.rowbg { + margin: 5px 5px 2px 5px; +} + +/* Horizontal lists +----------------------------------------*/ +.navbar ul.linklist { + padding: 2px 0; + list-style-type: none; +} + +ul.linklist { + display: block; + margin: 0; +} + +.cp-main .panel { + margin-left: 4px; + padding: 5px 10px; +} + +ul.linklist > li { + float: left; + font-size: 1.1em; + line-height: 2.2em; + list-style-type: none; + margin-right: 7px; + padding-top: 1px; + width: auto; +} + +ul.linklist > li.rightside, p.rightside, a.rightside { + float: right; + margin-right: 0; + margin-left: 7px; + text-align: right; +} + +li.rightside { + color: #000; +} + +ul.navlinks { + border-top: 1px solid transparent; +} + +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; +} + +ul.linklist li.responsive-menu { + position: relative; + margin: 0 5px 0 0; +} + +.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside { + max-width: 48%; +} + +.hasjs ul.linklist.fullwidth { + max-width: none; +} + +li.responsive-menu.dropdown-right .dropdown { + left: -9px; +} + +li.responsive-menu.dropdown-left .dropdown { + right: -6px; +} + +ul.linklist .dropdown { + top: 22px; +} + +ul.linklist .dropdown-up .dropdown { + bottom: 18px; + top: auto; +} + +/* Bulletin icons for list items +----------------------------------------*/ +ul.linklist.bulletin > li:before { + display: inline-block; + content: "\2022"; + font-size: inherit; + line-height: inherit; + padding-right: 4px; +} + +ul.linklist.bulletin > li:first-child:before, +ul.linklist.bulletin > li.rightside:last-child:before { + content: none; +} + +ul.linklist.bulletin > li.no-bulletin:before { + content: none; +} + +.responsive-menu:before { + display: none !important; +} + +/* Profile in overall_header.html */ +.header-profile { + display: inline-block; + vertical-align: top; +} + +a.header-avatar, +a.header-avatar:hover { + text-decoration: none; +} + +a.header-avatar img { + margin-bottom: 2px; + max-height: 20px; + vertical-align: middle; + width: auto; +} + +a.header-avatar span:after { + content: '\f0dd'; + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + padding-left: 6px; + padding-top: 2px; + vertical-align: top; +} + +/* Dropdown menu +----------------------------------------*/ +.dropdown-container { + position: relative; +} + +.dropdown-container-right { + float: right; +} + +.dropdown-container-left { + float: left; +} + +.nojs .dropdown-container:hover .dropdown { + display: block !important; +} + +.dropdown { + display: none; + position: absolute; + left: 0; + top: 1.2em; + z-index: 2; + border: 1px solid transparent; + padding: 9px 0 0; + margin-right: -500px; +} + +.dropdown.live-search { + top: auto; +} + +.dropdown-container.topic-tools { + float: left; +} + +.dropdown-up .dropdown { + top: auto; + bottom: 1.2em; + padding: 0 0 9px; +} + +.dropdown-left .dropdown, .nojs .rightside .dropdown { + left: auto; + right: 0; + margin-left: -500px; + margin-right: 0; +} + +.dropdown-button-control .dropdown { + top: 24px; +} + +.dropdown-button-control.dropdown-up .dropdown { + top: auto; + bottom: 24px; +} + +.dropdown .pointer, .dropdown .pointer-inner { + position: absolute; + width: 0; + height: 0; + border-top-width: 0; + border-bottom: 10px solid transparent; + border-left: 10px dashed transparent; + border-right: 10px dashed transparent; + -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */ + display: block; +} + +.dropdown-up .pointer, .dropdown-up .pointer-inner { + border-bottom-width: 0; + border-top: 10px solid transparent; +} + +.dropdown .pointer { + right: auto; + left: 10px; + top: -1px; + z-index: 3; +} + +.dropdown-up .pointer { + bottom: -1px; + top: auto; +} + +.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer { + left: auto; + right: 10px; +} + +.dropdown .pointer-inner { + top: auto; + bottom: -11px; + left: -10px; +} + +.dropdown-up .pointer-inner { + bottom: auto; + top: -11px; +} + +.dropdown .dropdown-contents { + z-index: 2; + overflow: hidden; + overflow-y: auto; + border: 1px solid transparent; + padding: 5px; + position: relative; + max-height: 300px; +} + +.dropdown-contents a { + display: block; + padding: 5px; +} + +.jumpbox { + margin: 5px 0; +} + +.jumpbox .dropdown li { + border-top: 1px solid transparent; +} + +.jumpbox .dropdown-select { + margin: 0; +} + +.jumpbox .dropdown-contents { + padding: 0; + text-decoration: none; +} + +.jumpbox .dropdown-contents li { + padding: 0; +} + +.jumpbox .dropdown-contents a { + margin-right: 20px; + padding: 5px 10px; + text-decoration: none; + width: 100%; +} + +.jumpbox .spacer { + display: inline-block; + width: 0px; +} + +.jumpbox .spacer + .spacer { + width: 20px; +} + +.dropdown-contents a { + display: block; + padding: 5px; +} + +.jumpbox .dropdown-select { + margin: 0; +} + +.jumpbox .dropdown-contents a { + text-decoration: none; +} + +.dropdown li { + display: list-item; + border-top: 1px dotted transparent; + float: none !important; + line-height: normal !important; + font-size: 1em !important; + list-style: none; + margin: 0; + white-space: nowrap; + text-align: left; +} + +.dropdown-contents > li { + padding-right: 15px; +} + +.dropdown-nonscroll > li { + padding-right: 0; +} + +.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li { + border-top: 0; +} + +.dropdown li li:first-child { + margin-top: 4px; +} + +.dropdown li li:last-child { + padding-bottom: 0; +} + +.dropdown li li { + border-top: 1px dotted transparent; + padding-left: 18px; +} + +.wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li { + white-space: normal; +} + +.dropdown li.separator { + border-top: 1px solid transparent; + padding: 0; +} + +.dropdown li.separator:first-child, .dropdown li.separator:last-child { + display: none !important; +} + +/* Responsive breadcrumbs +----------------------------------------*/ +.breadcrumbs .crumb { + float: left; + font-weight: bold; + word-wrap: normal; +} + +.breadcrumbs .crumb:before { + color: #333; + content: '\2039'; + font-weight: bold; + padding: 0 0.5em; +} + +.breadcrumbs .crumb:first-child:before { + content: none; +} + +.breadcrumbs .crumb a { + white-space: nowrap; + text-overflow: ellipsis; + vertical-align: bottom; + overflow: hidden; +} + +.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; } +.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; } +.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; } + +.breadcrumbs .crumb.wrapped-max a { max-width: 120px; } +.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; } +.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; } +.breadcrumbs .crumb.wrapped-small a { max-width: 60px; } +.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; } + +/* Table styles +----------------------------------------*/ +table.table1 { + width: 100%; +} + +.ucp-main table.table1 { + padding: 2px; +} + +table.table1 thead th { + font-weight: normal; + text-transform: uppercase; + 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 transparent; +} + +table.table1 td { + font-size: 1.1em; +} + +table.table1 tbody td { + padding: 5px; + border-top: 1px solid transparent; +} + +table.table1 tbody th { + padding: 5px; + border-bottom: 1px solid transparent; + text-align: left; +} + +/* Specific column styles */ +table.table1 .name { text-align: left; } +table.table1 .center { text-align: center; } +table.table1 .reportby { width: 15%; } +table.table1 .posts { text-align: center; 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.info td { + padding: 3px; +} + +table.info tbody th { + padding: 3px; + text-align: right; + vertical-align: top; + font-weight: normal; +} + +.forumbg table.table1 { + margin: 0; +} + +.forumbg-table > .inner { + margin: 0 -1px; +} + +.color_palette_placeholder table { + border-collapse: separate; + border-spacing: 1px; +} + +/* Misc layout styles +---------------------------------------- */ +/* column[1-2] styles are containers for two column layouts */ +.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; + max-width: 100%; +} + +.left-box.profile-details { + width: 80%; +} + +.right-box { + float: right; + width: auto; + text-align: right; + max-width: 100%; +} + +dl.details { + font-size: 1.1em; +} + +dl.details dt { + float: left; + clear: left; + width: 30%; + text-align: right; + display: block; +} + +dl.details dd { + margin-left: 0; + padding-left: 5px; + margin-bottom: 5px; + float: left; + width: 65%; + overflow: hidden; + text-overflow: ellipsis; +} + +.clearfix, fieldset dl, ul.topiclist dl, dl.polls { + overflow: hidden; +} + +fieldset.fields1 ul.recipients { + list-style-type: none; + line-height: 1.8; + max-height: 150px; + overflow-y: auto; +} + +fieldset.fields1 dd.recipients { + clear: left; + margin-left: 1em; +} + +fieldset.fields1 ul.recipients input.button2{ + font-size: 0.8em; + margin-right: 0; + padding: 0; +} + +fieldset.fields1 dl.pmlist > dt { + width: auto !important; +} + +fieldset.fields1 dl.pmlist dd.recipients { + margin-left: 0 !important; +} + +/* Action-bars (container for post/reply buttons, pagination, etc.) +---------------------------------------- */ +.action-bar { + font-size: 11px; + margin: 6px 0; +} + +.forabg + .action-bar { + margin-top: 2em; +} + +.action-bar .button { + margin-right: 5px; + float: left; +} + +.action-bar .button-search { + margin-right: 0; +} + +/* Pagination +---------------------------------------- */ +.pagination { + float: right; + text-align: right; + width: auto; +} + +.action-bar.bar-bottom .pagination { + margin-top: 0; +} + +.action-bar .pagination .button { + margin-right: 0; + float: none; +} + +.pagination > ul { + display: inline-block; + list-style: none !important; + margin-left: 5px; +} + +.pagination > ul > li { + display: inline-block !important; + padding: 0; + font-size: 100%; + line-height: normal; + vertical-align: middle; +} + +.pagination li a, .pagination li span { + border-radius: 2px; + padding: 2px 5px; +} + +.pagination li.active span { + display: inline-block; + font-size: 13px; + font-weight: normal; + font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; + line-height: 1.4; + text-align: center; + white-space: nowrap; + vertical-align: middle; + border: 1px solid transparent; +} + +.pagination li.ellipsis span { + border: none; + padding: 0; +} + +.pagination li.page-jump { + margin-right: 5px; +} + +.pagination li.page-jump a { + padding: 0 8px; +} + +.pagination li.page-jump a i { + font-size: 21px; +} + +.pagination .arrow a { + padding: 2px 0; +} + +/* Pagination in viewforum for multipage topics */ +.row .pagination { + display: block; + margin-top: 3px; + margin-bottom: 3px; +} + +.row .pagination > ul { + margin: 0; +} + +.row .pagination li a, .row .pagination li span { + border-radius: 2px; + padding: 1px 3px; + font-size: 9px; +} + +/* jQuery popups +---------------------------------------- */ +.phpbb_alert { + border: 1px solid transparent; + display: none; + left: 0; + padding: 0 25px 20px 25px; + position: fixed; + right: 0; + top: 150px; + z-index: 50; + width: 620px; + margin: 0 auto; +} + +@media only screen and (max-height: 500px), only screen and (max-device-width: 500px) +{ + .phpbb_alert { + top: 25px; + } +} + +.phpbb_alert .alert_close { + float: right; + margin-right: -36px; + margin-top: -8px; +} + +.phpbb_alert p { + margin: 8px 0; + padding-bottom: 8px; +} + +.phpbb_alert label { + display: block; + margin: 8px 0; + padding-bottom: 8px; +} + +.phpbb_alert div.alert_text > p, +.phpbb_alert div.alert_text > label, +.phpbb_alert div.alert_text > select, +.phpbb_alert div.alert_text > textarea, +.phpbb_alert div.alert_text > input { + font-size: 1.1em; +} + +.darkenwrapper { + display: none; + position: relative; + z-index: 44; +} + +.darken { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + z-index: 45; +} + +.loading_indicator { + background: center center no-repeat; + border-radius: 5px; + display: none; + opacity: 0.8; + margin-top: -50px; + margin-left: -50px; + height: 50px; + width: 50px; + position: fixed; + left: 50%; + top: 50%; + z-index: 51; +} + +/* Miscellaneous styles +---------------------------------------- */ +.copyright { + font-size: 10px; + text-align: left; + padding: 10px; +} + +.footer-row { + font-size: 10px; + line-height: 1.8; + margin: 0; +} + +.small { + font-size: 0.9em !important; +} + +.titlespace { + margin-bottom: 15px; +} + +.headerspace { + margin-top: 20px; +} + +.error { + font-weight: bold; + font-size: 1em; +} + +div.rules { + margin: 10px 0; + font-size: 1.1em; + padding: 5px 10px; +} + +div.rules ul, div.rules ol { + margin-left: 20px; +} + +p.post-notice { + position: relative; + padding: 5px; + padding-left: 26px; + min-height: 14px; + margin-bottom: 1em; +} + +form > p.post-notice strong { + line-height: 20px; +} + +.stat-block { + padding: 1px; + clear: both; + /*box-shadow: 0 -1px 6px 2px rgba(2, 2, 2, 0.7);*/ +} + +.top-anchor { + display: block; + position: absolute; + top: -20px; +} + +.clear { + display: block; + clear: both; + font-size: 1px; + line-height: 1px; + background: transparent; +} + +/* Inner box-model clearing */ +.inner:after, +ul.linklist:after, +.action-bar:after, +.notification_text:after, +.tabs-container:after, +.tabs > ul:after, +.minitabs > ul:after, +.postprofile .avatar-container:after { + clear: both; + content: ''; + display: block; +} + +.badge { + border-radius: 10px; + opacity: 0.8; + text-align: center; + white-space: nowrap; + font-size: 10px; + line-height: 1; + float: right; + display: inline-block; + margin-left: 3px; + vertical-align: baseline; + position: relative; + top: 3px; + padding: 4px 6px; +} + +.badge.hidden { + display: none; +} + +.emoji { + min-height: 18px; + min-width: 18px; + height: 1em; + width: 1em; +} + +.smilies { + vertical-align: text-bottom; +} + +.icon-notification { + position: relative; +} + +.member-search { + float: left; + margin: 0; + padding: 6px 10px; +} + +.member-search strong { + font-size: 0.95em; +} + +.dropdown-extended { + display: none; + z-index: 1; +} + +.dropdown-extended ul { + max-height: 350px; + overflow-y: auto; + overflow-x: hidden; + clear: both; +} + +.dropdown-extended ul li { + padding: 0; + margin: 0 !important; + float: none; + border-top: 1px solid; + list-style-type: none; + font-size: 0.95em; + clear: both; + position: relative; +} + +.dropdown-extended ul li:first-child { + border-top: none; +} + +.dropdown-extended ul li.no_notifications { + padding: 10px; +} + +.dropdown-extended .dropdown-contents { + max-height: none; + padding: 0; + position: absolute; + width: 340px; +} + +.nojs .dropdown-extended .dropdown-contents { + position: relative; +} + +.dropdown-extended .header { + padding: 0 10px; + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + text-align: left; + text-transform: uppercase; + line-height: 3em; + border-bottom: 1px solid; +} + +.dropdown-extended .header .header_settings { + float: right; + font-weight: normal; + text-transform: none; +} + +.dropdown-extended .header .header_settings a { + display: inline-block; + padding: 0 5px; +} + +.dropdown-extended .header:after { + content: ''; + display: table; + clear: both; +} + +.dropdown-extended .footer { + text-align: center; + font-size: 1.1em; +} + +.dropdown-extended ul li a, .dropdown-extended ul li.no-url { + padding: 8px; +} + +.dropdown-extended .footer > a { + padding: 5px 0; +} + +.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a { + display: block; + text-decoration: none; +} + +.notification_list ul li img { + float: left; + max-height: 50px; + max-width: 50px; + width: auto !important; + height: auto !important; + margin-right: 5px; +} + +.notification_list ul li p { + margin-bottom: 4px; + font-size: 1em; +} + +.notification_list p.notification-reference, +.notification_list p.notification-location, +.notification_list li a p.notification-reason { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.notification_list p.notification-time { + font-size: 0.9em; + margin: 0; + text-align: right; +} + +.notification_list div.notifications { + margin-left: 50px; + padding: 5px; +} + +.notification_list div.notifications a { + display: block; +} + +.notification_list p.notifications_title { + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + font-size: 1.2em !important; +} + +.notification_list p.notifications_title strong { + font-weight: bold; +} + +.notification_list p.notifications_time { + font-size: 0.9em !important; +} + +.notification_text { + margin-left: 58px; +} + +/* Navbar specific list items +----------------------------------------*/ + +.linklist .quick-links { + margin: 0 7px 0 0; +} + +.linklist.compact .rightside > a > span { + display: none; +} + +.dropdown-page-jump .dropdown { + top: 20px; +} + +.dropdown-page-jump.dropdown-up .dropdown { + bottom: 20px; +} + +.dropdown-page-jump input.tiny { + width: 50px; +} + +.dropdown .clone.hidden { + display: none; +} + +.dropdown .clone.hidden + li.separator { + display: none; +} + +.dropdown .clone.hidden + li { + border-top: none; +} diff --git a/theme/content.css b/theme/content.css new file mode 100644 index 0000000..d010861 --- /dev/null +++ b/theme/content.css @@ -0,0 +1,866 @@ +/* Content Styles +---------------------------------------- */ + +ul.topiclist { + display: block; + list-style-type: none; + margin: 0; +} + +ul.topiclist li { + display: block; + list-style-type: none; + margin: 0; +} + +ul.topiclist dl { + position: relative; +} + +ul.topiclist li.row dl { + margin: 2px 0px; +} + +ul.topiclist dt, ul.topiclist dd { + display: block; + float: left; +} + +ul.topiclist dt { + width: 100%; + margin-right: -440px; + font-size: 1.1em; +} + +ul.topiclist.missing-column dt { + margin-right: -345px; +} + +ul.topiclist.two-long-columns dt { + margin-right: -250px; +} + +ul.topiclist.two-columns dt { + margin-right: -80px; +} + +ul.topiclist dt .list-inner { + margin-right: 440px; + padding-left: 5px; + padding-right: 5px; +} + +ul.topiclist.missing-column dt .list-inner { + margin-right: 345px; +} + +ul.topiclist.two-long-columns dt .list-inner { + margin-right: 250px; +} + +ul.topiclist.two-columns dt .list-inner { + margin-right: 80px; +} + +ul.topiclist dd { + border-left: 1px solid transparent; + padding: 4px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +ul.topiclist li.row dd { + padding: 4px 0 999px 0; + margin-bottom: -995px; +} + +ul.topiclist dfn { + /* Labels for post/view counts */ + position: absolute; + left: -999px; + width: 990px; +} + +.forum-image { + float: left; + padding-top: 5px; + margin-right: 5px; +} + +li.row { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; +} + +li.row strong { + font-weight: normal; +} + +li.header dt, li.header dd { + line-height: 1em; + border-left-width: 0; + margin: 2px 0 4px 0; + padding-top: 2px; + padding-bottom: 2px; + font-size: 1.4em; + font-family: Arial, Helvetica, sans-serif; +} + +li.header dt { + font-weight: bold; + width: 100%; + margin-right: -440px; +} + +li.header dt .list-inner { + margin-right: 440px; +} + +li.header dd { + padding-left: 1px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +li.header dl.row-item dt, li.header dl.row-item dd { + min-height: 0; +} + +li.header dl.row-item dt .list-inner { + /* Tweak for headers alignment when folder icon used */ + padding-left: 0; + padding-right: 50px; +} + +/* Forum list column styles */ +.row .list-inner { padding: 4px 0; } + +dl.row-item { + background-position: 10px 50%; /* Position of folder icon */ + background-repeat: no-repeat; + background-size: 40px; +} + +dl.row-item dt { + background-repeat: no-repeat; + background-position: 5px 95%; /* Position of topic icon */ + background-size: 17px; +} + +dl.row-item dt .list-inner { + padding-left: 70px; /* Space for folder icon */ +} + +dl.row-item dt, dl.row-item dd { + min-height: 46px; +} + +dl.row-item dt a { + display: inline; +} + +dl a.row-item-link { /* topic row icon links */ + display: block; + width: 30px; + height: 30px; + padding: 0; + position: absolute; + top: 50%; + left: 0; + margin-top: -15px; + margin-left: 9px; +} + +dd.posts, dd.topics, dd.views, dd.extra, dd.mark { + width: 80px; + text-align: center; + line-height: 2.2em; + font-size: 1.2em; +} + +dd.posts, dd.topics, dd.views { + width: 95px; +} + +/* List in forum description */ +dl.row-item dt ol, +dl.row-item dt ul { + list-style-position: inside; + margin-left: 1em; +} + +dl.row-item dt li { + display: list-item; + list-style-type: inherit; +} + +dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info { + width: 250px; + font-size: 1.1em; +} + +dd.redirect { + line-height: 2.5em; +} + +dd.time { + line-height: 200%; +} + +dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span { + display: block; + padding-left: 5px; +} + +dd.extra, dd.mark { + line-height: 200%; +} + +dd.option { + width: 125px; + line-height: 200%; + text-align: center; + font-size: 1.1em; +} + +/* Post body styles +----------------------------------------*/ +.postbody { + padding: 0; + line-height: 1.48em; + width: 76%; + float: left; + position: relative; +} + +.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 */ + float: left; + font-size: 1.5em; + padding: 2px 0 0 0; + margin-top: 0 !important; + margin-bottom: 0.3em !important; + text-transform: none; + border: none; + font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; + line-height: 125%; +} + +.postbody h3 img { + vertical-align: bottom; +} + +.has-profile .postbody h3 { + /* If there is a post-profile, we position the post-buttons differently */ + float: none !important; + margin-right: 180px; +} + +.postbody .content { + font-size: 1.3em; + overflow-x: auto; +} + +.postbody img.postimage { + max-width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.search .postbody { + width: 68%; +} + +/* Topic review panel +----------------------------------------*/ +.panel .review { + margin-top: 2em; +} + +.topicreview { + padding-right: 5px; + overflow: auto; + height: 300px; +} + +.topicreview .postbody { + width: auto; + float: none; + margin: 0; + height: auto; +} + +.topicreview .post { + height: auto; +} + +.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; +} + +/* Content container styles +----------------------------------------*/ +.content { + clear: both; + min-height: 3em; + overflow: hidden; + line-height: 1.4em; + font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; + font-size: 1em; + padding-bottom: 1px; +} + +.content h2, .panel h2 { + font-weight: normal; + border-bottom: 1px solid transparent; + font-size: 1.6em; + margin-top: 0.5em; + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} + +.panel h3 { + margin: 0.5em 0; +} + +.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; +} + +.agreement { + font-size: 12px; + line-height: 17px; + margin-bottom: 10px; +} + +.agreement-text { + line-height: 17px; + margin-bottom: 10px; +} + +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; +} + +.content dl.faq { + font-size: 1.2em; + margin-bottom: 0.5em; +} + +.content li { + list-style-type: inherit; +} + +.content ul, .content ol { + margin: 0.8em 0 0.9em 3em; +} + +.posthilit { + padding: 0 2px 1px 2px; +} + +/* Post author */ +p.author { + margin-bottom: 0.6em; + padding: 0 0 5px 0; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1em; + line-height: 1.2em; + clear: both; +} + +/* Post signature */ +.signature { + margin-top: 1.5em; + padding-top: 0.2em; + font-size: 1.1em; + border-top: 1px solid transparent; + clear: left; + line-height: 140%; + overflow: hidden; + width: 100%; +} + +.signature.standalone { + border-top-width: 0; + margin-top: 0; +} + +dd .signature { + margin: 0; + padding: 0; + clear: none; + border: none; +} + +.signature li { + list-style-type: inherit; +} + +.signature ul, .signature ol { + margin: 0.8em 0 0.9em 3em; +} + +/* Post noticies */ +.notice { + font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; + width: auto; + margin-top: 1.5em; + padding-top: 0.2em; + font-size: 1em; + border-top: 1px dashed transparent; + clear: left; + line-height: 130%; +} + +/* Jump to post link for now */ +ul.searchresults { + list-style: none; + text-align: right; + clear: both; +} + +/* BB Code styles +----------------------------------------*/ +/* Quote block */ +blockquote { + border: 1px solid transparent; + font-size: 0.95em; + margin: 1em 1px 1em 25px; + overflow: hidden; + padding: 5px; +} + +blockquote blockquote { + /* Nested quotes */ + font-size: 1em; + margin: 1em 1px 1em 15px; +} + +blockquote cite { + /* Username/source of quoter */ + font-style: normal; + font-weight: bold; + display: block; + font-size: 0.9em; +} + +blockquote cite cite { + font-size: 1em; +} + +blockquote cite:before, .uncited:before { + padding-right: 5px; +} + +blockquote cite > span { + float: right; + font-weight: normal; +} + +.postbody .content li blockquote { + overflow: inherit; + margin-left: 0; +} + +/* Code block */ +.codebox { + border: 1px solid transparent; + font-size: 1em; + margin: 1em 0 1.2em 0; + word-wrap: normal; +} + +.codebox p { + border-bottom: 1px solid transparent; + margin-bottom: 0; + padding: 3px; + font-size: 0.8em !important; + font-weight: bold; + display: block; +} + +blockquote .codebox { + margin-left: 0; +} + +.codebox code { + overflow: auto; + display: block; + height: auto; + max-height: 200px; + padding: 5px 3px; + font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace; + line-height: 1.3em; +} + +/* Attachments +----------------------------------------*/ +.attachbox { + font-size: 13px; + float: left; + width: auto; + max-width: 100%; + margin: 5px 5px 5px 0; + padding: 6px; + border: 1px dashed transparent; + clear: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.attachbox dt { + font-family: Arial, Helvetica, sans-serif; +} + +.attachbox dd { + margin-top: 4px; + padding-top: 4px; + clear: left; + border-top: 1px solid transparent; + overflow-x: auto; + overflow-y: hidden; +} + +.attachbox dd dd { + border: none; +} + +.attachbox p { + line-height: 110%; + font-weight: normal; + clear: left; +} + +.attachbox p.stats { + line-height: 110%; + font-weight: normal; + clear: left; +} + +.attach-image { + margin: 3px 0; + max-width: 100%; +} + +.attach-image img { + border: 1px solid transparent; + cursor: default; +} + +/* Inline image thumbnails */ +div.inline-attachment dl.thumbnail, div.inline-attachment dl.file { + display: block; + margin-bottom: 4px; +} + +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; + font-weight: bold; + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +dl.file dd { + margin: 0; + padding: 0; +} + +dl.thumbnail img { + padding: 3px; + border: 1px solid transparent; + box-sizing: border-box; +} + +dl.thumbnail dd { + font-style: italic; + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +.attachbox dl.thumbnail dd { + font-size: 100%; +} + +dl.thumbnail dt a:hover img { + border: 1px solid transparent; +} + +/* Post poll styles +----------------------------------------*/ +fieldset.polls { + font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; +} + +fieldset.polls dl { + margin-top: 5px; + border-top: 1px solid transparent; + padding: 5px 0 0 0; + line-height: 120%; +} + +fieldset.polls dl.voted { + font-weight: bold; +} + +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; + font-weight: bold; + padding: 2px 2px 0 2px; + overflow: visible; + min-width: 8px; +} + +.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 { + border-bottom: 1px solid transparent; + border-right: 1px solid transparent; +} + +.vote-submitted { + font-size: 1.2em; + font-weight: bold; + text-align: center; +} + +/* Poster profile block +----------------------------------------*/ +.postprofile { + margin: 5px 0 10px 0; + min-height: 80px; + border: 1px solid transparent; + border-width: 0 0 0 1px; + width: 22%; + float: right; + display: inline; +} + +.postprofile dd, .postprofile dt { + line-height: 1.2em; + margin-left: 8px; +} + +.postprofile dd { + overflow: hidden; + text-overflow: ellipsis; +} + +.postprofile strong { + font-weight: normal; +} + +.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date { + margin-bottom: 10px; +} + +.profile-rank img { + max-width: 160px; +} + +/* Post-profile avatars */ +.postprofile .has-avatar .avatar-container { + margin-bottom: 3px; + overflow: hidden; +} + +.postprofile .avatar { + display: block; + float: left; + max-width: 100%; +} + +.postprofile .avatar img { + display: block; + height: auto !important; + max-width: 100%; +} + +.postprofile .profile-posts a { + font-weight: normal; +} + +dd.profile-warnings { + font-weight: bold; +} + +dd.profile-contact { + overflow: visible; +} + +.profile-contact .dropdown-container { + display: inline-block; +} + +.profile-contact .icon_contact { + vertical-align: middle; +} + +.profile-contact .dropdown { + margin-right: -14px; +} + +.online { + background-image: none; + background-position: 100% 0; + background-repeat: no-repeat; +} + +/* Poster profile used by search*/ +.search .postprofile { + width: 30%; +} + +/* Profile used on view-profile */ +.profile-avatar img { + max-width: 100%; +} + +/* 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; +} + +.action-bar div.dl_links { + padding: 10px 0 0 10px; +} + +div.dl_links { + display: inline-block; + text-transform: none; +} + +.dl_links strong { + font-weight: bold; +} + +.dl_links ul { + list-style-type: none; + margin: 0; + display: inline-block; +} + +.dl_links li { + display: inline-block; +} + +.attachment-filename { + width: 100%; +} + +.ellipsis-text { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +table.fixed-width-table { + table-layout: fixed; +} + +/* Show scrollbars for items with overflow on iOS devices +----------------------------------------*/ +.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar { + width: 8px; + height: 8px; + -webkit-appearance: none; + background: rgba(0, 0, 0, .1); + border-radius: 3px; +} + +.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, .3); + border-radius: 3px; +} + +.memberlist tr.inactive, .team tr.inactive { + font-style: italic; +} diff --git a/theme/creamy.css b/theme/creamy.css new file mode 100644 index 0000000..2862d15 --- /dev/null +++ b/theme/creamy.css @@ -0,0 +1,704 @@ +.creamy-image-wrapper { + display: block; + position: relative; + width: auto; +} + +.creamy-wrap { + border: 4px ridge #e3d5b4; + border-radius: 7px; + margin: 1px auto; + width: 90%; + padding: 16px; + clear: both; +} + +.border-headerbar { + background-color: #b1a189; + background: url("./images/trenner.png"); + background-repeat: repeat-x; + background-position: top center; + height: 24px; +} + +.border-top { + border-radius: 7px; + margin-bottom: 5px; + margin-top: 5px; + padding: 5px; + clear: both; +} + +.border-top { + background-color: #b1a189; + background-image: url("./images/bg-forabg.gif"); + background-repeat: repeat-x; +} + +/* font icon */ +.fa-gears::before, .fa-cogs::before { + color: #e36363; +} + +.fa-legal::before, .fa-gavel::before { + color: #6f89c7; +} + +.fa-chevron-circle-up::before { + color: #9a9a9a; +} + +.fa-file::before { + color: #eab751; +} + +.fa-external-link-square::before { + color: #746455; +} + +.fa-info::before { + color: #71a6c5; +} + +.fa-remove::before, .fa-close::before, .fa-times::before { + color: #ac1919; +} + +.fa-exclamation::before { + color: #eb2c2c; +} + +.fa-pencil::before { + color: #555; +} + +.fa-quote-left::before { + color: #555; +} + +.fa-file-o::before { + color: #483829; +} + +.cc-color-override--1687565279.cc-window { + background-color: #333 !important; + color: #fff !important; +} + +.cc-window.cc-banner { + flex-direction: row; + padding: 0.3em 1.8em !important; + width: 100%; +} + +/* Responsive Design +---------------------------------------- */ + +@media (max-width: 320px) { + select, .inputbox { + max-width: 240px; + } +} + +/* Notifications list +----------------------------------------*/ +@media (max-width: 350px) { + .dropdown-extended .dropdown-contents { + width: auto; + } +} + +@media (max-width: 430px) { + .action-bar .search-box .inputbox { + width: 120px; + } + + .section-viewtopic .search-box .inputbox { + width: 57px; + } + + .action-bar .search-box .inputbox ::-moz-placeholder { + content: "Search..."; + } + + .action-bar .search-box .inputbox :-ms-input-placeholder { + content: "Search..."; + } + + .action-bar .search-box .inputbox ::-webkit-input-placeholder { + content: "Search..."; + } +} + +@media (max-width: 500px) { + dd label { + white-space: normal; + } + + select, .inputbox { + max-width: 260px; + } + + .captcha-panel dd.captcha { + margin-left: 0; + } + + .captcha-panel dd.captcha-image img { + width: 100%; + } + + dl.details dt, dl.details dd { + width: auto; + float: none; + text-align: left; + } + + dl.details dd { + margin-left: 20px; + } + + p.responsive-center { + float: none; + text-align: center; + margin-bottom: 5px; + } + + .action-bar > div { + margin-bottom: 5px; + } + + .action-bar > .pagination { + float: none; + clear: both; + padding-bottom: 1px; + text-align: center; + } + + .action-bar > .pagination li.page-jump { + margin: 0 2px; + } + + p.jumpbox-return { + display: none; + } + + .display-options > label:nth-child(1) { + display: block; + margin-bottom: 5px; + } + + .attach-controls { + margin-top: 5px; + width: 100%; + } + + .quick-links .dropdown-trigger span { + display: none; + } +} + +@media (max-width: 550px) { + ul.topiclist.forums dt { + margin-right: 0; + } + + ul.topiclist.forums dt .list-inner { + margin-right: 0; + } + + ul.topiclist.forums dd.lastpost { + display: none; + } +} + +@media (max-width: 700px) { + .responsive-hide { display: none !important; } + .responsive-show { display: block !important; } + .responsive-show-inline { display: inline !important; } + .responsive-show-inline-block { display: inline-block !important; } + + /* Content wrappers + ----------------------------------------*/ + html { + height: auto; + } + + body { + padding: 0; + } + + .wrap { + border: none; + border-radius: 0; + margin: 0; + min-width: 290px; + padding: 0 5px; + } + + /* Common block wrappers + ----------------------------------------*/ + .headerbar, .navbar, .forabg, .forumbg, .post, .panel { + border-radius: 0; + margin-left: -5px; + margin-right: -5px; + } + + .cp-main .forabg, .cp-main .forumbg, .cp-main .post, .cp-main .panel { + border-radius: 7px; + } + + /* Logo block + ----------------------------------------*/ + .site-description { + float: none; + width: auto; + text-align: center; + } + + .logo { + /* change display value to inline-block to show logo */ + display: none; + float: none; + padding: 10px; + } + + .site-description h1, .site-description p { + text-align: inherit; + float: none; + margin: 5px; + line-height: 1.2em; + overflow: hidden; + text-overflow: ellipsis; + } + + .site-description p, .search-header { + display: none; + } + + /* Navigation + ----------------------------------------*/ + .headerbar + .navbar { + margin-top: -5px; + } + + /* Search + ----------------------------------------*/ + .responsive-search { display: block !important; } + + /* .topiclist lists + ----------------------------------------*/ + li.header dt { + text-align: center; + text-transform: none; + line-height: 1em; + font-size: 1.2em; + padding-bottom: 4px; + } + + ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { + margin-right: 0 !important; + padding-right: 0; + } + + ul.topiclist li.header dd { + display: none !important; + } + + ul.topiclist dt, ul.topiclist dt .list-inner, + ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, + ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, + ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { + margin-right: 0; + } + + ul.topiclist dt .list-inner.with-mark { + padding-right: 34px; + } + + ul.topiclist dt .list-inner { + min-height: 28px; + } + + ul.topiclist li.header dt .list-inner { + min-height: 0; + } + + ul.topiclist dd { + display: none; + } + ul.topiclist dd.mark { + display: block; + } + + /* Forums and topics lists + ----------------------------------------*/ + ul.topiclist.forums dt { + margin-right: -250px; + } + + ul.topiclist dd.mark { + display: block; + position: absolute; + right: 5px; + top: 0; + margin: 0; + width: auto; + min-width: 0; + text-align: left; + } + + ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { + position: relative; + left: 0; + width: auto; + display: inline; + font-weight: normal; + } + + li.row .responsive-show strong { + font-weight: bold; + color: inherit; + } + + ul.topiclist li.row dt a.subforum { + vertical-align: bottom; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100px; + } + + /* Pagination + ----------------------------------------*/ + .pagination > ul { + margin: 5px 0 0; + } + + .row .pagination .ellipsis + li { + display: none !important; + } + + /* Responsive tables + ----------------------------------------*/ + table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { + display: block; + } + + table.responsive thead, table.responsive th { + display: none; + } + + table.responsive.show-header thead, table.responsive.show-header th:first-child { + display: block; + width: auto !important; + text-align: left !important; + } + + table.responsive.show-header th:first-child span.rank-img { + display: none; + } + + table.responsive tr { + margin: 2px 0; + } + + table.responsive td { + width: auto !important; + text-align: left !important; + padding: 4px; + } + + table.responsive td.empty { + display: none !important; + } + + table.responsive td > dfn { + display: inline-block !important; + } + + table.responsive td > dfn:after { + content: ':'; + padding-right: 5px; + } + + table.responsive span.rank-img { + float: none; + padding-right: 5px; + } + + table.responsive.memberlist td:first-child input[type="checkbox"] { + float: right; + } + + /* Forms + ----------------------------------------*/ + fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt { + width: auto; + float: none; + } + + fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd { + margin-left: 0; + } + + textarea, dd textarea, .message-box textarea { + width: 100%; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + dl.pmlist dt { + width: auto !important; + margin-bottom: 5px; + } + + dl.pmlist dd { + display: inline-block; + margin-left: 0 !important; + } + + dl.pmlist dd:first-of-type { + padding-left: 20px; + } + + .smiley-box, .message-box { + float: none; + width: auto; + } + + .smiley-box { + margin-top: 5px; + } + + .bbcode-status { + display: none; + } + + .colour-palette, .colour-palette tbody, .colour-palette tr { + display: block; + } + + .colour-palette td { + display: inline-block; + margin-right: 2px; + } + + .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) { + display: none; + } + + fieldset.quick-login label { + display: block; + margin-bottom: 5px; + white-space: normal; + } + + fieldset.quick-login label > span { + display: inline-block; + min-width: 100px; + } + + fieldset.quick-login input.inputbox { + width: 85%; + max-width: 300px; + margin-left: 20px; + } + + fieldset.quick-login label[for="autologin"] { + display: inline-block; + text-align: right; + min-width: 50%; + } + + /* User profile + ----------------------------------------*/ + .column1, .column2, .left-box.profile-details { + float: none; + width: auto; + clear: both; + } + + /* Polls + ----------------------------------------*/ + fieldset.polls dt { + width: 90%; + } + + fieldset.polls dd.resultbar { + padding-left: 20px; + } + + fieldset.polls dd.poll_option_percent { + width: 20%; + } + + fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent { + margin-top: 5px; + } + + /* Post + ----------------------------------------*/ + .postbody { + position: inherit; + } + + .postprofile, .postbody, .search .postbody { + display: block; + width: auto; + float: none; + padding: 0; + min-height: 0; + } + + .post .postprofile { + width: auto; + border-width: 0 0 1px 0; + padding-bottom: 5px; + margin: 0 0 5px 0; + min-height: 40px; + overflow: hidden; + } + + .postprofile dd { + display: none; + } + + .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd { + display: block; + margin: 0; + } + + .postprofile .has-avatar .avatar-container { + margin: 0; + overflow: inherit; + } + + .postprofile .avatar-container:after { + clear: none; + } + + .postprofile .avatar { + margin-right: 5px; + } + + .postprofile .avatar img { + width: auto !important; + height: auto !important; + max-height: 32px; + } + + .has-profile .postbody h3 { + margin-left: 0 !important; + margin-right: 0 !important; + } + + .has-profile .post-buttons { + right: 30px; + top: 15px; + } + + .online { + background-size: 40px; + } + + /* Misc stuff + ----------------------------------------*/ + h2 { + margin-top: .5em; + } + + p { + margin-bottom: .5em; + overflow: hidden; + } + + p.rightside { + margin-bottom: 0; + } + + fieldset.display-options label { + display: block; + clear: both; + margin-bottom: 5px; + } + + dl.mini dd.pm-legend { + float: left; + min-width: 200px; + } + + .topicreview { + margin: 0 -5px; + padding: 0 5px; + } + + fieldset.display-actions { + white-space: normal; + } + + .phpbb_alert { + width: auto; + margin: 0 5px; + } + + .attach-comment dfn { + width: 100%; + } +} + +@media (min-width: 701px) { + .postbody { + width: calc(100% - 200px - 1px - 16px); +} + + .postprofile { + width: 200px; +} +} + +@media (min-width: 701px) and (max-width: 950px) { + ul.topiclist dt { + margin-right: -410px; + } + + ul.topiclist dt .list-inner { + margin-right: 410px; + } + + dd.posts, dd.topics, dd.views { + width: 80px; + } +} + +@media (max-width: 700px) { +.headerbar p { + display: none; +} + +.creamy-image-wrapper { + display: none; +} + +.creamy-wrap { + width: auto; + border: 0px; + padding: 0px; +} + + .wrap { + width: auto; + } +} + +@media (min-width: 701px) and (max-width: 1400px) { +.headerbar p { + display: none; +} +} + +@media (min-width: 701px) and (max-width: 2048px) { +.creamy-image-wrapper { + margin: 0 auto 15px; +} +} + + diff --git a/theme/de/icon_user_online.gif b/theme/de/icon_user_online.gif new file mode 100644 index 0000000..6b571ff Binary files /dev/null and b/theme/de/icon_user_online.gif differ diff --git a/theme/de/stylesheet.css b/theme/de/stylesheet.css new file mode 100644 index 0000000..604b299 --- /dev/null +++ b/theme/de/stylesheet.css @@ -0,0 +1,2 @@ +/* Online image */ +.online { background-image: url("./icon_user_online.gif"); } diff --git a/theme/de_x_sie/icon_user_online.gif b/theme/de_x_sie/icon_user_online.gif new file mode 100644 index 0000000..6b571ff Binary files /dev/null and b/theme/de_x_sie/icon_user_online.gif differ diff --git a/theme/de_x_sie/index.htm b/theme/de_x_sie/index.htm new file mode 100644 index 0000000..e69de29 diff --git a/theme/de_x_sie/stylesheet.css b/theme/de_x_sie/stylesheet.css new file mode 100644 index 0000000..604b299 --- /dev/null +++ b/theme/de_x_sie/stylesheet.css @@ -0,0 +1,2 @@ +/* Online image */ +.online { background-image: url("./icon_user_online.gif"); } diff --git a/theme/en/icon_user_online.gif b/theme/en/icon_user_online.gif new file mode 100644 index 0000000..6b571ff Binary files /dev/null and b/theme/en/icon_user_online.gif differ diff --git a/theme/en/stylesheet.css b/theme/en/stylesheet.css new file mode 100644 index 0000000..604b299 --- /dev/null +++ b/theme/en/stylesheet.css @@ -0,0 +1,2 @@ +/* Online image */ +.online { background-image: url("./icon_user_online.gif"); } diff --git a/theme/forms.css b/theme/forms.css new file mode 100644 index 0000000..b582039 --- /dev/null +++ b/theme/forms.css @@ -0,0 +1,433 @@ +/* Form Styles +---------------------------------------- */ + +/* General form styles +----------------------------------------*/ +fieldset { + border-width: 0; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1.1em; + margin-bottom: 5px; + margin-left:12px; +} + +input { + font-weight: normal; + vertical-align: middle; + padding: 0 3px; + font-size: 1em; + font-family: Verdana, Helvetica, Arial, sans-serif; +} + +select { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-weight: normal; + cursor: pointer; + vertical-align: middle; + border: 1px solid transparent; + padding: 1px; + font-size: 1em; +} + +select:focus { + outline-style: none; +} + +option { + padding-right: 1em; +} + +select optgroup option { + padding-right: 1em; + font-family: Verdana, Helvetica, Arial, sans-serif; +} + +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; +} + +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: 15em; + border-right-width: 0; +} + +fieldset.fields1 dd { + margin-left: 15em; + border-left-width: 0; +} + +fieldset.fields1 div { + margin-bottom: 3px; +} + +/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */ +fieldset.fields1 .live-search div { + margin-bottom: 0; +} + +/* Specific layout 2 */ +fieldset.fields2 dt { + width: 15em; + border-right-width: 0; +} + +fieldset.fields2 dd { + margin-left: 16em; + border-left-width: 0; +} + +/* Form elements */ +dt label { + font-weight: bold; + text-align: left; +} + +dd label { + white-space: nowrap; +} + +dd input, dd textarea { + margin-right: 3px; +} + +dd select { + width: auto; +} + +dd select[multiple] { + width: 100%; +} + +dd textarea { + width: 85%; +} + +/* Hover effects */ +.timezone { + width: 95%; +} + +/* Browser-specific tweaks */ +button::-moz-focus-inner { + padding: 0; + border: 0; +} + +/* 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; +} + +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; +} + +fieldset.display-options label { + white-space: nowrap; + padding-right: 2px; +} + +fieldset.display-options a { + margin-top: 3px; +} + +.dropdown fieldset.display-options { + font-size: 1em; + margin: 0; + padding: 0; +} + +.dropdown fieldset.display-options label { + display: block; + margin: 4px; + padding: 0; + text-align: right; + white-space: nowrap; +} + +.dropdown fieldset.display-options select { + min-width: 120px; +} + +/* Display actions for ucp and mcp pages */ +fieldset.display-actions { + text-align: right; + line-height: 2em; + white-space: nowrap; + padding-right: 1em; +} + +fieldset.display-actions label { + white-space: nowrap; + padding-right: 2px; +} + +fieldset.sort-options { + line-height: 2em; +} + +/* MCP forum selection*/ +fieldset.forum-selection { + margin: 5px 0 3px 0; + float: right; +} + +fieldset.forum-selection2 { + margin: 13px 0 3px 0; + float: right; +} + +/* Submit button fieldset */ +fieldset.submit-buttons { + text-align: center; + vertical-align: middle; + margin: 5px 0; +} + +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; + resize: vertical; + outline: 3px dashed transparent; + outline-offset: -4px; + -webkit-transition: all .5s ease, height 1ms linear; + -moz-transition: all .5s ease, height 1ms linear; + -ms-transition: all .5s ease, height 1ms linear; + -o-transition: all .5s ease, height 1ms linear; + transition: all .5s ease, height 1ms linear; +} + +/* Emoticons panel */ +.smiley-box { + width: 18%; + float: right; +} + +.smiley-box img { + margin: 3px; +} + +/* Input field styles +---------------------------------------- */ +.inputbox { + border: 1px solid transparent; + padding: 2px; +} + +.inputbox:hover, .inputbox:focus { + border: 1px solid transparent; + outline-style: none; +} + +input.inputbox { width: 85%; } +input.medium { width: 50%; } +input.narrow { width: 25%; } +input.tiny { width: 150px; } + +textarea.inputbox { + width: 85%; +} + +.autowidth { + width: auto !important; +} + +input[type="number"] { + -moz-padding-end: 0; +} + +input[type="search"] { + -webkit-appearance: textfield; + -webkit-box-sizing: content-box; +} + +input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { + display: none; +} + +input[type="search"]::-webkit-search-cancel-button { + cursor: pointer; +} + +/* 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; + background: transparent none repeat-x top left; + line-height: 1.5; +} + +a.button1, input.button1 { + font-weight: bold; + border: 1px solid transparent; +} + +input.button3 { + padding: 0; + margin: 0; + line-height: 5px; + height: 12px; + background-image: none; + font-variant: small-caps; +} + +input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li { + cursor: pointer; +} + +/* Alternative button */ +a.button2, input.button2, input.button3 { + border: 1px solid transparent; +} + +/* button in the style of the form buttons */ +a.button1, a.button2 { + text-decoration: none; + padding: 0 3px; + vertical-align: text-bottom; +} + +/* Hover states */ +a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { + border: 1px solid transparent; +} + +input.disabled { + font-weight: normal; +} + +/* Focus states */ +input.button1:focus, input.button2:focus, input.button3:focus { + outline-style: none; +} + +/* Topic and forum Search */ +.search-box { + float: left; +} + +.search-box .inputbox { + background-image: none; + border-right-width: 0; + border-radius: 4px 0 0 4px; + float: left; + height: 24px; + padding: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100px; +} + +/* Search box (header) +--------------------------------------------- */ +.search-header { + border-radius: 4px; + display: block; + float: right; + margin-bottom: 2px; + margin-right: 5px; + margin-top: -33px; +} + +.search-header .inputbox { border: 0; } + +.navbar .linklist > li.responsive-search { display: none; } + +input.search { + background-image: none; + background-repeat: no-repeat; + background-position: left 1px; + padding-left: 17px; +} + +.full { width: 95%; } +.medium { width: 50%;} +.narrow { width: 25%;} +.tiny { width: 10%;} diff --git a/theme/icons.css b/theme/icons.css new file mode 100644 index 0000000..a4d91d2 --- /dev/null +++ b/theme/icons.css @@ -0,0 +1,95 @@ +/* -------------------------------------------------------------- + $Icons +-------------------------------------------------------------- */ + +/* Global module setup +--------------------------------*/ + +/* Renamed version of .fa class for agnostic usage of icon fonts. + * Just change the name of the font after the 14/1 to the name of + * the font you wish to use. + */ +.icon, .button .icon, blockquote cite:before, .uncited:before { + display: inline-block; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + font-variant: normal; + font-size: 14px; + line-height: 1; + text-rendering: auto; /* optimizelegibility throws things off #1094 */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon:before { padding-right: 2px; } + +.button .icon:before { + padding-right: 0; +} + +/* Icon size classes - Default size is 14px, use these for small variations */ + +.icon.icon-xl { + font-size: 20px; +} + +.icon.icon-lg { + font-size: 16px; +} + +.icon.icon-md { + font-size: 10px; +} + +.icon.icon-sm { + font-size: 8px; +} + +/* icon modifiers */ +.icon-tiny { + width: 12px; + transform: scale(0.65, 0.75); + vertical-align: text-bottom; + font-size: 16px; +} + +.arrow-left .icon { + float: left; +} + +.arrow-left:hover .icon { + margin-left: -5px; + margin-right: 5px; +} + +.arrow-right .icon { + float: right; +} + +.arrow-right:hover .icon { + margin-left: 5px; + margin-right: -5px; +} + +.post-buttons .dropdown-contents .icon { + float: right; + margin-left: 5px; +} + +.alert_close .icon:before { + padding: 0; + border-radius: 50%; + width: 11px; + display: block; + line-height: .9; + height: 12px; +} + +blockquote cite:before, .uncited:before { + content: '\f10d'; /* Font Awesome quote-left */ +} + +.rtl blockquote cite:before, .rtl .uncited:before { + content: '\f10e'; /* Font Awesome quote-right */ +} diff --git a/theme/images/announce_read.gif b/theme/images/announce_read.gif new file mode 100644 index 0000000..ea06ea0 Binary files /dev/null and b/theme/images/announce_read.gif differ diff --git a/theme/images/announce_read_locked.gif b/theme/images/announce_read_locked.gif new file mode 100644 index 0000000..bcc366a Binary files /dev/null and b/theme/images/announce_read_locked.gif differ diff --git a/theme/images/announce_read_locked_mine.gif b/theme/images/announce_read_locked_mine.gif new file mode 100644 index 0000000..90904d4 Binary files /dev/null and b/theme/images/announce_read_locked_mine.gif differ diff --git a/theme/images/announce_read_mine.gif b/theme/images/announce_read_mine.gif new file mode 100644 index 0000000..f620747 Binary files /dev/null and b/theme/images/announce_read_mine.gif differ diff --git a/theme/images/announce_unread.gif b/theme/images/announce_unread.gif new file mode 100644 index 0000000..4f8cece Binary files /dev/null and b/theme/images/announce_unread.gif differ diff --git a/theme/images/announce_unread_locked.gif b/theme/images/announce_unread_locked.gif new file mode 100644 index 0000000..fc3e9ec Binary files /dev/null and b/theme/images/announce_unread_locked.gif differ diff --git a/theme/images/announce_unread_locked_mine.gif b/theme/images/announce_unread_locked_mine.gif new file mode 100644 index 0000000..5b8530c Binary files /dev/null and b/theme/images/announce_unread_locked_mine.gif differ diff --git a/theme/images/announce_unread_mine.gif b/theme/images/announce_unread_mine.gif new file mode 100644 index 0000000..9b4b2be Binary files /dev/null and b/theme/images/announce_unread_mine.gif differ diff --git a/theme/images/bg-button.gif b/theme/images/bg-button.gif new file mode 100644 index 0000000..e9df9a3 Binary files /dev/null and b/theme/images/bg-button.gif differ diff --git a/theme/images/bg-forabg.gif b/theme/images/bg-forabg.gif new file mode 100644 index 0000000..60daf2d Binary files /dev/null and b/theme/images/bg-forabg.gif differ diff --git a/theme/images/bg-header.gif b/theme/images/bg-header.gif new file mode 100644 index 0000000..1575495 Binary files /dev/null and b/theme/images/bg-header.gif differ diff --git a/theme/images/forum_link.gif b/theme/images/forum_link.gif new file mode 100644 index 0000000..dad5dd1 Binary files /dev/null and b/theme/images/forum_link.gif differ diff --git a/theme/images/forum_read.gif b/theme/images/forum_read.gif new file mode 100644 index 0000000..d159072 Binary files /dev/null and b/theme/images/forum_read.gif differ diff --git a/theme/images/forum_read_locked.gif b/theme/images/forum_read_locked.gif new file mode 100644 index 0000000..1333d8d Binary files /dev/null and b/theme/images/forum_read_locked.gif differ diff --git a/theme/images/forum_read_subforum.gif b/theme/images/forum_read_subforum.gif new file mode 100644 index 0000000..ba77248 Binary files /dev/null and b/theme/images/forum_read_subforum.gif differ diff --git a/theme/images/forum_unread.gif b/theme/images/forum_unread.gif new file mode 100644 index 0000000..eb2a96b Binary files /dev/null and b/theme/images/forum_unread.gif differ diff --git a/theme/images/forum_unread_locked.gif b/theme/images/forum_unread_locked.gif new file mode 100644 index 0000000..ba21a66 Binary files /dev/null and b/theme/images/forum_unread_locked.gif differ diff --git a/theme/images/forum_unread_subforum.gif b/theme/images/forum_unread_subforum.gif new file mode 100644 index 0000000..42c5b28 Binary files /dev/null and b/theme/images/forum_unread_subforum.gif differ diff --git a/theme/images/icons_contact.png b/theme/images/icons_contact.png new file mode 100644 index 0000000..f84abd3 Binary files /dev/null and b/theme/images/icons_contact.png differ diff --git a/theme/images/index.htm b/theme/images/index.htm new file mode 100644 index 0000000..e69de29 diff --git a/theme/images/loading.gif b/theme/images/loading.gif new file mode 100644 index 0000000..e1ed088 Binary files /dev/null and b/theme/images/loading.gif differ diff --git a/theme/images/no_avatar.gif b/theme/images/no_avatar.gif new file mode 100644 index 0000000..ad73330 Binary files /dev/null and b/theme/images/no_avatar.gif differ diff --git a/theme/images/plupload/done.gif b/theme/images/plupload/done.gif new file mode 100644 index 0000000..29f3ed7 Binary files /dev/null and b/theme/images/plupload/done.gif differ diff --git a/theme/images/plupload/error.gif b/theme/images/plupload/error.gif new file mode 100644 index 0000000..4682b63 Binary files /dev/null and b/theme/images/plupload/error.gif differ diff --git a/theme/images/plupload/throbber.gif b/theme/images/plupload/throbber.gif new file mode 100644 index 0000000..4ae8b16 Binary files /dev/null and b/theme/images/plupload/throbber.gif differ diff --git a/theme/images/sitelogo-bak.png b/theme/images/sitelogo-bak.png new file mode 100644 index 0000000..138e1ae Binary files /dev/null and b/theme/images/sitelogo-bak.png differ diff --git a/theme/images/sitelogo.png b/theme/images/sitelogo.png new file mode 100644 index 0000000..1a6fd16 Binary files /dev/null and b/theme/images/sitelogo.png differ diff --git a/theme/images/sticky_read.gif b/theme/images/sticky_read.gif new file mode 100644 index 0000000..9cda2da Binary files /dev/null and b/theme/images/sticky_read.gif differ diff --git a/theme/images/sticky_read_locked.gif b/theme/images/sticky_read_locked.gif new file mode 100644 index 0000000..e71b984 Binary files /dev/null and b/theme/images/sticky_read_locked.gif differ diff --git a/theme/images/sticky_read_locked_mine.gif b/theme/images/sticky_read_locked_mine.gif new file mode 100644 index 0000000..ed04de3 Binary files /dev/null and b/theme/images/sticky_read_locked_mine.gif differ diff --git a/theme/images/sticky_read_mine.gif b/theme/images/sticky_read_mine.gif new file mode 100644 index 0000000..1757264 Binary files /dev/null and b/theme/images/sticky_read_mine.gif differ diff --git a/theme/images/sticky_unread.gif b/theme/images/sticky_unread.gif new file mode 100644 index 0000000..eb2a96b Binary files /dev/null and b/theme/images/sticky_unread.gif differ diff --git a/theme/images/sticky_unread_locked.gif b/theme/images/sticky_unread_locked.gif new file mode 100644 index 0000000..dd6ed9f Binary files /dev/null and b/theme/images/sticky_unread_locked.gif differ diff --git a/theme/images/sticky_unread_locked_mine.gif b/theme/images/sticky_unread_locked_mine.gif new file mode 100644 index 0000000..e4787da Binary files /dev/null and b/theme/images/sticky_unread_locked_mine.gif differ diff --git a/theme/images/sticky_unread_mine.gif b/theme/images/sticky_unread_mine.gif new file mode 100644 index 0000000..081995b Binary files /dev/null and b/theme/images/sticky_unread_mine.gif differ diff --git a/theme/images/test7.JPG b/theme/images/test7.JPG new file mode 100644 index 0000000..a3271d4 Binary files /dev/null and b/theme/images/test7.JPG differ diff --git a/theme/images/topic_moved.gif b/theme/images/topic_moved.gif new file mode 100644 index 0000000..24b1b04 Binary files /dev/null and b/theme/images/topic_moved.gif differ diff --git a/theme/images/topic_read.gif b/theme/images/topic_read.gif new file mode 100644 index 0000000..7373d62 Binary files /dev/null and b/theme/images/topic_read.gif differ diff --git a/theme/images/topic_read_hot.gif b/theme/images/topic_read_hot.gif new file mode 100644 index 0000000..ce01076 Binary files /dev/null and b/theme/images/topic_read_hot.gif differ diff --git a/theme/images/topic_read_hot_mine.gif b/theme/images/topic_read_hot_mine.gif new file mode 100644 index 0000000..ea41db7 Binary files /dev/null and b/theme/images/topic_read_hot_mine.gif differ diff --git a/theme/images/topic_read_locked.gif b/theme/images/topic_read_locked.gif new file mode 100644 index 0000000..7b5b6e7 Binary files /dev/null and b/theme/images/topic_read_locked.gif differ diff --git a/theme/images/topic_read_locked_mine.gif b/theme/images/topic_read_locked_mine.gif new file mode 100644 index 0000000..45d928f Binary files /dev/null and b/theme/images/topic_read_locked_mine.gif differ diff --git a/theme/images/topic_read_mine.gif b/theme/images/topic_read_mine.gif new file mode 100644 index 0000000..6f4eaa8 Binary files /dev/null and b/theme/images/topic_read_mine.gif differ diff --git a/theme/images/topic_unread.gif b/theme/images/topic_unread.gif new file mode 100644 index 0000000..c0c9445 Binary files /dev/null and b/theme/images/topic_unread.gif differ diff --git a/theme/images/topic_unread_hot.gif b/theme/images/topic_unread_hot.gif new file mode 100644 index 0000000..8084e9e Binary files /dev/null and b/theme/images/topic_unread_hot.gif differ diff --git a/theme/images/topic_unread_hot_mine.gif b/theme/images/topic_unread_hot_mine.gif new file mode 100644 index 0000000..aa3469a Binary files /dev/null and b/theme/images/topic_unread_hot_mine.gif differ diff --git a/theme/images/topic_unread_locked.gif b/theme/images/topic_unread_locked.gif new file mode 100644 index 0000000..2dbbefb Binary files /dev/null and b/theme/images/topic_unread_locked.gif differ diff --git a/theme/images/topic_unread_locked_mine.gif b/theme/images/topic_unread_locked_mine.gif new file mode 100644 index 0000000..5039635 Binary files /dev/null and b/theme/images/topic_unread_locked_mine.gif differ diff --git a/theme/images/topic_unread_mine.gif b/theme/images/topic_unread_mine.gif new file mode 100644 index 0000000..83b32fd Binary files /dev/null and b/theme/images/topic_unread_mine.gif differ diff --git a/theme/images/trenner.png b/theme/images/trenner.png new file mode 100644 index 0000000..1880e14 Binary files /dev/null and b/theme/images/trenner.png differ diff --git a/theme/index.htm b/theme/index.htm new file mode 100644 index 0000000..e69de29 diff --git a/theme/links.css b/theme/links.css new file mode 100644 index 0000000..c3f19b1 --- /dev/null +++ b/theme/links.css @@ -0,0 +1,196 @@ +/* Link Styles +---------------------------------------- */ + +/* Links adjustment to correctly display an order of rtl/ltr mixed content */ +a { + direction: ltr; + unicode-bidi: embed; + text-decoration: none; + /* we use links inline more often then not so to address several bugs with + IE and some other browsers we render all links as inlineblock by default */ + +} + +/* Coloured usernames */ +.username-coloured { + font-weight: bold; + display: inline !important; + padding: 0 !important; +} + +/* Links on gradient backgrounds */ +.forumbg .header a, .forabg .header a, th a { + text-decoration: none; +} + +.forumbg .header a:hover, .forabg .header a:hover, th a:hover { + text-decoration: underline; +} + +/* Notification mark read link */ +.dropdown-extended a.mark_read { + background-position: center center; + background-repeat: no-repeat; + border-radius: 3px 0 0 3px; + display: none; + margin-top: -20px; + position: absolute; + z-index: 2; + right: 0; + top: 50%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.dropdown-extended li:hover a.mark_read { + display: block; +} + +.dropdown-extended a.mark_read:hover { + width: 50px; +} + +.jumpbox-cat-link, +.jumpbox-forum-link { font-weight: bold; } + + +/* Links for forum/topic lists */ +a.forumtitle { + font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif; + font-size: 1.2em; + font-weight: bold; + text-decoration: none; +} + +a.forumtitle:hover { + text-decoration: underline; +} + +a.topictitle { + font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif; + font-size: 1.2em; + font-weight: bold; + text-decoration: none; + display: inline; +} + +a.topictitle:hover { + text-decoration: underline; +} + +a.lastsubject { + font-weight: bold; + text-decoration: none; +} + +a.lastsubject:hover { + text-decoration: underline; +} + +.row-item a:hover { + text-decoration: none; +} + +.row-item .forumtitle:hover, +.row-item .topictitle:hover, +.row-item .lastsubject:hover, +.row-item .subforum:hover, +.row-item a.username:hover, +.row-item a.username-coloured:hover { + text-decoration: underline; +} + +/* Post body links */ +.postlink { + text-decoration: none; + border-bottom: 1px solid transparent; + padding-bottom: 0; +} + +.postlink:hover { + text-decoration: none; +} + +.signature a, .signature a:hover { + border: none; + text-decoration: underline; +} + +/* Profile links */ +.postprofile a, .postprofile dt.author a { + font-weight: bold; + text-decoration: none; +} + +.postprofile a:hover, .postprofile dt.author a:hover { + text-decoration: underline; +} + +/* Profile searchresults */ +.search .postprofile a { + text-decoration: none; + font-weight: normal; +} + +.search .postprofile a:hover { + text-decoration: underline; +} + +.top { + font-size: 12px; + text-decoration: none; + margin-top: 10px; +} + +/* Back to top of page */ +.back2top { + clear: both; +} + +.back2top .top { + float: right; + margin-right: -10px; + margin-top: 0; +} + +/* Arrow links */ + +.arrow-up { + padding-left: 10px; + text-decoration: none; + border-bottom-width: 0; +} + +.arrow-up:hover { } + +.arrow-down { + padding-right: 10px; +} + +.arrow-down:hover { } + +.arrow-left:hover { + text-decoration: none; +} + +.arrow-right:hover { + text-decoration: none; +} + +/* 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; +} + +a.anchor { + display: block; +} diff --git a/theme/plupload.css b/theme/plupload.css new file mode 100644 index 0000000..b1f3ae2 --- /dev/null +++ b/theme/plupload.css @@ -0,0 +1,90 @@ +.attach-panel-multi { + display: none; + margin-bottom: 1em; +} + +.attach-row-tpl { + display: none; +} + +.file-list td { + vertical-align: middle; +} + +.attach-name { + width: 50%; +} + +.attach-comment { + width: 30%; +} + +.attach-comment .inputbox { + resize: vertical; + width: 100%; +} + +.attach-filesize { + width: 15%; +} + +.attach-status { + width: 5%; +} + +.attach-filesize, .attach-status { + text-align: center; +} + +.attach-controls { + display: inline-block; + float: right; +} + +.nojs .file-inline-bbcode { + display: none; +} + +.file-total-progress { + height: 2px; + display: block; + position: relative; + margin: 4px -10px -6px -10px; +} + +.file-progress { + background-color: #CCCCCC; + display:inline-block; + height: 8px; + width: 50px; +} + +.file-progress-bar, .file-total-progress-bar { + background-color: green; + display: block; + height: 100%; + width: 0; +} + +.file-status.file-working { + background: url('./images/plupload/throbber.gif'); +} + +.file-status.file-uploaded { + background: url('./images/plupload/done.gif'); +} + +.file-status.file-error { + background: url('./images/plupload/error.gif'); +} + +.file-status { + display: inline-block; + height: 16px; + width: 16px; +} + +.file-name { + max-width: 65%; + vertical-align: bottom; +} diff --git a/theme/print.css b/theme/print.css new file mode 100644 index 0000000..0562c68 --- /dev/null +++ b/theme/print.css @@ -0,0 +1,149 @@ +/* Print Style Sheet +---------------------------------------- */ + + +/* Lots still TODO here! */ + +/* General markup styles */ +* { + padding: 0; + margin: 0; +} + +body { + font: 11pt Verdana, Arial, Helvetica, sans-serif; + color:#000000; +} + +a:link { color: #000000; text-decoration: none; } +a:visited { color: #000000; text-decoration: none; } +a:active { color: #000000; text-decoration: none; } + +img, .noprint, .navbar, .box1, .divider, .signature { display: none; } +/* Display smilies (Bug #47265) */ +.content img { + display: inline; +} + +/* Container for the main body */ +.wrap { + margin: 0 2em; +} + +p { font-size: 85%; } +.copyright { font-size: 75%; } +.page-number { float:right; width: auto; text-align: right; font-size: 75%; } + +h1, h2, h3, h1 a, h2 a, h3 a { + font-family: "Trebuchet MS",georgia,Verdana,Sans-serif; + color: #000000; + background: none; + text-decoration: none; + font-weight: bold; +} + +h1 { font-size: 20pt; } +h2 { font-size: 16pt; margin-top: 1em; } +h3 { font-size: 14pt; margin-top: 1em; } + +.content { + font-size: 11pt; + line-height: 14pt; + margin-bottom: 1em; + font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; + overflow: hidden; +} + +/* CSS2 Print tip from: http://www.alistapart.com/articles/goingtoprint/ */ +.postbody a:link, .postbody a:visited, .postbody a:hover, .postbody a:active { + text-decoration: underline; + padding: 0.1em 0.2em; + margin: -0.1em -0.2em; + color: #666; + background: none; + font-size: 100%; +} + +html>body .postbody a:link:after, html>body .postbody a:visited:after { + content: " (" attr(href) ") "; + font-size: 90%; + text-decoration: none; +} + +hr { + height: 1px; + background-color: #999999; + border-width: 0; +} + +.author { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 75%; + margin-bottom: 0.6em; +} + +.date { + font-family: Verdana, Arial, Helvetica, sans-serif; + float: right; + position: relative; + text-align: right; + font-size: 75%; +} + +/* Don't want to print url for names or titles in content area */ +.postbody .author a:link, .postbody .author a:visited, +html>body .postbody .author a:link:after, +html>body .postbody .author a:visited:after, +.postquote .quote-by a:link, .postquote .quote-by a:visited, +html>body .postquote .quote-by a:link:after, +html>body .postquote .quote-by a:visited:after, +html>body .postbody h1 a:link:after, html>body .postbody h2 a:link:after { + text-decoration: none; + content: ""; +} + +/* Poster profile */ +.postprofile { display: none; } +.grip-show { display:none; } + +/* Quote */ +.postquote, blockquote { + font-size: 85%; + margin: 1em 18% 1em 4%; + padding: 0.5em; + position: relative; + line-height: 1.5em; + border: 1px #999999 solid; +} + +.postquote img { display: none; } +.postquote span { display: block; } +.postquote span .postquote { font-size: 100%; } +.quote-by, blockquote cite { + color: black; + display : block; + font-weight: bold; +} + +/* List */ +ol, ul { + margin-left: 15pt; +} + +/* Misc page elements */ +div.spacer { clear: both; } +code { display: block; } + +/* Accessibility tweaks: Mozilla.org */ +.skip_link { display: none; } + +.codebox p { display: none; } + +/* stylelint-disable declaration-property-unit-whitelist */ +.emoji { + min-height: 18px; + min-width: 18px; + height: 1em; + width: 1em; +} +/* stylelint-enable declaration-property-unit-whitelist */ diff --git a/theme/stylesheet.css b/theme/stylesheet.css new file mode 100644 index 0000000..a7d03cc --- /dev/null +++ b/theme/stylesheet.css @@ -0,0 +1,21 @@ +/* phpBB3 Style Sheet + -------------------------------------------------------------- + Style name: X-Creamy + Based on style: prosilver (the default phpBB 3.3.x style) + Original author: Tom Beddard ( http://www.subblue.com/ ) + Modified by: Joyce&Luna ( https://phpbb-style-design.de ) + -------------------------------------------------------------- +*/ + +@import url("../../prosilver/theme/normalize.css?v=1.2.9"); +@import url("../../prosilver/theme/base.css?v=1.2.9"); +@import url("../../prosilver/theme/utilities.css?v=1.2.9"); +@import url("common.css?v=1.2.9"); +@import url("links.css?v=1.2.9"); +@import url("content.css?v=1.2.9"); +@import url("../../prosilver/theme/buttons.css?v=1.2.9"); +@import url("../../prosilver/theme/cp.css?v=1.2.9"); +@import url("forms.css?v=1.2.9"); +@import url("icons.css?v=1.2.9"); +@import url("colours.css?v=1.2.9"); +@import url("creamy.css?v=1.2.9"); \ No newline at end of file diff --git a/theme/tweaks.css b/theme/tweaks.css new file mode 100644 index 0000000..54f47df --- /dev/null +++ b/theme/tweaks.css @@ -0,0 +1,33 @@ +/* Style Sheet Tweaks + +These style definitions are IE 8 & 9 only. +They are required due to the poor CSS support in IE browsers. +------------------------------------------------------------------------------*/ + +/* IE 8 Tweaks (value)\9 equates to IE <= 8 +------------------------------------------------------------------------------*/ + +/* Clear float fix */ +.inner, ul.linklist { zoom: 1\9; } + +/* Align checkboxes/radio buttons nicely */ +dd label input { vertical-align: text-bottom\9; } + +/* Fixes header-avatar aspect-ratio */ +.header-avatar img { height: 20px\9; } + +/* IE8 often can't handle max-width in %, so we use px instead */ +.postprofile .avatar img { max-width: 150px\9; } + + +/* IE 9 Tweaks +------------------------------------------------------------------------------*/ + +/* Border-radius bleed fix in IE9 */ +.search-header, .search-header .inputbox, .search-header a.button { + border-radius: 0; +} + +.tabs .tab > a { + border-radius: 0; +}