diff --git a/phpBB/styles/prosilver/theme/base.css b/phpBB/styles/prosilver/theme/base.css index 5b64943704..3c5fdb11d5 100644 --- a/phpBB/styles/prosilver/theme/base.css +++ b/phpBB/styles/prosilver/theme/base.css @@ -18,13 +18,17 @@ /* Define your base font-size here; most elements will inherit this. */ 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.) */ + font-size: 16px; /* Assuming 16px... */ + + /* 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.) */ + line-height: 1.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff; color: #333333; } @@ -116,7 +120,7 @@ ul { * This prevents an unwanted focus outline from appearing around elements that * might still respond to pointer events. */ -[tabindex='-1']:focus { +[tabindex="-1"]:focus { outline: none !important; } diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css index d628f0a562..a5b9b51dbf 100644 --- a/phpBB/styles/prosilver/theme/bidi.css +++ b/phpBB/styles/prosilver/theme/bidi.css @@ -3,6 +3,7 @@ /* -------------------------------------------------------------- */ /* stylelint-disable selector-max-compound-selectors */ /* stylelint-disable selector-no-qualifying-type */ +/* stylelint-disable declaration-property-unit-whitelist */ /** * common.css @@ -411,8 +412,8 @@ li.breadcrumbs span:first-child > a { } .rtl ul.topiclist dd { - border-right-style: solid; border-right-width: 1px; + border-right-style: solid; border-left: none; float: right; } @@ -601,8 +602,8 @@ li.breadcrumbs span:first-child > a { .rtl .pollbar4, .rtl .pollbar5 { border-right: none; - border-left-style: solid; border-left-width: 1px; + border-left-style: solid; } /* Poster profile block @@ -615,8 +616,8 @@ li.breadcrumbs span:first-child > a { } .rtl .pm .postprofile { - border-right-style: solid; border-right-width: 1px; + border-right-style: solid; border-left: none; } @@ -669,8 +670,8 @@ li.breadcrumbs span:first-child > a { ---------------------------------------- */ .rtl .contact-icons a { border-right: none; - border-left-style: dotted; border-left-width: 1px; + border-left-style: dotted; float: right; } @@ -810,8 +811,8 @@ li.breadcrumbs span:first-child > a { /* PM marking colours */ .rtl .pm-legend { - border-right-style: solid; border-right-width: 10px; + border-right-style: solid; border-left-width: 0; padding-right: 3px; padding-left: 0; @@ -958,9 +959,9 @@ li.breadcrumbs span:first-child > a { } .rtl .search-box .inputbox { - border-radius: 0 4px 4px 0; border-right-width: 1px; border-left-width: 0; + border-radius: 0 4px 4px 0; float: right; padding: 3px; } @@ -971,9 +972,9 @@ li.breadcrumbs span:first-child > a { } .rtl .button-search-end { - border-radius: 4px 0 0 4px; border-right-width: 0; border-left-width: 1px; + border-radius: 4px 0 0 4px; } .rtl .search-header .button-search-end { @@ -1137,4 +1138,7 @@ li.breadcrumbs span:first-child > a { margin-right: 0; } } -/* stylelint-enable */ + +/* stylelint-enable selector-max-compound-selectors */ +/* stylelint-enable selector-no-qualifying-type */ +/* stylelint-enable declaration-property-unit-whitelist */ diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index 9fed9e128b..ed1b86ab25 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -2,8 +2,10 @@ $Buttons /* -------------------------------------------------------------- */ +/* stylelint-disable declaration-property-unit-whitelist */ + .button { - font-family: 'Open Sans', 'Droid Sans', Verdana, Arial, Helvetica; + font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; font-size: 13px; font-weight: normal; line-height: 1.4; @@ -59,8 +61,8 @@ } .button-search-end { - border-radius: 0 4px 4px 0; border-left-width: 0; + border-radius: 0 4px 4px 0; } .search-header .button-search, @@ -173,8 +175,8 @@ button::-moz-focus-inner { ------------------------------------------------- */ .small-icon { background-image: none; - background-position: 0 50%; background-repeat: no-repeat; + background-position: 0 50%; } .dropdown .small-icon { @@ -191,7 +193,7 @@ button::-moz-focus-inner { ul.linklist.bulletin > li.small-icon:before { display: none; } -/* stylelint-enable */ +/* stylelint-enable selector-no-qualifying-type */ .dropdown .small-icon > a { display: block; @@ -205,3 +207,5 @@ ul.linklist.bulletin > li.small-icon:before { padding-right: 19px; padding-left: 0; } + +/* stylelint-enable declaration-property-unit-whitelist */ diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 8502613020..9113f000b1 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -162,7 +162,7 @@ ul.zebra-list li:nth-child(even) { } .site_logo { - background-image: url('./images/site_logo.gif'); + background-image: url("./images/site_logo.gif"); } /* horizontal lists */ @@ -338,7 +338,7 @@ p.post-notice { ul.forums { background-color: #eef5f9; /* old browsers */ /* ff3.6+ */ background-image: linear-gradient(to bottom, #d2e0eb 0%, #eef5f9 100%); /* w3c */ - filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#d2e0eb', endcolorstr='#eef5f9', gradienttype=0); /* ie6-9 */ + filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#d2e0eb", endcolorstr="#eef5f9", gradienttype=0); /* ie6-9 */ } ul.topiclist li { @@ -426,12 +426,12 @@ dl.faq dt { /* quote block */ blockquote { background-color: #ebeadd; - background-image: url('./images/quote.gif'); + background-image: url("./images/quote.gif"); border-color: #dbdbce; } .rtl blockquote { - background-image: url('./images/quote_rtl.gif'); + background-image: url("./images/quote_rtl.gif"); } blockquote blockquote { @@ -595,7 +595,7 @@ fieldset.polls dd div { } .online { - background-image: url('./en/icon_user_online.gif'); + background-image: url("./en/icon_user_online.gif"); } dd.profile-warnings { @@ -629,20 +629,20 @@ dd.profile-warnings { .button { background-color: #e9e9e9; /* old browsers */ /* ff3.6+ */ background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); /* w3c */ + filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#ffffff", endcolorstr="#e9e9e9", gradienttype=0); /* ie6-9 */ border-color: #c7c3bf; -webkit-box-shadow: 0 0 0 1px #ffffff inset; box-shadow: 0 0 0 1px #ffffff inset; color: #d31141; - filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#e9e9e9', gradienttype=0); /* ie6-9 */ } .button:hover, .button:focus { background-color: #ffffff; /* old browsers */ /* ff3.6+ */ background-image: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%); /* w3c */ + filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#e9e9e9", endcolorstr="#ffffff", gradienttype=0); /* ie6-9 */ border-color: #0a8ed0; text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px -1px 0 rgba(188, 42, 77, 0.2); - filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#e9e9e9', endcolorstr='#ffffff', gradienttype=0); /* ie6-9 */ } .button .icon, @@ -701,12 +701,12 @@ dd.profile-warnings { .pagination li a { background: #ecedee; + -webkit-filter: none; + filter: none; border-color: #b4bac0; -webkit-box-shadow: none; box-shadow: none; color: #5c758c; - -webkit-filter: none; - filter: none; } .pagination li.ellipsis span { @@ -725,11 +725,11 @@ dd.profile-warnings { .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { background: #368ad2; - border-color: #368ad2; - color: #ffffff; - text-shadow: none; -webkit-filter: none; filter: none; + border-color: #368ad2; + text-shadow: none; + color: #ffffff; } /* search box */ @@ -747,7 +747,7 @@ dd.profile-warnings { /* icon images */ .contact-icon { - background-image: url('./images/icons_contact.png'); + background-image: url("./images/icons_contact.png"); } /* profile & navigation icons */ @@ -805,181 +805,181 @@ dd.profile-warnings { /* forum icons & topic icons */ .global_read { - background-image: url('./images/announce_read.gif'); + background-image: url("./images/announce_read.gif"); } .global_read_mine { - background-image: url('./images/announce_read_mine.gif'); + background-image: url("./images/announce_read_mine.gif"); } .global_read_locked { - background-image: url('./images/announce_read_locked.gif'); + background-image: url("./images/announce_read_locked.gif"); } .global_read_locked_mine { - background-image: url('./images/announce_read_locked_mine.gif'); + background-image: url("./images/announce_read_locked_mine.gif"); } .global_unread { - background-image: url('./images/announce_unread.gif'); + background-image: url("./images/announce_unread.gif"); } .global_unread_mine { - background-image: url('./images/announce_unread_mine.gif'); + background-image: url("./images/announce_unread_mine.gif"); } .global_unread_locked { - background-image: url('./images/announce_unread_locked.gif'); + background-image: url("./images/announce_unread_locked.gif"); } .global_unread_locked_mine { - background-image: url('./images/announce_unread_locked_mine.gif'); + background-image: url("./images/announce_unread_locked_mine.gif"); } .announce_read { - background-image: url('./images/announce_read.gif'); + background-image: url("./images/announce_read.gif"); } .announce_read_mine { - background-image: url('./images/announce_read_mine.gif'); + background-image: url("./images/announce_read_mine.gif"); } .announce_read_locked { - background-image: url('./images/announce_read_locked.gif'); + background-image: url("./images/announce_read_locked.gif"); } .announce_read_locked_mine { - background-image: url('./images/announce_read_locked_mine.gif'); + background-image: url("./images/announce_read_locked_mine.gif"); } .announce_unread { - background-image: url('./images/announce_unread.gif'); + background-image: url("./images/announce_unread.gif"); } .announce_unread_mine { - background-image: url('./images/announce_unread_mine.gif'); + background-image: url("./images/announce_unread_mine.gif"); } .announce_unread_locked { - background-image: url('./images/announce_unread_locked.gif'); + background-image: url("./images/announce_unread_locked.gif"); } .announce_unread_locked_mine { - background-image: url('./images/announce_unread_locked_mine.gif'); + background-image: url("./images/announce_unread_locked_mine.gif"); } .forum_link { - background-image: url('./images/forum_link.gif'); + background-image: url("./images/forum_link.gif"); } .forum_read { - background-image: url('./images/forum_read.gif'); + background-image: url("./images/forum_read.gif"); } .forum_read_locked { - background-image: url('./images/forum_read_locked.gif'); + background-image: url("./images/forum_read_locked.gif"); } .forum_read_subforum { - background-image: url('./images/forum_read_subforum.gif'); + background-image: url("./images/forum_read_subforum.gif"); } .forum_unread { - background-image: url('./images/forum_unread.gif'); + background-image: url("./images/forum_unread.gif"); } .forum_unread_locked { - background-image: url('./images/forum_unread_locked.gif'); + background-image: url("./images/forum_unread_locked.gif"); } .forum_unread_subforum { - background-image: url('./images/forum_unread_subforum.gif'); + background-image: url("./images/forum_unread_subforum.gif"); } .sticky_read { - background-image: url('./images/sticky_read.gif'); + background-image: url("./images/sticky_read.gif"); } .sticky_read_mine { - background-image: url('./images/sticky_read_mine.gif'); + background-image: url("./images/sticky_read_mine.gif"); } .sticky_read_locked { - background-image: url('./images/sticky_read_locked.gif'); + background-image: url("./images/sticky_read_locked.gif"); } .sticky_read_locked_mine { - background-image: url('./images/sticky_read_locked_mine.gif'); + background-image: url("./images/sticky_read_locked_mine.gif"); } .sticky_unread { - background-image: url('./images/sticky_unread.gif'); + background-image: url("./images/sticky_unread.gif"); } .sticky_unread_mine { - background-image: url('./images/sticky_unread_mine.gif'); + background-image: url("./images/sticky_unread_mine.gif"); } .sticky_unread_locked { - background-image: url('./images/sticky_unread_locked.gif'); + background-image: url("./images/sticky_unread_locked.gif"); } .sticky_unread_locked_mine { - background-image: url('./images/sticky_unread_locked_mine.gif'); + background-image: url("./images/sticky_unread_locked_mine.gif"); } .topic_moved { - background-image: url('./images/topic_moved.gif'); + background-image: url("./images/topic_moved.gif"); } .pm_read, .topic_read { - background-image: url('./images/topic_read.gif'); + background-image: url("./images/topic_read.gif"); } .topic_read_mine { - background-image: url('./images/topic_read_mine.gif'); + background-image: url("./images/topic_read_mine.gif"); } .topic_read_hot { - background-image: url('./images/topic_read_hot.gif'); + background-image: url("./images/topic_read_hot.gif"); } .topic_read_hot_mine { - background-image: url('./images/topic_read_hot_mine.gif'); + background-image: url("./images/topic_read_hot_mine.gif"); } .topic_read_locked { - background-image: url('./images/topic_read_locked.gif'); + background-image: url("./images/topic_read_locked.gif"); } .topic_read_locked_mine { - background-image: url('./images/topic_read_locked_mine.gif'); + background-image: url("./images/topic_read_locked_mine.gif"); } .pm_unread, .topic_unread { - background-image: url('./images/topic_unread.gif'); + background-image: url("./images/topic_unread.gif"); } .topic_unread_mine { - background-image: url('./images/topic_unread_mine.gif'); + background-image: url("./images/topic_unread_mine.gif"); } .topic_unread_hot { - background-image: url('./images/topic_unread_hot.gif'); + background-image: url("./images/topic_unread_hot.gif"); } .topic_unread_hot_mine { - background-image: url('./images/topic_unread_hot_mine.gif'); + background-image: url("./images/topic_unread_hot_mine.gif"); } .topic_unread_locked { - background-image: url('./images/topic_unread_locked.gif'); + background-image: url("./images/topic_unread_locked.gif"); } .topic_unread_locked_mine { - background-image: url('./images/topic_unread_locked_mine.gif'); + background-image: url("./images/topic_unread_locked_mine.gif"); } @@ -1033,10 +1033,10 @@ ul.cplist { .tabs .activetab > a:hover { background-color: #cadceb; /* old browsers */ /* ff3.6+ */ 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; - filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#e2f2ff', endcolorstr='#cadceb', gradienttype=0); /* ie6-9 */ } .tabs .activetab > a:hover { @@ -1069,26 +1069,26 @@ ul.cplist { .navigation a { background: #cadceb; /* old browsers */ /* ff3.6+ */ background-image: linear-gradient(to right, #b4c4d1 50%, #cadceb 100%); /* w3c */ + filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#b4c4d1", endcolorstr="#cadceb", gradienttype=1); /* ie6-9 */ color: #333333; - filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#b4c4d1', endcolorstr='#cadceb', gradienttype=1); /* ie6-9 */ } .rtl .navigation a { background: #b4c4d1; /* old browsers */ /* ff3.6+ */ background-image: linear-gradient(to right, #cadceb 50%, #b4c4d1 100%); /* w3c */ - filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cadceb', endcolorstr='#b4c4d1', gradienttype=1); /* ie6-9 */ + filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#cadceb", endcolorstr="#b4c4d1", gradienttype=1); /* ie6-9 */ } .navigation a:hover { background: #aabac6; - color: #bc2a4d; filter: progid:dximagetransform.microsoft.gradient(enabled = false); + color: #bc2a4d; } .navigation .active-subsection a { background: #f9f9f9; - color: #d31141; filter: progid:dximagetransform.microsoft.gradient(enabled = false); + color: #d31141; } .navigation .active-subsection a:hover { @@ -1261,6 +1261,62 @@ fieldset.quick-login input.inputbox { color: transparent; } +/* form button styles */ + +a.button1, +input.button1, +input.button3, +a.button2, +input.button2 { + background-color: #efefef; /* old browsers */ /* ff3.6+ */ + background-image: linear-gradient(to bottom, #d2d2d2 0%, #efefef 100%); /* w3c */ + filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#d2d2d2", endcolorstr="#efefef", gradienttype=0); /* ie6-9 */ + color: #000000; +} + +a.button1, +input.button1 { + border-color: #666666; +} + +input.button3 { + background-image: none; +} + +/* alternative button */ +a.button2, +input.button2, +input.button3 { + border-color: #666666; +} + +/* button in the style of the form buttons */ +a.button1, +a.button2 { + color: #000000; +} + +/* hover states */ +a.button1:hover, +input.button1:hover, +a.button2:hover, +input.button2:hover, +input.button3:hover { + background-color: #d2d2d2; /* old browsers */ /* ff3.6+ */ + background-image: linear-gradient(to bottom, #efefef 0%, #d2d2d2 100%); /* w3c */ + filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#efefef", endcolorstr="#d2d2d2", gradienttype=0); /* ie6-9 */ + border-color: #d31141; + color: #d31141; +} + +/* focus states */ +input.button1:focus, +input.button2:focus, +input.button3:focus { + border-color: #11a3ea; + color: #0f4987; +} + input.disabled { color: #666666; } @@ -1313,14 +1369,14 @@ input.disabled { } .dropdown-extended .footer { - border-top-style: solid; border-top-width: 1px; + border-top-style: solid; } .dropdown-extended .header { background-color: #f1f8ff; /* old browsers */ /* ff3.6+ */ background-image: linear-gradient(to bottom, #f1f8ff 0%, #cadceb 100%); /* w3c */ - filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#f1f8ff', endcolorstr='#cadceb', gradienttype=0); /* ie6-9 */ + filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#f1f8ff", endcolorstr="#cadceb", gradienttype=0); /* ie6-9 */ } .dropdown .pointer { diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index b6bcdfdb22..da10394181 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -3,6 +3,8 @@ /* -------------------------------------------------------------- */ /* stylelint-disable selector-max-compound-selectors */ /* stylelint-disable selector-no-qualifying-type */ +/* stylelint-disable declaration-property-unit-whitelist */ +/* stylelint-disable declaration-property-unit-blacklist */ html { font-size: 100%; @@ -23,7 +25,7 @@ body { h1 { /* Forum name */ - font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; margin-top: 15px; @@ -32,7 +34,7 @@ h1 { h2 { /* Forum header titles */ - font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; margin: 0.8em 0 0.2em; @@ -56,7 +58,7 @@ h3 { h4 { /* Forum and topic list titles */ - font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; + font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 1.3em; } @@ -238,8 +240,8 @@ a:hover { } .post { - background-position: 100% 0; background-repeat: no-repeat; + background-position: 100% 0; border-radius: 7px; position: relative; margin-bottom: 4px; @@ -341,7 +343,7 @@ ul.linklist.bulletin > li:before { line-height: inherit; display: inline-block; padding-right: 4px; - content: '\2022'; + content: "\2022"; } ul.linklist.bulletin > li:first-child:before, @@ -381,7 +383,7 @@ a.header-avatar span:after { display: inline-block; padding-top: 2px; padding-left: 6px; - content: '\f0dd'; + content: "\f0dd"; } /* Dropdown menu @@ -406,9 +408,9 @@ a.header-avatar span:after { border: 1px solid transparent; border-radius: 5px; position: absolute; + z-index: 2; top: 1.2em; left: 0; - z-index: 2; display: none; margin-right: -500px; padding: 9px 0 0; @@ -465,10 +467,10 @@ a.header-avatar span:after { } .dropdown .pointer { + z-index: 3; top: -1px; right: auto; left: 10px; - z-index: 3; } .dropdown-up .pointer { @@ -612,7 +614,7 @@ a.header-avatar span:after { .breadcrumbs .crumb:before { font-weight: bold; padding: 0 0.5em; - content: '\2039'; + content: "\2039"; } .breadcrumbs .crumb:first-child:before { @@ -620,9 +622,9 @@ a.header-avatar span:after { } .breadcrumbs .crumb a { - text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; + text-overflow: ellipsis; overflow: hidden; } @@ -777,8 +779,8 @@ table.info tbody th { } .color_palette_placeholder table { - border-collapse: separate; border-spacing: 1px; + border-collapse: separate; } /* Misc layout styles @@ -817,7 +819,7 @@ table.info tbody th { } dl.details { - /* font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; */ + /* font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; */ font-size: 1.1em; } @@ -924,7 +926,7 @@ fieldset.fields1 dl.pmlist dd.recipients { } .pagination li.active span { - font-family: 'Open Sans', 'Droid Sans', Verdana, Arial, Helvetica; + font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; font-size: 13px; font-weight: normal; line-height: 1.4; @@ -978,10 +980,10 @@ fieldset.fields1 dl.pmlist dd.recipients { .phpbb_alert { border: 1px solid transparent; position: fixed; + z-index: 50; top: 150px; right: 0; left: 0; - z-index: 50; display: none; width: 620px; margin: 0 auto; @@ -1028,18 +1030,18 @@ fieldset.fields1 dl.pmlist dd.recipients { .darken { opacity: 0.5; position: fixed; + z-index: 45; top: 0; left: 0; - z-index: 45; width: 100%; height: 100%; } .loading_indicator { position: fixed; + z-index: 51; top: 50%; left: 50%; - z-index: 51; display: none; } @@ -1163,7 +1165,7 @@ ul.linklist:after, .postprofile .avatar-container:after { display: block; clear: both; - content: ''; + content: ""; } .emoji { @@ -1234,13 +1236,13 @@ ul.linklist:after, } .dropdown-extended .header { - font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; line-height: 3em; text-align: left; text-transform: uppercase; - border-radius: 5px 5px 0 0; border-bottom: 1px solid; + border-radius: 5px 5px 0 0; text-shadow: 1px 1px 1px #ffffff; padding: 0 10px; } @@ -1259,7 +1261,7 @@ ul.linklist:after, .dropdown-extended .header:after { display: table; clear: both; - content: ''; + content: ""; } .dropdown-extended .footer { @@ -1300,8 +1302,8 @@ ul.linklist:after, .notification_list p.notification-reference, .notification_list p.notification-location, .notification_list li a p.notification-reason { - text-overflow: ellipsis; white-space: nowrap; + text-overflow: ellipsis; overflow: hidden; } @@ -1321,7 +1323,7 @@ ul.linklist:after, } .notification_list p.notifications_title { - font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em !important; } @@ -1386,3 +1388,6 @@ ul.linklist:after, .dropdown .clone.hidden + li { border-top: none; } + +/* stylelint-enable declaration-property-unit-whitelist */ +/* stylelint-enable declaration-property-unit-blacklist */ diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 88376d3430..5f0d46852e 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -1,8 +1,11 @@ /* -------------------------------------------------------------- /* $Content /* -------------------------------------------------------------- */ + /* stylelint-disable selector-max-compound-selectors */ /* stylelint-disable selector-no-qualifying-type */ +/* stylelint-disable declaration-property-unit-whitelist */ +/* stylelint-disable declaration-property-unit-blacklist */ ul.topiclist { display: block; @@ -135,14 +138,14 @@ li.header dl.row-item dt .list-inner { /* Forum list column styles */ dl.row-item { - background-position: 10px 50%; /* Position of folder icon */ background-repeat: no-repeat; + background-position: 10px 50%; /* Position of folder icon */ background-size: 32px; } dl.row-item dt { - background-position: 5px 95%; /* Position of topic icon */ background-repeat: no-repeat; + background-position: 5px 95%; /* Position of topic icon */ background-size: 17px; } @@ -258,7 +261,7 @@ dd.option { } .postbody h3 { - font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; + font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 1.5em; line-height: 125%; text-transform: none; @@ -337,7 +340,7 @@ dd.option { /* Content container styles ---------------------------------------- */ .content { - font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; + font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.4em; clear: both; @@ -367,14 +370,14 @@ dd.option { } .content p { - font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; + font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.4em; margin-bottom: 1em; } dl.faq { - font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; + font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; line-height: 1.4em; margin-top: 1em; @@ -448,7 +451,7 @@ dd .signature { /* Post noticies */ .notice { - font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; + font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 130%; border-top: 1px dashed transparent; @@ -486,10 +489,10 @@ blockquote blockquote { blockquote cite { font-size: 0.9em; + font-weight: bold; /* Username/source of quoter */ font-style: normal; - font-weight: bold; display: block; margin-left: 20px; } @@ -536,7 +539,7 @@ blockquote .codebox { } .codebox code { - font: 0.9em Monaco, 'Andale Mono', 'Courier New', Courier, monospace; + font: 0.9em Monaco, "Andale Mono", "Courier New", Courier, monospace; line-height: 1.3em; display: block; overflow: auto; @@ -651,7 +654,7 @@ dl.thumbnail dt a:hover img { /* Post poll styles ---------------------------------------- */ fieldset.polls { - font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; + font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; } fieldset.polls dl { @@ -794,8 +797,8 @@ dd.profile-contact { .online { background-image: none; - background-position: 100% 0; background-repeat: no-repeat; + background-position: 100% 0; } /* Poster profile used by search */ @@ -850,8 +853,8 @@ div.dl_links { } .ellipsis-text { - text-overflow: ellipsis; white-space: nowrap; + text-overflow: ellipsis; display: inline-block; overflow: hidden; } @@ -891,4 +894,9 @@ table.fixed-width-table { #team tr.inactive { font-style: italic; } -/* stylelint-enable */ +/* stylelint-enable selector-no-id */ + +/* stylelint-enable selector-max-compound-selectors */ +/* stylelint-enable selector-no-qualifying-type */ +/* stylelint-enable declaration-property-unit-whitelist */ +/* stylelint-enable declaration-property-unit-blacklist */ diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index 6abd982319..a36ef877d4 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -1,8 +1,11 @@ /* -------------------------------------------------------------- /* $Contorl Panel /* -------------------------------------------------------------- */ + /* stylelint-disable selector-max-compound-selectors */ /* stylelint-disable selector-no-qualifying-type */ +/* stylelint-disable declaration-property-unit-whitelist */ +/* stylelint-disable declaration-property-unit-blacklist */ /* Main CP box ---------------------------------------- */ @@ -126,8 +129,8 @@ ul.cplist { .tabs .tab > a, .minitabs .tab > a { - text-decoration: none; white-space: nowrap; + text-decoration: none; position: relative; display: block; padding: 5px 9px; @@ -195,7 +198,7 @@ ul.cplist { left: 10px; width: 14px; height: 0.125em; - content: ''; + content: ""; } .tabs .dropdown, @@ -333,8 +336,8 @@ ol.def-rules li { .pm-legend { border-right-width: 0; - border-left-style: solid; border-left-width: 10px; + border-left-style: solid; margin-bottom: 3px; padding-left: 3px; } @@ -386,8 +389,12 @@ ol.def-rules li { } .navigation li:last-child a { - border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; } } -/* stylelint-enable */ + +/* stylelint-enable selector-max-compound-selectors */ +/* stylelint-enable selector-no-qualifying-type */ +/* stylelint-enable declaration-property-unit-whitelist */ +/* stylelint-enable declaration-property-unit-blacklist */ diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index 5d24c7511c..70ed28543d 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -1,8 +1,11 @@ /* -------------------------------------------------------------- /* $Forms /* -------------------------------------------------------------- */ + /* stylelint-disable selector-max-compound-selectors */ /* stylelint-disable selector-no-qualifying-type */ +/* stylelint-disable declaration-property-unit-whitelist */ +/* stylelint-disable declaration-property-unit-blacklist */ /* General form styles ---------------------------------------- */ @@ -44,7 +47,7 @@ select optgroup option { } textarea { - font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; + font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.4em; width: 60%; @@ -263,7 +266,7 @@ fieldset.submit-buttons input { } .message-box textarea { - font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; + font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 1.2em; outline: 3px dashed transparent; outline-offset: -4px; @@ -322,33 +325,84 @@ textarea.inputbox { width: auto !important; } -input[type='number'] { +input[type="number"] { -moz-padding-end: inherit; } -input[type='search'] { +input[type="search"] { -webkit-box-sizing: content-box; -webkit-appearance: textfield; } -input[type='search']::-webkit-search-decoration, -input[type='search']::-webkit-search-results-button, -input[type='search']::-webkit-search-results-decoration { +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-results-button, +input[type="search"]::-webkit-search-results-decoration { display: none; } -input[type='search']::-webkit-search-cancel-button { +input[type="search"]::-webkit-search-cancel-button { cursor: pointer; } -input[type='button'], -input[type='submit'], -input[type='reset'], -input[type='checkbox'], -input[type='radio'] { +/* Form button styles +---------------------------------------- */ +input.button1, +input.button2 { + font-size: 1em; +} + +a.button1, +input.button1, +input.button3, +a.button2, +input.button2 { + font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; + line-height: 1.5; + background: transparent none repeat-x top left; + width: auto !important; + padding-top: 1px; + padding-bottom: 1px; +} + +a.button1, +input.button1 { + font-weight: bold; + border: 1px solid transparent; +} + +input.button3 { + font-variant: small-caps; + line-height: 5px; + background-image: none; + height: 12px; + margin: 0; + padding: 0; +} + +input[type="button"], +input[type="submit"], +input[type="reset"], +input[type="checkbox"], +input[type="radio"] { cursor: pointer; } +/* Alternative button */ +a.button2, +input.button2, +input.button3 { + border: 1px solid transparent; +} + +/* button in the style of the form buttons */ +a.button1, +a.button2 { + vertical-align: text-bottom; + text-decoration: none; + padding: 0 3px; +/* Hover states */ +} + input.disabled { font-weight: normal; } @@ -360,8 +414,8 @@ input.disabled { .search-box .inputbox { background-image: none; - border-radius: 4px 0 0 4px; border-right-width: 0; + border-radius: 4px 0 0 4px; float: left; box-sizing: border-box; height: 24px; @@ -388,8 +442,8 @@ input.disabled { input.search { background-image: none; - background-position: left 1px; background-repeat: no-repeat; + background-position: left 1px; padding-left: 17px; } @@ -408,4 +462,8 @@ input.search { .tiny { width: 10%; } -/* stylelint-enable */ + +/* stylelint-enable selector-max-compound-selectors */ +/* stylelint-enable selector-no-qualifying-type */ +/* stylelint-enable declaration-property-unit-whitelist */ +/* stylelint-enable declaration-property-unit-blacklist */ diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css index 1d4634d684..534ecb2dde 100644 --- a/phpBB/styles/prosilver/theme/icons.css +++ b/phpBB/styles/prosilver/theme/icons.css @@ -11,13 +11,13 @@ */ .icon, .button .icon { - -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; font-family: FontAwesome; font-size: 14px; + font-weight: normal; font-style: normal; font-variant: normal; - font-weight: normal; line-height: 1; display: inline-block; text-rendering: auto; /* optimizelegibility throws things off #1094 */ diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css index b4fee56073..10bdd9e729 100644 --- a/phpBB/styles/prosilver/theme/links.css +++ b/phpBB/styles/prosilver/theme/links.css @@ -2,6 +2,7 @@ $Links /* -------------------------------------------------------------- */ +/* stylelint-disable declaration-property-unit-whitelist */ /* Links adjustment to correctly display an order of rtl/ltr mixed content */ a { @@ -38,13 +39,13 @@ th a:hover { /* Notification mark read link */ .dropdown-extended a.mark_read { - background-position: center center; background-repeat: no-repeat; + background-position: center center; border-radius: 3px 0 0 3px; position: absolute; + z-index: 2; top: 50%; right: 0; - z-index: 2; display: none; box-sizing: border-box; margin-top: -20px; @@ -66,7 +67,7 @@ th a:hover { /* Links for forum/topic lists */ a.forumtitle { - font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: bold; text-decoration: none; @@ -77,7 +78,7 @@ a.forumtitle:hover { } a.topictitle { - font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: bold; text-decoration: none; @@ -208,4 +209,5 @@ a.feed-icon-forum { a.anchor { display: block; } -/* stylelint-enable */ + +/* stylelint-enable declaration-property-unit-whitelist */ diff --git a/phpBB/styles/prosilver/theme/plupload.css b/phpBB/styles/prosilver/theme/plupload.css index 2ec396e682..3be5663443 100644 --- a/phpBB/styles/prosilver/theme/plupload.css +++ b/phpBB/styles/prosilver/theme/plupload.css @@ -2,6 +2,8 @@ $Plupload /* -------------------------------------------------------------- */ +/* stylelint-disable declaration-property-unit-whitelist */ + .attach-panel-multi { display: none; margin-bottom: 1em; @@ -69,15 +71,15 @@ } .file-status.file-working { - background: url('./images/plupload/throbber.gif'); + background: url("./images/plupload/throbber.gif"); } .file-status.file-uploaded { - background: url('./images/plupload/done.gif'); + background: url("./images/plupload/done.gif"); } .file-status.file-error { - background: url('./images/plupload/error.gif'); + background: url("./images/plupload/error.gif"); } .file-status { @@ -90,3 +92,5 @@ vertical-align: bottom; max-width: 65%; } + +/* stylelint-enable declaration-property-unit-whitelist */ diff --git a/phpBB/styles/prosilver/theme/print.css b/phpBB/styles/prosilver/theme/print.css index 192805d8e7..de7531c483 100644 --- a/phpBB/styles/prosilver/theme/print.css +++ b/phpBB/styles/prosilver/theme/print.css @@ -1,7 +1,10 @@ /* -------------------------------------------------------------- /* $Print /* -------------------------------------------------------------- */ + /* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable declaration-property-unit-whitelist */ +/* stylelint-disable declaration-property-unit-blacklist */ /* Lots still TODO here! */ @@ -71,7 +74,7 @@ h3, h1 a, h2 a, h3 a { - font-family: 'Trebuchet MS', georgia, Verdana, sans-serif; + font-family: "Trebuchet MS", georgia, Verdana, sans-serif; font-weight: bold; text-decoration: none; background: none; @@ -93,7 +96,7 @@ h3 { } .content { - font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; + font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 14pt; overflow: hidden; @@ -117,7 +120,7 @@ html > body .postbody a:link:after, html > body .postbody a:visited:after { font-size: 90%; text-decoration: none; - content: ' (' attr(href) ') '; + content: " (" attr(href) ") "; } hr { @@ -152,7 +155,7 @@ html > body .postquote .quote-by a:visited:after, html > body .postbody h1 a:link:after, html > body .postbody h2 a:link:after { text-decoration: none; - content: ''; + content: ""; } /* Poster profile */ @@ -222,3 +225,4 @@ ul { width: 1em; } /* stylelint-enable declaration-property-unit-whitelist */ +/* stylelint-enable declaration-property-unit-blacklist */ diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index bc606e9723..3b556b22db 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -3,6 +3,8 @@ /* -------------------------------------------------------------- */ /* stylelint-disable selector-max-compound-selectors */ /* stylelint-disable selector-no-qualifying-type */ +/* stylelint-disable declaration-property-unit-whitelist */ +/* stylelint-disable declaration-property-unit-blacklist */ @media (max-width: 320px) { select, @@ -30,15 +32,15 @@ } .action-bar .search-box .inputbox ::-moz-placeholder { - content: 'Search...'; + content: "Search..."; } .action-bar .search-box .inputbox :-ms-input-placeholder { - content: 'Search...'; + content: "Search..."; } .action-bar .search-box .inputbox ::-webkit-input-placeholder { - content: 'Search...'; + content: "Search..."; } } @@ -299,8 +301,8 @@ } ul.topiclist li.row dt a.subforum { - text-overflow: ellipsis; vertical-align: bottom; + text-overflow: ellipsis; overflow: hidden; max-width: 100px; } @@ -360,7 +362,7 @@ table.responsive td > dfn:after { padding-right: 5px; - content: ':'; + content: ":"; } table.responsive span.rank-img { @@ -368,7 +370,7 @@ padding-right: 5px; } - table.responsive.memberlist td:first-child input[type='checkbox'] { + table.responsive.memberlist td:first-child input[type="checkbox"] { float: right; } @@ -455,7 +457,7 @@ margin-left: 20px; } - fieldset.quick-login label[for='autologin'] { + fieldset.quick-login label[for="autologin"] { text-align: right; display: inline-block; min-width: 50%; @@ -647,4 +649,7 @@ } } -/* stylelint-enable */ +/* stylelint-enable selector-max-compound-selectors */ +/* stylelint-enable selector-no-qualifying-type */ +/* stylelint-enable declaration-property-unit-whitelist */ +/* stylelint-enable declaration-property-unit-blacklist */ diff --git a/phpBB/styles/prosilver/theme/stylesheet.css b/phpBB/styles/prosilver/theme/stylesheet.css index 0c29ccee30..ddae99a94e 100644 --- a/phpBB/styles/prosilver/theme/stylesheet.css +++ b/phpBB/styles/prosilver/theme/stylesheet.css @@ -7,15 +7,15 @@ -------------------------------------------------------------- */ -@import url('normalize.css?v=3.3'); -@import url('base.css?v=3.3'); -@import url('utilities.css?v=3.3'); -@import url('common.css?v=3.3'); -@import url('links.css?v=3.3'); -@import url('content.css?v=3.3'); -@import url('buttons.css?v=3.3'); -@import url('cp.css?v=3.3'); -@import url('forms.css?v=3.3'); -@import url('icons.css?v=3.3'); -@import url('colours.css?v=3.3'); -@import url('responsive.css?v=3.3'); +@import url("normalize.css?v=3.3"); +@import url("base.css?v=3.3"); +@import url("utilities.css?v=3.3"); +@import url("common.css?v=3.3"); +@import url("links.css?v=3.3"); +@import url("content.css?v=3.3"); +@import url("buttons.css?v=3.3"); +@import url("cp.css?v=3.3"); +@import url("forms.css?v=3.3"); +@import url("icons.css?v=3.3"); +@import url("colours.css?v=3.3"); +@import url("responsive.css?v=3.3"); diff --git a/phpBB/styles/prosilver/theme/tweaks.css b/phpBB/styles/prosilver/theme/tweaks.css index db629c19f5..c8075c0252 100644 --- a/phpBB/styles/prosilver/theme/tweaks.css +++ b/phpBB/styles/prosilver/theme/tweaks.css @@ -4,6 +4,7 @@ These style definitions are IE 8 & 9 only. They are required due to the poor CSS support in IE browsers. /* -------------------------------------------------------------- */ + /* stylelint-disable selector-max-compound-selectors */ /* stylelint-disable selector-no-qualifying-type */ @@ -27,7 +28,7 @@ dd label input { height: 20px\9; } -/* IE8 often can't handle max-width in %, so we use px instead */ +/* IE8 often can"t handle max-width in %, so we use px instead */ .postprofile .avatar img { max-width: 150px\9; } @@ -45,14 +46,16 @@ dd label input { .headerbar, .forumbg { - background-image: url('./images/bg_header.gif'); + background-image: url("./images/bg_header.gif"); } .forabg { - background-image: url('./images/bg_list.gif'); + background-image: url("./images/bg_list.gif"); } .tabs .tab > a { border-radius: 0; } -/* stylelint-enable */ + +/* stylelint-enable selector-max-compound-selectors */ +/* stylelint-enable selector-no-qualifying-type */ diff --git a/phpBB/styles/prosilver/theme/utilities.css b/phpBB/styles/prosilver/theme/utilities.css index bcee77cec5..ab47754d5d 100644 --- a/phpBB/styles/prosilver/theme/utilities.css +++ b/phpBB/styles/prosilver/theme/utilities.css @@ -32,7 +32,7 @@ .row:before, .row:after { display: table; - content: ' '; + content: " "; } .clearfix:after, @@ -72,8 +72,8 @@ font: 0/0 a; background-color: transparent; border: 0; - color: transparent; text-shadow: none; + color: transparent; } .hidden {