diff options
Diffstat (limited to 'phpBB/styles/prosilver/theme')
101 files changed, 1981 insertions, 1831 deletions
diff --git a/phpBB/styles/prosilver/theme/base.css b/phpBB/styles/prosilver/theme/base.css new file mode 100644 index 0000000000..98c57d9264 --- /dev/null +++ b/phpBB/styles/prosilver/theme/base.css @@ -0,0 +1,115 @@ +/* -------------------------------------------------------------- + $Base +-------------------------------------------------------------- */ + +/** { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +}*/ + +/* Define your base font-size here; most elements will inherit this. _NO__DOTCOMMA__AFTER__*/ +html { + font-size: 1em; /* Assuming 16px... */ + line-height: 1.5; /* 24px (This is now our magic number; all subsequent margin-bottoms and line-heights want to be a multiple of this number in order to maintain vertical rhythm.) _NO__DOTCOMMA__AFTER__*/ + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #333333; + background-color: #ffffff; +} + +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +figure { margin: 0 } +img { vertical-align: middle } + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #e5e5e5; +} + +a { + color: #428bca; + text-decoration: none; +} + +a:hover, +a:focus, +a:active { + color: #2a6496; + text-decoration: underline; +} + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +figure, +p, +pre { margin: 0 } +button { + background: transparent; + border: 0; + padding: 0; +} + +/** + * Work around a Firefox/IE bug where the transparent `button` background + * results in a loss of the default `button` focus styles. + */ +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +iframe { border: 0 } +ol, +ul { + list-style: none; + margin: 0; + padding: 0; +} + +/** + * Suppress the focus outline on links that cannot be accessed via keyboard. + * This prevents an unwanted focus outline from appearing around elements that + * might still respond to pointer events. + */ +[tabindex="-1"]:focus { outline: none !important } + +/** + * Remove double underline from recent version of firefox + */ +abbr[title] { + text-decoration: none; +} + diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css index f3468ebcf2..70cfb83a78 100644 --- a/phpBB/styles/prosilver/theme/bidi.css +++ b/phpBB/styles/prosilver/theme/bidi.css @@ -13,6 +13,10 @@ text-align: left; } +.rtl p.jumpbox-return { + float: right; +} + .rtl div.rules ul { margin-left: 0; margin-right: 20px; @@ -20,6 +24,11 @@ /* Main blocks ---------------------------------------- */ +.rtl .icon { + padding-right: 0; + padding-left: 2px; +} + .rtl .logo { float: right; padding: 10px 10px 0 13px; @@ -27,11 +36,11 @@ /* Site Description --------------------------------------------- */ -.rtl #site-description { +.rtl .site-description { float: right; } -.rtl #site-description h1 { +.rtl .site-description h1 { margin-left: 0; } @@ -81,14 +90,9 @@ padding-right: 0; } -.rtl ul.linklist li.responsive-menu a.responsive-menu-link:before { - left: auto; - right: 0; -} - /* Dropdown menu ---------------------------------------- */ -.rtl .dropdown-container.topic-tools { +.rtl .dropdown-container.topic-tools, .rtl .dropdown-container-left { float: right; } @@ -114,12 +118,17 @@ text-align: right; } -.rtl .dropdown-extended .header .header_settings { +.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; @@ -261,23 +270,26 @@ margin-right: 0; } -.pagination li.previous a { background-position: -50px 2px; } -.pagination li.next a { background-position: -30px 2px; } -.pagination li.previous a:hover { background-position: -50px -18px; } -.pagination li.next a:hover { background-position: -30px -18px; } - -/* Miscellaneous styles +/* Action Bar styles ---------------------------------------- */ -.rtl #forum-permissions { - float: left; - padding-right: 5px; - padding-left: 0; - margin-right: 5px; - margin-left: 0; - text-align: left; +.rtl .action-bar .button { + margin-right: 0; + float: right; +} + +.rtl .action-bar > .button { + margin-left: 5px; + float: right; } -.rtl #quick-links { +.rtl .action-bar .dropdown-button-control .button { + margin-left: 5px; +} + + +/* Miscellaneous styles +---------------------------------------- */ +.rtl .quick-links { margin-left: 7px; margin-right: 0; } @@ -296,11 +308,6 @@ * links.css */ -/* Back to top of page */ -.rtl .back2top { - text-align: left; -} - /* Links adjustment to correctly display an order of rtl/ltr mixed content */ .rtl a { direction: rtl; @@ -309,7 +316,6 @@ li.breadcrumbs span:first-child > a { padding-left: 0; - padding-right: 19px; } /* Notification mark read link */ @@ -319,14 +325,9 @@ li.breadcrumbs span:first-child > a { right: auto; } -.rtl a.top { +.rtl .back2top .top { float: left; -} - -.rtl a.top2 { - background-position: 100% 50%; - padding-left: 0; - padding-right: 15px; + margin-left: -10px; } .rtl .skiplink { @@ -416,26 +417,26 @@ li.breadcrumbs span:first-child > a { padding-right: 1px; } -.rtl dl.icon { +.rtl dl.row-item{ background-position: 99.5% 50%; } -.rtl li.header dl.icon dt .list-inner { +.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.icon dt { +.rtl dl.row-item dt { background-position: 99.5% 95%; /* Position of topic icon */ } -.rtl dl.icon dt .list-inner { +.rtl dl.row-item dt .list-inner { padding-left: 5px; padding-right: 45px; /* Space for folder icon */ } -.rtl dl a.icon-link { /* topic row icon links */ +.rtl dl a.row-item-link { /* topic row icon links */ display: inline-block; left: auto; right: 0; @@ -461,7 +462,6 @@ li.breadcrumbs span:first-child > a { .rtl p.post-notice { padding-left: 5px; - padding-right: 26px; } .rtl p.post-notice:before { @@ -471,7 +471,7 @@ li.breadcrumbs span:first-child > a { /* Topic review panel ----------------------------------------*/ -.rtl #topicreview { +.rtl .topicreview { padding-right: 0; padding-left: 5px; } @@ -501,7 +501,6 @@ li.breadcrumbs span:first-child > a { /* Quote block */ .rtl blockquote { margin: 0.5em 25px 0 1px; - background-position: 99% 8px; } .rtl blockquote blockquote { @@ -511,10 +510,13 @@ li.breadcrumbs span:first-child > a { .rtl blockquote cite { /* Username/source of quoter */ - margin-right: 20px; margin-left: 0; } +.rtl blockquote cite:before, .rtl .uncited:before { + padding-left: 5px; +} + .rtl blockquote .codebox { margin-right: 0; } @@ -602,48 +604,12 @@ li.breadcrumbs span:first-child > a { /** * buttons.css */ -.rtl .dropdown-select { - padding-left: 24px; - padding-right: 8px; -} - -.rtl .icon-button:before { - float: left; - margin-left: 0; - margin-right: 2px; -} - -.rtl .dropdown-select.icon-button:before { - margin-left: 4px; - margin-right: 0; -} - -.rtl .dropdown-select:after { - border-left: 0; - border-right-style: solid; - border-right-width: 1px; - left: 0; - right: auto; -} - -.rtl .buttons, .rtl .buttons .button { - float: right; -} -.rtl .buttons .button, .rtl .dropdown-select { - margin-left: 5px; - margin-right: 0; -} - -/* Icon images ----------------------------------------- */ -.rtl .small-icon { - background-position: 100% 50%; -} - -.rtl .small-icon > a { - padding-left: 0; - padding-right: 19px; +.rtl .caret { + border-right: 1px solid; + border-right-color: inherit; + border-left: none; + right: 6px; } /* Post control buttons @@ -661,10 +627,6 @@ li.breadcrumbs span:first-child > a { float: right; } -.post-buttons .icon-button:before { - margin-right: 0; -} - /* Poster contact icons ----------------------------------------*/ .rtl .contact-icons a { @@ -687,20 +649,20 @@ li.breadcrumbs span:first-child > a { /* Main CP box ----------------------------------------*/ -.rtl #cp-menu { +.rtl .cp-menu { float: right; } -.rtl #cp-main { +.rtl .cp-main { float: right; } -.rtl #cp-main .panel ol { +.rtl .cp-main .panel ol { margin-right: 2em; margin-left: 0; } -.rtl #cp-main .buttons { +.rtl .cp-main .buttons { margin-right: 0; margin-left: 0; } @@ -711,52 +673,52 @@ li.breadcrumbs span:first-child > a { /* CP tabbed menu ----------------------------------------*/ -.rtl #tabs { +.rtl .tabs { margin-left: 0; margin-right: 7px; } -.rtl #tabs .tab { +.rtl .tabs .tab { float: right; } -.rtl #tabs .tab > a { +.rtl .tabs .tab > a { margin-left: 1px; margin-right: 0; } /* Mini tabbed menu used in MCP ----------------------------------------*/ -.rtl #minitabs { +.rtl .minitabs { float: left; margin-right: 0; margin-left: 7px; } -.rtl #minitabs .tab { +.rtl .minitabs .tab { float: left; } -.rtl #minitabs .tab > a { +.rtl .minitabs .tab > a { margin-right: 2px; margin-left: 0; } /* Responsive tabs ----------------------------------------*/ -.rtl #tabs .dropdown { +.rtl .tabs .dropdown { margin-left: -2px; } -.rtl #tabs .dropdown li { +.rtl .tabs .dropdown li { text-align: left; } -.rtl #minitabs .dropdown { +.rtl .minitabs .dropdown { margin-left: -4px; } -.rtl #minitabs .dropdown li { +.rtl .minitabs .dropdown li { text-align: right; } @@ -764,7 +726,7 @@ li.breadcrumbs span:first-child > a { ----------------------------------------*/ @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { - .rtl #cp-menu, .rtl #navigation, .rtl #cp-main { + .rtl .cp-menu, .rtl .navigation, .rtl .cp-main { float: none; } } @@ -774,7 +736,7 @@ li.breadcrumbs span:first-child > a { /* Preferences pane layout ----------------------------------------*/ -.rtl #cp-main h2 { +.rtl .cp-main h2 { margin-left: 0; margin-right: 10px; } @@ -815,7 +777,7 @@ li.breadcrumbs span:first-child > a { } /* Avatar gallery */ -.rtl #gallery label { +.rtl .gallery label { float: right; } @@ -823,7 +785,7 @@ li.breadcrumbs span:first-child > a { ----------------------------------------*/ @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { - .rtl #cp-menu, .rtl #navigation, .rtl #cp-main { + .rtl .cp-menu, .rtl .navigation, .rtl .cp-main { float: none; } } @@ -910,6 +872,10 @@ li.breadcrumbs span:first-child > a { 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; @@ -935,7 +901,7 @@ li.breadcrumbs span:first-child > a { ----------------------------------------*/ /* Emoticons panel */ -.rtl #smiley-box { +.rtl .smiley-box { float: left; } @@ -955,16 +921,20 @@ li.breadcrumbs span:first-child > a { padding: 3px; } -.rtl .search-box .button { +.rtl .button-search, +.button-search-end { float: right; } -.rtl .search-box a.button { +.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; - padding-left: 5px; - padding-right: 3px; } .rtl .search-header { @@ -973,47 +943,14 @@ li.breadcrumbs span:first-child > a { margin-left: 5px; } -.rtl input.search { - background-position: right 1px; - padding-right: 17px; - padding-left: 0; -} - - /* Form button styles ---------------------------------------- */ /** Reference: Bug #27155 */ -.rtl #wrap, .rtl .headerbar, .rtl #site-description, .rtl .navbar { +.rtl .wrap, .rtl .headerbar, .rtl .site-description, .rtl .navbar { position: relative; } -/* Former imageset */ -.rtl .imageset.forum_link, .rtl .imageset.forum_read, .rtl .imageset.forum_read_locked, .rtl .imageset.forum_read_subforum, .rtl .imageset.forum_unread, .rtl .imageset.forum_unread_locked, .rtl .imageset.forum_unread_subforum, .rtl .imageset.topic_moved, .rtl .imageset.topic_read, .rtl .imageset.topic_read_mine, .rtl .imageset.topic_read_hot, .rtl .imageset.topic_read_hot_mine, .rtl .imageset.topic_read_locked, .rtl .imageset.topic_read_locked_mine, .rtl .imageset.topic_unread, .rtl .imageset.topic_unread_mine, .rtl .imageset.topic_unread_hot, .rtl .imageset.topic_unread_hot_mine, .rtl .imageset.topic_unread_locked, .rtl .imageset.topic_unread_locked_mine, .rtl .imageset.sticky_read, .rtl .imageset.sticky_read_mine, .rtl .imageset.sticky_read_locked, .rtl .imageset.sticky_read_locked_mine, .rtl .imageset.sticky_unread, .rtl .imageset.sticky_unread_mine, .rtl .imageset.sticky_unread_locked, .rtl .imageset.sticky_unread_locked_mine, .rtl .imageset.announce_read, .rtl .imageset.announce_read_mine, .rtl .imageset.announce_read_locked, .rtl .imageset.announce_read_locked_mine, .rtl .imageset.announce_unread, .rtl .imageset.announce_unread_mine, .rtl .imageset.announce_unread_locked, .rtl .imageset.announce_unread_locked_mine, .rtl .imageset.global_read, .rtl .imageset.global_read_mine, .rtl .imageset.global_read_locked, .rtl .imageset.global_read_locked_mine, .rtl .imageset.global_unread, .rtl .imageset.global_unread_mine, .rtl .imageset.global_unread_locked, .rtl .imageset.global_unread_locked_mine, .rtl .imageset.pm_read, .rtl .imageset.pm_unread { - padding-right: 27px; - padding-left: 0; -} -.rtl .imageset.subforum_read, .rtl .imageset.subforum_unread, .rtl .imageset.icon_post_target, .rtl .imageset.icon_post_target_unread, .rtl .imageset.icon_topic_latest, .rtl .imageset.icon_topic_newest { - padding-right: 11px; - padding-left: 0; -} -.rtl .imageset.icon_back_top { - padding-right: 11px; - padding-left: 0; -} -.rtl .imageset.icon_contact_aim, .rtl .imageset.phpbb_aol-icon, .rtl .imageset.icon_contact_email, .rtl .imageset.icon_contact_icq, .rtl .imageset.phpbb_icq-icon, .rtl .imageset.icon_contact_jabber, .rtl .imageset.icon_contact_msnm, .rtl .imageset.phpbb_wlm-icon, .rtl .imageset.icon_contact_www, .rtl .imageset.phpbb_website-icon, .rtl .imageset.icon_contact_yahoo, .rtl .imageset.phpbb_yahoo-icon, .rtl .imageset.icon_post_delete, .rtl .imageset.icon_post_info, .rtl .imageset.icon_post_report, .rtl .imageset.icon_user_warn { - padding-right: 20px; - padding-left: 0; -} -.rtl .imageset.icon_topic_attach { - padding-right: 7px; - padding-left: 0; -} -.rtl .imageset.icon_topic_reported, .rtl .imageset.icon_topic_unapproved { - padding-right: 16px; - padding-left: 0; -} - /** * plupload.css */ diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index a816c7f7f2..4c8283fdc0 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -2,125 +2,71 @@ ---------------------------------------- */ .button { - cursor: pointer; display: inline-block; - height: 18px; - font-size: 1.2em; + padding: 2px 8px; + 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; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; border: 1px solid transparent; border-radius: 4px; - background: transparent none 0 0 repeat-x; - padding: 2px 8px; - font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; - position: relative; - text-decoration: none !important; - outline-style: none !important; - vertical-align: bottom; } -.dropdown-select { - padding-right: 24px; +.button:focus, +.button:hover { + text-decoration: none; + outline: none; } -.icon-button:before { - background: transparent 0 0 no-repeat; - content: ''; - display: inline-block; - float: right; - height: 12px; - margin: 3px 0 0 2px; - width: 12px; -} - -.dropdown-select.icon-button:before { - margin-right: 4px; -} - -.dropdown-select:after { - background-position: -103px 10px; +.caret { border-left: 1px solid; - content: ''; - position: absolute; - top: 0; - right: 0; - height: 22px; - width: 16px; + position: relative; + right: -6px; } -.dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after { - background-position: -103px -10px; +.caret i { + vertical-align: top; } -.buttons, .buttons .button { +/* Posting page styles +----------------------------------------*/ +.button-search, +.button-search-end { float: left; -} - -.buttons .button, .dropdown-select { - margin-right: 5px; -} - -#jumpbox .dropdown-select { + border-radius: 0; margin: 0; + padding: 2px 5px; } -/* Big button images */ -.reply-icon:before, .pmreply-icon:before { background-position: -20px 0; } -.reply-icon:hover:before, .pmreply-icon:hover:before { background-position: -20px -20px; } - -.post-icon:before, .newpm-icon:before, .reply-all:before { background-position: 0 0; } -.post-icon:hover:before, -.newpm-icon:hover:before, -.reply-all:hover:before { background-position: 0 -20px; } - -.locked-icon:before { background-position: -60px 0; } -.locked-icon:hover:before { background-position: -60px -20px; } - -.forwardpm-icon:before { background-position: -40px 0; } -.forwardpm-icon:hover:before { background-position: -40px -20px; } - -.modtools-icon { - font-size: 0; +.button-search-end { + border-left-width: 0; + border-radius: 0 4px 4px 0; } -.tools-icon:before, .modtools-icon:before, .search-icon:before, .search-adv-icon:before { - background-position: -80px 0; - height: 16px; - margin-top: 2px; - width: 16px; +.search-header .button-search, +.search-header .button-search-end { + border-top-width: 0; + border-bottom-width: 0; + padding: 3px 5px; } -.dropdown-visible .tools-icon:before, -.nojs .dropdown-container:hover .tools-icon:before { background-position: -80px -20px; } - -.search-icon:before { background-position: -245px 0; } -.search-icon:hover:before { background-position: -245px -20px; } - -.search-adv-icon:before { background-position: -265px 0; } -.search-adv-icon:hover:before { background-position: -265px -20px; } - -.modtools-icon:before { background-position: -225px 0; } -.dropdown-visible .modtools-icon:before, -.nojs .dropdown-container:hover .modtools-icon:before { background-position: -225px -20px; } - -/* Icon images ----------------------------------------- */ -.small-icon { - background-position: 0 50%; - background-repeat: no-repeat; - background-image: none; +.search-header .button-search-end { + border-right-width: 0; } -.small-icon > a { - display: inline-block; - padding: 0 0 0 18px; -} - -ul.linklist.bulletin > li.small-icon:before { - display: none; -} - -.dropdown .small-icon > a { - display: block; +.button-icon-only { + padding-left: 3px; + padding-right: 3px; } /* Poster contact icons @@ -157,21 +103,6 @@ ul.linklist.bulletin > li.small-icon:before { clear: left; } -/* Profile 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_googleplus-icon { background-position: -140px 0; } -.phpbb_skype-icon { background-position: -161px 0; } -.phpbb_twitter-icon { background-position: -203px 0; } -.phpbb_yahoo-icon { background-position: -224px 0; } - /* Post control buttons --------------------------------------------- */ .post-buttons { @@ -193,41 +124,19 @@ ul.linklist.bulletin > li.small-icon:before { margin-right: 3px; } -.post-buttons .icon-button { - padding: 0 5px; +.post-buttons .button, .format-buttons .button { + padding-left: 3px; + padding-right: 3px; } -.hastouch .post-buttons .icon-button { - padding: 2px 8px; +.hastouch .post-buttons { + margin-right: 10px; } -.post-buttons .icon-button span { - display: block; - height: 0; - overflow: hidden; - position: absolute; - width: 1px; -} - -.post-buttons .icon-button:before { - margin-left: 0; +.post-buttons .button span { + font-size: 0; } -.quote-icon:before { background-position: -122px 0; } -.quote-icon:hover:before { background-position: -122px -21px; } -.edit-icon:before { background-position: -137px 0; } -.edit-icon:hover:before { background-position: -137px -21px; } -.warn-icon:before { background-position: -208px 0; } -.warn-icon:hover:before { background-position: -208px -21px; } -.delete-icon:before { background-position: -152px 0; } -.delete-icon:hover:before { background-position: -152px -21px; } -.report-icon:before { background-position: -165px 0; } -.report-icon:hover:before { background-position: -165px -21px; } -.info-icon:before { background-position: -175px 0; } -.info-icon:hover:before { background-position: -175px -21px; } -.button.responsive-menu-link:before { background-position: -191px 0; } -.button.responsive-menu-link:hover:before { background-position: -191px -21px; } - /* Responsive buttons in post body */ .post-buttons .dropdown { top: 18px; @@ -248,3 +157,37 @@ button::-moz-focus-inner { padding: 0; border: 0 } + +/* Deprecated as of version 3.2 +-------------------------------------------------*/ +.small-icon { + background-position: 0 50%; + background-repeat: no-repeat; + background-image: none; +} + +.dropdown .small-icon { + background-position: 5px 50%; + padding: 5px; +} + +.small-icon > a { + padding: 0 0 0 18px; +} + +ul.linklist.bulletin > li.small-icon:before { + display: none; +} + +.dropdown .small-icon > a { + display: block; +} + +.rtl .small-icon { + background-position: 100% 50%; +} + +.rtl .small-icon > a { + padding-left: 0; + padding-right: 19px; +} diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 9095e61369..ffaa71034f 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -26,45 +26,85 @@ hr { border-top-color: #CCCCCC; } -/* Search box ---------------------------------------------- */ +/* +-------------------------------------------------------------- +Colours and backgrounds for links.css +-------------------------------------------------------------- */ -.search-box .inputbox, -.search-box .inputbox:hover, -.search-box .inputbox:focus, -.search-box .button:hover { - border-color: #C7C3BF; +a { color: #105289; } +a:hover { color: #D31141; } + +/* Links on gradient backgrounds */ +.forumbg .header a, .forabg .header a, th a { + color: #FFFFFF; } -.search-header { - box-shadow: 0 0 10px #0075B0; +.forumbg .header a:hover, .forabg .header a:hover, th a:hover { + color: #A8D8FF; +} + +/* Notification mark read link */ +.dropdown-extended a.mark_read { + background-color: #FFFFFF; +} + +/* Post body links */ +.postlink { + border-bottom-color: #368AD2; + color: #368AD2; +} + +.postlink:visited { + border-bottom-color: #5D8FBD; + color: #5D8FBD; +} + +.postlink:hover { + background-color: #D0E4F6; + color: #0D4473; +} + +.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: #368AD2; } /* Round cornered boxes and backgrounds ---------------------------------------- */ -#wrap { +.wrap { background-color: #FFF; border-color: #E6E9ED; } .headerbar { - background-color: #12A3EB; - background-image: url("./images/bg_header.gif"); color: #FFFFFF; } -.navbar { - background-color: #cadceb; +.headerbar, .forumbg { + background-color: #12A3EB; + background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%); + background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%); + background-repeat: repeat-x; } .forabg { - background-color: #0076b1; - background-image: url("./images/bg_list.gif"); + background-color: #0076B1; + background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%); + background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%); + background-repeat: repeat-x; } -.forumbg { - background-color: #12A3EB; - background-image: url("./images/bg_header.gif"); +.navbar { + background-color: #CADCEB; } .panel { @@ -89,15 +129,15 @@ table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) { } .bg2 { - background-color: #e1ebf2; + background-color: #E1EBF2; } table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { - background-color: #e1ebf2; + background-color: #E1EBF2; } .bg3 { - background-color: #cadceb; + background-color: #CADCEB; } .ucprowbg { @@ -108,6 +148,10 @@ table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { background-color: #E7E8EA; } +.site_logo { + background-image: url("./images/site_logo.gif"); +} + /* Horizontal lists ----------------------------------------*/ @@ -162,152 +206,111 @@ dl.details dd { color: #1198D9; } -/* Pagination +/* Icon styles ---------------------------------------- */ - -.pagination li a { - background-color: #ECEDEE; - border-color: #B4BAC0; - color: #5C758C; -} - -.pagination li.ellipsis span { - background-color: transparent; - color: #000000; -} - -.pagination li.active span { - background-color: #4692BF; - border-color: #4692BF; - color: #FFFFFF; +.icon.icon-blue, a:hover .icon.icon-blue { + color: #196db5; } -.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { - background-color: #368AD2; - border-color: #368AD2; - color: #FFFFFF; +.icon.icon-green, a:hover .icon.icon-green{ + color: #1b9A1B; } -.pagination li.next a, .pagination li.previous a, .pagination li.page-jump a { - background-image: url("./images/icons_pagination.png"); +.icon.icon-red, a:hover .icon.icon-red{ + color: #BC2A4D; } -/* Pagination in viewforum for multipage topics */ -.row .pagination { - background-image: url("./images/icon_pages.gif"); +.icon.icon-orange, a:hover .icon.icon-orange{ + color: #FF6600; } -/* Miscellaneous styles ----------------------------------------- */ - -.copyright { - color: #555555; +.icon.icon-bluegray, a:hover .icon.icon-bluegray{ + color: #536482; } -.error { - color: #BC2A4D; +.icon.icon-gray, a:hover .icon.icon-gray{ + color: #777777; } -.reported { - background-color: #F7ECEF; +.icon.icon-lightgray, a:hover .icon.icon-lightgray{ + color: #999999; } -li.reported:hover { - background-color: #ECD5D8 !important; -} -.sticky, .announce { - /* you can add a background for stickies and announcements*/ +.icon.icon-black, a:hover .icon.icon-black{ + color: #333333; } -div.rules { - background-color: #ECD5D8; - color: #BC2A4D; +.alert_close .icon:before { + background-color: #FFFFFF; } -p.post-notice { - background-color: #ECD5D8; - background-image: none; +/* Jumpbox */ +.jumpbox .dropdown li { + border-top-color: #CCCCCC; } -p.post-notice.deleted:before { - background-image: url("./images/icon_topic_deleted.png"); +.jumpbox-cat-link { + background-color: #0076b1; + border-top-color: #0076B1; + color: #FFFFFF; } -p.post-notice.unapproved:before { - background-image: url("./images/icon_topic_unapproved.gif"); +.jumpbox-cat-link:hover { + background-color: #12A3EB; + border-top-color: #12A3EB; + color: #FFFFFF; } -p.post-notice.reported:before, p.post-notice.error:before { - background-image: url("./images/icon_topic_reported.gif"); +.jumpbox-forum-link { + background-color: #E1EBF2; } -/* --------------------------------------------------------------- -Colours and backgrounds for links.css --------------------------------------------------------------- */ - -a { color: #105289; } -a:hover { color: #D31141; } - -/* Links on gradient backgrounds */ -.forumbg .header a, .forabg .header a, th a { - color: #FFFFFF; +.jumpbox-forum-link:hover { + background-color: #F6F4D0; } -.forumbg .header a:hover, .forabg .header a:hover, th a:hover { - color: #A8D8FF; +.jumpbox .dropdown .pointer-inner { + border-color: #E1EBF2 transparent; } -/* Notification mark read link */ -.dropdown-extended a.mark_read { - background-color: #FFFFFF; +.jumpbox-sub-link { + background-color: #E1EBF2; } -/* Post body links */ -.postlink { - border-bottom-color: #368AD2; - color: #368AD2; +.jumpbox-sub-link:hover { + background-color: #F1F8FF; } -.postlink:visited { - border-bottom-color: #5D8FBD; - color: #5D8FBD; -} +/* Miscellaneous styles +---------------------------------------- */ -.postlink:hover { - background-color: #D0E4F6; - color: #0D4473; +.copyright { + color: #555555; } -.signature a, .signature a:hover { - background-color: transparent; +.error { + color: #BC2A4D; } -/* Back to top of page */ -a.top { - background-image: url("./images/icon_back_top.gif"); +.reported { + background-color: #F7ECEF; } -a.top2 { - background-image: url("./images/icon_back_top.gif"); +li.reported:hover { + background-color: #ECD5D8 !important; } - -/* Arrow links */ -a.arrow-up { background-image: url("./images/arrow_up.gif"); } -a.arrow-down { background-image: url("./images/arrow_down.gif"); } -a.arrow-left { background-image: url("./images/arrow_left.gif"); } -a.arrow-right { background-image: url("./images/arrow_right.gif"); } - -a.arrow-up:hover { - background-color: transparent; +.sticky, .announce { + /* you can add a background for stickies and announcements*/ } -a.arrow-left:hover { - color: #368AD2; +div.rules { + background-color: #ECD5D8; + color: #BC2A4D; } -a.arrow-right:hover { - color: #368AD2; +p.post-notice { + background-color: #ECD5D8; + background-image: none; } /* @@ -316,8 +319,10 @@ Colours and backgrounds for content.css -------------------------------------------------------------- */ ul.forums { - background-color: #eef5f9; - background-image: url("./images/gradient.gif"); + background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%); + background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */ } ul.topiclist li { @@ -329,18 +334,10 @@ ul.topiclist dd { } .rtl ul.topiclist dd { - border-right-color: #fff; + border-right-color: #FFFFFF; border-left-color: transparent; } -ul.topiclist li.row dt a.subforum.read { - background-image: url("./images/subforum_read.gif"); -} - -ul.topiclist li.row dt a.subforum.unread { - background-image: url("./images/subforum_unread.gif"); -} - li.row { border-top-color: #FFFFFF; border-bottom-color: #00608F; @@ -412,14 +409,9 @@ dl.faq dt { /* Quote block */ blockquote { background-color: #EBEADD; - background-image: url("./images/quote.gif"); border-color:#DBDBCE; } -.rtl blockquote { - background-image: url("./images/quote_rtl.gif"); -} - blockquote blockquote { /* Nested quotes */ background-color:#EFEED9; @@ -444,13 +436,6 @@ blockquote blockquote blockquote { color: #2E8B57; } -.syntaxbg { color: #FFFFFF; } -.syntaxcomment { color: #FF8000; } -.syntaxdefault { color: #0000BB; } -.syntaxhtml { color: #000000; } -.syntaxkeyword { color: #007700; } -.syntaxstring { color: #DD0000; } - /* Attachments ----------------------------------------*/ .attachbox { @@ -600,130 +585,165 @@ Colours and backgrounds for buttons.css -------------------------------------------------------------- */ .button { border-color: #C7C3BF; - background-color: #FFFFFF; - background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9); - background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9); - background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9); - background-image: linear-gradient(to bottom, #FFFFFF, #E9E9E9); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9')"; + background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%); + background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 0 1px #FFFFFF inset; color: #D31141; } -.dropdown-select { - color: #536482; +.button:hover, +.button:focus { + border-color: #0A8ED0; + background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%); + background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */ + text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2); } -.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select { - border-color: #0a8ed0; - background-image: -moz-linear-gradient(top, #E9E9E9, #FFFFFF); - background-image: -webkit-linear-gradient(top, #E9E9E9, #FFFFFF); - background-image: -o-linear-gradient(top, #E9E9E9, #FFFFFF); - background-image: linear-gradient(to bottom, #E9E9E9, #FFFFFF); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='#FFFFFF')"; - text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2); + +.button .icon, +.button-secondary { + color: #8f8f8f; } -.dropdown-select:after { border-color: #DADADA; } -.dropdown-select:hover { border-color: #C7C3BF; } +.button-secondary:focus, +.button-secondary:hover, +.button:focus .icon, +.button:hover .icon { + color: #0A8ED0; +} -.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select { - border-color: #A6B2BA; - color: #105289; +.button-search:hover, +.button-search-end:hover { + border-color: #C7C3BF; } +.caret { border-color: #DADADA; } +.caret { border-color: #C7C3BF; } + .contact-icons a { border-color: #DCDCDC; } .contact-icons a:hover { background-color: #F2F6F9; } +/* Pagination +---------------------------------------- */ + +.pagination li a { + background: #ECEDEE; + filter: none; + border-color: #B4BAC0; + box-shadow: none; + -webkit-box-shadow: none; + color: #5C758C; +} + +.pagination li.ellipsis span { + background: transparent; + color: #000000; +} + +.pagination li.active span { + background: #4692BF; + border-color: #4692BF; + color: #FFFFFF; +} + +.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { + background: #368AD2; + border-color: #368AD2; + filter: none; + color: #FFFFFF; + text-shadow: none; +} + +/* Search box +--------------------------------------------- */ + +.search-box .inputbox, +.search-box .inputbox:hover, +.search-box .inputbox:focus { + border-color: #C7C3BF; +} + +.search-header { + box-shadow: 0 0 10px #0075B0; +} + /* Icon images ---------------------------------------- */ -.icon-acp { background-image: url("./images/icon_acp.gif"); } -.icon-bookmark { background-image: url("./images/icon_bookmark.gif"); } -.icon-bump { background-image: url("./images/icon_bump.gif"); } -.icon-contact { background-image: url("./images/icon_pm.gif"); } -.icon-delete-cookies { background-image: url("./images/icon_delete_cookies.gif"); } -.icon-download { background-image: url("./images/icon_download.gif"); } -.icon-faq { background-image: url("./images/icon_faq.gif"); } -.icon-home { background-image: url("./images/icon_home.gif"); } -.icon-logout { background-image: url("./images/icon_logout.gif"); } -.icon-mark { background-image: url("./images/icon_mark.gif"); } -.icon-mcp { background-image: url("./images/icon_mcp.gif"); } -.icon-members { background-image: url("./images/icon_members.gif"); } -.icon-notification { background-image: url("./images/icon_notification.gif"); } -.icon-pages { background-image: url("./images/icon_pages.gif"); } -.icon-pm { background-image: url("./images/icon_pm.gif"); } -.icon-print { background-image: url("./images/icon_print.gif"); } -.icon-profile { background-image: url("./images/icon_profile.gif"); } -.icon-register { background-image: url("./images/icon_register.gif"); } -.icon-search, .responsive-search a { background-image: url("./images/icon_search.gif"); } -.icon-search-active { background-image: url("./images/subforum_read.gif"); } -.icon-search-new { background-image: url("./images/subforum_unread.gif"); } -.icon-search-self { background-image: url("./images/icon_topic_latest.gif"); } -.icon-search-unanswered { background-image: url("./images/icon_post_target.gif"); } -.icon-search-unread { background-image: url("./images/subforum_unread.gif"); } -.icon-sendemail { background-image: url("./images/icon_sendemail.gif"); } -.icon-subscribe { background-image: url("./images/icon_subscribe.gif"); } -.icon-team { background-image: url("./images/icon_team.gif"); } -.icon-ucp { background-image: url("./images/icon_ucp.gif"); } -.icon-unsubscribe { background-image: url("./images/icon_unsubscribe.gif"); } + +.contact-icon { background-image: url("./images/icons_contact.png"); } /* Profile & navigation icons */ -.contact-icon { background-image: url("./images/icons_contact.png"); } -.icon-button:before, .dropdown-select:after { background-image: url("./images/icons_button.png"); } +.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_googleplus-icon { background-position: -140px 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"); } -.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"); } -.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"); } - -.pm_read { background-image: url("./images/topic_read.gif"); } -.pm_unread { background-image: url("./images/topic_unread.gif"); } +.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"); } + /* -------------------------------------------------------------- @@ -733,7 +753,7 @@ Colours and backgrounds for cp.css /* Main CP box ----------------------------------------*/ -.panel-container h3, .panel-container hr, #cp-menu hr { +.panel-container h3, .panel-container hr, .cp-menu hr { border-color: #A4B3BF; } @@ -755,50 +775,46 @@ ul.cplist { border-bottom-color: #333333; } -#cp-main .pm-message { +.cp-main .pm-message { border-color: #DBDEE2; background-color: #FFFFFF; } /* CP tabbed menu ----------------------------------------*/ -#tabs .tab > a { +.tabs .tab > a { background: #BACCD9; color: #536482; } -#tabs .tab > a:hover { +.tabs .tab > a:hover { background: #DDEDFB; color: #D31141; } -#tabs .activetab > a, -#tabs .activetab > a:hover { - background: #CADCEB; - background: -moz-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E2F2FF), color-stop(100%, #CADCEB)); - background: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%); - background: -o-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%); - background: -ms-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%); - background: linear-gradient(to bottom, #E2F2FF 0%, #CADCEB 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB', GradientType=0 ); +.tabs .activetab > a, +.tabs .activetab > a:hover { + background-color: #CADCEB; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%); + background-image: linear-gradient(to bottom, #E2F2FF 0%,#CADCEB 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */ border-color: #CADCEB; box-shadow: 0 1px 1px #F2F9FF inset; color: #333333; } -#tabs .activetab > a:hover { +.tabs .activetab > a:hover { color: #000000; } /* Mini tabbed menu used in MCP ----------------------------------------*/ -#minitabs .tab > a { +.minitabs .tab > a { background-color: #E1EBF2; } -#minitabs .activetab > a, -#minitabs .activetab > a:hover { +.minitabs .activetab > a, +.minitabs .activetab > a:hover { background-color: #F9F9F9; color: #333333; } @@ -817,42 +833,34 @@ ul.cplist { ----------------------------------------*/ /* Link styles for the sub-section links */ -#navigation a { +.navigation a { color: #333; - background: #B4C4D1; - background: -moz-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%); - background: -webkit-gradient(left top, right top, color-stop(50%, #B4C4D1), color-stop(100%, #CADCEB)); + background: #CADCEB; /* Old browsers */ /* FF3.6+ */ background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%); - background: -o-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%); - background: -ms-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%); - background: linear-gradient(to right, #B4C4D1 50%, #CADCEB 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB', GradientType=1 ); + background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */ } -.rtl #navigation a { - background: #B4C4D1; - background: -moz-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%); - background: -webkit-gradient(left top, right top, color-stop(0%, #CADCEB), color-stop(50%, #B4C4D1)); - background: -webkit-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%); - background: -o-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%); - background: -ms-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%); - background: linear-gradient(to right, #CADCEB 0%, #B4C4D1 50%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1', GradientType=1 ); +.rtl .navigation a { + background: #B4C4D1; /* Old browsers */ /* FF3.6+ */ + background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%); + background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */ } -#navigation a:hover { +.navigation a:hover { background: #AABAC6; color: #BC2A4D; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } -#navigation #active-subsection a { +.navigation .active-subsection a { background: #F9F9F9; color: #D31141; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } -#navigation #active-subsection a:hover { +.navigation .active-subsection a:hover { color: #D31141; } @@ -873,13 +881,13 @@ ul.cplist { background-color: #F9F9F9; } -#cp-main .pm { +.cp-main .pm { background-color: #FFFFFF; } /* Friends list */ .cp-mini { - background-color: #eef5f9; + background-color: #EEF5F9; } dl.mini dt { @@ -916,12 +924,12 @@ dl.mini dt { } /* Avatar gallery */ -#gallery label { +.gallery label { background: #FFFFFF; border-color: #CCC; } -#gallery label:hover { +.gallery label:hover { background-color: #EEE; } @@ -973,15 +981,15 @@ fieldset.quick-login input.inputbox { /* Posting page styles ----------------------------------------*/ -#message-box textarea { +.message-box textarea { color: #333333; } -#message-box textarea.drag-n-drop { +.message-box textarea.drag-n-drop { outline-color: rgba(102, 102, 102, 0.5); } -#message-box textarea.drag-n-drop-highlight { +.message-box textarea.drag-n-drop-highlight { outline-color: rgba(17, 163, 234, 0.5); } @@ -1007,7 +1015,6 @@ fieldset.quick-login input.inputbox { .inputbox:focus { border-color: #11A3EA; - color: #0F4987; } .inputbox:focus:-moz-placeholder { @@ -1024,8 +1031,10 @@ fieldset.quick-login input.inputbox { a.button1, input.button1, input.button3, a.button2, input.button2 { color: #000; - background-color: #FAFAFA; - background-image: url("./images/bg_button.gif"); + background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%); + background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */ } a.button1, input.button1 { @@ -1048,8 +1057,12 @@ a.button1, a.button2 { /* Hover states */ a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { - border-color: #BC2A4D; - color: #BC2A4D; + border-color: #D31141; + color: #D31141; + background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%); + background-image: linear-gradient(to bottom, #EFEFEF 0%,#D2D2D2 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */ } /* Focus states */ @@ -1058,10 +1071,6 @@ input.button1:focus, input.button2:focus, input.button3:focus { color: #0F4987; } -input.search { - background-image: url("./images/icon_textbox_search.gif"); -} - input.disabled { color: #666666; } @@ -1072,14 +1081,11 @@ input.disabled { background-color: #FFFFFF; border-color: #999999; } -.phpbb_alert .alert_close { - background-image: url("./images/alert_close.png"); -} -#darken { +.darken { background-color: #000000; } -#loading_indicator { +.loading_indicator { background-color: #000000; background-image: url("./images/loading.gif"); } @@ -1104,13 +1110,10 @@ input.disabled { } .dropdown-extended .header { - background: #F1F8FF; - background: -moz-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F8FF), color-stop(100%, #CADCEB)); - background: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); - background: -o-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); - background: -ms-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); - background: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%); + background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); + background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */ } .dropdown .pointer { @@ -1125,17 +1128,9 @@ input.disabled { border-color: #F1F8FF transparent; } -ul.linklist li.responsive-menu a.responsive-menu-link:before { - border-color: #105289; -} - -ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before { - border-color: #D31141; -} - .dropdown .dropdown-contents { background: #fff; - border-color: #b9b9b9; + border-color: #B9B9B9; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); } diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index df923aa948..ed2cc369b1 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -1,52 +1,3 @@ -/* CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 ----------------------------------------- */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -abbr { - text-decoration: none; -} - /* General Markup Styles ---------------------------------------- */ html { @@ -182,10 +133,11 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: square; } +a:hover { text-decoration: underline; } /* Main blocks ---------------------------------------- */ -#wrap { +.wrap { border: 1px solid transparent; border-radius: 8px; margin: 0 auto; @@ -195,21 +147,21 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul { } @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) { - #wrap { + .wrap { margin: 0 12px; } } -#page-body { +.page-body { margin: 4px 0; clear: both; } -#page-footer { +.page-footer { clear: both; } -#page-footer h3 { +.page-footer h3 { margin-top: 20px; } @@ -223,20 +175,25 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul { text-decoration: none; } +.site_logo { + display: inline-block; + width: 149px; + height: 52px; +} + /* Site description and logo */ -#site-description { +.site-description { float: left; width: 65%; } -#site-description h1 { +.site-description h1 { margin-right: 0; } /* Round cornered boxes and backgrounds ---------------------------------------- */ .headerbar { - background: transparent none repeat-x 0 0; margin-bottom: 4px; padding: 5px; border-radius: 7px; @@ -248,7 +205,6 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul { } .forabg { - background: transparent none repeat-x 0 0; margin-bottom: 4px; padding: 5px; clear: both; @@ -256,7 +212,6 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul { } .forumbg { - background: transparent none repeat-x 0 0; margin-bottom: 4px; padding: 5px; clear: both; @@ -286,6 +241,7 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul { ----------------------------------------*/ .navbar ul.linklist { padding: 2px 0; + list-style-type: none; } ul.linklist { @@ -293,7 +249,7 @@ ul.linklist { margin: 0; } -#cp-main .panel { +.cp-main .panel { padding: 5px 10px; } @@ -334,28 +290,7 @@ ul.rightside { ul.linklist li.responsive-menu { position: relative; - margin: 0 5px; -} - -ul.linklist li.responsive-menu a.responsive-menu-link { - display: inline-block; - margin: 0 5px; - font-size: 1.455em; - position: relative; - width: 16px; - line-height: 1.2em; - text-decoration: none; -} - -ul.linklist li.responsive-menu a.responsive-menu-link:before { - content: ''; - position: absolute; - left: 0; - top: 7px; - height: .125em; - width: 14px; - border-bottom: 0.125em solid transparent; - border-top: 0.375em double transparent; + margin: 0 5px 0 0; } .hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside { @@ -412,24 +347,25 @@ ul.linklist.bulletin > li.no-bulletin:before { vertical-align: top; } -.header-avatar:hover { +a.header-avatar, +a.header-avatar:hover { text-decoration: none; } -.header-avatar img { +a.header-avatar img { margin-bottom: 2px; max-height: 20px; vertical-align: middle; width: auto; } -.header-avatar span:after { - content: '\25BC'; +a.header-avatar span:after { + content: '\f0dd'; display: inline-block; - font-size: 9px; - float: right; - padding-left: 2px; - opacity: 0.7; + font: normal normal normal 14px/1 FontAwesome; + padding-left: 6px; + padding-top: 2px; + vertical-align: top; } /* Dropdown menu @@ -451,6 +387,7 @@ ul.linklist.bulletin > li.no-bulletin:before { } .dropdown { + display: none; position: absolute; left: 0; top: 1.2em; @@ -511,12 +448,12 @@ ul.linklist.bulletin > li.no-bulletin:before { .dropdown .pointer { right: auto; left: 10px; - top: 0; + top: -1px; z-index: 3; } .dropdown-up .pointer { - bottom: 0; + bottom: -1px; top: auto; } @@ -544,22 +481,72 @@ ul.linklist.bulletin > li.no-bulletin:before { border-radius: 5px; padding: 5px; position: relative; - min-width: 40px; max-height: 300px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; +} + +.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; - padding-top: 4px; - padding-bottom: 4px; white-space: nowrap; text-align: left; } @@ -595,7 +582,6 @@ ul.linklist.bulletin > li.no-bulletin:before { .dropdown li.separator { border-top: 1px solid transparent; - margin: 4px 0; padding: 0; } @@ -622,7 +608,6 @@ ul.linklist.bulletin > li.no-bulletin:before { } .breadcrumbs .crumb a { - display: inline-block; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; @@ -645,7 +630,7 @@ table.table1 { width: 100%; } -#ucp-main table.table1 { +.ucp-main table.table1 { padding: 2px; } @@ -717,7 +702,7 @@ table.info tbody th { margin: 0 -1px; } -#color_palette_placeholder table { +.color_palette_placeholder table { border-collapse: separate; border-spacing: 1px; } @@ -812,7 +797,7 @@ fieldset.fields1 dl.pmlist dd.recipients { /* Action-bars (container for post/reply buttons, pagination, etc.) ---------------------------------------- */ .action-bar { - font-size: 1.1em; + font-size: 11px; margin: 4px 0; } @@ -820,19 +805,32 @@ fieldset.fields1 dl.pmlist dd.recipients { margin-top: 2em; } +.action-bar .button { + margin-right: 5px; + float: left; +} + +.action-bar .button-search { + margin-right: 0; +} + /* Pagination ---------------------------------------- */ .pagination { float: right; - margin-top: 3px; text-align: right; width: auto; } -.action-bar.bottom .pagination { +.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; @@ -848,16 +846,20 @@ fieldset.fields1 dl.pmlist dd.recipients { } .pagination li a, .pagination li span { - border: 1px solid transparent; border-radius: 2px; - display: block; - font-size: 0.9em; + padding: 2px 5px; +} + +.pagination li.active span { + display: inline-block; + font-size: 13px; font-weight: normal; - line-height: 1.4em; - min-width: 10px; - padding: 3px; + font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; + line-height: 1.4; text-align: center; - text-decoration: none; + white-space: nowrap; + vertical-align: middle; + border: 1px solid transparent; } .pagination li.ellipsis span { @@ -869,37 +871,22 @@ fieldset.fields1 dl.pmlist dd.recipients { margin-right: 5px; } -.pagination li.page-jump a, .pagination li.next a, .pagination li.previous a { - background-repeat: no-repeat; - font-size: 0; - height: 13px; - width: 11px; -} - .pagination li.page-jump a { - background-position: 0 2px; - width: 24px; + padding: 0 8px; } -.pagination li.next a { - background-position: -50px 2px; +.pagination li.page-jump a i { + font-size: 21px; } -.pagination li.previous a { - background-position: -30px 2px; +.pagination .arrow a { + padding: 2px 0; } -.pagination li.page-jump a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { background-position: 0 -18px; } -.pagination li.next a:hover { background-position: -50px -18px; } -.pagination li.previous a:hover { background-position: -30px -18px; } - /* Pagination in viewforum for multipage topics */ .row .pagination { display: block; - margin-top: 0; - padding: 1px 0 1px 15px; - font-size: 0.9em; - background: none 0 50% no-repeat; + margin-top: -12px; } .row .pagination > ul { @@ -907,8 +894,9 @@ fieldset.fields1 dl.pmlist dd.recipients { } .row .pagination li a, .row .pagination li span { - border-radius: 1px; - padding: 1px; + border-radius: 2px; + padding: 1px 3px; + font-size: 9px; } /* jQuery popups @@ -934,18 +922,9 @@ fieldset.fields1 dl.pmlist dd.recipients { } .phpbb_alert .alert_close { - display: block; float: right; - width: 16px; - height: 16px; - overflow: hidden; - text-decoration: none !important; - background: transparent none 0 0 no-repeat; - margin-top: -7px; - margin-right: -31px; -} -.phpbb_alert .alert_close:hover { - background-position: 0 -16px; + margin-right: -36px; + margin-top: -8px; } .phpbb_alert p { @@ -967,13 +946,13 @@ fieldset.fields1 dl.pmlist dd.recipients { font-size: 1.1em; } -#darkenwrapper { +.darkenwrapper { display: none; position: relative; z-index: 44; } -#darken { +.darken { position: fixed; left: 0; top: 0; @@ -983,7 +962,7 @@ fieldset.fields1 dl.pmlist dd.recipients { z-index: 45; } -#loading_indicator { +.loading_indicator { background: center center no-repeat; border-radius: 5px; display: none; @@ -1000,15 +979,6 @@ fieldset.fields1 dl.pmlist dd.recipients { /* Miscellaneous styles ---------------------------------------- */ -#forum-permissions { - float: right; - width: auto; - padding-left: 5px; - margin-left: 5px; - margin-top: 10px; - text-align: right; -} - .copyright { padding: 5px; text-align: center; @@ -1045,36 +1015,20 @@ div.rules ul, div.rules ol { p.post-notice { position: relative; padding: 5px; - padding-left: 26px; min-height: 14px; margin-bottom: 1em; } -p.post-notice:before { - content: ''; - display: block; - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 28px; - background: transparent none 50% 50% no-repeat; - pointer-events: none; -} - form > p.post-notice strong { line-height: 20px; } -#jumpbox { - margin: 5px 0; -} - .stat-block { clear: both; } -#top { +.top-anchor { + display: block; position: absolute; top: -20px; } @@ -1093,16 +1047,19 @@ ul.linklist:after, .action-bar:after, .notification_text:after, .tabs-container:after, -#tabs > ul:after, -#minitabs > ul:after, +.tabs > ul:after, +.minitabs > ul:after, .postprofile .avatar-container:after { clear: both; content: ''; display: block; } -.hidden { - display: none; +.emoji { + min-height: 18px; + min-width: 18px; + height: 1em; + width: 1em; } .smilies { @@ -1183,6 +1140,11 @@ ul.linklist:after, text-transform: none; } +.dropdown-extended .header .header_settings a { + display: inline-block; + padding: 0 5px; +} + .dropdown-extended .header:after { content: ''; display: table; @@ -1284,30 +1246,11 @@ ul.linklist:after, /* Navbar specific list items ----------------------------------------*/ -#quick-links { +.linklist .quick-links { margin: 0 7px 0 0; } -#quick-links a.responsive-menu-link { - display: block; - font-size: inherit; - line-height: inherit; - margin: 0; - width: auto; -} - -#quick-links a.responsive-menu-link:before { - font-size: 1.455em; - line-height: 16.5px; -} - -.compact #quick-links a.responsive-menu-link { - width: 0; - overflow: hidden; - white-space: nowrap; -} - -.compact .icon-notification > a > span, .compact .icon-pm > a > span { +.linklist.compact .rightside > a > span { display: none; } diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index dfb91891fa..741056e4c4 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -7,10 +7,6 @@ ul.topiclist { margin: 0; } -ul.forums { - background: transparent none repeat-x 0 0; -} - ul.topiclist li { display: block; list-style-type: none; @@ -81,15 +77,6 @@ ul.topiclist dfn { width: 990px; } -ul.topiclist li.row dt a.subforum { - background-image: none; - background-position: 0 50%; - background-repeat: no-repeat; - position: relative; - white-space: nowrap; - padding: 0 0 0 12px; -} - .forum-image { float: left; padding-top: 5px; @@ -133,36 +120,42 @@ li.header dd { box-sizing: border-box; } -li.header dl.icon dt, li.header dl.icon dd { +li.header dl.row-item dt, li.header dl.row-item dd { min-height: 0; } -li.header dl.icon dt .list-inner { +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 */ -dl.icon { +dl.row-item { background-position: 10px 50%; /* Position of folder icon */ background-repeat: no-repeat; + background-size: 32px; } -dl.icon dt { +dl.row-item dt { background-repeat: no-repeat; background-position: 5px 95%; /* Position of topic icon */ + background-size: 17px; } -dl.icon dt .list-inner { - padding-left: 45px; /* Space for folder icon */ +dl.row-item dt .list-inner { + padding-left: 52px; /* Space for folder icon */ } -dl.icon dt, dl.icon dd { +dl.row-item dt, dl.row-item dd { min-height: 35px; } -dl a.icon-link { /* topic row icon links */ +dl.row-item dt a { + display: inline; +} + +dl a.row-item-link { /* topic row icon links */ display: block; width: 30px; height: 30px; @@ -186,13 +179,13 @@ dd.posts, dd.topics, dd.views { } /* List in forum description */ -dl.icon dt ol, -dl.icon dt ul { +dl.row-item dt ol, +dl.row-item dt ul { list-style-position: inside; margin-left: 1em; } -dl.icon dt li { +dl.row-item dt li { display: list-item; list-style-type: inherit; } @@ -286,28 +279,28 @@ dd.option { /* Topic review panel ----------------------------------------*/ -#review { +.panel .review { margin-top: 2em; } -#topicreview { +.topicreview { padding-right: 5px; overflow: auto; height: 300px; } -#topicreview .postbody { +.topicreview .postbody { width: auto; float: none; margin: 0; height: auto; } -#topicreview .post { +.topicreview .post { height: auto; } -#topicreview h2 { +.topicreview h2 { border-bottom-width: 0; } @@ -317,7 +310,7 @@ dd.option { /* MCP Post details ----------------------------------------*/ -#post_details { +.post_details { /* This will only work in IE7+, plus the others */ overflow: auto; max-height: 300px; @@ -383,8 +376,7 @@ dl.faq dt { } .content ul, .content ol { - margin-bottom: 1em; - margin-left: 3em; + margin: 0.8em 0 0.9em 3em; } .posthilit { @@ -430,8 +422,7 @@ dd .signature { } .signature ul, .signature ol { - margin-bottom: 1em; - margin-left: 3em; + margin: 0.8em 0 0.9em 3em; } /* Post noticies */ @@ -457,10 +448,9 @@ ul.searchresults { ----------------------------------------*/ /* Quote block */ blockquote { - background: transparent none 6px 8px no-repeat; border: 1px solid transparent; font-size: 0.95em; - margin: 0.5em 1px 0 25px; + margin: 1em 1px 1em 25px; overflow: hidden; padding: 5px; } @@ -468,14 +458,13 @@ blockquote { blockquote blockquote { /* Nested quotes */ font-size: 1em; - margin: 0.5em 1px 0 15px; + margin: 1em 1px 1em 15px; } blockquote cite { /* Username/source of quoter */ font-style: normal; font-weight: bold; - margin-left: 20px; display: block; font-size: 0.9em; } @@ -484,23 +473,33 @@ blockquote cite cite { font-size: 1em; } -blockquote.uncited { - padding-top: 25px; +blockquote cite:before, .uncited:before { + padding-right: 5px; +} + +blockquote cite > div { + float: right; + font-weight: normal; +} + +.postbody .content li blockquote { + overflow: inherit; + margin-left: 0; } /* Code block */ .codebox { - padding: 3px; border: 1px solid transparent; font-size: 1em; - overflow-x: scroll; + margin: 1em 0 1.2em 0; word-wrap: normal; } .codebox p { text-transform: uppercase; border-bottom: 1px solid transparent; - margin-bottom: 3px; + margin-bottom: 0; + padding: 3px; font-size: 0.8em !important; font-weight: bold; display: block; @@ -515,11 +514,9 @@ blockquote .codebox { display: block; height: auto; max-height: 200px; - white-space: normal; - padding-top: 5px; + padding: 5px 3px; font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace; line-height: 1.3em; - margin: 2px 0; } /* Attachments @@ -832,7 +829,7 @@ table.fixed-width-table { /* 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 { +.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; @@ -840,7 +837,7 @@ table.fixed-width-table { 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 { +.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; } diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index 8a223f653f..d54c948343 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -4,19 +4,19 @@ /* Main CP box ----------------------------------------*/ -#cp-menu { +.cp-menu { float:left; width: 19%; margin-top: 1em; margin-bottom: 5px; } -#cp-main { +.cp-main { float: left; width: 81%; } -#cp-main .content { +.cp-main .content { padding: 0; } @@ -59,7 +59,7 @@ ul.cplist { border-bottom: none; } -#cp-main .pm-message { +.cp-main .pm-message { border: 1px solid transparent; margin: 10px 0; width: auto; @@ -70,7 +70,7 @@ ul.cplist { padding-bottom: 5px; } -#cp-main .postbody h3, #cp-main .box2 h3 { +.cp-main .postbody h3, .cp-main .box2 h3 { margin-top: 0; } @@ -78,11 +78,11 @@ ul.cplist { font-size: 1.1em; } -#cp-main .buttons { +.cp-main .buttons { margin-left: 0; } -#cp-main ul.linklist { +.cp-main ul.linklist { margin: 0; } @@ -98,18 +98,18 @@ ul.cplist { /* CP tabs shared ----------------------------------------*/ -#tabs, #minitabs { +.tabs, .minitabs { line-height: normal; } -#tabs > ul, #minitabs > ul { +.tabs > ul, .minitabs > ul { list-style: none; margin: 0; padding: 0; position: relative; } -#tabs .tab, #minitabs .tab { +.tabs .tab, .minitabs .tab { display: block; float: left; font-size: 1em; @@ -117,7 +117,7 @@ ul.cplist { line-height: 1.4em; } -#tabs .tab > a, #minitabs .tab > a { +.tabs .tab > a, .minitabs .tab > a { display: block; padding: 5px 9px; position: relative; @@ -128,39 +128,39 @@ ul.cplist { /* CP tabbed menu ----------------------------------------*/ -#tabs { +.tabs { margin: 20px 0 0 7px; } -#tabs .tab > a { +.tabs .tab > a { border: 1px solid transparent; border-radius: 4px 4px 0 0; margin: 1px 1px 0 0; } -#tabs .activetab > a { +.tabs .activetab > a { margin-top: 0; padding-bottom: 7px; } /* Mini tabbed menu used in MCP ----------------------------------------*/ -#minitabs { +.minitabs { float: right; margin: 15px 7px 0 0; max-width: 50%; } -#minitabs .tab { +.minitabs .tab { float: right; } -#minitabs .tab > a { +.minitabs .tab > a { border-radius: 5px 5px 0 0; margin-left: 2px; } -#minitabs .tab > a:hover { +.minitabs .tab > a:hover { text-decoration: none; } @@ -190,44 +190,44 @@ ul.cplist { border-top: 0.375em double transparent; } -#tabs .dropdown, #minitabs .dropdown { +.tabs .dropdown, .minitabs .dropdown { top: 20px; margin-right: -2px; font-size: 1.1em; font-weight: normal; } -#minitabs .dropdown { +.minitabs .dropdown { margin-right: -4px; } -#tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown { +.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown { bottom: 20px; top: auto; } -#tabs .dropdown li { +.tabs .dropdown li { text-align: right; } -#minitabs .dropdown li { +.minitabs .dropdown li { text-align: left; } /* UCP navigation menu ----------------------------------------*/ /* Container for sub-navigation list */ -#navigation { +.navigation { width: 100%; padding-top: 36px; } -#navigation ul { +.navigation ul { list-style: none; } /* Default list state */ -#navigation li { +.navigation li { display: inline; font-weight: bold; margin: 1px 0; @@ -235,20 +235,20 @@ ul.cplist { } /* Link styles for the sub-section links */ -#navigation a { +.navigation a { display: block; padding: 5px; margin: 1px 0; text-decoration: none; } -#navigation a:hover { +.navigation a:hover { text-decoration: none; } /* Preferences pane layout ----------------------------------------*/ -#cp-main h2 { +.cp-main h2 { border-bottom: none; padding: 0; margin-left: 10px; @@ -281,10 +281,6 @@ dl.mini dd { /* PM Styles ----------------------------------------*/ -#pm-menu { - line-height: 2.5em; -} - /* Defined rules list for PM options */ ol.def-rules { padding-left: 0; @@ -327,7 +323,7 @@ ol.def-rules li { } /* Avatar gallery */ -#gallery label { +.gallery label { position: relative; float: left; margin: 10px; @@ -341,35 +337,35 @@ ol.def-rules li { ----------------------------------------*/ @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { - .nojs #tabs a span, .nojs #minitabs a span { + .nojs .tabs a span, .nojs .minitabs a span { max-width: 40px; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.5px; } - #cp-menu, #navigation, #cp-main { + .cp-menu, .navigation, .cp-main { float: none; width: auto; margin: 0; } - #navigation { + .navigation { padding: 0; margin: 0 auto; max-width: 320px; } - #navigation a { + .navigation a { background-image: none; } - #navigation li:first-child a { + .navigation li:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px; } - #navigation li:last-child a { + .navigation li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } diff --git a/phpBB/styles/prosilver/theme/en/stylesheet.css b/phpBB/styles/prosilver/theme/en/stylesheet.css index bf4bd31ffc..604b299488 100644 --- a/phpBB/styles/prosilver/theme/en/stylesheet.css +++ b/phpBB/styles/prosilver/theme/en/stylesheet.css @@ -1,8 +1,2 @@ /* Online image */ .online { background-image: url("./icon_user_online.gif"); } - -.imageset.icon_user_online { - background-image: url("./icon_user_online.gif"); - padding-left: 58px; - padding-top: 58px; -} diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index 777f011c35..5646a7d6c7 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -96,7 +96,7 @@ fieldset.fields1 div { } /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */ -fieldset.fields1 #recaptcha_widget_div div, fieldset.fields1 .live-search div { +fieldset.fields1 .live-search div { margin-bottom: 0; } @@ -138,10 +138,16 @@ dd textarea { } /* Hover effects */ -#timezone { +.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; @@ -177,6 +183,24 @@ 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; @@ -214,28 +238,26 @@ fieldset.submit-buttons { fieldset.submit-buttons input { vertical-align: middle; - padding-top: 3px; - padding-bottom: 3px; } /* Posting page styles ----------------------------------------*/ /* Buttons used in the editor */ -#format-buttons { +.format-buttons { margin: 15px 0 2px 0; } -#format-buttons input, #format-buttons select { +.format-buttons input, .format-buttons select { vertical-align: middle; } /* Main message box */ -#message-box { +.message-box { width: 80%; } -#message-box textarea { +.message-box textarea { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; width: 450px; height: 270px; @@ -245,20 +267,20 @@ fieldset.submit-buttons input { resize: vertical; outline: 3px dashed transparent; outline-offset: -4px; - -webkit-transition: all .5s ease; - -moz-transition: all .5s ease; - -ms-transition: all .5s ease; - -o-transition: all .5s ease; - transition: all .5s ease; + -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 { +.smiley-box { width: 18%; float: right; } -#smiley-box img { +.smiley-box img { margin: 3px; } @@ -288,7 +310,7 @@ textarea.inputbox { } input[type="number"] { - -moz-padding-end: inherit; + -moz-padding-end: 0; } input[type="search"] { @@ -316,6 +338,7 @@ a.button1, input.button1, input.button3, a.button2, input.button2 { 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 { @@ -342,18 +365,15 @@ a.button2, input.button2, input.button3 { } /* <a> button in the style of the form buttons */ -a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active { +a.button1, a.button2 { text-decoration: none; - padding: 2px 8px; - line-height: 250%; + padding: 0 3px; vertical-align: text-bottom; - background-position: 0 1px; } /* Hover states */ a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border: 1px solid transparent; - background-position: 0 100%; } input.disabled { @@ -382,26 +402,6 @@ input.button1:focus, input.button2:focus, input.button3:focus { box-sizing: border-box; } -.search-box button { - float: left; -} - -.search-box button.search-icon { - border-radius: 0; - font-size: 0; - height: 24px; - margin: 0; - padding: 3px 5px; -} - -.search-box a.button { - border-left-width: 0; - border-radius: 0 4px 4px 0; - font-size: 0; - margin: 0; - padding: 2px 5px 2px 3px; -} - /* Search box (header) --------------------------------------------- */ .search-header { @@ -414,16 +414,7 @@ input.button1:focus, input.button2:focus, input.button3:focus { .search-header .inputbox { border: 0; } -.search-header button { - border-top: 0; - border-bottom: 0; -} - -.search-header a.button { - border: 0; - border-left: 1px; - padding: 3px 5px 3px 4px; -} +.navbar .linklist > li.responsive-search { display: none; } input.search { background-image: none; diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css new file mode 100644 index 0000000000..6643f12d06 --- /dev/null +++ b/phpBB/styles/prosilver/theme/icons.css @@ -0,0 +1,96 @@ +/* -------------------------------------------------------------- + $Icons +-------------------------------------------------------------- */ + +/* Global module setup +--------------------------------*/ + +/* Renamed version of .fa class for agnostic useage 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-weight: normal; + font-style: normal; + font-variant: normal; + font-family: FontAwesome; + 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/phpBB/styles/prosilver/theme/images/alert_close.png b/phpBB/styles/prosilver/theme/images/alert_close.png Binary files differdeleted file mode 100644 index 79750a013c..0000000000 --- a/phpBB/styles/prosilver/theme/images/alert_close.png +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/announce_read.gif b/phpBB/styles/prosilver/theme/images/announce_read.gif Binary files differindex 9457870e6f..b61cc54140 100644 --- a/phpBB/styles/prosilver/theme/images/announce_read.gif +++ b/phpBB/styles/prosilver/theme/images/announce_read.gif diff --git a/phpBB/styles/prosilver/theme/images/announce_read_locked.gif b/phpBB/styles/prosilver/theme/images/announce_read_locked.gif Binary files differindex 76ead8a02c..8c7393edf9 100644 --- a/phpBB/styles/prosilver/theme/images/announce_read_locked.gif +++ b/phpBB/styles/prosilver/theme/images/announce_read_locked.gif diff --git a/phpBB/styles/prosilver/theme/images/announce_read_locked_mine.gif b/phpBB/styles/prosilver/theme/images/announce_read_locked_mine.gif Binary files differindex 2105d21f10..e3f6e622a3 100644 --- a/phpBB/styles/prosilver/theme/images/announce_read_locked_mine.gif +++ b/phpBB/styles/prosilver/theme/images/announce_read_locked_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/announce_read_mine.gif b/phpBB/styles/prosilver/theme/images/announce_read_mine.gif Binary files differindex 2c88cacca0..d57e5d04e5 100644 --- a/phpBB/styles/prosilver/theme/images/announce_read_mine.gif +++ b/phpBB/styles/prosilver/theme/images/announce_read_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/announce_unread.gif b/phpBB/styles/prosilver/theme/images/announce_unread.gif Binary files differindex 33e10b2ccc..eb9edd1520 100644 --- a/phpBB/styles/prosilver/theme/images/announce_unread.gif +++ b/phpBB/styles/prosilver/theme/images/announce_unread.gif diff --git a/phpBB/styles/prosilver/theme/images/announce_unread_locked.gif b/phpBB/styles/prosilver/theme/images/announce_unread_locked.gif Binary files differindex 76dcc6ca71..054b0ae38d 100644 --- a/phpBB/styles/prosilver/theme/images/announce_unread_locked.gif +++ b/phpBB/styles/prosilver/theme/images/announce_unread_locked.gif diff --git a/phpBB/styles/prosilver/theme/images/announce_unread_locked_mine.gif b/phpBB/styles/prosilver/theme/images/announce_unread_locked_mine.gif Binary files differindex 53782fc3dc..a37b165b4f 100644 --- a/phpBB/styles/prosilver/theme/images/announce_unread_locked_mine.gif +++ b/phpBB/styles/prosilver/theme/images/announce_unread_locked_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/announce_unread_mine.gif b/phpBB/styles/prosilver/theme/images/announce_unread_mine.gif Binary files differindex bc07df0ce9..55f649cc4b 100644 --- a/phpBB/styles/prosilver/theme/images/announce_unread_mine.gif +++ b/phpBB/styles/prosilver/theme/images/announce_unread_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/arrow_down.gif b/phpBB/styles/prosilver/theme/images/arrow_down.gif Binary files differdeleted file mode 100644 index b7fbf7e276..0000000000 --- a/phpBB/styles/prosilver/theme/images/arrow_down.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/arrow_left.gif b/phpBB/styles/prosilver/theme/images/arrow_left.gif Binary files differdeleted file mode 100644 index ac92cb4971..0000000000 --- a/phpBB/styles/prosilver/theme/images/arrow_left.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/arrow_right.gif b/phpBB/styles/prosilver/theme/images/arrow_right.gif Binary files differdeleted file mode 100644 index 3a080ffdfe..0000000000 --- a/phpBB/styles/prosilver/theme/images/arrow_right.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/arrow_up.gif b/phpBB/styles/prosilver/theme/images/arrow_up.gif Binary files differdeleted file mode 100644 index 0ff5872182..0000000000 --- a/phpBB/styles/prosilver/theme/images/arrow_up.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/bg_button.gif b/phpBB/styles/prosilver/theme/images/bg_button.gif Binary files differdeleted file mode 100644 index 03172ff5c6..0000000000 --- a/phpBB/styles/prosilver/theme/images/bg_button.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/feed.gif b/phpBB/styles/prosilver/theme/images/feed.gif Binary files differdeleted file mode 100644 index ff19905874..0000000000 --- a/phpBB/styles/prosilver/theme/images/feed.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/forum_link.gif b/phpBB/styles/prosilver/theme/images/forum_link.gif Binary files differindex efeaf0a11f..42d445838b 100644 --- a/phpBB/styles/prosilver/theme/images/forum_link.gif +++ b/phpBB/styles/prosilver/theme/images/forum_link.gif diff --git a/phpBB/styles/prosilver/theme/images/forum_read.gif b/phpBB/styles/prosilver/theme/images/forum_read.gif Binary files differindex 845618c1a2..79d605ad7c 100644 --- a/phpBB/styles/prosilver/theme/images/forum_read.gif +++ b/phpBB/styles/prosilver/theme/images/forum_read.gif diff --git a/phpBB/styles/prosilver/theme/images/forum_read_locked.gif b/phpBB/styles/prosilver/theme/images/forum_read_locked.gif Binary files differindex 7afb092a8f..5eaf460a59 100644 --- a/phpBB/styles/prosilver/theme/images/forum_read_locked.gif +++ b/phpBB/styles/prosilver/theme/images/forum_read_locked.gif diff --git a/phpBB/styles/prosilver/theme/images/forum_read_subforum.gif b/phpBB/styles/prosilver/theme/images/forum_read_subforum.gif Binary files differindex 7119486539..b7b8176e4e 100644 --- a/phpBB/styles/prosilver/theme/images/forum_read_subforum.gif +++ b/phpBB/styles/prosilver/theme/images/forum_read_subforum.gif diff --git a/phpBB/styles/prosilver/theme/images/forum_unread.gif b/phpBB/styles/prosilver/theme/images/forum_unread.gif Binary files differindex 1a397cb216..8df11e7782 100644 --- a/phpBB/styles/prosilver/theme/images/forum_unread.gif +++ b/phpBB/styles/prosilver/theme/images/forum_unread.gif diff --git a/phpBB/styles/prosilver/theme/images/forum_unread_locked.gif b/phpBB/styles/prosilver/theme/images/forum_unread_locked.gif Binary files differindex 34f1d46ad7..63ac3fbedf 100644 --- a/phpBB/styles/prosilver/theme/images/forum_unread_locked.gif +++ b/phpBB/styles/prosilver/theme/images/forum_unread_locked.gif diff --git a/phpBB/styles/prosilver/theme/images/forum_unread_subforum.gif b/phpBB/styles/prosilver/theme/images/forum_unread_subforum.gif Binary files differindex e955887020..c5a2da1e31 100644 --- a/phpBB/styles/prosilver/theme/images/forum_unread_subforum.gif +++ b/phpBB/styles/prosilver/theme/images/forum_unread_subforum.gif diff --git a/phpBB/styles/prosilver/theme/images/gradient.gif b/phpBB/styles/prosilver/theme/images/gradient.gif Binary files differdeleted file mode 100644 index 21dc11f13b..0000000000 --- a/phpBB/styles/prosilver/theme/images/gradient.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_acp.gif b/phpBB/styles/prosilver/theme/images/icon_acp.gif Binary files differdeleted file mode 100644 index 3afa98ee8f..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_acp.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_back_top.gif b/phpBB/styles/prosilver/theme/images/icon_back_top.gif Binary files differdeleted file mode 100644 index 4d2b8f3822..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_back_top.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_bookmark.gif b/phpBB/styles/prosilver/theme/images/icon_bookmark.gif Binary files differdeleted file mode 100644 index 2644293f7d..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_bookmark.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_bump.gif b/phpBB/styles/prosilver/theme/images/icon_bump.gif Binary files differdeleted file mode 100644 index 014cd9bd15..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_bump.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_contact.png b/phpBB/styles/prosilver/theme/images/icon_contact.png Binary files differdeleted file mode 100644 index 04e4d9ad17..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_contact.png +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_delete_cookies.gif b/phpBB/styles/prosilver/theme/images/icon_delete_cookies.gif Binary files differdeleted file mode 100644 index f7665ebff8..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_delete_cookies.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_faq.gif b/phpBB/styles/prosilver/theme/images/icon_faq.gif Binary files differdeleted file mode 100644 index 4e26460629..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_faq.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_home.gif b/phpBB/styles/prosilver/theme/images/icon_home.gif Binary files differdeleted file mode 100644 index 8ae9004534..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_home.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_logout.gif b/phpBB/styles/prosilver/theme/images/icon_logout.gif Binary files differdeleted file mode 100644 index b8ad5c4e5c..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_logout.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_mark.gif b/phpBB/styles/prosilver/theme/images/icon_mark.gif Binary files differdeleted file mode 100644 index 1a33fc3264..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_mark.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_mcp.gif b/phpBB/styles/prosilver/theme/images/icon_mcp.gif Binary files differdeleted file mode 100644 index 80de2e53f7..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_mcp.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_members.gif b/phpBB/styles/prosilver/theme/images/icon_members.gif Binary files differdeleted file mode 100644 index 48e3e5f5f3..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_members.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_notification.gif b/phpBB/styles/prosilver/theme/images/icon_notification.gif Binary files differdeleted file mode 100644 index 11092f4dce..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_notification.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_pages.gif b/phpBB/styles/prosilver/theme/images/icon_pages.gif Binary files differdeleted file mode 100644 index 20b2fe9f81..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_pages.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_pm.gif b/phpBB/styles/prosilver/theme/images/icon_pm.gif Binary files differdeleted file mode 100644 index 103421a26f..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_pm.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_post_target.gif b/phpBB/styles/prosilver/theme/images/icon_post_target.gif Binary files differdeleted file mode 100644 index a2bc2a2c47..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_post_target.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_post_target_unread.gif b/phpBB/styles/prosilver/theme/images/icon_post_target_unread.gif Binary files differdeleted file mode 100644 index 65d47bb900..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_post_target_unread.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_print.gif b/phpBB/styles/prosilver/theme/images/icon_print.gif Binary files differdeleted file mode 100644 index e464e304ea..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_print.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_profile.gif b/phpBB/styles/prosilver/theme/images/icon_profile.gif Binary files differdeleted file mode 100644 index a0ec098460..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_profile.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_register.gif b/phpBB/styles/prosilver/theme/images/icon_register.gif Binary files differdeleted file mode 100644 index 9ecf126c4f..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_register.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_search.gif b/phpBB/styles/prosilver/theme/images/icon_search.gif Binary files differdeleted file mode 100644 index 8492cd308c..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_search.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_sendemail.gif b/phpBB/styles/prosilver/theme/images/icon_sendemail.gif Binary files differdeleted file mode 100644 index 92a39c8af9..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_sendemail.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_subscribe.gif b/phpBB/styles/prosilver/theme/images/icon_subscribe.gif Binary files differdeleted file mode 100644 index 5ca18af80a..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_subscribe.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_team.gif b/phpBB/styles/prosilver/theme/images/icon_team.gif Binary files differdeleted file mode 100644 index 613158257b..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_team.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_textbox_search.gif b/phpBB/styles/prosilver/theme/images/icon_textbox_search.gif Binary files differdeleted file mode 100644 index b3b51d8425..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_textbox_search.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_topic_attach.gif b/phpBB/styles/prosilver/theme/images/icon_topic_attach.gif Binary files differdeleted file mode 100644 index 70203124fe..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_topic_attach.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_topic_deleted.png b/phpBB/styles/prosilver/theme/images/icon_topic_deleted.png Binary files differdeleted file mode 100644 index 494b4fb563..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_topic_deleted.png +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_topic_latest.gif b/phpBB/styles/prosilver/theme/images/icon_topic_latest.gif Binary files differdeleted file mode 100644 index 815b26927a..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_topic_latest.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_topic_newest.gif b/phpBB/styles/prosilver/theme/images/icon_topic_newest.gif Binary files differdeleted file mode 100644 index fd6652d957..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_topic_newest.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_topic_poll.gif b/phpBB/styles/prosilver/theme/images/icon_topic_poll.gif Binary files differdeleted file mode 100644 index 1c80ec87c1..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_topic_poll.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_topic_reported.gif b/phpBB/styles/prosilver/theme/images/icon_topic_reported.gif Binary files differdeleted file mode 100644 index 006b1e2291..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_topic_reported.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_topic_unapproved.gif b/phpBB/styles/prosilver/theme/images/icon_topic_unapproved.gif Binary files differdeleted file mode 100644 index 09d8f387a7..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_topic_unapproved.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_ucp.gif b/phpBB/styles/prosilver/theme/images/icon_ucp.gif Binary files differdeleted file mode 100644 index 2a5fcc3f0c..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_ucp.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icon_unsubscribe.gif b/phpBB/styles/prosilver/theme/images/icon_unsubscribe.gif Binary files differdeleted file mode 100644 index 27013fc1cb..0000000000 --- a/phpBB/styles/prosilver/theme/images/icon_unsubscribe.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icons_button.png b/phpBB/styles/prosilver/theme/images/icons_button.png Binary files differdeleted file mode 100644 index 50ac8994de..0000000000 --- a/phpBB/styles/prosilver/theme/images/icons_button.png +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/icons_pagination.png b/phpBB/styles/prosilver/theme/images/icons_pagination.png Binary files differdeleted file mode 100644 index 872b7308c2..0000000000 --- a/phpBB/styles/prosilver/theme/images/icons_pagination.png +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/sticky_read.gif b/phpBB/styles/prosilver/theme/images/sticky_read.gif Binary files differindex e1af585da5..c56a3833f9 100644 --- a/phpBB/styles/prosilver/theme/images/sticky_read.gif +++ b/phpBB/styles/prosilver/theme/images/sticky_read.gif diff --git a/phpBB/styles/prosilver/theme/images/sticky_read_locked.gif b/phpBB/styles/prosilver/theme/images/sticky_read_locked.gif Binary files differindex 79f581be79..854a8f06de 100644 --- a/phpBB/styles/prosilver/theme/images/sticky_read_locked.gif +++ b/phpBB/styles/prosilver/theme/images/sticky_read_locked.gif diff --git a/phpBB/styles/prosilver/theme/images/sticky_read_locked_mine.gif b/phpBB/styles/prosilver/theme/images/sticky_read_locked_mine.gif Binary files differindex ad056086e5..0d559c0767 100644 --- a/phpBB/styles/prosilver/theme/images/sticky_read_locked_mine.gif +++ b/phpBB/styles/prosilver/theme/images/sticky_read_locked_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/sticky_read_mine.gif b/phpBB/styles/prosilver/theme/images/sticky_read_mine.gif Binary files differindex 8f5f28fe5e..3cd077355a 100644 --- a/phpBB/styles/prosilver/theme/images/sticky_read_mine.gif +++ b/phpBB/styles/prosilver/theme/images/sticky_read_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/sticky_unread.gif b/phpBB/styles/prosilver/theme/images/sticky_unread.gif Binary files differindex d62b3c0f3a..0d201657e3 100644 --- a/phpBB/styles/prosilver/theme/images/sticky_unread.gif +++ b/phpBB/styles/prosilver/theme/images/sticky_unread.gif diff --git a/phpBB/styles/prosilver/theme/images/sticky_unread_locked.gif b/phpBB/styles/prosilver/theme/images/sticky_unread_locked.gif Binary files differindex 5792b8649a..4535708752 100644 --- a/phpBB/styles/prosilver/theme/images/sticky_unread_locked.gif +++ b/phpBB/styles/prosilver/theme/images/sticky_unread_locked.gif diff --git a/phpBB/styles/prosilver/theme/images/sticky_unread_locked_mine.gif b/phpBB/styles/prosilver/theme/images/sticky_unread_locked_mine.gif Binary files differindex 93495770c8..bb14033781 100644 --- a/phpBB/styles/prosilver/theme/images/sticky_unread_locked_mine.gif +++ b/phpBB/styles/prosilver/theme/images/sticky_unread_locked_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/sticky_unread_mine.gif b/phpBB/styles/prosilver/theme/images/sticky_unread_mine.gif Binary files differindex e201a9f31f..c7ae656f02 100644 --- a/phpBB/styles/prosilver/theme/images/sticky_unread_mine.gif +++ b/phpBB/styles/prosilver/theme/images/sticky_unread_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/subforum_read.gif b/phpBB/styles/prosilver/theme/images/subforum_read.gif Binary files differdeleted file mode 100644 index 595595c296..0000000000 --- a/phpBB/styles/prosilver/theme/images/subforum_read.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/subforum_unread.gif b/phpBB/styles/prosilver/theme/images/subforum_unread.gif Binary files differdeleted file mode 100644 index b2b661dc78..0000000000 --- a/phpBB/styles/prosilver/theme/images/subforum_unread.gif +++ /dev/null diff --git a/phpBB/styles/prosilver/theme/images/topic_moved.gif b/phpBB/styles/prosilver/theme/images/topic_moved.gif Binary files differindex 3dafa46ed7..707b9f5d3d 100644 --- a/phpBB/styles/prosilver/theme/images/topic_moved.gif +++ b/phpBB/styles/prosilver/theme/images/topic_moved.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_read.gif b/phpBB/styles/prosilver/theme/images/topic_read.gif Binary files differindex 640d5396f8..a3b706eb11 100644 --- a/phpBB/styles/prosilver/theme/images/topic_read.gif +++ b/phpBB/styles/prosilver/theme/images/topic_read.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_read_hot.gif b/phpBB/styles/prosilver/theme/images/topic_read_hot.gif Binary files differindex dcb6f3bd60..d118fdcc4f 100644 --- a/phpBB/styles/prosilver/theme/images/topic_read_hot.gif +++ b/phpBB/styles/prosilver/theme/images/topic_read_hot.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_read_hot_mine.gif b/phpBB/styles/prosilver/theme/images/topic_read_hot_mine.gif Binary files differindex 1e5498a9be..2e16f96e33 100644 --- a/phpBB/styles/prosilver/theme/images/topic_read_hot_mine.gif +++ b/phpBB/styles/prosilver/theme/images/topic_read_hot_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_read_locked.gif b/phpBB/styles/prosilver/theme/images/topic_read_locked.gif Binary files differindex a47affb2f2..3154d38463 100644 --- a/phpBB/styles/prosilver/theme/images/topic_read_locked.gif +++ b/phpBB/styles/prosilver/theme/images/topic_read_locked.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_read_locked_mine.gif b/phpBB/styles/prosilver/theme/images/topic_read_locked_mine.gif Binary files differindex d6142f0ea7..ac0248c2be 100644 --- a/phpBB/styles/prosilver/theme/images/topic_read_locked_mine.gif +++ b/phpBB/styles/prosilver/theme/images/topic_read_locked_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_read_mine.gif b/phpBB/styles/prosilver/theme/images/topic_read_mine.gif Binary files differindex 18a1245b93..b0e9455d0e 100644 --- a/phpBB/styles/prosilver/theme/images/topic_read_mine.gif +++ b/phpBB/styles/prosilver/theme/images/topic_read_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_unread.gif b/phpBB/styles/prosilver/theme/images/topic_unread.gif Binary files differindex 3fa920b6fc..de500726ec 100644 --- a/phpBB/styles/prosilver/theme/images/topic_unread.gif +++ b/phpBB/styles/prosilver/theme/images/topic_unread.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_unread_hot.gif b/phpBB/styles/prosilver/theme/images/topic_unread_hot.gif Binary files differindex e712f6e827..1937164e08 100644 --- a/phpBB/styles/prosilver/theme/images/topic_unread_hot.gif +++ b/phpBB/styles/prosilver/theme/images/topic_unread_hot.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_unread_hot_mine.gif b/phpBB/styles/prosilver/theme/images/topic_unread_hot_mine.gif Binary files differindex fa8b167c64..28fdd88f4b 100644 --- a/phpBB/styles/prosilver/theme/images/topic_unread_hot_mine.gif +++ b/phpBB/styles/prosilver/theme/images/topic_unread_hot_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_unread_locked.gif b/phpBB/styles/prosilver/theme/images/topic_unread_locked.gif Binary files differindex 0a9768ba7d..177dae74f4 100644 --- a/phpBB/styles/prosilver/theme/images/topic_unread_locked.gif +++ b/phpBB/styles/prosilver/theme/images/topic_unread_locked.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_unread_locked_mine.gif b/phpBB/styles/prosilver/theme/images/topic_unread_locked_mine.gif Binary files differindex 916b60517e..2b6b854e33 100644 --- a/phpBB/styles/prosilver/theme/images/topic_unread_locked_mine.gif +++ b/phpBB/styles/prosilver/theme/images/topic_unread_locked_mine.gif diff --git a/phpBB/styles/prosilver/theme/images/topic_unread_mine.gif b/phpBB/styles/prosilver/theme/images/topic_unread_mine.gif Binary files differindex 4ca8492e74..fd16eeedef 100644 --- a/phpBB/styles/prosilver/theme/images/topic_unread_mine.gif +++ b/phpBB/styles/prosilver/theme/images/topic_unread_mine.gif diff --git a/phpBB/styles/prosilver/theme/imageset.css b/phpBB/styles/prosilver/theme/imageset.css deleted file mode 100644 index 5cd91348be..0000000000 --- a/phpBB/styles/prosilver/theme/imageset.css +++ /dev/null @@ -1,376 +0,0 @@ -/* Former imageset */ -span.imageset { - display: inline-block !important; - background: transparent none 0 0 no-repeat; - margin: 0; - padding: 0; - width: 0; - height: 0; - overflow: hidden; -} - -/* Global imageset items */ -.imageset.site_logo { - background-image: url("./images/site_logo.gif"); - padding-left: 149px; - padding-top: 52px; -} -.imageset.forum_link { - background-image: url("./images/forum_link.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.forum_read { - background-image: url("./images/forum_read.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.forum_read_locked { - background-image: url("./images/forum_read_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.forum_read_subforum { - background-image: url("./images/forum_read_subforum.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.forum_unread { - background-image: url("./images/forum_unread.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.forum_unread_locked { - background-image: url("./images/forum_unread_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.forum_unread_subforum { - background-image: url("./images/forum_unread_subforum.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_moved { - background-image: url("./images/topic_moved.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_read { - background-image: url("./images/topic_read.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_read_mine { - background-image: url("./images/topic_read_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_read_hot { - background-image: url("./images/topic_read_hot.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_read_hot_mine { - background-image: url("./images/topic_read_hot_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_read_locked { - background-image: url("./images/topic_read_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_read_locked_mine { - background-image: url("./images/topic_read_locked_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_unread { - background-image: url("./images/topic_unread.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_unread_mine { - background-image: url("./images/topic_unread_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_unread_hot { - background-image: url("./images/topic_unread_hot.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_unread_hot_mine { - background-image: url("./images/topic_unread_hot_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_unread_locked { - background-image: url("./images/topic_unread_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.topic_unread_locked_mine { - background-image: url("./images/topic_unread_locked_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.sticky_read { - background-image: url("./images/sticky_read.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.sticky_read_mine { - background-image: url("./images/sticky_read_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.sticky_read_locked { - background-image: url("./images/sticky_read_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.sticky_read_locked_mine { - background-image: url("./images/sticky_read_locked_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.sticky_unread { - background-image: url("./images/sticky_unread.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.sticky_unread_mine { - background-image: url("./images/sticky_unread_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.sticky_unread_locked { - background-image: url("./images/sticky_unread_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.sticky_unread_locked_mine { - background-image: url("./images/sticky_unread_locked_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.announce_read { - background-image: url("./images/announce_read.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.announce_read_mine { - background-image: url("./images/announce_read_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.announce_read_locked { - background-image: url("./images/announce_read_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.announce_read_locked_mine { - background-image: url("./images/announce_read_locked_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.announce_unread { - background-image: url("./images/announce_unread.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.announce_unread_mine { - background-image: url("./images/announce_unread_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.announce_unread_locked { - background-image: url("./images/announce_unread_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.announce_unread_locked_mine { - background-image: url("./images/announce_unread_locked_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.global_read { - background-image: url("./images/announce_read.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.global_read_mine { - background-image: url("./images/announce_read_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.global_read_locked { - background-image: url("./images/announce_read_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.global_read_locked_mine { - background-image: url("./images/announce_read_locked_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.global_unread { - background-image: url("./images/announce_unread.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.global_unread_mine { - background-image: url("./images/announce_unread_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.global_unread_locked { - background-image: url("./images/announce_unread_locked.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.global_unread_locked_mine { - background-image: url("./images/announce_unread_locked_mine.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.subforum_read { - background-image: url("./images/subforum_read.gif"); - padding-left: 11px; - padding-top: 9px; -} -.imageset.subforum_unread { - background-image: url("./images/subforum_unread.gif"); - padding-left: 11px; - padding-top: 9px; -} -.imageset.pm_read { - background-image: url("./images/topic_read.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.pm_unread { - background-image: url("./images/topic_unread.gif"); - padding-left: 27px; - padding-top: 27px; -} -.imageset.icon_back_top { - background-image: url("./images/icon_back_top.gif"); - padding-left: 11px; - padding-top: 11px; -} -.imageset.phpbb_aol-icon, .imageset.icon_contact_aim { - background-image: url("./images/icon_contact_aim.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_contact_email { - background-image: url("./images/icon_contact_email.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_contact_icq, .imageset.phpbb_icq-icon { - background-image: url("./images/icon_contact_icq.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_contact_jabber { - background-image: url("./images/icon_contact_jabber.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.phpbb_wlm-icon, .imageset.icon_contact_msnm { - background-image: url("./images/icon_contact_msnm.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_contact_www, .imageset.phpbb_website-icon { - background-image: url("./images/icon_contact_www.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_contact_yahoo, .imageset.phpbb_yahoo-icon { - background-image: url("./images/icon_contact_yahoo.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_post_delete { - background-image: url("./images/icon_post_delete.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_post_info { - background-image: url("./images/icon_post_info.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_post_report { - background-image: url("./images/icon_post_report.gif"); - padding-left: 20px; - padding-top: 20px; -} -.imageset.icon_post_target { - background-image: url("./images/icon_post_target.gif"); - padding-left: 11px; - padding-top: 9px; -} -.imageset.icon_post_target_unread { - background-image: url("./images/icon_post_target_unread.gif"); - padding-left: 11px; - padding-top: 9px; -} -.imageset.icon_topic_attach { - background-image: url("./images/icon_topic_attach.gif"); - padding-left: 7px; - padding-top: 10px; -} -.imageset.icon_topic_latest { - background-image: url("./images/icon_topic_latest.gif"); - padding-left: 11px; - padding-top: 9px; -} -.imageset.icon_topic_newest { - background-image: url("./images/icon_topic_newest.gif"); - padding-left: 11px; - padding-top: 9px; -} -.imageset.icon_topic_reported { - background-image: url("./images/icon_topic_reported.gif"); - padding-left: 16px; - padding-top: 14px; -} -.imageset.icon_topic_deleted { - background-image: url("./images/icon_topic_deleted.png"); - padding-left: 16px; - padding-top: 14px; -} -.imageset.icon_topic_unapproved { - background-image: url("./images/icon_topic_unapproved.gif"); - padding-left: 16px; - padding-top: 14px; -} -.imageset.icon_topic_poll { - background-image: url("./images/icon_topic_poll.gif"); - padding-left: 11px; - padding-top: 10px; -} -.imageset.icon_user_warn { - background-image: url("./images/icon_user_warn.gif"); - padding-left: 20px; - padding-top: 20px; -} - -.imageset.icon_contact { - background-image: url("./images/icon_contact.png"); - padding-left: 16px; - padding-top: 12px; -} - - -/* English images for fallback */ -.imageset.icon_user_online { - background-image: url("./en/icon_user_online.gif"); - padding-left: 58px; - padding-top: 58px; -} diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css index a2f512443c..6a61e9a262 100644 --- a/phpBB/styles/prosilver/theme/links.css +++ b/phpBB/styles/prosilver/theme/links.css @@ -6,9 +6,11 @@ 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 */ + display: inline-block; -a:hover { text-decoration: underline; } +} /* Coloured usernames */ .username-coloured { @@ -26,12 +28,6 @@ a:hover { text-decoration: underline; } text-decoration: underline; } -/* Navigation bar links */ -li.breadcrumbs span:first-child > a { - display: inline-block; - padding-left: 17px; -} - /* Notification mark read link */ .dropdown-extended a.mark_read { background-position: center center; @@ -43,8 +39,6 @@ li.breadcrumbs span:first-child > a { z-index: 2; right: 0; top: 50%; - width: 30px; - height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -55,9 +49,13 @@ li.breadcrumbs span:first-child > a { } .dropdown-extended a.mark_read:hover { - width: 40px; + 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; @@ -75,6 +73,7 @@ a.topictitle { font-size: 1.2em; font-weight: bold; text-decoration: none; + display: inline; } a.topictitle:hover { @@ -90,6 +89,17 @@ a.lastsubject:hover { text-decoration: underline; } +.row-item a:hover { + text-decoration: none +} + +.row-item .topictitle:hover, +.row-item .subforum:hover, +.row-item .username:hover, +.row-item .username-coloured:hover { + text-decoration: underline; +} + /* Post body links */ .postlink { text-decoration: none; @@ -126,72 +136,49 @@ a.lastsubject:hover { text-decoration: underline; } +.top { + font-size: 12px; + text-decoration: none; + margin-top: 10px; +} + /* Back to top of page */ .back2top { clear: both; - height: 11px; - text-align: right; } -a.top { - background: none no-repeat top left; - text-decoration: none; - width: 11px; - height: 11px; - display: block; +.back2top .top { float: right; - overflow: hidden; - letter-spacing: 1000px; - text-indent: 11px; -} - -a.top2 { - background: none no-repeat 0 50%; - text-decoration: none; - padding-left: 15px; + margin-right: -10px; + margin-top: 0; } /* Arrow links */ -a.arrow-up { background: none no-repeat left center; } -a.arrow-down { background: none no-repeat right center; } -a.arrow-left { background: none no-repeat 3px 60%; } -a.arrow-right { background: none no-repeat 95% 60%; } -a.arrow-up { +.arrow-up { padding-left: 10px; text-decoration: none; border-bottom-width: 0; } -a.arrow-up:hover { - background-position: left top; +.arrow-up:hover { + } -a.arrow-down { +.arrow-down { padding-right: 10px; } -a.arrow-down:hover { - background-position: right bottom; - text-decoration: none; -} +.arrow-down:hover { -a.arrow-left { - padding-left: 12px; } -a.arrow-left:hover { +.arrow-left:hover { text-decoration: none; - background-position: 0 60%; -} - -a.arrow-right { - padding-right: 12px; } -a.arrow-right:hover { +.arrow-right:hover { text-decoration: none; - background-position: 100% 60%; } /* invisible skip link, used for accessibility */ diff --git a/phpBB/styles/prosilver/theme/normalize.css b/phpBB/styles/prosilver/theme/normalize.css new file mode 100644 index 0000000000..23d84492c8 --- /dev/null +++ b/phpBB/styles/prosilver/theme/normalize.css @@ -0,0 +1,424 @@ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + box-sizing: content-box; /* 2 */ +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} diff --git a/phpBB/styles/prosilver/theme/plupload.css b/phpBB/styles/prosilver/theme/plupload.css index b17cca5f25..f466803964 100644 --- a/phpBB/styles/prosilver/theme/plupload.css +++ b/phpBB/styles/prosilver/theme/plupload.css @@ -1,9 +1,9 @@ -#attach-panel-multi { +.attach-panel-multi { display: none; margin-bottom: 1em; } -#file-list td { +.file-list td { vertical-align: middle; } @@ -37,11 +37,11 @@ float: right; } -#attach-row-tpl, .nojs .file-inline-bbcode { +.nojs .file-inline-bbcode { display: none; } -#file-total-progress { +.file-total-progress { height: 2px; display: block; position: relative; @@ -55,7 +55,7 @@ width: 50px; } -.file-progress-bar, #file-total-progress-bar { +.file-progress-bar, .file-total-progress-bar { background-color: green; display: block; height: 100%; diff --git a/phpBB/styles/prosilver/theme/print.css b/phpBB/styles/prosilver/theme/print.css index 34129c92e8..a83270b742 100644 --- a/phpBB/styles/prosilver/theme/print.css +++ b/phpBB/styles/prosilver/theme/print.css @@ -19,14 +19,14 @@ a:link { color: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:active { color: #000000; text-decoration: none; } -img, .noprint, #sub-header, #sub-footer, .navbar, .box1, .divider, .signature { display: none; } +img, .noprint, .navbar, .box1, .divider, .signature { display: none; } /* Display smilies (Bug #47265) */ .content img { display: inline; } /* Container for the main body */ -#wrap { +.wrap { margin: 0 2em; } @@ -137,3 +137,12 @@ div.spacer { clear: both; } .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/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 8653042a69..76033a5ce1 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,167 +1,110 @@ /* Responsive Design ---------------------------------------- */ -.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; +@media (max-width: 320px) { + select, .inputbox { + max-width: 240px; + } } -/* Common block wrappers +/* Notifications list ----------------------------------------*/ -.headerbar, .navbar, .forabg, .forumbg, .post, .panel { - border-radius: 0; - margin-left: -5px; - margin-right: -5px; +@media (max-width: 350px) { + .dropdown-extended .dropdown-contents { + width: auto; + } } -#cp-main .forabg, #cp-main .forumdb, #cp-main .post, #cp-main .panel { - border-radius: 7px; -} +@media (max-width: 430px) { + .action-bar .search-box .inputbox { + width: 120px; + } -/* Logo block -----------------------------------------*/ -#site-description { - float: none; - width: auto; - text-align: center; -} + .section-viewtopic .search-box .inputbox { + width: 57px; + } -.logo { - /* change display value to inline-block to show logo */ - display: none; - float: none; - padding: 10px; -} + .action-bar .search-box .inputbox ::-moz-placeholder { + content: "Search..."; + } -#site-description h1, #site-description p { - text-align: inherit; - float: none; - margin: 5px; - line-height: 1.2em; - overflow: hidden; - text-overflow: ellipsis; -} + .action-bar .search-box .inputbox :-ms-input-placeholder { + content: "Search..."; + } -#site-description p, .search-header { - display: none; + .action-bar .search-box .inputbox ::-webkit-input-placeholder { + content: "Search..."; + } } -/* Navigation -----------------------------------------*/ -.headerbar + .navbar { - margin-top: -5px; -} +@media (max-width: 500px) { + dd label { + white-space: normal; + } -/* Search -----------------------------------------*/ -.responsive-search { display: block !important; } -.responsive-search a { - display: block; - width: 16px; - height: 22px; - text-indent: 99px; - overflow: hidden; - background-position: 50% 50%; - background-repeat: no-repeat; - text-decoration: none; -} + select, .inputbox { + max-width: 260px; + } -/* .topiclist lists -----------------------------------------*/ -li.header dt { - text-align: center; - text-transform: none; - line-height: 1em; - font-size: 1.2em; - padding-bottom: 4px; -} + .captcha-panel dd.captcha { + margin-left: 0; + } -ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { - margin-right: 0 !important; - padding-right: 0; -} + .captcha-panel dd.captcha-image img { + width: 100%; + } -ul.topiclist li.header dd { - display: none !important; -} + dl.details dt, dl.details dd { + width: auto; + float: none; + text-align: left; + } -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; -} + dl.details dd { + margin-left: 20px; + } -ul.topiclist dt .list-inner.with-mark { - padding-right: 34px; -} + p.responsive-center { + float: none; + text-align: center; + margin-bottom: 5px; + } -ul.topiclist dt .list-inner { - min-height: 28px; -} + .action-bar > div { + margin-bottom: 5px; + } -ul.topiclist li.header dt .list-inner { - min-height: 0; -} + .action-bar > .pagination { + float: none; + clear: both; + padding-bottom: 1px; + text-align: center; + } -ul.topiclist dd { - display: none; -} -ul.topiclist dd.mark { - display: block; -} + .action-bar > .pagination li.page-jump { + margin: 0 2px; + } -/* Forums and topics lists -----------------------------------------*/ -ul.topiclist.forums dt { - margin-right: -250px; -} -ul.topiclist.forums dt .list-inner { - margin-right: 250px; -} + p.jumpbox-return { + display: none; + } -ul.topiclist.forums dd.lastpost { - display: block; -} + .display-options > label:nth-child(1) { + display: block; + margin-bottom: 5px; + } -ul.topiclist dd.mark { - display: block; - position: absolute; - right: 5px; - top: 0; - margin: 0; - width: auto; - min-width: 0; - text-align: left; -} + .attach-controls { + margin-top: 5px; + width: 100%; + } -ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { - position: relative; - left: 0; - width: auto; - display: inline; - font-weight: normal; + .quick-links .dropdown-trigger span { + display: none; + } } -@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) { +@media (max-width: 550px) { ul.topiclist.forums dt { margin-right: 0; } @@ -175,400 +118,474 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { } } -li.row .responsive-show strong { - font-weight: bold; - color: inherit; -} +@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; } -ul.topiclist li.row dt a.subforum { - display: inline-block; - vertical-align: bottom; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100px; -} + /* Content wrappers + ----------------------------------------*/ + html { + height: auto; + } -/* Notifications list -----------------------------------------*/ -@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) { - .dropdown-extended .dropdown-contents { + 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 .forumdb, .cp-main .post, .cp-main .panel { + border-radius: 7px; + } + + /* Logo block + ----------------------------------------*/ + .site-description { + float: none; width: auto; + text-align: center; } -} -/* Pagination -----------------------------------------*/ -.pagination > ul { - margin: 5px 0 0; -} + .logo { + /* change display value to inline-block to show logo */ + display: none; + float: none; + padding: 10px; + } -.row .pagination .ellipsis + li { - display: none !important; -} + .site-description h1, .site-description p { + text-align: inherit; + float: none; + margin: 5px; + line-height: 1.2em; + overflow: hidden; + text-overflow: ellipsis; + } -/* Responsive tables -----------------------------------------*/ -table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { - display: block; -} + .site-description p, .search-header { + display: none; + } -table.responsive thead, table.responsive th { - display: none; -} + /* Navigation + ----------------------------------------*/ + .headerbar + .navbar { + margin-top: -5px; + } -table.responsive.show-header thead, table.responsive.show-header th:first-child { - display: block; - width: auto !important; - text-align: left !important; -} + /* Search + ----------------------------------------*/ + .responsive-search { display: block !important; } -table.responsive.show-header th:first-child span.rank-img { - display: none; -} + /* .topiclist lists + ----------------------------------------*/ + li.header dt { + text-align: center; + text-transform: none; + line-height: 1em; + font-size: 1.2em; + padding-bottom: 4px; + } -table.responsive tr { - margin: 2px 0; -} + ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { + margin-right: 0 !important; + padding-right: 0; + } -table.responsive td { - width: auto !important; - text-align: left !important; - padding: 4px; -} + ul.topiclist li.header dd { + display: none !important; + } -table.responsive td.empty { - 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; + } -table.responsive td > dfn { - display: inline-block !important; -} + ul.topiclist dt .list-inner.with-mark { + padding-right: 34px; + } -table.responsive td > dfn:after { - content: ':'; - padding-right: 5px; -} + ul.topiclist dt .list-inner { + min-height: 28px; + } -table.responsive span.rank-img { - float: none; - padding-right: 5px; -} + ul.topiclist li.header dt .list-inner { + min-height: 0; + } -table.responsive#memberlist td:first-child input[type="checkbox"] { - float: right; -} + ul.topiclist dd { + display: none; + } + ul.topiclist dd.mark { + display: block; + } -/* Forms -----------------------------------------*/ -fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt { - width: auto; - float: none; -} + /* Forums and topics lists + ----------------------------------------*/ + ul.topiclist.forums dt { + margin-right: -250px; + } -fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd { - margin-left: 20px; -} + ul.topiclist dd.mark { + display: block; + position: absolute; + right: 5px; + top: 0; + margin: 0; + width: auto; + min-width: 0; + text-align: left; + } -textarea, dd textarea, #message-box textarea { - width: 100%; - -moz-box-sizing: border-box; - box-sizing: border-box; -} + ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { + position: relative; + left: 0; + width: auto; + display: inline; + font-weight: normal; + } -dl.pmlist dt { - width: auto !important; - margin-bottom: 5px; -} + li.row .responsive-show strong { + font-weight: bold; + color: inherit; + } -dl.pmlist dd { - display: inline-block; - margin-left: 0 !important; -} + ul.topiclist li.row dt a.subforum { + vertical-align: bottom; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100px; + } -dl.pmlist dd:first-of-type { - padding-left: 20px; -} + /* Pagination + ----------------------------------------*/ + .pagination > ul { + margin: 5px 0 0; + } -#smiley-box, #message-box { - float: none; - width: auto; -} + .row .pagination .ellipsis + li { + display: none !important; + } -#smiley-box { - margin-top: 5px; -} + /* Responsive tables + ----------------------------------------*/ + table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { + display: block; + } -.bbcode-status { - display: none; -} + table.responsive thead, table.responsive th { + display: none; + } -.colour-palette, .colour-palette tbody, .colour-palette tr { - display: block; -} + table.responsive.show-header thead, table.responsive.show-header th:first-child { + display: block; + width: auto !important; + text-align: left !important; + } -.colour-palette td { - display: inline-block; - margin-right: 2px; -} + table.responsive.show-header th:first-child span.rank-img { + display: none; + } -.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) { - display: none; -} + table.responsive tr { + margin: 2px 0; + } -.colour-palette a { - display: inline-block !important; -} + table.responsive td { + width: auto !important; + text-align: left !important; + padding: 4px; + } -fieldset.quick-login label { - display: block; - margin-bottom: 5px; - white-space: normal; -} + table.responsive td.empty { + display: none !important; + } -fieldset.quick-login label > span { - display: inline-block; - min-width: 100px; -} + table.responsive td > dfn { + display: inline-block !important; + } -fieldset.quick-login input.inputbox { - width: 85%; - max-width: 300px; - margin-left: 20px; -} + table.responsive td > dfn:after { + content: ':'; + padding-right: 5px; + } -fieldset.quick-login label[for="autologin"] { - display: inline-block; - text-align: right; - min-width: 50%; -} + table.responsive span.rank-img { + float: none; + padding-right: 5px; + } -@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { - dd label { - white-space: normal; + table.responsive.memberlist td:first-child input[type="checkbox"] { + float: right; } - select, .inputbox { - max-width: 260px; + /* Forms + ----------------------------------------*/ + fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt { + width: auto; + float: none; } - .captcha-panel dd.captcha { - margin-left: 0; + fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd { + margin-left: 20px; } - .captcha-panel dd.captcha-image img { + textarea, dd textarea, .message-box textarea { width: 100%; + -moz-box-sizing: border-box; + box-sizing: border-box; } - #recaptcha_challenge_image, - #recaptcha_response_field, - .recaptchatable #recaptcha_image { - width: 100% !important; - height: auto !important; + 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; } - .recaptchatable tr td:last-child { + .smiley-box { + margin-top: 5px; + } + + .bbcode-status { display: none; } - .captcha-panel .recaptcha-responsive { - display: inline-block !important; - margin-top: 10px; - vertical-align: middle; + .colour-palette, .colour-palette tbody, .colour-palette tr { + display: block; } -} -@media only screen and (max-width: 430px), only screen and (max-device-width: 430px) { - .section-viewtopic .search-box .inputbox { - width: 110px; + .colour-palette td { + display: inline-block; + margin-right: 2px; } -} -@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) { - select, .inputbox { - max-width: 240px; + .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) { + display: none; } -} -/* User profile -----------------------------------------*/ -.column1, .column2, .left-box.profile-details { - float: none; - width: auto; -} + fieldset.quick-login label { + display: block; + margin-bottom: 5px; + white-space: normal; + } -@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { - dl.details dt, dl.details dd { - width: auto; - float: none; - text-align: left; + fieldset.quick-login label > span { + display: inline-block; + min-width: 100px; } - dl.details dd { + fieldset.quick-login input.inputbox { + width: 85%; + max-width: 300px; margin-left: 20px; } -} -/* Polls -----------------------------------------*/ -fieldset.polls dt { - width: 90%; -} + fieldset.quick-login label[for="autologin"] { + display: inline-block; + text-align: right; + min-width: 50%; + } -fieldset.polls dd.resultbar { - padding-left: 20px; -} + /* User profile + ----------------------------------------*/ + .column1, .column2, .left-box.profile-details { + float: none; + width: auto; + } -fieldset.polls dd.poll_option_percent { - width: 20%; -} + /* Polls + ----------------------------------------*/ + fieldset.polls dt { + width: 90%; + } -fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent { - margin-top: 5px; -} + fieldset.polls dd.resultbar { + padding-left: 20px; + } -/* Post -----------------------------------------*/ -.postbody { - position: inherit; -} + fieldset.polls dd.poll_option_percent { + width: 20%; + } -.postprofile, .postbody, .search .postbody { - display: block; - width: auto; - float: none; - padding: 0; - min-height: 0; -} + fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent { + margin-top: 5px; + } -.post .postprofile { - width: auto; - border-width: 0 0 1px 0; - padding-bottom: 5px; - margin: 0; - margin-bottom: 5px; - min-height: 40px; - overflow: hidden; -} + /* Post + ----------------------------------------*/ + .postbody { + position: inherit; + } -.postprofile dd { - display: none; -} + .postprofile, .postbody, .search .postbody { + display: block; + width: auto; + float: none; + padding: 0; + min-height: 0; + } -.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd { - display: block; - margin: 0; -} + .post .postprofile { + width: auto; + border-width: 0 0 1px 0; + padding-bottom: 5px; + margin: 0; + margin-bottom: 5px; + min-height: 40px; + overflow: hidden; + } -.postprofile .has-avatar .avatar-container { - margin: 0; - overflow: inherit; -} + .postprofile dd { + display: none; + } -.postprofile .avatar-container:after { - clear: none; -} + .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd { + display: block; + margin: 0; + } -.postprofile .avatar { - margin-right: 5px; -} + .postprofile .has-avatar .avatar-container { + margin: 0; + overflow: inherit; + } -.postprofile .avatar img { - width: auto !important; - height: auto !important; - max-height: 32px; -} + .postprofile .avatar-container:after { + clear: none; + } -.has-profile .postbody h3 { - margin-left: 0 !important; - margin-right: 0 !important; -} + .postprofile .avatar { + margin-right: 5px; + } -.has-profile .post-buttons { - right: 20px; - top: 15px; -} + .postprofile .avatar img { + width: auto !important; + height: auto !important; + max-height: 32px; + } -.online { - background-size: 40px; -} + .has-profile .postbody h3 { + margin-left: 0 !important; + margin-right: 0 !important; + } -/* Misc stuff -----------------------------------------*/ -h2 { - margin-top: .5em; -} + .has-profile .post-buttons { + right: 30px; + top: 15px; + } -p { - margin-bottom: .5em; - overflow: hidden; -} + .online { + background-size: 40px; + } -p.rightside { - margin-bottom: 0; -} + /* Misc stuff + ----------------------------------------*/ + h2 { + margin-top: .5em; + } -fieldset.display-options label { - display: block; - clear: both; - margin-bottom: 5px; -} + p { + margin-bottom: .5em; + overflow: hidden; + } -dl.mini dd.pm-legend { - float: left; - min-width: 200px; -} + p.rightside { + margin-bottom: 0; + } -#topicreview { - margin: 0 -5px; - padding: 0 5px; -} + 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; + } -fieldset.display-actions { - white-space: normal; + .attach-comment dfn { + width: 100%; + } } -.phpbb_alert { - width: auto; - margin: 0 5px; +@media (min-width: 700px) { + .postbody { width: 70%; } } -.attach-comment dfn { - width: 100%; +@media (min-width: 850px) { + .postbody { width: 76%; } } -@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { - p.responsive-center { - float: none; - text-align: center; - margin-bottom: 5px; - } +@media (max-width: 850px) { + .postprofile { width: 28%; } - .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; +@media (min-width: 701px) and (max-width: 950px) { + + ul.topiclist dt { + margin-right: -410px; } - p.jumpbox-return { - display: none; + ul.topiclist dt .list-inner { + margin-right: 410px; } - .display-options > label:nth-child(1) { - display: block; - margin-bottom: 5px; + dd.posts, dd.topics, dd.views { + width: 80px; } +} - .attach-controls { - margin-top: 5px; - width: 100%; +@media (max-width: 992px) { + .row .pagination { + text-align: left; + float: left; + margin-top: 4px; + margin-bottom: 4px; } } diff --git a/phpBB/styles/prosilver/theme/stylesheet.css b/phpBB/styles/prosilver/theme/stylesheet.css index 77c7c88b07..45eb5b6fc9 100644 --- a/phpBB/styles/prosilver/theme/stylesheet.css +++ b/phpBB/styles/prosilver/theme/stylesheet.css @@ -1,17 +1,21 @@ /* phpBB3 Style Sheet -------------------------------------------------------------- - Style name: prosilver (the default phpBB 3.1.x style) - Based on style: + Style name: prosilver (the default phpBB 3.2.x style) + Based on style: Original author: Tom Beddard ( http://www.subblue.com/ ) Modified by: phpBB Limited ( https://www.phpbb.com/ ) -------------------------------------------------------------- */ -@import url("common.css"); -@import url("links.css"); -@import url("content.css"); -@import url("buttons.css"); -@import url("cp.css"); -@import url("forms.css"); -@import url("colours.css"); -@import url("imageset.css"); +@import url("normalize.css?v=3.2"); +@import url("base.css?v=3.2"); +@import url("utilities.css?v=3.2"); +@import url("common.css?v=3.2"); +@import url("links.css?v=3.2"); +@import url("content.css?v=3.2"); +@import url("buttons.css?v=3.2"); +@import url("cp.css?v=3.2"); +@import url("forms.css?v=3.2"); +@import url("icons.css?v=3.2"); +@import url("colours.css?v=3.2"); +@import url("responsive.css?v=3.2"); diff --git a/phpBB/styles/prosilver/theme/tweaks.css b/phpBB/styles/prosilver/theme/tweaks.css index d2dad9e299..ba82551f85 100644 --- a/phpBB/styles/prosilver/theme/tweaks.css +++ b/phpBB/styles/prosilver/theme/tweaks.css @@ -27,3 +27,15 @@ dd label input { vertical-align: text-bottom\9; } .search-header, .search-header .inputbox, .search-header a.button { border-radius: 0; } + +.headerbar, .forumbg { + background-image: url("./images/bg_header.gif"); +} + +.forabg { + background-image: url("./images/bg_list.gif"); +} + +.tabs .tab > a { + border-radius: 0; +} diff --git a/phpBB/styles/prosilver/theme/utilities.css b/phpBB/styles/prosilver/theme/utilities.css new file mode 100644 index 0000000000..cbb8127d1c --- /dev/null +++ b/phpBB/styles/prosilver/theme/utilities.css @@ -0,0 +1,66 @@ +/* -------------------------------------------------------------- + $Utilities +-------------------------------------------------------------- */ + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} + +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after { + content: " "; + display: table; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after { clear: both } + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} + +.pull-right { float: right !important } +.pull-left { float: left !important } +.hide { display: none !important } +.show { display: block !important } +.invisible { visibility: hidden } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.hidden { + display: none ; +} + +.affix { position: fixed } |
