From 39572a3aa0016c7b40351325455b833414b4e4aa Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 12:25:59 +0100 Subject: [PATCH 01/21] [ticket/14865] Add stylelint file PHPBB3-14865 --- .stylelintrc | 468 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 468 insertions(+) create mode 100644 .stylelintrc diff --git a/.stylelintrc b/.stylelintrc new file mode 100644 index 0000000000..b069001a95 --- /dev/null +++ b/.stylelintrc @@ -0,0 +1,468 @@ +{ + "rules": { + "color-hex-case": "lower", + "color-hex-length": "long", + "color-named": "never", + "color-no-invalid-hex": true, + + "font-family-name-quotes": "always-where-recommended", + + "function-calc-no-unspaced-operator": true, + "function-comma-newline-after": "always-multi-line", + "function-comma-newline-before": "never-multi-line", + "function-comma-space-after": "always-single-line", + "function-comma-space-before": "never", + "function-linear-gradient-no-nonstandard-direction": true, + "function-max-empty-lines": 0, + "function-name-case": "lower", + "function-parentheses-newline-inside": "always-multi-line", + "function-parentheses-space-inside": "never-single-line", + "function-url-quotes": "always", + "function-whitespace-after": "always", + + "number-leading-zero": "always", + "number-max-precision": 3, + "number-no-trailing-zeros": true, + + "string-no-newline": true, + "string-quotes": single, + + "length-zero-no-unit": true, + + "unit-case": "lower", + "unit-no-unknown": true, + + "value-keyword-case": lower, + + "value-list-comma-newline-after": "always-multi-line", + "value-list-comma-newline-before": "never-multi-line", + "value-list-comma-space-after": "always-single-line", + "value-list-comma-space-before": "never", + "value-list-max-empty-lines": 0, + + "shorthand-property-no-redundant-values": true, + + "property-case": "lower", + "property-no-unknown": true, + + "keyframe-declaration-no-important": true, + + "declaration-bang-space-after": "never", + "declaration-bang-space-before": "always", + "declaration-colon-newline-after": "always-multi-line", + "declaration-colon-space-after": "always-single-line", + "declaration-colon-space-before": "never", + "declaration-empty-line-before": "never", + + "declaration-block-no-duplicate-properties": true, + "declaration-block-no-ignored-properties": true, + "declaration-block-no-shorthand-property-overrides": true, + "declaration-block-semicolon-newline-after": "always-multi-line", + "declaration-block-semicolon-newline-before": "never-multi-line", + "declaration-block-semicolon-space-after": "always-single-line", + "declaration-block-semicolon-space-before": "never", + "declaration-block-single-line-max-declarations": 1, + "declaration-block-trailing-semicolon": "always", + + "block-closing-brace-empty-line-before": "never", + "block-closing-brace-newline-after": "always", + "block-closing-brace-newline-before": "always-multi-line", + "block-closing-brace-space-after": "always-single-line", + "block-closing-brace-space-before": "always-single-line", + "block-no-empty": true, + "block-opening-brace-newline-after": "always-multi-line", + "block-opening-brace-space-after": "always-single-line", + "block-opening-brace-space-before": "always", + + "selector-attribute-brackets-space-inside": "never", + "selector-attribute-operator-space-after": "never", + "selector-attribute-operator-space-before": "never", + "selector-attribute-quotes": "always", + "selector-combinator-space-after": "always", + "selector-combinator-space-before": "always", + "selector-descendant-combinator-no-non-space": true, + "selector-max-compound-selectors": 3, + "selector-no-empty": true, + "selector-no-id": true, + "selector-no-qualifying-type": [ + true, { + "ignore": ["attribute"] + } + ], + "selector-pseudo-class-case": "lower", + "selector-pseudo-class-no-unknown": true, + "selector-pseudo-class-parentheses-space-inside": "never", + "selector-pseudo-element-case": "lower", + "selector-pseudo-element-colon-notation": "single", + "selector-pseudo-element-no-unknown": true, + "selector-type-case": "lower", + "selector-type-no-unknown": true, + "selector-max-empty-lines": 0, + + "selector-list-comma-newline-after": "always", + "selector-list-comma-space-before": "never", + + "rule-nested-empty-line-before": [ + "always-multi-line", { + "ignore": ["after-comment"], + "except": ["first-nested"] + } + ], + "rule-non-nested-empty-line-before": [ + "always-multi-line", { + "ignore": ["after-comment"] + } + ], + + "media-feature-colon-space-after": "always", + "media-feature-colon-space-before": "never", + "media-feature-name-case": "lower", + "media-feature-no-missing-punctuation": true, + "media-feature-parentheses-space-inside": "never", + "media-feature-range-operator-space-after": "always", + "media-feature-range-operator-space-before": "always", + + "media-query-list-comma-newline-after": "always-multi-line", + "media-query-list-comma-space-after": "always-single-line", + "media-query-list-comma-space-before": "never", + + "at-rule-empty-line-before": [ + "always", { + "except": ["blockless-group", "all-nested", "first-nested"], + "ignore": ["after-comment"] + } + ], + "at-rule-name-case": "lower", + "at-rule-name-space-after": "always-single-line", + "at-rule-semicolon-newline-after": "always", + + "comment-empty-line-before": [ + "always", { + "except": ["first-nested"], + "ignore": ["stylelint-commands"] + } + ], + "comment-whitespace-inside": "always", + + "indentation": "tab", + "max-empty-lines": 5, + + "no-duplicate-selectors": true, + "no-eol-whitespace": true, + "no-extra-semicolons": true, + "no-indistinguishable-colors": [ + true, { + "ignore": ["#fafafa", "#f5f5f5", "#eeeeee", "#ffffff" ] + } + ], + "no-invalid-double-slash-comments": true, + "no-missing-end-of-source-newline": true, + + "declaration-block-properties-order": [ + [ + "-moz-osx-font-smoothing", + "-webkit-font-smoothing", + "font", + "font-effect", + "font-emphasize", + "font-emphasize-position", + "font-emphasize-style", + "font-family", + "font-feature-settings", + "-webkit-font-feature-settings", + "font-size", + "font-size-adjust", + "font-smooth", + "font-stretch", + "font-style", + "font-variant", + "font-weight", + "-moz-hyphens", + "-webkit-hyphens", + "hyphens", + "letter-spacing", + "line-height", + "-moz-tab-size", + "-o-tab-size", + "-ms-text-size-adjust", + "-webkit-text-size-adjust", + "tab-size", + "text-align", + "-moz-text-align-last", + "-ms-text-align-last", + "-webkit-text-align-last", + "text-align-last", + "-webkit-text-decoration-skip", + "text-decoration", + "text-emphasis", + "text-emphasis-color", + "text-emphasis-position", + "text-emphasis-style", + "text-indent", + "-ms-text-justify", + "text-justify", + "text-outline", + "-ms-text-overflow", + "text-overflow", + "text-overflow-ellipsis", + "text-overflow-mode", + "text-transform", + "text-wrap", + "vertical-align", + "white-space", + "-ms-word-break", + "word-break", + "word-spacing", + "-ms-word-wrap", + "-ms-writing-mode", + "word-wrap", + + "background", + "background-attachment", + "-moz-background-clip", + "-webkit-background-clip", + "background-clip", + "background-color", + "background-image", + "background-origin", + "background-position", + "-ms-background-position-x", + "background-position-x", + "-ms-background-position-y", + "background-position-y", + "background-repeat", + "-moz-background-size", + "-o-background-size", + "-webkit-background-size", + "background-size", + "border", + "border-color", + "border-collapse", + "-o-border-image", + "-moz-border-image", + "-webkit-border-image", + "border-image", + "-moz-border-image-outset", + "-o-border-image-outset", + "-webkit-border-image-outset", + "border-image-outset", + "-moz-border-image-repeat", + "-o-border-image-repeat", + "-webkit-border-image-repeat", + "border-image-repeat", + "-moz-border-image-slice", + "-o-border-image-slice", + "-webkit-border-image-slice", + "border-image-slice", + "-moz-border-image-source", + "-o-border-image-source", + "-webkit-border-image-source", + "border-image-source", + "-moz-border-image-width", + "-o-border-image-width", + "-webkit-border-image-width", + "border-image-width", + "-moz-border-radius", + "-webkit-border-radius", + "border-radius", + "border-top", + "border-top-color", + "border-top-left-radius", + "-moz-border-radius-topleft", + "-webkit-border-top-left-radius", + "border-top-right-radius", + "-moz-border-radius-topright", + "-webkit-border-top-right-radius", + "border-top-style", + "border-top-width", + "border-right", + "border-right-color", + "border-right-style", + "border-right-width", + "border-bottom", + "border-bottom-color", + "-moz-border-radius-bottomleft", + "-webkit-border-bottom-left-radius", + "border-bottom-left-radius", + "-moz-border-radius-bottomright", + "-webkit-border-bottom-right-radius", + "border-bottom-right-radius", + "border-bottom-style", + "border-bottom-width", + "border-left", + "border-left-color", + "border-left-style", + "border-left-width", + "border-spacing", + "border-style", + "border-width", + "box-decoration-break", + "-moz-box-shadow", + "-webkit-box-shadow", + "box-shadow", + "color", + "opacity", + "outline", + "outline-color", + "outline-offset", + "outline-style", + "outline-width", + "text-shadow", + "-ms-interpolation-mode", + "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha", + "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient", + "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity", + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader", + "filter:progid:DXImageTransform.Microsoft.gradient", + + "position", + "top", + "right", + "bottom", + "left", + "z-index", + + "display", + "visibility", + "float", + "clear", + "-ms-overflow-x", + "-ms-overflow-y", + "-ms-overflow-style", + "overflow", + "overflow-x", + "overflow-y", + "clip", + "zoom", + "-webkit-flex", + "flex-direction", + "flex-order", + "flex-pack", + "flex-align", + "flex", + + "-webkit-box-sizing", + "-moz-box-sizing", + "box-sizing", + "width", + "min-width", + "max-width", + "height", + "min-height", + "max-height", + "margin", + "margin-top", + "margin-right", + "margin-bottom", + "margin-left", + "padding", + "padding-top", + "padding-right", + "padding-bottom", + "padding-left", + + "table-layout", + "empty-cells", + "caption-side", + "list-style", + "list-style-position", + "list-style-type", + "list-style-image", + + "content", + "quotes", + "counter-reset", + "counter-increment", + "resize", + "cursor", + "-moz-user-select", + "-ms-user-select", + "-webkit-user-select", + "user-select", + "nav-index", + "nav-up", + "nav-right", + "nav-down", + "nav-left", + "-webkit-transition", + "-moz-transition", + "-ms-transition", + "-o-transition", + "transition", + "-webkit-transition-delay", + "-moz-transition-delay", + "-ms-transition-delay", + "-o-transition-delay", + "transition-delay", + "-webkit-transition-timing-function", + "-moz-transition-timing-function", + "-ms-transition-timing-function", + "-o-transition-timing-function", + "transition-timing-function", + "-webkit-transition-duration", + "-moz-transition-duration", + "-ms-transition-duration", + "-o-transition-duration", + "transition-duration", + "-webkit-transition-property", + "-moz-transition-property", + "-ms-transition-property", + "-o-transition-property", + "transition-property", + "-webkit-transform", + "-moz-transform", + "-ms-transform", + "-o-transform", + "transform", + "-webkit-transform-origin", + "-moz-transform-origin", + "-ms-transform-origin", + "-o-transform-origin", + "transform-origin", + "-webkit-animation", + "-moz-animation", + "-ms-animation", + "-o-animation", + "animation", + "-webkit-animation-name", + "-moz-animation-name", + "-ms-animation-name", + "-o-animation-name", + "animation-name", + "-webkit-animation-duration", + "-moz-animation-duration", + "-ms-animation-duration", + "-o-animation-duration", + "animation-duration", + "-webkit-animation-play-state", + "-moz-animation-play-state", + "-ms-animation-play-state", + "-o-animation-play-state", + "animation-play-state", + "-webkit-animation-timing-function", + "-moz-animation-timing-function", + "-ms-animation-timing-function", + "-o-animation-timing-function", + "animation-timing-function", + "-webkit-animation-delay", + "-moz-animation-delay", + "-ms-animation-delay", + "-o-animation-delay", + "animation-delay", + "-webkit-animation-iteration-count", + "-moz-animation-iteration-count", + "-ms-animation-iteration-count", + "-o-animation-iteration-count", + "animation-iteration-count", + "-webkit-animation-direction", + "-moz-animation-direction", + "-ms-animation-direction", + "-o-animation-direction", + "animation-direction", + "pointer-events", + "-moz-appearance", + "-webkit-appearance" + ], { unspecified: "ignore" } + ] + } +} From 452261e80645fcc23e49422b70bbf71b9255cee7 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 12:26:45 +0100 Subject: [PATCH 02/21] [ticket/14865] Fix all fixable linting issues PHPBB3-14865 --- phpBB/styles/prosilver/theme/base.css | 49 +- phpBB/styles/prosilver/theme/bidi.css | 376 ++++--- phpBB/styles/prosilver/theme/buttons.css | 66 +- phpBB/styles/prosilver/theme/colours.css | 1123 +++++++++++-------- phpBB/styles/prosilver/theme/common.css | 524 +++++---- phpBB/styles/prosilver/theme/content.css | 374 +++--- phpBB/styles/prosilver/theme/cp.css | 168 +-- phpBB/styles/prosilver/theme/forms.css | 208 ++-- phpBB/styles/prosilver/theme/icons.css | 60 +- phpBB/styles/prosilver/theme/links.css | 53 +- phpBB/styles/prosilver/theme/normalize.css | 188 ++-- phpBB/styles/prosilver/theme/plupload.css | 26 +- phpBB/styles/prosilver/theme/print.css | 201 ++-- phpBB/styles/prosilver/theme/responsive.css | 254 +++-- phpBB/styles/prosilver/theme/stylesheet.css | 24 +- phpBB/styles/prosilver/theme/tweaks.css | 34 +- phpBB/styles/prosilver/theme/utilities.css | 61 +- 17 files changed, 2237 insertions(+), 1552 deletions(-) diff --git a/phpBB/styles/prosilver/theme/base.css b/phpBB/styles/prosilver/theme/base.css index 98c57d9264..570a0ad01f 100644 --- a/phpBB/styles/prosilver/theme/base.css +++ b/phpBB/styles/prosilver/theme/base.css @@ -12,19 +12,21 @@ -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. */ -/* 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__*/ + 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.) */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #333333; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #ffffff; + color: #333333; } input, @@ -36,26 +38,31 @@ textarea { line-height: inherit; } -figure { margin: 0 } -img { vertical-align: middle } +figure { + margin: 0; +} + +img { + vertical-align: middle; +} hr { - margin-top: 20px; - margin-bottom: 20px; border: 0; border-top: 1px solid #e5e5e5; + margin-top: 20px; + margin-bottom: 20px; } a { - color: #428bca; text-decoration: none; + color: #428bca; } a:hover, a:focus, a:active { - color: #2a6496; text-decoration: underline; + color: #2a6496; } blockquote, @@ -69,7 +76,10 @@ h5, h6, figure, p, -pre { margin: 0 } +pre { + margin: 0; +} + button { background: transparent; border: 0; @@ -81,8 +91,7 @@ button { * results in a loss of the default `button` focus styles. */ button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; + outline: 1px dotted 5px auto -webkit-focus-ring-color; } fieldset { @@ -91,12 +100,15 @@ fieldset { padding: 0; } -iframe { border: 0 } +iframe { + border: 0; +} + ol, ul { - list-style: none; margin: 0; padding: 0; + list-style: none; } /** @@ -104,7 +116,9 @@ ul { * This prevents an unwanted focus outline from appearing around elements that * might still respond to pointer events. */ -[tabindex="-1"]:focus { outline: none !important } +[tabindex='-1']:focus { + outline: none !important; +} /** * Remove double underline from recent version of firefox @@ -112,4 +126,3 @@ ul { abbr[title] { text-decoration: none; } - diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css index f09493ab3b..a8dc84fc62 100644 --- a/phpBB/styles/prosilver/theme/bidi.css +++ b/phpBB/styles/prosilver/theme/bidi.css @@ -14,8 +14,8 @@ } .rtl div.rules ul { - margin-left: 0; margin-right: 20px; + margin-left: 0; } /* Main blocks @@ -47,48 +47,52 @@ } /* Horizontal lists -----------------------------------------*/ +---------------------------------------- */ .rtl ul.linklist > li { float: right; margin-right: 0; margin-left: 7px; } -.rtl ul.linklist > li.rightside, .rtl p.rightside, .rtl a.rightside { +.rtl ul.linklist > li.rightside, +.rtl p.rightside, +.rtl a.rightside { + text-align: left; float: left; margin-right: 7px; margin-left: 0; - text-align: left; } -.rtl ul.leftside > li, .rtl ul.rightside > li { +.rtl ul.leftside > li, +.rtl ul.rightside > li { float: left; } .rtl ul.leftside { - float: right; - margin-left: 5px; - margin-right: 0; text-align: right; + float: right; + margin-right: 0; + margin-left: 5px; } .rtl ul.rightside { - float: left; - margin-left: -5px; - margin-right: 5px; text-align: left; + float: left; + margin-right: 5px; + margin-left: -5px; } /* Bulletin icons for list items -----------------------------------------*/ +---------------------------------------- */ .rtl ul.linklist.bulletin > li:before { - padding-left: 4px; padding-right: 0; + padding-left: 4px; } /* Dropdown menu ---------------------------------------- */ -.rtl .dropdown-container.topic-tools, .rtl .dropdown-container-left { +.rtl .dropdown-container.topic-tools, +.rtl .dropdown-container-left { float: right; } @@ -97,8 +101,8 @@ } .rtl .dropdown-contents > li { - padding-left: 15px; padding-right: 0; + padding-left: 15px; } .rtl .dropdown-nonscroll > li { @@ -106,34 +110,35 @@ } .rtl .dropdown li li { - padding-left: 0; padding-right: 18px; + padding-left: 0; } .rtl .dropdown-extended .header { text-align: right; } -.rtl .dropdown-extended .header .header_settings, .rtl .dropdown-container-right { +.rtl .dropdown-extended .header .header_settings, +.rtl .dropdown-container-right { float: left; } /* Notifications ------------------------------------------*/ +----------------------------------------- */ .rtl .notification_list ul li img { float: right; - margin-left: 5px; margin-right: 0; + margin-left: 5px; } .rtl .notification_list div.notifications { - margin-left: 0; margin-right: 50px; + margin-left: 0; } .rtl .notification_text { - margin-left: 0; margin-right: 58px; + margin-left: 0; } .rtl .notification_list p.notification-time { @@ -141,20 +146,20 @@ } /* Responsive breadcrumbs -----------------------------------------*/ +---------------------------------------- */ .rtl .breadcrumbs .crumb { float: right; } /* Table styles -----------------------------------------*/ +---------------------------------------- */ .rtl table.table1 thead th { padding: 0 3px 4px 0; } .rtl table.table1 thead th span { - padding-left: 0; padding-right: 7px; + padding-left: 0; } .rtl table.table1 tbody th { @@ -162,11 +167,26 @@ } /* Specific column styles */ -.rtl table.table1 .name { text-align: right; } -.rtl table.table1 .joined { text-align: right; } -.rtl table.table1 .active { text-align: right; } -.rtl table.table1 .info { text-align: right; } -.rtl table.table1 thead .autocol { padding-left: 0; padding-right: 1em; } +.rtl table.table1 .name { + text-align: right; +} + +.rtl table.table1 .joined { + text-align: right; +} + +.rtl table.table1 .active { + text-align: right; +} + +.rtl table.table1 .info { + text-align: right; +} + +.rtl table.table1 thead .autocol { + padding-right: 1em; + padding-left: 0; +} .rtl table.table1 span.rank-img { float: left; @@ -182,6 +202,7 @@ /* Misc layout styles ---------------------------------------- */ + /* column[1-2] styles are containers for two column layouts */ .rtl .column1 { float: right; @@ -195,37 +216,37 @@ /* General classes for placing floating blocks */ .rtl .left-box { - float: right; text-align: right; + float: right; } .rtl .right-box { - float: left; text-align: left; + float: left; } .rtl dl.details dt { + text-align: left; float: right; clear: right; - text-align: left; } .rtl dl.details dd { + float: right; margin-right: 0; margin-left: 0; padding-right: 5px; padding-left: 0; - float: right; } -*:first-child+html dl.details dd { - margin-right: 30%; +*:first-child + html dl.details dd { float: none; + margin-right: 30%; } * html dl.details dd { - margin-right: 30%; float: none; + margin-right: 30%; } /* Pagination @@ -236,16 +257,16 @@ } .rtl .pagination > ul { - margin-left: 0; margin-right: 5px; + margin-left: 0; } /* Pagination in viewforum for multipage topics */ .rtl .row .pagination { background-position: 100% 50%; float: left; - padding-left: 0; padding-right: 15px; + padding-left: 0; } .rtl .row .pagination > ul { @@ -257,21 +278,21 @@ } .pagination li.page-jump { - margin-left: 5px; margin-right: 0; + margin-left: 5px; } /* Action Bar styles ---------------------------------------- */ .rtl .action-bar .button { - margin-right: 0; float: right; + margin-right: 0; } .rtl .action-bar > .button { - margin-left: 5px; float: right; + margin-left: 5px; } .rtl .action-bar .dropdown-button-control .button { @@ -282,14 +303,14 @@ /* Miscellaneous styles ---------------------------------------- */ .rtl .quick-links { - margin-left: 7px; margin-right: 0; + margin-left: 7px; } .rtl .header-avatar span:after { float: left; - padding-left: 0; padding-right: 2px; + padding-left: 0; } .rtl .member-search { @@ -313,8 +334,8 @@ li.breadcrumbs span:first-child > a { /* Notification mark read link */ .rtl .dropdown-extended a.mark_read { border-radius: 0 3px 3px 0; - left: 0; right: auto; + left: 0; } .rtl .back2top .top { @@ -323,9 +344,10 @@ li.breadcrumbs span:first-child > a { } .rtl .skiplink { + right: -999px; + /* invisible skip link, used for accessibility */ left: 0; - right: -999px; } .rtl a.feed-icon-forum { @@ -335,7 +357,8 @@ li.breadcrumbs span:first-child > a { /** * content.css */ -.rtl ul.topiclist dt, .rtl li.header dt { +.rtl ul.topiclist dt, +.rtl li.header dt { float: right; margin-right: 0; margin-left: -440px; @@ -377,21 +400,21 @@ li.breadcrumbs span:first-child > a { } .rtl ul.topiclist dd { - float: right; - border-right-width: 1px; border-right-style: solid; + border-right-width: 1px; border-left: none; + float: right; } .rtl ul.topiclist dfn { - left: auto; right: -999px; + left: auto; } .rtl ul.topiclist li.row dt a.subforum { - padding-right: 12px; background-position: right; position: static; + padding-right: 12px; } .rtl .forum-image { @@ -400,16 +423,17 @@ li.breadcrumbs span:first-child > a { margin-left: 5px; } -.rtl li.header dt, .rtl li.header dd { +.rtl li.header dt, +.rtl li.header dd { border-right-width: 0; } .rtl li.header dd { - padding-left: 0; padding-right: 1px; + padding-left: 0; } -.rtl dl.row-item{ +.rtl dl.row-item { background-position: 99.5% 50%; } @@ -420,30 +444,35 @@ li.breadcrumbs span:first-child > a { } .rtl dl.row-item dt { - background-position: 99.5% 95%; /* Position of topic icon */ + background-position: 99.5% 95%; /* Position of topic icon */ } .rtl dl.row-item dt .list-inner { + padding-right: 45px; /* Space for folder icon */ padding-left: 5px; - padding-right: 45px; /* Space for folder icon */ } -.rtl dl a.row-item-link { /* topic row icon links */ - display: inline-block; - left: auto; +.rtl dl a.row-item-link { /* topic row icon links */ right: 0; - margin-left: 0; + left: auto; + display: inline-block; margin-right: 2px; + margin-left: 0; } -.rtl dd.lastpost > span, .rtl ul.topiclist dd.info > span, .rtl ul.topiclist dd.time > span, .rtl dd.redirect > span, .rtl dd.moderation > span { - padding-left: 0; +.rtl dd.lastpost > span, +.rtl ul.topiclist dd.info > span, +.rtl ul.topiclist dd.time > span, +.rtl dd.redirect > span, +.rtl dd.moderation > span { padding-right: 5px; + padding-left: 0; } /* Post body styles -----------------------------------------*/ -.rtl .postbody, .rtl .postbody h3 { +---------------------------------------- */ +.rtl .postbody, +.rtl .postbody h3 { float: right; } @@ -457,20 +486,21 @@ li.breadcrumbs span:first-child > a { } .rtl p.post-notice:before { - left: auto; right: 0; + left: auto; } /* Topic review panel -----------------------------------------*/ +---------------------------------------- */ .rtl .topicreview { padding-right: 0; padding-left: 5px; } /* Content container styles -----------------------------------------*/ -.rtl .content ul, .rtl .content ol { +---------------------------------------- */ +.rtl .content ul, +.rtl .content ol { margin-right: 3em; margin-left: 0; } @@ -489,11 +519,12 @@ li.breadcrumbs span:first-child > a { } /* BB Code styles -----------------------------------------*/ +---------------------------------------- */ + /* Quote block */ .rtl blockquote { - margin: 0.5em 25px 0 1px; background-position: 99% 8px; + margin: 0.5em 25px 0 1px; } .rtl blockquote blockquote { @@ -516,11 +547,11 @@ li.breadcrumbs span:first-child > a { } /* Attachments -----------------------------------------*/ +---------------------------------------- */ .rtl .attachbox { float: right; - margin: 5px 0 5px 5px; clear: right; + margin: 5px 0 5px 5px; } .rtl .attachbox dd { @@ -536,16 +567,16 @@ li.breadcrumbs span:first-child > a { } /* Post poll styles -----------------------------------------*/ +---------------------------------------- */ .rtl fieldset.polls dt { text-align: right; - float: right; border-left: none; + float: right; } .rtl fieldset.polls dd { - float: right; border-right: none; + float: right; margin-right: 0; } @@ -553,29 +584,35 @@ li.breadcrumbs span:first-child > a { text-align: left; } -.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { - border-left-width: 1px; - border-left-style: solid; +.rtl .pollbar1, +.rtl .pollbar2, +.rtl .pollbar3, +.rtl .pollbar4, +.rtl .pollbar5 { border-right: none; + border-left-style: solid; + border-left-width: 1px; } /* Poster profile block -----------------------------------------*/ +---------------------------------------- */ .rtl .postprofile { border-width: 0 1px 0 0; float: left; -/* text-align: right; */ + + /* text-align: right; */ } .rtl .pm .postprofile { - border-right-width: 1px; border-right-style: solid; + border-right-width: 1px; border-left: none; } -.rtl .postprofile dd, .rtl .postprofile dt { - margin-left: 0; +.rtl .postprofile dd, +.rtl .postprofile dt { margin-right: 8px; + margin-left: 0; } .rtl .postprofile .avatar { @@ -608,8 +645,8 @@ li.breadcrumbs span:first-child > a { } .rtl .has-profile .post-buttons { - left: 0; right: auto; + left: 0; } .rtl .post-buttons li { @@ -617,11 +654,11 @@ li.breadcrumbs span:first-child > a { } /* Poster contact icons - ----------------------------------------*/ + ---------------------------------------- */ .rtl .contact-icons a { - border-left-width: 1px; - border-left-style: dotted; border-right: none; + border-left-style: dotted; + border-left-width: 1px; float: right; } @@ -632,12 +669,13 @@ li.breadcrumbs span:first-child > a { /** * cp.css */ + /* Control Panel Styles ---------------------------------------- */ /* Main CP box -----------------------------------------*/ +---------------------------------------- */ .rtl .cp-menu { float: right; } @@ -661,10 +699,10 @@ li.breadcrumbs span:first-child > a { } /* CP tabbed menu -----------------------------------------*/ +---------------------------------------- */ .rtl .tabs { - margin-left: 0; margin-right: 7px; + margin-left: 0; } .rtl .tabs .tab { @@ -672,12 +710,12 @@ li.breadcrumbs span:first-child > a { } .rtl .tabs .tab > a { - margin-left: 1px; margin-right: 0; + margin-left: 1px; } /* Mini tabbed menu used in MCP -----------------------------------------*/ +---------------------------------------- */ .rtl .minitabs { float: left; margin-right: 0; @@ -694,7 +732,7 @@ li.breadcrumbs span:first-child > a { } /* Responsive tabs -----------------------------------------*/ +---------------------------------------- */ .rtl .tabs .dropdown { margin-left: -2px; } @@ -712,22 +750,24 @@ li.breadcrumbs span:first-child > a { } /* Responsive *CP navigation -----------------------------------------*/ -@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) -{ - .rtl .cp-menu, .rtl .navigation, .rtl .cp-main { +---------------------------------------- */ + +@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { + .rtl .cp-menu, + .rtl .navigation, + .rtl .cp-main { float: none; } } /* UCP navigation menu -----------------------------------------*/ +---------------------------------------- */ /* Preferences pane layout -----------------------------------------*/ +---------------------------------------- */ .rtl .cp-main h2 { - margin-left: 0; margin-right: 10px; + margin-left: 0; } /* Friends list */ @@ -736,7 +776,7 @@ li.breadcrumbs span:first-child > a { } /* PM Styles -----------------------------------------*/ +---------------------------------------- */ /* PM panel adjustments */ .rtl .reply-all a.right { @@ -758,11 +798,11 @@ li.breadcrumbs span:first-child > a { /* PM marking colours */ .rtl .pm-legend { - border-right-width: 10px; border-right-style: solid; + border-right-width: 10px; border-left-width: 0; - padding-left: 0; padding-right: 3px; + padding-left: 0; } /* Avatar gallery */ @@ -771,10 +811,12 @@ li.breadcrumbs span:first-child > a { } /* Responsive *CP navigation -----------------------------------------*/ -@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) -{ - .rtl .cp-menu, .rtl .navigation, .rtl .cp-main { +---------------------------------------- */ + +@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { + .rtl .cp-menu, + .rtl .navigation, + .rtl .cp-main { float: none; } } @@ -784,7 +826,7 @@ li.breadcrumbs span:first-child > a { */ /* General form styles -----------------------------------------*/ +---------------------------------------- */ .rtl option { padding-right: 0; @@ -799,26 +841,26 @@ li.breadcrumbs span:first-child > a { /* Definition list layout for forms ---------------------------------------- */ .rtl fieldset dt { - float: right; text-align: right; + float: right; } .rtl fieldset dd { - margin-left: 0; margin-right: 41%; + margin-left: 0; } /* Specific layout 1 */ .rtl fieldset.fields1 dt { - border-left-width: 0; border-right-width: 1px; + border-left-width: 0; } .rtl fieldset.fields1 dd { - margin-right: 15em; - margin-left: 0; border-right-width: 0; border-left-width: 1px; + margin-right: 15em; + margin-left: 0; } /* Specific layout 2 */ @@ -828,10 +870,10 @@ li.breadcrumbs span:first-child > a { } .rtl fieldset.fields2 dd { + border-right-width: 0; + border-left-width: 1px; margin-right: 16em; margin-left: 0; - border-left-width: 1px; - border-right-width: 0; } /* Form elements */ @@ -839,26 +881,27 @@ li.breadcrumbs span:first-child > a { text-align: right; } -.rtl dd input, .rtl dd textarea { - margin-left: 3px; +.rtl dd input, +.rtl dd textarea { margin-right: 0; + margin-left: 3px; } /* Quick-login on index page */ .rtl fieldset.quick-login input.inputbox { - margin-left: 5px; margin-right: 0; + margin-left: 5px; } .rtl fieldset.quick-login label { - padding-left: 2px; padding-right: 0; + padding-left: 2px; } /* Display options on viewtopic/viewforum pages */ .rtl fieldset.display-options label { - padding-left: 2px; padding-right: 0; + padding-left: 2px; } .rtl .dropdown fieldset.display-options label { @@ -868,16 +911,16 @@ li.breadcrumbs span:first-child > a { /* Display actions for ucp and mcp pages */ .rtl fieldset.display-actions { text-align: left; - padding-left: 1em; padding-right: 0; + padding-left: 1em; } .rtl fieldset.display-actions label { - padding-left: 2px; padding-right: 0; + padding-left: 2px; } -/* MCP forum selection*/ +/* MCP forum selection */ .rtl fieldset.forum-selection { float: left; } @@ -887,7 +930,7 @@ li.breadcrumbs span:first-child > a { } /* Posting page styles -----------------------------------------*/ +---------------------------------------- */ /* Emoticons panel */ .rtl .smiley-box { @@ -903,9 +946,9 @@ li.breadcrumbs span:first-child > a { } .rtl .search-box .inputbox { - border-left-width: 0; - border-right-width: 1px; border-radius: 0 4px 4px 0; + border-right-width: 1px; + border-left-width: 0; float: right; padding: 3px; } @@ -916,8 +959,8 @@ li.breadcrumbs span:first-child > a { } .button-search-end { - border-left-width: 1px; border-right-width: 0; + border-left-width: 1px; } .rtl .search-header .button-search-end { @@ -935,7 +978,10 @@ li.breadcrumbs span:first-child > a { ---------------------------------------- */ /** Reference: Bug #27155 */ -.rtl .wrap, .rtl .headerbar, .rtl .site-description, .rtl .navbar { +.rtl .wrap, +.rtl .headerbar, +.rtl .site-description, +.rtl .navbar { position: relative; } @@ -950,19 +996,24 @@ li.breadcrumbs span:first-child > a { /** * responsive.css */ -@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) -{ + +@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { /* .topiclist lists - ----------------------------------------*/ - .rtl ul.topiclist li.header dt, .rtl ul.topiclist li.header dt .list-inner { + ---------------------------------------- */ + .rtl ul.topiclist li.header dt, + .rtl ul.topiclist li.header dt .list-inner { margin-left: 0 !important; padding-left: 0; } - .rtl ul.topiclist dt, .rtl ul.topiclist dt .list-inner, - .rtl ul.topiclist.missing-column dt, .rtl ul.topiclist.missing-column dt .list-inner, - .rtl ul.topiclist.two-long-columns dt, .rtl ul.topiclist.two-long-columns dt .list-inner, - .rtl ul.topiclist.two-columns dt, .rtl ul.topiclist.two-columns dt .list-inner { + .rtl ul.topiclist dt, + .rtl ul.topiclist dt .list-inner, + .rtl ul.topiclist.missing-column dt, + .rtl ul.topiclist.missing-column dt .list-inner, + .rtl ul.topiclist.two-long-columns dt, + .rtl ul.topiclist.two-long-columns dt .list-inner, + .rtl ul.topiclist.two-columns dt, + .rtl ul.topiclist.two-columns dt .list-inner { margin-left: 0; } @@ -971,21 +1022,23 @@ li.breadcrumbs span:first-child > a { } /* Forums and topics lists - ----------------------------------------*/ + ---------------------------------------- */ .rtl ul.topiclist.forums dt { margin-left: -250px; } + .rtl ul.topiclist.forums dt .list-inner { margin-left: 250px; } .rtl ul.topiclist dd.mark { - left: 5px; - right: auto; text-align: right; + right: auto; + left: 5px; } - .rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child { + .rtl table.responsive.show-header thead, + .rtl table.responsive.show-header th:first-child { text-align: right !important; } @@ -994,28 +1047,34 @@ li.breadcrumbs span:first-child > a { } /* User profile - ----------------------------------------*/ - .rtl .column1, .rtl .column2, .rtl .left-box.profile-details { + ---------------------------------------- */ + .rtl .column1, + .rtl .column2, + .rtl .left-box.profile-details { float: none; } /* Post - ----------------------------------------*/ - .rtl .postprofile, .rtl .postbody, .rtl .search .postbody { + ---------------------------------------- */ + .rtl .postprofile, + .rtl .postbody, + .rtl .search .postbody { float: none; } .rtl .post .postprofile { - border-width: 0 0 1px 0; + border-width: 0 0 1px; } - .rtl .postprofile dt, .rtl .postprofile dd.profile-rank, .rtl .search .postprofile dd { + .rtl .postprofile dt, + .rtl .postprofile dd.profile-rank, + .rtl .search .postprofile dd { margin: 0; } .rtl .postprofile .avatar { - margin-left: 5px; margin-right: 0; + margin-left: 5px; } .rtl .has-profile .post-buttons { @@ -1023,20 +1082,23 @@ li.breadcrumbs span:first-child > a { } /* Forms - ----------------------------------------*/ - .rtl fieldset dt, .rtl fieldset.fields1 dt, .rtl fieldset.fields2 dt { + ---------------------------------------- */ + .rtl fieldset dt, + .rtl fieldset.fields1 dt, + .rtl fieldset.fields2 dt { float: none; } - .rtl fieldset dd, .rtl fieldset.fields1 dd, .rtl fieldset.fields2 dd { + .rtl fieldset dd, + .rtl fieldset.fields1 dd, + .rtl fieldset.fields2 dd { margin-right: 20px; } } -@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) -{ +@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) { /* .topiclist lists - ----------------------------------------*/ + ---------------------------------------- */ .rtl ul.topiclist.forums dt { margin-left: 0; } @@ -1046,16 +1108,16 @@ li.breadcrumbs span:first-child > a { } } -@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) -{ - .rtl dl.details dt, .rtl dl.details dd { - float: none; +@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { + .rtl dl.details dt, + .rtl dl.details dd { text-align: right; + float: none; } .rtl dl.details dd { - margin-left: 0; margin-right: 20px; + margin-left: 0; } .captcha-panel dd.captcha { diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index 4c8283fdc0..b4f98f3eaa 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -2,30 +2,29 @@ ---------------------------------------- */ .button { - display: inline-block; - padding: 2px 8px; + font-family: 'Open Sans', 'Droid Sans', Verdana, Arial, Helvetica; 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; + white-space: nowrap; border: 1px solid transparent; border-radius: 4px; + display: inline-block; + padding: 2px 8px; + cursor: pointer; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + touch-action: manipulation; } .button:focus, .button:hover { - text-decoration: none; - outline: none; + text-decoration: none; + outline: none; } .caret { @@ -39,18 +38,18 @@ } /* Posting page styles -----------------------------------------*/ +---------------------------------------- */ .button-search, -.button-search-end { - float: left; +.button-search-end { border-radius: 0; + float: left; margin: 0; padding: 2px 5px; } .button-search-end { - border-left-width: 0; border-radius: 0 4px 4px 0; + border-left-width: 0; } .search-header .button-search, @@ -65,27 +64,28 @@ } .button-icon-only { - padding-left: 3px; padding-right: 3px; + padding-left: 3px; } /* Poster contact icons -----------------------------------------*/ +---------------------------------------- */ .contact-icons.dropdown-contents { + font-size: 0; min-width: 0; padding: 0; - font-size: 0; } .contact-icon { background-repeat: no-repeat; display: block; - height: 16px; width: 16px; + height: 16px; } + .contact-icons a { - border-bottom: 1px dotted; border-right: 1px dotted; + border-bottom: 1px dotted; display: block; float: left; padding: 8px; @@ -107,16 +107,15 @@ --------------------------------------------- */ .post-buttons { float: right; - list-style: none; margin-top: 2px; + list-style: none; } .has-profile .post-buttons { - float: none; position: absolute; - margin: 0; - right: 0; top: 5px; + right: 0; + margin: 0; } .post-buttons > li { @@ -124,9 +123,10 @@ margin-right: 3px; } -.post-buttons .button, .format-buttons .button { - padding-left: 3px; +.post-buttons .button, +.format-buttons .button { padding-right: 3px; + padding-left: 3px; } .hastouch .post-buttons { @@ -143,9 +143,9 @@ } .post-buttons .dropdown a { - display: block; font-size: 1.2em; text-align: right; + display: block; } .hasjs .postbody .post-buttons { @@ -154,16 +154,16 @@ /* Browser-specific tweaks */ button::-moz-focus-inner { + border: 0; padding: 0; - border: 0 } /* Deprecated as of version 3.2 --------------------------------------------------*/ +------------------------------------------------- */ .small-icon { + background-image: none; background-position: 0 50%; background-repeat: no-repeat; - background-image: none; } .dropdown .small-icon { @@ -188,6 +188,6 @@ ul.linklist.bulletin > li.small-icon:before { } .rtl .small-icon > a { - padding-left: 0; padding-right: 19px; + padding-left: 0; } diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index cf21ac216b..207bdfdd24 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1,115 +1,126 @@ /* -------------------------------------------------------------- -Colours and backgrounds for common.css +colours and backgrounds for common.css -------------------------------------------------------------- */ -html, body { +html, +body { + background-color: #f5f7fa; color: #536482; - background-color: #F5F7FA; } h1 { - color: #FFFFFF; + color: #ffffff; } h2 { - color: #28313F; + color: #28313f; } h3 { - border-bottom-color: #CCCCCC; + border-bottom-color: #cccccc; color: #115098; } hr { - border-color: #FFFFFF; - border-top-color: #CCCCCC; + border-color: #ffffff; + border-top-color: #cccccc; } /* -------------------------------------------------------------- -Colours and backgrounds for links.css +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; +a { + color: #105289; } -.forumbg .header a:hover, .forabg .header a:hover, th a:hover { - color: #A8D8FF; +a:hover { + color: #d31141; } -/* Notification mark read link */ +/* links on gradient backgrounds */ +.forumbg .header a, +.forabg .header a, +th a { + color: #ffffff; +} + +.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; + background-color: #ffffff; } -/* Post body links */ +/* post body links */ .postlink { - border-bottom-color: #368AD2; - color: #368AD2; + border-bottom-color: #368ad2; + color: #368ad2; } .postlink:visited { - border-bottom-color: #5D8FBD; - color: #5D8FBD; + border-bottom-color: #5d8fbd; + color: #5d8fbd; } .postlink:hover { - background-color: #D0E4F6; - color: #0D4473; + background-color: #d0e4f6; + color: #0d4473; } -.signature a, .signature a:hover { +.signature a, +.signature a:hover { background-color: transparent; } -/* Back to top of page */ +/* back to top of page */ .top i { color: #999999; } -/* Arrow links */ -.arrow-left:hover, .arrow-right:hover { - color: #368AD2; +/* arrow links */ +.arrow-left:hover, +.arrow-right:hover { + color: #368ad2; } -/* Round cornered boxes and backgrounds +/* round cornered boxes and backgrounds ---------------------------------------- */ .wrap { - background-color: #FFF; - border-color: #E6E9ED; + background-color: #ffffff; + border-color: #e6e9ed; } .headerbar { - color: #FFFFFF; + color: #ffffff; } -.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%); +.headerbar, +.forumbg { + background-color: #12a3eb; + background-image: linear-gradient(to bottom, #6aceff 0%, #0076b1 2px, #12a3eb 92px, #12a3eb 100%); background-repeat: repeat-x; } .forabg { - 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-color: #0076b1; + background-image: linear-gradient(to bottom, #6aceff 0%, #12a3eb 2px, #0076b1 92px, #0076b1 100%); background-repeat: repeat-x; } .navbar { - background-color: #CADCEB; + background-color: #cadceb; } .panel { - background-color: #ECF1F3; - color: #28313F; + background-color: #ecf1f3; + color: #28313f; } .post:target .content { @@ -121,57 +132,60 @@ a:hover { color: #D31141; } } .bg1 { - background-color: #ECF3F7; + background-color: #ecf3f7; } -table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) { - background-color: #ECF3F7; +table.zebra-list tr:nth-child(odd) td, +ul.zebra-list li:nth-child(odd) { + background-color: #ecf3f7; } .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; +table.zebra-list tr:nth-child(even) td, +ul.zebra-list li:nth-child(even) { + background-color: #e1ebf2; } -.bg3 { - background-color: #CADCEB; +.bg3 { + background-color: #cadceb; } .ucprowbg { - background-color: #DCDEE2; + background-color: #dcdee2; } .fieldsbg { - background-color: #E7E8EA; + background-color: #e7e8ea; } .site_logo { - background-image: url("./images/site_logo.gif"); + background-image: url('./images/site_logo.gif'); } -/* Horizontal lists -----------------------------------------*/ +/* horizontal lists +---------------------------------------- */ ul.navlinks { - border-top-color: #FFFFFF; + border-top-color: #ffffff; } -/* Table styles -----------------------------------------*/ +/* table styles +---------------------------------------- */ table.table1 thead th { - color: #FFFFFF; + color: #ffffff; } table.table1 tbody tr { - border-color: #BFC1CF; + border-color: #bfc1cf; } -table.table1 tbody tr:hover, table.table1 tbody tr.hover { - background-color: #CFE1F6; - color: #000; +table.table1 tbody tr:hover, +table.table1 tbody tr.hover { + background-color: #cfe1f6; + color: #000000; } table.table1 td { @@ -179,20 +193,20 @@ table.table1 td { } table.table1 tbody td { - border-top-color: #FAFAFA; + border-top-color: #fafafa; } table.table1 tbody th { + background-color: #ffffff; border-bottom-color: #000000; color: #333333; - background-color: #FFFFFF; } table.info tbody th { color: #000000; } -/* Misc layout styles +/* misc layout styles ---------------------------------------- */ dl.details dt { color: #000000; @@ -203,85 +217,93 @@ dl.details dd { } .sep { - color: #1198D9; + color: #1198d9; } -/* Icon styles +/* icon styles ---------------------------------------- */ -.icon.icon-blue, a:hover .icon.icon-blue { +.icon.icon-blue, +a:hover .icon.icon-blue { color: #196db5; } -.icon.icon-green, a:hover .icon.icon-green{ - color: #1b9A1B; +.icon.icon-green, +a:hover .icon.icon-green { + color: #1b9a1b; } -.icon.icon-red, a:hover .icon.icon-red{ - color: #BC2A4D; +.icon.icon-red, +a:hover .icon.icon-red { + color: #bc2a4d; } -.icon.icon-orange, a:hover .icon.icon-orange{ - color: #FF6600; +.icon.icon-orange, +a:hover .icon.icon-orange { + color: #ff6600; } -.icon.icon-bluegray, a:hover .icon.icon-bluegray{ +.icon.icon-bluegray, +a:hover .icon.icon-bluegray { color: #536482; } -.icon.icon-gray, a:hover .icon.icon-gray{ +.icon.icon-gray, +a:hover .icon.icon-gray { color: #777777; } -.icon.icon-lightgray, a:hover .icon.icon-lightgray{ +.icon.icon-lightgray, +a:hover .icon.icon-lightgray { color: #999999; } -.icon.icon-black, a:hover .icon.icon-black{ +.icon.icon-black, +a:hover .icon.icon-black { color: #333333; } .alert_close .icon:before { - background-color: #FFFFFF; + background-color: #ffffff; } -/* Jumpbox */ +/* jumpbox */ .jumpbox .dropdown li { - border-top-color: #CCCCCC; + border-top-color: #cccccc; } .jumpbox-cat-link { background-color: #0076b1; - border-top-color: #0076B1; - color: #FFFFFF; + border-top-color: #0076b1; + color: #ffffff; } .jumpbox-cat-link:hover { - background-color: #12A3EB; - border-top-color: #12A3EB; - color: #FFFFFF; + background-color: #12a3eb; + border-top-color: #12a3eb; + color: #ffffff; } .jumpbox-forum-link { - background-color: #E1EBF2; + background-color: #e1ebf2; } .jumpbox-forum-link:hover { - background-color: #F6F4D0; + background-color: #f6f4d0; } .jumpbox .dropdown .pointer-inner { - border-color: #E1EBF2 transparent; + border-color: #e1ebf2 transparent; } .jumpbox-sub-link { - background-color: #E1EBF2; + background-color: #e1ebf2; } .jumpbox-sub-link:hover { - background-color: #F1F8FF; + background-color: #f1f8ff; } -/* Miscellaneous styles +/* miscellaneous styles ---------------------------------------- */ .copyright { @@ -289,58 +311,59 @@ dl.details dd { } .error { - color: #BC2A4D; + color: #bc2a4d; } .reported { - background-color: #F7ECEF; + background-color: #f7ecef; } li.reported:hover { - background-color: #ECD5D8 !important; + background-color: #ecd5d8 !important; } -.sticky, .announce { - /* you can add a background for stickies and announcements*/ + +.sticky, +.announce { + /* you can add a background for stickies and announcements */ } div.rules { - background-color: #ECD5D8; - color: #BC2A4D; + background-color: #ecd5d8; + color: #bc2a4d; } p.post-notice { - background-color: #ECD5D8; + background-color: #ecd5d8; background-image: none; } /* -------------------------------------------------------------- -Colours and backgrounds for content.css +colours and backgrounds for content.css -------------------------------------------------------------- */ ul.forums { - 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 */ + 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 */ } ul.topiclist li { - color: #4C5D77; + color: #4c5d77; } ul.topiclist dd { - border-left-color: #FFFFFF; + border-left-color: #ffffff; } .rtl ul.topiclist dd { - border-right-color: #FFFFFF; + border-right-color: #ffffff; border-left-color: transparent; } li.row { - border-top-color: #FFFFFF; - border-bottom-color: #00608F; + border-top-color: #ffffff; + border-bottom-color: #00608f; } li.row strong { @@ -348,37 +371,39 @@ li.row strong { } li.row:hover { - background-color: #F6F4D0; + background-color: #f6f4d0; } li.row:hover dd { - border-left-color: #CCCCCC; + border-left-color: #cccccc; } .rtl li.row:hover dd { - border-right-color: #CCCCCC; + border-right-color: #cccccc; border-left-color: transparent; } -li.header dt, li.header dd { - color: #FFFFFF; +li.header dt, +li.header dd { + color: #ffffff; } -/* Post body styles -----------------------------------------*/ +/* post body styles +---------------------------------------- */ .postbody { color: #333333; } -/* Content container styles -----------------------------------------*/ +/* content container styles +---------------------------------------- */ .content { color: #333333; } -.content h2, .panel h2 { +.content h2, +.panel h2 { + border-bottom-color: #cccccc; color: #115098; - border-bottom-color: #CCCCCC; } dl.faq dt { @@ -386,81 +411,100 @@ dl.faq dt { } .posthilit { - background-color: #F3BFCC; - color: #BC2A4D; + background-color: #f3bfcc; + color: #bc2a4d; } -.announce, .unreadpost { - /* Highlight the announcements & unread posts box */ +.announce, +.unreadpost { + /* highlight the announcements & unread posts box */ } -/* Post signature */ +/* post signature */ .signature { - border-top-color: #CCCCCC; + border-top-color: #cccccc; } -/* Post noticies */ +/* post noticies */ .notice { - border-top-color: #CCCCCC; + border-top-color: #cccccc; } -/* BB Code styles -----------------------------------------*/ -/* Quote block */ +/* bb code styles +---------------------------------------- */ + +/* quote block */ blockquote { - background-color: #EBEADD; - background-image: url("./images/quote.gif"); - border-color:#DBDBCE; + background-color: #ebeadd; + 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 { - /* Nested quotes */ - background-color:#EFEED9; + /* nested quotes */ + background-color: #efeed9; } blockquote blockquote blockquote { - /* Nested quotes */ - background-color: #EBEADD; + /* nested quotes */ + background-color: #ebeadd; } -/* Code block */ +/* code block */ .codebox { - background-color: #FFFFFF; - border-color: #C9D2D8; + background-color: #ffffff; + border-color: #c9d2d8; } .codebox p { - border-bottom-color: #CCCCCC; + border-bottom-color: #cccccc; } .codebox code { - color: #2E8B57; + color: #2e8b57; } -.syntaxbg { color: #FFFFFF; } -.syntaxcomment { color: #FF8000; } -.syntaxdefault { color: #0000BB; } -.syntaxhtml { color: #000000; } -.syntaxkeyword { color: #007700; } -.syntaxstring { color: #DD0000; } +.syntaxbg { + color: #ffffff; +} -/* Attachments -----------------------------------------*/ +.syntaxcomment { + color: #ff8000; +} + +.syntaxdefault { + color: #0000bb; +} + +.syntaxhtml { + color: #000000; +} + +.syntaxkeyword { + color: #007700; +} + +.syntaxstring { + color: #dd0000; +} + +/* attachments +---------------------------------------- */ .attachbox { - background-color: #FFFFFF; - border-color: #C9D2D8; + background-color: #ffffff; + border-color: #c9d2d8; } .pm-message .attachbox { - background-color: #F2F3F3; + background-color: #f2f3f3; } .attachbox dd { - border-top-color: #C9D2D8; + border-top-color: #c9d2d8; } .attachbox p { @@ -475,15 +519,15 @@ blockquote blockquote blockquote { border-color: #999999; } -/* Inline image thumbnails */ +/* inline image thumbnails */ dl.file dd { color: #666666; } dl.thumbnail img { + background-color: #ffffff; border-color: #666666; - background-color: #FFFFFF; } dl.thumbnail dd { @@ -491,18 +535,18 @@ dl.thumbnail dd { } dl.thumbnail dt a:hover { - background-color: #EEEEEE; + background-color: #eeeeee; } dl.thumbnail dt a:hover img { - border-color: #368AD2; + border-color: #368ad2; } -/* Post poll styles -----------------------------------------*/ +/* post poll styles +---------------------------------------- */ fieldset.polls dl { - border-top-color: #DCDEE2; + border-top-color: #dcdee2; color: #666666; } @@ -511,72 +555,76 @@ fieldset.polls dl.voted { } fieldset.polls dd div { - color: #FFFFFF; + color: #ffffff; } -.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { +.rtl .pollbar1, +.rtl .pollbar2, +.rtl .pollbar3, +.rtl .pollbar4, +.rtl .pollbar5 { border-right-color: transparent; } .pollbar1 { - background-color: #AA2346; - border-bottom-color: #74162C; - border-right-color: #74162C; + background-color: #aa2346; + border-right-color: #74162c; + border-bottom-color: #74162c; } .rtl .pollbar1 { - border-left-color: #74162C; + border-left-color: #74162c; } .pollbar2 { - background-color: #BE1E4A; - border-bottom-color: #8C1C38; - border-right-color: #8C1C38; + background-color: #be1e4a; + border-right-color: #8c1c38; + border-bottom-color: #8c1c38; } .rtl .pollbar2 { - border-left-color: #8C1C38; + border-left-color: #8c1c38; } .pollbar3 { - background-color: #D11A4E; - border-bottom-color: #AA2346; - border-right-color: #AA2346; + background-color: #d11a4e; + border-right-color: #aa2346; + border-bottom-color: #aa2346; } .rtl .pollbar3 { - border-left-color: #AA2346; + border-left-color: #aa2346; } .pollbar4 { - background-color: #E41653; - border-bottom-color: #BE1E4A; - border-right-color: #BE1E4A; + background-color: #e41653; + border-right-color: #be1e4a; + border-bottom-color: #be1e4a; } .rtl .pollbar4 { - border-left-color: #BE1E4A; + border-left-color: #be1e4a; } .pollbar5 { - background-color: #F81157; - border-bottom-color: #D11A4E; - border-right-color: #D11A4E; + background-color: #f81157; + border-right-color: #d11a4e; + border-bottom-color: #d11a4e; } .rtl .pollbar5 { - border-left-color: #D11A4E; + border-left-color: #d11a4e; } -/* Poster profile block -----------------------------------------*/ +/* poster profile block +---------------------------------------- */ .postprofile { + border-color: #ffffff; color: #666666; - border-color: #FFFFFF; } .pm .postprofile { - border-color: #DDDDDD; + border-color: #dddddd; } .postprofile strong { @@ -584,39 +632,36 @@ fieldset.polls dd div { } .online { - background-image: url("./en/icon_user_online.gif"); + background-image: url('./en/icon_user_online.gif'); } dd.profile-warnings { - color: #BC2A4D; + color: #bc2a4d; } /* -------------------------------------------------------------- -Colours and backgrounds for buttons.css +colours and backgrounds for buttons.css -------------------------------------------------------------- */ .button { - border-color: #C7C3BF; - 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; + background-color: #e9e9e9; /* old browsers */ /* ff3.6+ */ + background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); /* w3c */ + 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 { - 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); + background-color: #ffffff; /* old browsers */ /* ff3.6+ */ + background-image: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%); /* w3c */ + 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, .button-secondary { color: #8f8f8f; @@ -626,336 +671,525 @@ Colours and backgrounds for buttons.css .button-secondary:hover, .button:focus .icon, .button:hover .icon { - color: #0A8ED0; + color: #0a8ed0; } .button-search:hover, .button-search-end:hover { - border-color: #C7C3BF; + border-color: #c7c3bf; } -.caret { border-color: #DADADA; } -.caret { border-color: #C7C3BF; } +.caret { + border-color: #dadada; +} -.contact-icons a { border-color: #DCDCDC; } -.contact-icons a:hover { background-color: #F2F6F9; } +.caret { + border-color: #c7c3bf; +} -/* Pagination +.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; + background: #ecedee; + border-color: #b4bac0; -webkit-box-shadow: none; - color: #5C758C; + box-shadow: none; + color: #5c758c; + -webkit-filter: none; + filter: none; } .pagination li.ellipsis span { background: transparent; - color: #000000; + color: #000000; } .pagination li.active span { - background: #4692BF; - border-color: #4692BF; - color: #FFFFFF; + 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; +.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; + color: #ffffff; text-shadow: none; + -webkit-filter: none; + filter: none; } -/* Search box +/* search box --------------------------------------------- */ .search-box .inputbox, .search-box .inputbox:hover, .search-box .inputbox:focus { - border-color: #C7C3BF; + border-color: #c7c3bf; } .search-header { - box-shadow: 0 0 10px #0075B0; + box-shadow: 0 0 10px #0075b0; } -/* Icon images +/* icon images ---------------------------------------- */ -.contact-icon { background-image: url("./images/icons_contact.png"); } +.contact-icon { + background-image: url('./images/icons_contact.png'); +} -/* Profile & navigation icons */ -.pm-icon { background-position: 0 0; } -.email-icon { background-position: -21px 0; } -.jabber-icon { background-position: -80px 0; } -.phpbb_icq-icon { background-position: -61px 0 ; } -.phpbb_wlm-icon { background-position: -182px 0; } -.phpbb_aol-icon { background-position: -244px 0; } -.phpbb_website-icon { background-position: -40px 0; } -.phpbb_youtube-icon { background-position: -98px 0; } -.phpbb_facebook-icon { background-position: -119px 0; } -.phpbb_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; } +/* profile & navigation icons */ +.pm-icon { + background-position: 0 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"); } +.email-icon { + background-position: -21px 0; +} -.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"); } +.jabber-icon { + background-position: -80px 0; +} -.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"); } +.phpbb_icq-icon { + background-position: -61px 0; +} -.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"); } +.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_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"); } +.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"); } +.topic_unread { + background-image: url('./images/topic_unread.gif'); +} + +.topic_unread_mine { + background-image: url('./images/topic_unread_mine.gif'); +} + +.topic_unread_hot { + background-image: url('./images/topic_unread_hot.gif'); +} + +.topic_unread_hot_mine { + background-image: url('./images/topic_unread_hot_mine.gif'); +} + +.topic_unread_locked { + background-image: url('./images/topic_unread_locked.gif'); +} + +.topic_unread_locked_mine { + background-image: url('./images/topic_unread_locked_mine.gif'); +} /* -------------------------------------------------------------- -Colours and backgrounds for cp.css +colours and backgrounds for cp.css -------------------------------------------------------------- */ -/* Main CP box -----------------------------------------*/ +/* main cp box +---------------------------------------- */ -.panel-container h3, .panel-container hr, .cp-menu hr { - border-color: #A4B3BF; +.panel-container h3, +.panel-container hr, +.cp-menu hr { + border-color: #a4b3bf; } .panel-container .panel li.row { - border-bottom-color: #B5C1CB; - border-top-color: #F9F9F9; + border-top-color: #f9f9f9; + border-bottom-color: #b5c1cb; } ul.cplist { - border-top-color: #B5C1CB; + border-top-color: #b5c1cb; } -.panel-container .panel li.header dd, .panel-container .panel li.header dt { +.panel-container .panel li.header dd, +.panel-container .panel li.header dt { color: #000000; } .panel-container table.table1 thead th { - color: #333333; border-bottom-color: #333333; + color: #333333; } .cp-main .pm-message { - border-color: #DBDEE2; - background-color: #FFFFFF; + background-color: #ffffff; + border-color: #dbdee2; } -/* CP tabbed menu -----------------------------------------*/ +/* cp tabbed menu +---------------------------------------- */ .tabs .tab > a { - background: #BACCD9; + background: #baccd9; color: #536482; } .tabs .tab > a:hover { - background: #DDEDFB; - color: #D31141; + background: #ddedfb; + color: #d31141; } .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; + background-color: #cadceb; /* old browsers */ /* ff3.6+ */ + background-image: linear-gradient(to bottom, #e2f2ff 0%, #cadceb 100%); /* w3c */ + 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 { color: #000000; } -/* Mini tabbed menu used in MCP -----------------------------------------*/ +/* mini tabbed menu used in mcp +---------------------------------------- */ .minitabs .tab > a { - background-color: #E1EBF2; + background-color: #e1ebf2; } .minitabs .activetab > a, .minitabs .activetab > a:hover { - background-color: #F9F9F9; + background-color: #f9f9f9; color: #333333; } -/* Responsive tabs -----------------------------------------*/ +/* responsive tabs +---------------------------------------- */ .responsive-tab .responsive-tab-link:before { border-color: #536482; } .responsive-tab .responsive-tab-link:hover:before { - border-color: #D31141; + border-color: #d31141; } -/* UCP navigation menu -----------------------------------------*/ +/* ucp navigation menu +---------------------------------------- */ -/* Link styles for the sub-section links */ +/* link styles for the sub-section links */ .navigation a { - color: #333; - background: #CADCEB; /* Old browsers */ /* FF3.6+ */ - background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%); - background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */ + background: #cadceb; /* old browsers */ /* ff3.6+ */ + background-image: linear-gradient(to right, #b4c4d1 50%, #cadceb 100%); /* w3c */ + 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: -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 */ + 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 */ } .navigation a:hover { - background: #AABAC6; - color: #BC2A4D; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background: #aabac6; + color: #bc2a4d; + filter: progid:dximagetransform.microsoft.gradient(enabled = false); } .navigation .active-subsection a { - background: #F9F9F9; - color: #D31141; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background: #f9f9f9; + color: #d31141; + filter: progid:dximagetransform.microsoft.gradient(enabled = false); } .navigation .active-subsection a:hover { - color: #D31141; + color: #d31141; } -@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) -{ - #navigation a, .rtl #navigation a { - background: #B2C2CF; +/* This ID needs factored out */ +@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { + #navigation a, + .rtl #navigation a { + background: #b2c2cf; } } -/* Preferences pane layout -----------------------------------------*/ +/* preferences pane layout +---------------------------------------- */ .panel-container h2 { color: #333333; } .panel-container .panel { - background-color: #F9F9F9; + background-color: #f9f9f9; } .cp-main .pm { - background-color: #FFFFFF; + background-color: #ffffff; } -/* Friends list */ +/* friends list */ .cp-mini { - background-color: #EEF5F9; + background-color: #eef5f9; } dl.mini dt { color: #425067; } -/* PM Styles -----------------------------------------*/ -/* PM Message history */ +/* pm styles +---------------------------------------- */ + +/* pm message history */ .current { color: #000000 !important; } -/* PM marking colours */ -.pmlist li.pm_message_reported_colour, .pm_message_reported_colour { - border-left-color: #BC2A4D; - border-right-color: #BC2A4D; +/* pm marking colours */ +.pmlist li.pm_message_reported_colour, +.pm_message_reported_colour { + border-right-color: #bc2a4d; + border-left-color: #bc2a4d; } -.pmlist li.pm_marked_colour, .pm_marked_colour { - border-color: #FF6600; +.pmlist li.pm_marked_colour, +.pm_marked_colour { + border-color: #ff6600; } -.pmlist li.pm_replied_colour, .pm_replied_colour { - border-color: #A9B8C2; +.pmlist li.pm_replied_colour, +.pm_replied_colour { + border-color: #a9b8c2; } -.pmlist li.pm_friend_colour, .pm_friend_colour { - border-color: #5D8FBD; +.pmlist li.pm_friend_colour, +.pm_friend_colour { + border-color: #5d8fbd; } -.pmlist li.pm_foe_colour, .pm_foe_colour { +.pmlist li.pm_foe_colour, +.pm_foe_colour { border-color: #000000; } -/* Avatar gallery */ +/* avatar gallery */ .gallery label { - background: #FFFFFF; - border-color: #CCC; + background: #ffffff; + border-color: #cccccc; } .gallery label:hover { - background-color: #EEE; + background-color: #eeeeee; } /* -------------------------------------------------------------- -Colours and backgrounds for forms.css +colours and backgrounds for forms.css -------------------------------------------------------------- */ -/* General form styles -----------------------------------------*/ +/* general form styles +---------------------------------------- */ select { + background-color: #fafafa; border-color: #666666; - background-color: #FAFAFA; - color: #000; + color: #000000; } label { @@ -966,17 +1200,17 @@ option.disabled-option { color: graytext; } -/* Definition list layout for forms +/* definition list layout for forms ---------------------------------------- */ dd label { - color: #333; + color: #333333; } fieldset.fields1 { background-color: transparent; } -/* Hover effects */ +/* hover effects */ fieldset dl:hover dt label { color: #000000; } @@ -985,13 +1219,13 @@ fieldset.fields2 dl:hover dt label { color: inherit; } -/* Quick-login on index page */ +/* quick-login on index page */ fieldset.quick-login input.inputbox { - background-color: #F2F3F3; + background-color: #f2f3f3; } -/* Posting page styles -----------------------------------------*/ +/* posting page styles +---------------------------------------- */ .message-box textarea { color: #333333; @@ -1005,11 +1239,11 @@ fieldset.quick-login input.inputbox { outline-color: rgba(17, 163, 234, 0.5); } -/* Input field styles +/* input field styles ---------------------------------------- */ .inputbox { - background-color: #FFFFFF; - border-color: #B4BAC0; + background-color: #ffffff; + border-color: #b4bac0; color: #333333; } @@ -1022,11 +1256,11 @@ fieldset.quick-login input.inputbox { } .inputbox:hover { - border-color: #11A3EA; + border-color: #11a3ea; } .inputbox:focus { - border-color: #11A3EA; + border-color: #11a3ea; } .inputbox:focus:-moz-placeholder { @@ -1038,18 +1272,22 @@ fieldset.quick-login input.inputbox { } -/* Form button styles +/* form button styles ---------------------------------------- */ -a.button1, input.button1, input.button3, a.button2, input.button2 { - color: #000; - 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, +input.button3, +a.button2, +input.button2 { + background-color: #efefef; /* old browsers */ /* ff3.6+ */ + background-image: linear-gradient(to bottom, #d2d2d2 0%, #efefef 100%); /* w3c */ + color: #000000; + filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#d2d2d2', endcolorstr='#efefef', gradienttype=0); /* ie6-9 */ } -a.button1, input.button1 { +a.button1, +input.button1 { border-color: #666666; } @@ -1057,62 +1295,72 @@ input.button3 { background-image: none; } -/* Alternative button */ -a.button2, input.button2, input.button3 { +/* alternative button */ +a.button2, +input.button2, +input.button3 { border-color: #666666; } /* button in the style of the form buttons */ -a.button1, a.button2 { +a.button1, +a.button2 { color: #000000; } -/* Hover states */ -a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { - border-color: #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 */ +/* 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 */ + border-color: #d31141; + color: #d31141; + filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#efefef', endcolorstr='#d2d2d2', gradienttype=0); /* ie6-9 */ } -/* Focus states */ -input.button1:focus, input.button2:focus, input.button3:focus { - border-color: #11A3EA; - color: #0F4987; +/* focus states */ +input.button1:focus, +input.button2:focus, +input.button3:focus { + border-color: #11a3ea; + color: #0f4987; } input.disabled { color: #666666; } -/* jQuery popups +/* jquery popups ---------------------------------------- */ .phpbb_alert { - background-color: #FFFFFF; + background-color: #ffffff; border-color: #999999; } + .darken { background-color: #000000; } .loading_indicator { background-color: #000000; - background-image: url("./images/loading.gif"); + background-image: url('./images/loading.gif'); } .dropdown-extended ul li { - border-top-color: #B9B9B9; + border-top-color: #b9b9b9; } .dropdown-extended ul li:hover { - background-color: #CFE1F6; + background-color: #cfe1f6; color: #000000; } -.dropdown-extended .header, .dropdown-extended .footer { - border-color: #B9B9B9; +.dropdown-extended .header, +.dropdown-extended .footer { + border-color: #b9b9b9; color: #000000; } @@ -1122,27 +1370,26 @@ input.disabled { } .dropdown-extended .header { - 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 */ + 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 */ } .dropdown .pointer { - border-color: #B9B9B9 transparent; + border-color: #b9b9b9 transparent; } .dropdown .pointer-inner { - border-color: #FFF transparent; + border-color: #ffffff transparent; } .dropdown-extended .pointer-inner { - border-color: #F1F8FF transparent; + border-color: #f1f8ff transparent; } .dropdown .dropdown-contents { - background: #fff; - border-color: #B9B9B9; + background: #ffffff; + border-color: #b9b9b9; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); } @@ -1150,23 +1397,25 @@ input.disabled { box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2); } -.dropdown li, .dropdown li li { - border-color: #DCDCDC; +.dropdown li, +.dropdown li li { + border-color: #dcdcdc; } .dropdown li.separator { - border-color: #DCDCDC; + border-color: #dcdcdc; } -/* Notifications +/* notifications ---------------------------------------- */ .notification_list p.notification-time { - color: #4C5D77; + color: #4c5d77; } -li.notification-reported strong, li.notification-disapproved strong { - color: #D31141; +li.notification-reported strong, +li.notification-disapproved strong { + color: #d31141; } .badge { diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 8368fc158c..3597550b5d 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -2,6 +2,7 @@ ---------------------------------------- */ html { font-size: 100%; + /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */ height: 101%; } @@ -10,27 +11,27 @@ body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; line-height: normal; + word-wrap: break-word; margin: 0; padding: 12px 0; - word-wrap: break-word; -webkit-print-color-adjust: exact; } h1 { /* Forum name */ - font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; - margin-right: 200px; - margin-top: 15px; - font-weight: bold; + font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 2em; + font-weight: bold; + margin-top: 15px; + margin-right: 200px; } h2 { /* Forum header titles */ - font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; - font-weight: normal; + font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 2em; - margin: 0.8em 0 0.2em 0; + font-weight: normal; + margin: 0.8em 0 0.2em; } h2.solo { @@ -40,24 +41,24 @@ h2.solo { h3 { /* Sub-headers (also used as post headers, but defined later) */ font-family: Arial, Helvetica, sans-serif; + font-size: 1.05em; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid transparent; + margin-top: 20px; margin-bottom: 3px; padding-bottom: 2px; - font-size: 1.05em; - margin-top: 20px; } 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; } p { - line-height: 1.3em; font-size: 1.1em; + line-height: 1.3em; margin-bottom: 1.5em; } @@ -68,10 +69,10 @@ img { hr { border: 0 solid transparent; border-top-width: 1px; - height: 1px; - margin: 5px 0; display: block; clear: both; + height: 1px; + margin: 5px 0; } hr.dashed { @@ -91,11 +92,13 @@ p.jumpbox-return { margin-top: 1em; } -b, strong { +b, +strong { font-weight: bold; } -i, em { +i, +em { font-style: italic; } @@ -115,24 +118,30 @@ li { display: list-item; } -ul ul, ol ul { +ul ul, +ol ul { list-style-type: circle; } -ol ol ul, ol ul ul, ul ol ul, ul ul ul { +ol ol ul, +ol ul ul, +ul ol ul, +ul ul ul { list-style-type: square; } -a:hover { text-decoration: underline; } +a:hover { + text-decoration: underline; +} /* Main blocks ---------------------------------------- */ .wrap { border: 1px solid transparent; border-radius: 8px; - margin: 0 auto; - max-width: 1152px; min-width: 625px; + max-width: 1152px; + margin: 0 auto; padding: 15px; } @@ -143,8 +152,8 @@ a:hover { text-decoration: underline; } } .page-body { - margin: 4px 0; clear: both; + margin: 4px 0; } .page-footer { @@ -184,51 +193,51 @@ a:hover { text-decoration: underline; } /* Round cornered boxes and backgrounds ---------------------------------------- */ .headerbar { + border-radius: 7px; margin-bottom: 4px; padding: 5px; - border-radius: 7px; } .navbar { - padding: 3px 10px; border-radius: 7px; + padding: 3px 10px; } .forabg { + border-radius: 7px; + clear: both; margin-bottom: 4px; padding: 5px; - clear: both; - border-radius: 7px; } .forumbg { + border-radius: 7px; + clear: both; margin-bottom: 4px; padding: 5px; - clear: both; - border-radius: 7px; } .panel { + border-radius: 7px; margin-bottom: 4px; padding: 5px 10px; - border-radius: 7px; } .post { - padding: 5px 10px; - margin-bottom: 4px; - background-repeat: no-repeat; background-position: 100% 0; + background-repeat: no-repeat; border-radius: 7px; position: relative; + margin-bottom: 4px; + padding: 5px 10px; } .rowbg { - margin: 5px 5px 2px 5px; + margin: 5px 5px 2px; } /* Horizontal lists -----------------------------------------*/ +---------------------------------------- */ .navbar ul.linklist { padding: 2px 0; list-style-type: none; @@ -244,20 +253,22 @@ ul.linklist { } ul.linklist > li { - float: left; font-size: 1.1em; line-height: 2.2em; - list-style-type: none; + float: left; + width: auto; margin-right: 7px; padding-top: 1px; - width: auto; + list-style-type: none; } -ul.linklist > li.rightside, p.rightside, a.rightside { +ul.linklist > li.rightside, +p.rightside, +a.rightside { + text-align: right; float: right; margin-right: 0; margin-left: 7px; - text-align: right; } ul.navlinks { @@ -265,17 +276,17 @@ ul.navlinks { } ul.leftside { - float: left; - margin-left: 0; - margin-right: 5px; text-align: left; + float: left; + margin-right: 5px; + margin-left: 0; } ul.rightside { - float: right; - margin-left: 5px; - margin-right: -5px; text-align: right; + float: right; + margin-right: -5px; + margin-left: 5px; } ul.linklist li.responsive-menu { @@ -283,7 +294,8 @@ ul.linklist li.responsive-menu { margin: 0 5px 0 0; } -.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside { +.hasjs ul.linklist.leftside, +.hasjs ul.linklist.rightside { max-width: 48%; } @@ -304,18 +316,18 @@ ul.linklist .dropdown { } ul.linklist .dropdown-up .dropdown { - bottom: 18px; top: auto; + bottom: 18px; } /* Bulletin icons for list items -----------------------------------------*/ +---------------------------------------- */ ul.linklist.bulletin > li:before { - display: inline-block; - content: "\2022"; font-size: inherit; line-height: inherit; + display: inline-block; padding-right: 4px; + content: '\2022'; } ul.linklist.bulletin > li:first-child:before, @@ -333,8 +345,8 @@ ul.linklist.bulletin > li.no-bulletin:before { /* Profile in overall_header.html */ .header-profile { - display: inline-block; vertical-align: top; + display: inline-block; } .header-avatar:hover { @@ -342,23 +354,23 @@ ul.linklist.bulletin > li.no-bulletin:before { } .header-avatar img { - margin-bottom: 2px; - max-height: 20px; vertical-align: middle; width: auto; + max-height: 20px; + margin-bottom: 2px; } .header-avatar span:after { - content: '\f0dd'; - display: inline-block; font: normal normal normal 14px/1 FontAwesome; - padding-left: 6px; - padding-top: 2px; vertical-align: top; + display: inline-block; + padding-top: 2px; + padding-left: 6px; + content: '\f0dd'; } /* Dropdown menu -----------------------------------------*/ +---------------------------------------- */ .dropdown-container { position: relative; } @@ -376,15 +388,15 @@ ul.linklist.bulletin > li.no-bulletin:before { } .dropdown { - display: none; - position: absolute; - left: 0; - top: 1.2em; - z-index: 2; border: 1px solid transparent; border-radius: 5px; - padding: 9px 0 0; + position: absolute; + top: 1.2em; + left: 0; + z-index: 2; + display: none; margin-right: -500px; + padding: 9px 0 0; } .dropdown.live-search { @@ -401,11 +413,12 @@ ul.linklist.bulletin > li.no-bulletin:before { padding: 0 0 9px; } -.dropdown-left .dropdown, .nojs .rightside .dropdown { - left: auto; +.dropdown-left .dropdown, +.nojs .rightside .dropdown { right: 0; - margin-left: -500px; + left: auto; margin-right: 0; + margin-left: -500px; } .dropdown-button-control .dropdown { @@ -417,38 +430,41 @@ ul.linklist.bulletin > li.no-bulletin:before { bottom: 24px; } -.dropdown .pointer, .dropdown .pointer-inner { - position: absolute; - width: 0; - height: 0; +.dropdown .pointer, +.dropdown .pointer-inner { border-top-width: 0; + border-right: 10px dashed transparent; border-bottom: 10px solid transparent; border-left: 10px dashed transparent; - border-right: 10px dashed transparent; - -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */ + position: absolute; display: block; + width: 0; + height: 0; + -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */ } -.dropdown-up .pointer, .dropdown-up .pointer-inner { - border-bottom-width: 0; +.dropdown-up .pointer, +.dropdown-up .pointer-inner { border-top: 10px solid transparent; + border-bottom-width: 0; } .dropdown .pointer { + top: -1px; right: auto; left: 10px; - top: -1px; z-index: 3; } .dropdown-up .pointer { - bottom: -1px; top: auto; + bottom: -1px; } -.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer { - left: auto; +.dropdown-left .dropdown .pointer, +.nojs .rightside .dropdown .pointer { right: 10px; + left: auto; } .dropdown .pointer-inner { @@ -458,19 +474,19 @@ ul.linklist.bulletin > li.no-bulletin:before { } .dropdown-up .pointer-inner { - bottom: auto; top: -11px; + bottom: auto; } .dropdown .dropdown-contents { + border: 1px solid transparent; + border-radius: 5px; + position: relative; z-index: 2; overflow: hidden; overflow-y: auto; - border: 1px solid transparent; - border-radius: 5px; - padding: 5px; - position: relative; max-height: 300px; + padding: 5px; } .dropdown-contents a { @@ -491,8 +507,8 @@ ul.linklist.bulletin > li.no-bulletin:before { } .jumpbox .dropdown-contents { - padding: 0; text-decoration: none; + padding: 0; } .jumpbox .dropdown-contents li { @@ -500,15 +516,15 @@ ul.linklist.bulletin > li.no-bulletin:before { } .jumpbox .dropdown-contents a { - margin-right: 20px; - padding: 5px 10px; text-decoration: none; width: 100%; + margin-right: 20px; + padding: 5px 10px; } .jumpbox .spacer { display: inline-block; - width: 0px; + width: 0; } .jumpbox .spacer + .spacer { @@ -529,15 +545,15 @@ ul.linklist.bulletin > li.no-bulletin:before { } .dropdown li { - display: list-item; - border-top: 1px dotted transparent; - float: none !important; - line-height: normal !important; font-size: 1em !important; - list-style: none; - margin: 0; - white-space: nowrap; + line-height: normal !important; text-align: left; + white-space: nowrap; + border-top: 1px dotted transparent; + display: list-item; + float: none !important; + margin: 0; + list-style: none; } .dropdown-contents > li { @@ -548,7 +564,9 @@ ul.linklist.bulletin > li.no-bulletin:before { padding-right: 0; } -.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li { +.dropdown li:first-child, +.dropdown li.separator + li, +.dropdown li li { border-top: 0; } @@ -565,7 +583,9 @@ ul.linklist.bulletin > li.no-bulletin:before { padding-left: 18px; } -.wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li { +.wrap .dropdown li, +.dropdown.wrap li, +.dropdown-extended li { white-space: normal; } @@ -574,22 +594,23 @@ ul.linklist.bulletin > li.no-bulletin:before { padding: 0; } -.dropdown li.separator:first-child, .dropdown li.separator:last-child { +.dropdown li.separator:first-child, +.dropdown li.separator:last-child { display: none !important; } /* Responsive breadcrumbs -----------------------------------------*/ +---------------------------------------- */ .breadcrumbs .crumb { - float: left; font-weight: bold; word-wrap: normal; + float: left; } .breadcrumbs .crumb:before { - content: '\2039'; font-weight: bold; padding: 0 0.5em; + content: '\2039'; } .breadcrumbs .crumb:first-child:before { @@ -597,24 +618,46 @@ ul.linklist.bulletin > li.no-bulletin:before { } .breadcrumbs .crumb a { - white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; + white-space: nowrap; overflow: hidden; } -.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; } -.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; } -.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; } +.breadcrumbs.wrapped .crumb a { + letter-spacing: -0.3px; +} -.breadcrumbs .crumb.wrapped-max a { max-width: 120px; } -.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; } -.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; } -.breadcrumbs .crumb.wrapped-small a { max-width: 60px; } -.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; } +.breadcrumbs.wrapped .crumb.wrapped-medium a { + letter-spacing: -0.4px; +} + +.breadcrumbs.wrapped .crumb.wrapped-tiny a { + letter-spacing: -0.5px; +} + +.breadcrumbs .crumb.wrapped-max a { + max-width: 120px; +} + +.breadcrumbs .crumb.wrapped-wide a { + max-width: 100px; +} + +.breadcrumbs .crumb.wrapped-medium a { + max-width: 80px; +} + +.breadcrumbs .crumb.wrapped-small a { + max-width: 60px; +} + +.breadcrumbs .crumb.wrapped-tiny a { + max-width: 40px; +} /* Table styles -----------------------------------------*/ +---------------------------------------- */ table.table1 { width: 100%; } @@ -624,10 +667,10 @@ table.table1 { } table.table1 thead th { - font-weight: normal; - text-transform: uppercase; - line-height: 1.3em; font-size: 1em; + font-weight: normal; + line-height: 1.3em; + text-transform: uppercase; padding: 0 0 4px 3px; } @@ -644,28 +687,68 @@ table.table1 td { } table.table1 tbody td { - padding: 5px; border-top: 1px solid transparent; + padding: 5px; } table.table1 tbody th { - padding: 5px; - border-bottom: 1px solid transparent; text-align: left; + border-bottom: 1px solid transparent; + padding: 5px; } /* Specific column styles */ -table.table1 .name { text-align: left; } -table.table1 .center { text-align: center; } -table.table1 .reportby { width: 15%; } -table.table1 .posts { text-align: center; width: 7%; } -table.table1 .joined { text-align: left; width: 15%; } -table.table1 .active { text-align: left; width: 15%; } -table.table1 .mark { text-align: center; width: 7%; } -table.table1 .info { text-align: left; width: 30%; } -table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; } -table.table1 .autocol { line-height: 2em; white-space: nowrap; } -table.table1 thead .autocol { padding-left: 1em; } +table.table1 .name { + text-align: left; +} + +table.table1 .center { + text-align: center; +} + +table.table1 .reportby { + width: 15%; +} + +table.table1 .posts { + text-align: center; + width: 7%; +} + +table.table1 .joined { + text-align: left; + width: 15%; +} + +table.table1 .active { + text-align: left; + width: 15%; +} + +table.table1 .mark { + text-align: center; + width: 7%; +} + +table.table1 .info { + text-align: left; + width: 30%; +} + +table.table1 .info div { + white-space: normal; + overflow: hidden; + width: 100%; +} + +table.table1 .autocol { + line-height: 2em; + white-space: nowrap; +} + +table.table1 thead .autocol { + padding-left: 1em; +} table.table1 span.rank-img { float: right; @@ -677,10 +760,10 @@ table.info td { } table.info tbody th { - padding: 3px; + font-weight: normal; text-align: right; vertical-align: top; - font-weight: normal; + padding: 3px; } .forumbg table.table1 { @@ -698,6 +781,7 @@ table.info tbody th { /* Misc layout styles ---------------------------------------- */ + /* column[1-2] styles are containers for two column layouts */ .column1 { float: left; @@ -713,9 +797,9 @@ table.info tbody th { /* General classes for placing floating blocks */ .left-box { + text-align: left; float: left; width: auto; - text-align: left; max-width: 100%; } @@ -724,44 +808,47 @@ table.info tbody th { } .right-box { + text-align: right; float: right; width: auto; - text-align: right; max-width: 100%; } dl.details { - /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/ + /* font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; */ font-size: 1.1em; } dl.details dt { + text-align: right; + display: block; float: left; clear: left; width: 30%; - text-align: right; - display: block; } dl.details dd { + text-overflow: ellipsis; + float: left; + overflow: hidden; + width: 65%; + margin-bottom: 5px; margin-left: 0; padding-left: 5px; - margin-bottom: 5px; - float: left; - width: 65%; - overflow: hidden; - text-overflow: ellipsis; } -.clearfix, fieldset dl, ul.topiclist dl, dl.polls { +.clearfix, +fieldset dl, +ul.topiclist dl, +dl.polls { overflow: hidden; } fieldset.fields1 ul.recipients { - list-style-type: none; line-height: 1.8; - max-height: 150px; overflow-y: auto; + max-height: 150px; + list-style-type: none; } fieldset.fields1 dd.recipients { @@ -769,7 +856,7 @@ fieldset.fields1 dd.recipients { margin-left: 1em; } -fieldset.fields1 ul.recipients input.button2{ +fieldset.fields1 ul.recipients input.button2 { font-size: 0.8em; margin-right: 0; padding: 0; @@ -795,8 +882,8 @@ fieldset.fields1 dl.pmlist dd.recipients { } .action-bar .button { - margin-right: 5px; float: left; + margin-right: 5px; } .action-bar .button-search { @@ -806,8 +893,8 @@ fieldset.fields1 dl.pmlist dd.recipients { /* Pagination ---------------------------------------- */ .pagination { - float: right; text-align: right; + float: right; width: auto; } @@ -816,39 +903,40 @@ fieldset.fields1 dl.pmlist dd.recipients { } .action-bar .pagination .button { - margin-right: 0; float: none; + margin-right: 0; } .pagination > ul { display: inline-block; - list-style: none !important; margin-left: 5px; + list-style: none !important; } .pagination > ul > li { - display: inline-block !important; - padding: 0; font-size: 100%; line-height: normal; vertical-align: middle; + display: inline-block !important; + padding: 0; } -.pagination li a, .pagination li span { +.pagination li a, +.pagination li span { border-radius: 2px; padding: 2px 5px; } .pagination li.active span { - display: inline-block; + font-family: 'Open Sans', 'Droid Sans', Verdana, Arial, Helvetica; 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; + white-space: nowrap; border: 1px solid transparent; + display: inline-block; } .pagination li.ellipsis span { @@ -882,29 +970,29 @@ fieldset.fields1 dl.pmlist dd.recipients { margin: 0; } -.row .pagination li a, .row .pagination li span { +.row .pagination li a, +.row .pagination li span { + font-size: 9px; border-radius: 2px; - padding: 1px 3px; - font-size: 9px; + padding: 1px 3px; } /* jQuery popups ---------------------------------------- */ .phpbb_alert { border: 1px solid transparent; - display: none; - left: 0; - padding: 0 25px 20px 25px; position: fixed; - right: 0; top: 150px; + right: 0; + left: 0; z-index: 50; + display: none; width: 620px; margin: 0 auto; + padding: 0 25px 20px; } -@media only screen and (max-height: 500px), only screen and (max-device-width: 500px) -{ +@media only screen and (max-height: 500px), only screen and (max-device-width: 500px) { .phpbb_alert { top: 25px; } @@ -912,8 +1000,8 @@ fieldset.fields1 dl.pmlist dd.recipients { .phpbb_alert .alert_close { float: right; - margin-right: -36px; margin-top: -8px; + margin-right: -36px; } .phpbb_alert p { @@ -936,41 +1024,41 @@ fieldset.fields1 dl.pmlist dd.recipients { } .darkenwrapper { - display: none; position: relative; z-index: 44; + display: none; } .darken { + opacity: 0.5; position: fixed; - left: 0; top: 0; + left: 0; + z-index: 45; width: 100%; height: 100%; - opacity: 0.5; - z-index: 45; } .loading_indicator { background: center center no-repeat; border-radius: 5px; - display: none; opacity: 0.8; + position: fixed; + top: 50%; + left: 50%; + z-index: 51; + display: none; + width: 50px; + height: 50px; margin-top: -50px; margin-left: -50px; - height: 50px; - width: 50px; - position: fixed; - left: 50%; - top: 50%; - z-index: 51; } /* Miscellaneous styles ---------------------------------------- */ .copyright { - padding: 5px; text-align: center; + padding: 5px; } .small { @@ -986,26 +1074,27 @@ fieldset.fields1 dl.pmlist dd.recipients { } .error { - font-weight: bold; font-size: 1em; + font-weight: bold; } div.rules { - margin: 10px 0; font-size: 1.1em; - padding: 5px 10px; border-radius: 7px; + margin: 10px 0; + padding: 5px 10px; } -div.rules ul, div.rules ol { +div.rules ul, +div.rules ol { margin-left: 20px; } p.post-notice { position: relative; - padding: 5px; min-height: 14px; margin-bottom: 1em; + padding: 5px; } form > p.post-notice strong { @@ -1017,17 +1106,17 @@ form > p.post-notice strong { } .top-anchor { - display: block; position: absolute; top: -20px; + display: block; } .clear { - display: block; - clear: both; font-size: 1px; line-height: 1px; background: transparent; + display: block; + clear: both; } /* Inner box-model clearing */ @@ -1039,9 +1128,9 @@ ul.linklist:after, .tabs > ul:after, .minitabs > ul:after, .postprofile .avatar-container:after { + display: block; clear: both; content: ''; - display: block; } .smilies { @@ -1063,26 +1152,26 @@ ul.linklist:after, } .dropdown-extended { - display: none; z-index: 1; + display: none; } .dropdown-extended ul { - max-height: 350px; - overflow-y: auto; - overflow-x: hidden; clear: both; + overflow-x: hidden; + overflow-y: auto; + max-height: 350px; } .dropdown-extended ul li { - padding: 0; - margin: 0 !important; - float: none; - border-top: 1px solid; - list-style-type: none; font-size: 0.95em; - clear: both; + border-top: 1px solid; position: relative; + float: none; + clear: both; + margin: 0 !important; + padding: 0; + list-style-type: none; } .dropdown-extended ul li:first-child { @@ -1094,10 +1183,10 @@ ul.linklist:after, } .dropdown-extended .dropdown-contents { - max-height: none; - padding: 0; position: absolute; width: 340px; + max-height: none; + padding: 0; } .nojs .dropdown-extended .dropdown-contents { @@ -1105,21 +1194,21 @@ ul.linklist:after, } .dropdown-extended .header { - padding: 0 10px; - font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; - text-align: left; - text-shadow: 1px 1px 1px white; - text-transform: uppercase; line-height: 3em; - border-bottom: 1px solid; + text-align: left; + text-transform: uppercase; border-radius: 5px 5px 0 0; + border-bottom: 1px solid; + text-shadow: 1px 1px 1px #ffffff; + padding: 0 10px; } .dropdown-extended .header .header_settings { - float: right; font-weight: normal; text-transform: none; + float: right; } .dropdown-extended .header .header_settings a { @@ -1128,17 +1217,18 @@ ul.linklist:after, } .dropdown-extended .header:after { - content: ''; display: table; clear: both; + content: ''; } .dropdown-extended .footer { - text-align: center; font-size: 1.1em; + text-align: center; } -.dropdown-extended ul li a, .dropdown-extended ul li.no-url { +.dropdown-extended ul li a, +.dropdown-extended ul li.no-url { padding: 8px; } @@ -1146,37 +1236,39 @@ ul.linklist:after, padding: 5px 0; } -.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a { - display: block; +.dropdown-extended ul li a, +.notification_list dt > a, +.dropdown-extended .footer > a { text-decoration: none; + display: block; } .notification_list ul li img { float: left; - max-height: 50px; - max-width: 50px; width: auto !important; + max-width: 50px; height: auto !important; + max-height: 50px; margin-right: 5px; } .notification_list ul li p { - margin-bottom: 4px; font-size: 1em; + margin-bottom: 4px; } .notification_list p.notification-reference, .notification_list p.notification-location, .notification_list li a p.notification-reason { - overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + overflow: hidden; } .notification_list p.notification-time { font-size: 0.9em; - margin: 0; text-align: right; + margin: 0; } .notification_list div.notifications { @@ -1189,7 +1281,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; } @@ -1222,7 +1314,7 @@ ul.linklist:after, } /* Navbar specific list items -----------------------------------------*/ +---------------------------------------- */ .linklist .quick-links { margin: 0 7px 0 0; diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index ef18e26ef1..6c6b09d13c 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -3,14 +3,14 @@ ul.topiclist { display: block; - list-style-type: none; margin: 0; + list-style-type: none; } ul.topiclist li { display: block; - list-style-type: none; margin: 0; + list-style-type: none; } ul.topiclist dl { @@ -21,15 +21,16 @@ ul.topiclist li.row dl { padding: 2px 0; } -ul.topiclist dt, ul.topiclist dd { +ul.topiclist dt, +ul.topiclist dd { display: block; float: left; } ul.topiclist dt { + font-size: 1.1em; width: 100%; margin-right: -440px; - font-size: 1.1em; } ul.topiclist.missing-column dt { @@ -46,8 +47,8 @@ ul.topiclist.two-columns dt { ul.topiclist dt .list-inner { margin-right: 440px; - padding-left: 5px; padding-right: 5px; + padding-left: 5px; } ul.topiclist.missing-column dt .list-inner { @@ -64,10 +65,8 @@ ul.topiclist.two-columns dt .list-inner { ul.topiclist dd { border-left: 1px solid transparent; - padding: 4px 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; + padding: 4px 0; } ul.topiclist dfn { @@ -79,8 +78,8 @@ ul.topiclist dfn { .forum-image { float: left; - padding-top: 5px; margin-right: 5px; + padding-top: 5px; } li.row { @@ -92,15 +91,16 @@ li.row strong { font-weight: normal; } -li.header dt, li.header dd { +li.header dt, +li.header dd { + font-family: Arial, Helvetica, sans-serif; + font-size: 1em; line-height: 1em; + text-transform: uppercase; border-left-width: 0; - margin: 2px 0 4px 0; + margin: 2px 0 4px; padding-top: 2px; padding-bottom: 2px; - font-size: 1em; - font-family: Arial, Helvetica, sans-serif; - text-transform: uppercase; } li.header dt { @@ -114,20 +114,20 @@ li.header dt .list-inner { } li.header dd { - padding-left: 1px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; + padding-left: 1px; } -li.header dl.row-item dt, li.header dl.row-item dd { +li.header dl.row-item dt, +li.header dl.row-item dd { min-height: 0; } li.header dl.row-item dt .list-inner { + padding-right: 50px; + /* Tweak for headers alignment when folder icon used */ padding-left: 0; - padding-right: 50px; } /* Forum list column styles */ @@ -137,15 +137,16 @@ dl.row-item { } dl.row-item dt { - background-repeat: no-repeat; background-position: 5px 95%; /* Position of topic icon */ + background-repeat: no-repeat; } dl.row-item dt .list-inner { padding-left: 45px; /* Space for folder icon */ } -dl.row-item dt, dl.row-item dd { +dl.row-item dt, +dl.row-item dd { min-height: 35px; } @@ -154,33 +155,39 @@ dl.row-item dt a { } dl a.row-item-link { /* topic row icon links */ - display: block; - width: 30px; - height: 30px; - padding: 0; position: absolute; top: 50%; left: 0; + display: block; + width: 30px; + height: 30px; margin-top: -15px; margin-left: 9px; + padding: 0; } -dd.posts, dd.topics, dd.views, dd.extra, dd.mark { - width: 80px; - text-align: center; - line-height: 2.2em; +dd.posts, +dd.topics, +dd.views, +dd.extra, +dd.mark { font-size: 1.2em; + line-height: 2.2em; + text-align: center; + width: 80px; } -dd.posts, dd.topics, dd.views { +dd.posts, +dd.topics, +dd.views { width: 95px; } /* List in forum description */ dl.row-item dt ol, dl.row-item dt ul { - list-style-position: inside; margin-left: 1em; + list-style-position: inside; } dl.row-item dt li { @@ -188,9 +195,13 @@ dl.row-item dt li { list-style-type: inherit; } -dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info { - width: 250px; +dd.lastpost, +dd.redirect, +dd.moderation, +dd.time, +dd.info { font-size: 1.1em; + width: 250px; } dd.redirect { @@ -201,30 +212,35 @@ dd.time { line-height: 200%; } -dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span { +dd.lastpost > span, +ul.topiclist dd.info > span, +ul.topiclist dd.time > span, +dd.redirect > span, +dd.moderation > span { display: block; padding-left: 5px; } -dd.extra, dd.mark { +dd.extra, +dd.mark { line-height: 200%; } dd.option { - width: 125px; + font-size: 1.1em; line-height: 200%; text-align: center; - font-size: 1.1em; + width: 125px; } /* Post body styles -----------------------------------------*/ +---------------------------------------- */ .postbody { - padding: 0; line-height: 1.48em; - width: 76%; - float: left; position: relative; + float: left; + width: 76%; + padding: 0; } .postbody .ignore { @@ -237,16 +253,17 @@ dd.option { } .postbody h3 { - /* Postbody requires a different h3 format - so change it here */ - float: left; + font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 1.5em; - padding: 2px 0 0 0; - margin-top: 0 !important; - margin-bottom: 0.3em !important; + line-height: 125%; text-transform: none; border: none; - font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; - line-height: 125%; + + /* Postbody requires a different h3 format - so change it here */ + float: left; + margin-top: 0 !important; + margin-bottom: 0.3em !important; + padding: 2px 0 0; } .postbody h3 img { @@ -265,33 +282,31 @@ dd.option { } .postbody img.postimage { - max-width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; + max-width: 100%; } .search .postbody { - width: 68% + width: 68%; } /* Topic review panel -----------------------------------------*/ +---------------------------------------- */ .panel .review { margin-top: 2em; } .topicreview { - padding-right: 5px; overflow: auto; height: 300px; + padding-right: 5px; } .topicreview .postbody { - width: auto; float: none; - margin: 0; + width: auto; height: auto; + margin: 0; } .topicreview .post { @@ -307,7 +322,7 @@ dd.option { } /* MCP Post details -----------------------------------------*/ +---------------------------------------- */ .post_details { /* This will only work in IE7+, plus the others */ overflow: auto; @@ -315,21 +330,22 @@ dd.option { } /* Content container styles -----------------------------------------*/ +---------------------------------------- */ .content { - clear: both; - min-height: 3em; - overflow: hidden; - line-height: 1.4em; - font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; + font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 1em; + line-height: 1.4em; + clear: both; + overflow: hidden; + min-height: 3em; padding-bottom: 1px; } -.content h2, .panel h2 { +.content h2, +.panel h2 { + font-size: 1.6em; font-weight: normal; border-bottom: 1px solid transparent; - font-size: 1.6em; margin-top: 0.5em; margin-bottom: 0.5em; padding-bottom: 0.5em; @@ -341,23 +357,23 @@ dd.option { .panel p { font-size: 1.2em; - margin-bottom: 1em; line-height: 1.4em; + margin-bottom: 1em; } .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; - margin-bottom: 1em; 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; margin-bottom: 2em; - line-height: 1.4em; } dl.faq dt { @@ -373,34 +389,35 @@ dl.faq dt { list-style-type: inherit; } -.content ul, .content ol { +.content ul, +.content ol { margin: 0.8em 0 0.9em 3em; } .posthilit { - padding: 0 2px 1px 2px; + padding: 0 2px 1px; } /* Post author */ p.author { - margin-bottom: 0.6em; - padding: 0 0 5px 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.2em; clear: both; + margin-bottom: 0.6em; + padding: 0 0 5px; } /* Post signature */ .signature { - margin-top: 1.5em; - padding-top: 0.2em; font-size: 1.1em; + line-height: 140%; border-top: 1px solid transparent; clear: left; - line-height: 140%; overflow: hidden; width: 100%; + margin-top: 1.5em; + padding-top: 0.2em; } .signature.standalone { @@ -409,48 +426,50 @@ p.author { } dd .signature { + border: none; + clear: none; margin: 0; padding: 0; - clear: none; - border: none; } .signature li { list-style-type: inherit; } -.signature ul, .signature ol { +.signature ul, +.signature ol { margin: 0.8em 0 0.9em 3em; } /* 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; + clear: left; width: auto; margin-top: 1.5em; padding-top: 0.2em; - font-size: 1em; - border-top: 1px dashed transparent; - clear: left; - line-height: 130%; } /* Jump to post link for now */ ul.searchresults { - list-style: none; text-align: right; clear: both; + list-style: none; } /* BB Code styles -----------------------------------------*/ +---------------------------------------- */ + /* Quote block */ blockquote { + font-size: 0.95em; background: transparent none 6px 8px no-repeat; border: 1px solid transparent; - font-size: 0.95em; - margin: 1em 1px 1em 25px; overflow: hidden; + margin: 1em 1px 1em 25px; padding: 5px; } @@ -461,12 +480,13 @@ blockquote blockquote { } blockquote cite { + font-size: 0.9em; + /* Username/source of quoter */ font-style: normal; font-weight: bold; - margin-left: 20px; display: block; - font-size: 0.9em; + margin-left: 20px; } blockquote cite cite { @@ -478,8 +498,8 @@ blockquote.uncited { } blockquote cite > div { - float: right; font-weight: normal; + float: right; } .postbody .content li blockquote { @@ -489,19 +509,19 @@ blockquote cite > div { /* Code block */ .codebox { - padding: 3px; - border: 1px solid transparent; font-size: 1em; - margin: 1em 0 1.2em 0; + border: 1px solid transparent; + margin: 1em 0 1.2em; + padding: 3px; } .codebox p { - text-transform: uppercase; - border-bottom: 1px solid transparent; - margin-bottom: 3px; font-size: 0.8em !important; font-weight: bold; + text-transform: uppercase; + border-bottom: 1px solid transparent; display: block; + margin-bottom: 3px; } blockquote .codebox { @@ -509,29 +529,27 @@ blockquote .codebox { } .codebox code { - overflow: auto; + font: 0.9em Monaco, 'Andale Mono', 'Courier New', Courier, mono; + line-height: 1.3em; display: block; + overflow: auto; height: auto; max-height: 200px; - padding-top: 5px; - font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono; - line-height: 1.3em; margin: 2px 0; + padding-top: 5px; } /* Attachments -----------------------------------------*/ +---------------------------------------- */ .attachbox { + border: 1px dashed transparent; float: left; + clear: left; + box-sizing: border-box; width: auto; max-width: 100%; margin: 5px 5px 5px 0; padding: 6px; - border: 1px dashed transparent; - clear: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } .attachbox dt { @@ -540,11 +558,11 @@ blockquote .codebox { } .attachbox dd { + border-top: 1px solid transparent; + clear: left; + overflow-x: auto; margin-top: 4px; padding-top: 4px; - clear: left; - border-top: 1px solid transparent; - overflow-x: auto; } .attachbox dd dd { @@ -552,31 +570,32 @@ blockquote .codebox { } .attachbox p { - line-height: 110%; font-weight: normal; + line-height: 110%; clear: left; } -.attachbox p.stats -{ - line-height: 110%; +.attachbox p.stats { font-weight: normal; + line-height: 110%; clear: left; } .attach-image { - margin: 3px 0; max-width: 100%; + margin: 3px 0; } .attach-image img { border: 1px solid transparent; -/* cursor: move; */ + + /* cursor: move; */ cursor: default; } /* Inline image thumbnails */ -div.inline-attachment dl.thumbnail, div.inline-attachment dl.file { +div.inline-attachment dl.thumbnail, +div.inline-attachment dl.file { display: block; margin-bottom: 4px; } @@ -591,11 +610,11 @@ dl.file { } dl.file dt { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; text-transform: none; margin: 0; padding: 0; - font-weight: bold; - font-family: Verdana, Arial, Helvetica, sans-serif; } dl.file dd { @@ -604,14 +623,14 @@ dl.file dd { } dl.thumbnail img { - padding: 3px; border: 1px solid transparent; box-sizing: border-box; + padding: 3px; } dl.thumbnail dd { - font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; + font-style: italic; } .attachbox dl.thumbnail dd { @@ -623,16 +642,16 @@ 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 { - margin-top: 5px; - border-top: 1px solid transparent; - padding: 5px 0 0 0; line-height: 120%; + border-top: 1px solid transparent; + margin-top: 5px; + padding: 5px 0 0; } fieldset.polls dl.voted { @@ -640,23 +659,23 @@ fieldset.polls dl.voted { } fieldset.polls dt { - text-align: left; - float: left; - display: block; - width: 30%; - border-right: none; - padding: 0; - margin: 0; font-size: 1.1em; + text-align: left; + border-right: none; + display: block; + float: left; + width: 30%; + margin: 0; + padding: 0; } fieldset.polls dd { + font-size: 1.1em; + border-left: none; float: left; width: 10%; - border-left: none; - padding: 0 5px; margin-left: 0; - font-size: 1.1em; + padding: 0 5px; } fieldset.polls dd.resultbar { @@ -668,17 +687,21 @@ fieldset.polls dd input { } fieldset.polls dd div { - text-align: right; font-family: Arial, Helvetica, sans-serif; font-weight: bold; - padding: 2px 2px 0 2px; + text-align: right; overflow: visible; min-width: 8px; + padding: 2px 2px 0; } -.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 { - border-bottom: 1px solid transparent; +.pollbar1, +.pollbar2, +.pollbar3, +.pollbar4, +.pollbar5 { border-right: 1px solid transparent; + border-bottom: 1px solid transparent; } .vote-submitted { @@ -688,39 +711,42 @@ fieldset.polls dd div { } /* Poster profile block -----------------------------------------*/ +---------------------------------------- */ .postprofile { - margin: 5px 0 10px 0; - min-height: 80px; border: 1px solid transparent; border-width: 0 0 0 1px; - width: 22%; - float: right; display: inline; + float: right; + width: 22%; + min-height: 80px; + margin: 5px 0 10px; } -.postprofile dd, .postprofile dt { +.postprofile dd, +.postprofile dt { line-height: 1.2em; margin-left: 8px; } .postprofile dd { - overflow: hidden; text-overflow: ellipsis; + overflow: hidden; } .postprofile strong { font-weight: normal; } -.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date { +.postprofile dt.no-profile-rank, +.postprofile dd.profile-rank, +.postprofile .search-result-date { margin-bottom: 10px; } /* Post-profile avatars */ .postprofile .has-avatar .avatar-container { - margin-bottom: 3px; overflow: hidden; + margin-bottom: 3px; } .postprofile .avatar { @@ -731,8 +757,8 @@ fieldset.polls dd div { .postprofile .avatar img { display: block; - height: auto !important; max-width: 100%; + height: auto !important; } .postprofile .profile-posts a { @@ -765,7 +791,7 @@ dd.profile-contact { background-repeat: no-repeat; } -/* Poster profile used by search*/ +/* Poster profile used by search */ .search .postprofile { width: 30%; } @@ -785,8 +811,8 @@ dl.pmlist dt textarea { } dl.pmlist dd { - margin-left: 61% !important; margin-bottom: 2px; + margin-left: 61% !important; } .action-bar div.dl_links { @@ -794,8 +820,8 @@ dl.pmlist dd { } div.dl_links { - display: inline-block; text-transform: none; + display: inline-block; } .dl_links strong { @@ -803,9 +829,9 @@ div.dl_links { } .dl_links ul { - list-style-type: none; - margin: 0; display: inline-block; + margin: 0; + list-style-type: none; } .dl_links li { @@ -817,10 +843,10 @@ div.dl_links { } .ellipsis-text { - display: inline-block; - overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + display: inline-block; + overflow: hidden; } table.fixed-width-table { @@ -828,20 +854,34 @@ 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 { + background: rgba(0, 0, 0, 0.1); + border-radius: 3px; width: 8px; height: 8px; -webkit-appearance: none; - background: rgba(0, 0, 0, .1); +} + +.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, 0.3); border-radius: 3px; } -.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb { - background: rgba(0, 0, 0, .3); - border-radius: 3px; -} - -#memberlist tr.inactive, #team tr.inactive { +/* Factor out this ID */ +#memberlist tr.inactive, +#team tr.inactive { font-style: italic; } diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index d54c948343..48aa8f561c 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -3,9 +3,9 @@ /* Main CP box -----------------------------------------*/ +---------------------------------------- */ .cp-menu { - float:left; + float: left; width: 19%; margin-top: 1em; margin-bottom: 5px; @@ -25,21 +25,22 @@ } .panel-container .panel ol { - margin-left: 2em; font-size: 1.1em; + margin-left: 2em; } .panel-container .panel li.row { - border-bottom: 1px solid transparent; border-top: 1px solid transparent; + border-bottom: 1px solid transparent; } ul.cplist { - margin-bottom: 5px; border-top: 1px solid transparent; + margin-bottom: 5px; } -.panel-container .panel li.header dd, .panel-container .panel li.header dt { +.panel-container .panel li.header dd, +.panel-container .panel li.header dt { margin-bottom: 2px; } @@ -61,16 +62,17 @@ ul.cplist { .cp-main .pm-message { border: 1px solid transparent; - margin: 10px 0; - width: auto; float: none; + width: auto; + margin: 10px 0; } .pm-message h2 { padding-bottom: 5px; } -.cp-main .postbody h3, .cp-main .box2 h3 { +.cp-main .postbody h3, +.cp-main .box2 h3 { margin-top: 0; } @@ -93,41 +95,45 @@ ul.cplist { .tabs-container h2 { float: left; - margin-bottom: 0px; + margin-bottom: 0; } /* CP tabs shared -----------------------------------------*/ -.tabs, .minitabs { +---------------------------------------- */ +.tabs, +.minitabs { line-height: normal; } -.tabs > ul, .minitabs > ul { - list-style: none; +.tabs > ul, +.minitabs > ul { + position: relative; margin: 0; padding: 0; - position: relative; + list-style: none; } -.tabs .tab, .minitabs .tab { - display: block; - float: left; +.tabs .tab, +.minitabs .tab { font-size: 1em; font-weight: bold; line-height: 1.4em; + display: block; + float: left; } -.tabs .tab > a, .minitabs .tab > a { - display: block; - padding: 5px 9px; - position: relative; +.tabs .tab > a, +.minitabs .tab > a { text-decoration: none; white-space: nowrap; + position: relative; + display: block; + padding: 5px 9px; cursor: pointer; } /* CP tabbed menu -----------------------------------------*/ +---------------------------------------- */ .tabs { margin: 20px 0 0 7px; } @@ -144,11 +150,11 @@ ul.cplist { } /* Mini tabbed menu used in MCP -----------------------------------------*/ +---------------------------------------- */ .minitabs { float: right; - margin: 15px 7px 0 0; max-width: 50%; + margin: 15px 7px 0 0; } .minitabs .tab { @@ -165,45 +171,47 @@ ul.cplist { } /* Responsive tabs -----------------------------------------*/ +---------------------------------------- */ .responsive-tab { position: relative; } .responsive-tab > a.responsive-tab-link { - display: block; font-size: 1.6em; - position: relative; - width: 16px; line-height: 0.9em; text-decoration: none; + position: relative; + display: block; + width: 16px; } .responsive-tab .responsive-tab-link:before { - content: ''; - position: absolute; - left: 10px; - top: 7px; - height: .125em; - width: 14px; - border-bottom: 0.125em solid transparent; border-top: 0.375em double transparent; + border-bottom: 0.125em solid transparent; + position: absolute; + top: 7px; + left: 10px; + width: 14px; + height: 0.125em; + content: ''; } -.tabs .dropdown, .minitabs .dropdown { - top: 20px; - margin-right: -2px; +.tabs .dropdown, +.minitabs .dropdown { font-size: 1.1em; font-weight: normal; + top: 20px; + margin-right: -2px; } .minitabs .dropdown { margin-right: -4px; } -.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown { - bottom: 20px; +.tabs .dropdown-up .dropdown, +.minitabs .dropdown-up .dropdown { top: auto; + bottom: 20px; } .tabs .dropdown li { @@ -215,7 +223,8 @@ ul.cplist { } /* UCP navigation menu -----------------------------------------*/ +---------------------------------------- */ + /* Container for sub-navigation list */ .navigation { width: 100%; @@ -228,18 +237,18 @@ ul.cplist { /* Default list state */ .navigation li { - display: inline; font-weight: bold; + display: inline; margin: 1px 0; padding: 0; } /* Link styles for the sub-section links */ .navigation a { - display: block; - padding: 5px; - margin: 1px 0; text-decoration: none; + display: block; + margin: 1px 0; + padding: 5px; } .navigation a:hover { @@ -247,20 +256,20 @@ ul.cplist { } /* Preferences pane layout -----------------------------------------*/ +---------------------------------------- */ .cp-main h2 { border-bottom: none; - padding: 0; margin-left: 10px; + padding: 0; } /* Friends list */ .cp-mini { - margin: 10px 15px 10px 5px; - max-height: 200px; - overflow-y: auto; - padding: 5px 10px; border-radius: 7px; + overflow-y: auto; + max-height: 200px; + margin: 10px 15px 10px 5px; + padding: 5px 10px; } dl.mini dt { @@ -280,7 +289,8 @@ dl.mini dd { } /* PM Styles -----------------------------------------*/ +---------------------------------------- */ + /* Defined rules list for PM options */ ol.def-rules { padding-left: 0; @@ -300,60 +310,68 @@ ol.def-rules li { padding: 0 3px; } -.pmlist li.pm_message_reported_colour, .pm_message_reported_colour { - border-left-color: transparent; +.pmlist li.pm_message_reported_colour, +.pm_message_reported_colour { border-right-color: transparent; + border-left-color: transparent; } -.pmlist li.pm_marked_colour, .pm_marked_colour, -.pmlist li.pm_replied_colour, .pm_replied_colour, -.pmlist li.pm_friend_colour, .pm_friend_colour, -.pmlist li.pm_foe_colour, .pm_foe_colour { - padding: 0; +.pmlist li.pm_marked_colour, +.pm_marked_colour, +.pmlist li.pm_replied_colour, +.pm_replied_colour, +.pmlist li.pm_friend_colour, +.pm_friend_colour, +.pmlist li.pm_foe_colour, +.pm_foe_colour { border: solid 3px transparent; border-width: 0 3px; + padding: 0; } .pm-legend { - border-left-width: 10px; - border-left-style: solid; border-right-width: 0; + border-left-style: solid; + border-left-width: 10px; margin-bottom: 3px; padding-left: 3px; } /* Avatar gallery */ .gallery label { + text-align: center; + border: 1px solid transparent; position: relative; float: left; + width: auto; margin: 10px; padding: 5px; - width: auto; - border: 1px solid transparent; - text-align: center; } /* Responsive *CP navigation -----------------------------------------*/ -@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) -{ - .nojs .tabs a span, .nojs .minitabs a span { - max-width: 40px; - overflow: hidden; +---------------------------------------- */ + +@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { + .nojs .tabs a span, + .nojs .minitabs a span { + letter-spacing: -0.5px; text-overflow: ellipsis; - letter-spacing: -.5px; + overflow: hidden; + max-width: 40px; } - .cp-menu, .navigation, .cp-main { + .cp-menu, + .navigation, + .cp-main { float: none; width: auto; margin: 0; } .navigation { - padding: 0; - margin: 0 auto; max-width: 320px; + margin: 0 auto; + padding: 0; } .navigation a { diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index e8efbc6045..6fcdec33a2 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -2,29 +2,29 @@ ---------------------------------------- */ /* General form styles -----------------------------------------*/ +---------------------------------------- */ fieldset { - border-width: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; + border-width: 0; } input { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1em; font-weight: normal; vertical-align: middle; padding: 0 3px; - font-size: 1em; - font-family: Verdana, Helvetica, Arial, sans-serif; } select { font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1em; font-weight: normal; - cursor: pointer; vertical-align: middle; border: 1px solid transparent; padding: 1px; - font-size: 1em; + cursor: pointer; } select:focus { @@ -36,21 +36,21 @@ option { } select optgroup option { - padding-right: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; + padding-right: 1em; } textarea { - font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - width: 60%; - padding: 2px; + font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.4em; + width: 60%; + padding: 2px; } label { - cursor: default; padding-right: 5px; + cursor: default; } label input { @@ -68,27 +68,27 @@ fieldset dl { } fieldset dt { - float: left; - width: 40%; text-align: left; display: block; + float: left; + width: 40%; } fieldset dd { - margin-left: 41%; vertical-align: top; margin-bottom: 3px; + margin-left: 41%; } /* Specific layout 1 */ fieldset.fields1 dt { - width: 15em; border-right-width: 0; + width: 15em; } fieldset.fields1 dd { - margin-left: 15em; border-left-width: 0; + margin-left: 15em; } fieldset.fields1 div { @@ -102,13 +102,13 @@ fieldset.fields1 .live-search div { /* Specific layout 2 */ fieldset.fields2 dt { - width: 15em; border-right-width: 0; + width: 15em; } fieldset.fields2 dd { - margin-left: 16em; border-left-width: 0; + margin-left: 16em; } /* Form elements */ @@ -121,7 +121,8 @@ dd label { white-space: nowrap; } -dd input, dd textarea { +dd input, +dd textarea { margin-right: 3px; } @@ -144,8 +145,8 @@ dd textarea { /* Browser-specific tweaks */ button::-moz-focus-inner { + border: 0; padding: 0; - border: 0 } /* Quick-login on index page */ @@ -158,8 +159,8 @@ fieldset.quick-login input { } fieldset.quick-login input.inputbox { - width: 15%; vertical-align: middle; + width: 15%; margin-right: 5px; } @@ -171,7 +172,7 @@ fieldset.quick-login label { /* Display options on viewtopic/viewforum pages */ fieldset.display-options { text-align: center; - margin: 3px 0 5px 0; + margin: 3px 0 5px; } fieldset.display-options label { @@ -190,11 +191,11 @@ fieldset.display-options a { } .dropdown fieldset.display-options label { + text-align: right; + white-space: nowrap; display: block; margin: 4px; padding: 0; - text-align: right; - white-space: nowrap; } .dropdown fieldset.display-options select { @@ -203,8 +204,8 @@ fieldset.display-options a { /* Display actions for ucp and mcp pages */ fieldset.display-actions { - text-align: right; line-height: 2em; + text-align: right; white-space: nowrap; padding-right: 1em; } @@ -218,15 +219,15 @@ fieldset.sort-options { line-height: 2em; } -/* MCP forum selection*/ +/* MCP forum selection */ fieldset.forum-selection { - margin: 5px 0 3px 0; float: right; + margin: 5px 0 3px; } fieldset.forum-selection2 { - margin: 13px 0 3px 0; float: right; + margin: 13px 0 3px; } /* Submit button fieldset */ @@ -241,14 +242,15 @@ fieldset.submit-buttons input { } /* Posting page styles -----------------------------------------*/ +---------------------------------------- */ /* Buttons used in the editor */ .format-buttons { - margin: 15px 0 2px 0; + margin: 15px 0 2px; } -.format-buttons input, .format-buttons select { +.format-buttons input, +.format-buttons select { vertical-align: middle; } @@ -258,26 +260,22 @@ fieldset.submit-buttons input { } .message-box textarea { - font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; - width: 450px; - height: 270px; - min-width: 100%; - max-width: 100%; + font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 1.2em; - 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; + width: 450px; + min-width: 100%; + max-width: 100%; + height: 270px; + resize: vertical; + transition: all 0.5s ease; } /* Emoticons panel */ .smiley-box { - width: 18%; float: right; + width: 18%; } .smiley-box img { @@ -291,15 +289,27 @@ fieldset.submit-buttons input { padding: 2px; } -.inputbox:hover, .inputbox:focus { +.inputbox:hover, +.inputbox:focus { border: 1px solid transparent; outline-style: none; } -input.inputbox { width: 85%; } -input.medium { width: 50%; } -input.narrow { width: 25%; } -input.tiny { width: 150px; } +input.inputbox { + width: 85%; +} + +input.medium { + width: 50%; +} + +input.narrow { + width: 25%; +} + +input.tiny { + width: 150px; +} textarea.inputbox { width: 85%; @@ -309,70 +319,89 @@ textarea.inputbox { width: auto !important; } -input[type="number"] { +input[type='number'] { -moz-padding-end: inherit; } -input[type="search"] { - -webkit-appearance: textfield; +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; } /* Form button styles ---------------------------------------- */ -input.button1, input.button2 { +input.button1, +input.button2 { font-size: 1em; } -a.button1, input.button1, input.button3, a.button2, input.button2 { +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; - font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - background: transparent none repeat-x top left; - line-height: 1.5; } -a.button1, input.button1 { +a.button1, +input.button1 { font-weight: bold; border: 1px solid transparent; } input.button3 { - padding: 0; - margin: 0; - line-height: 5px; - height: 12px; - background-image: none; font-variant: small-caps; + 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"] { +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 { +a.button2, +input.button2, +input.button3 { border: 1px solid transparent; } /* button in the style of the form buttons */ -a.button1, a.button2 { +a.button1, +a.button2 { text-decoration: none; - padding: 0 3px; vertical-align: text-bottom; + padding: 0 3px; } /* Hover states */ -a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { +a.button1:hover, +input.button1:hover, +a.button2:hover, +input.button2:hover, +input.button3:hover { border: 1px solid transparent; } @@ -381,7 +410,9 @@ input.disabled { } /* Focus states */ -input.button1:focus, input.button2:focus, input.button3:focus { +input.button1:focus, +input.button2:focus, +input.button3:focus { outline-style: none; } @@ -392,14 +423,12 @@ input.button1:focus, input.button2:focus, input.button3:focus { .search-box .inputbox { background-image: none; - border-right-width: 0; border-radius: 4px 0 0 4px; + border-right-width: 0; float: left; + box-sizing: border-box; height: 24px; padding: 3px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } /* Search box (header) @@ -408,22 +437,37 @@ input.button1:focus, input.button2:focus, input.button3:focus { border-radius: 4px; display: block; float: right; - margin-right: 5px; margin-top: 30px; + margin-right: 5px; } -.search-header .inputbox { border: 0; } +.search-header .inputbox { + border: 0; +} -.navbar .linklist > li.responsive-search { display: none; } +.navbar .linklist > li.responsive-search { + display: none; +} input.search { background-image: none; - background-repeat: no-repeat; background-position: left 1px; + background-repeat: no-repeat; padding-left: 17px; } -.full { width: 95%; } -.medium { width: 50%;} -.narrow { width: 25%;} -.tiny { width: 10%;} +.full { + width: 95%; +} + +.medium { + width: 50%; +} + +.narrow { + width: 25%; +} + +.tiny { + width: 10%; +} diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css index 9fb7244f4b..86e51b1087 100644 --- a/phpBB/styles/prosilver/theme/icons.css +++ b/phpBB/styles/prosilver/theme/icons.css @@ -3,26 +3,29 @@ -------------------------------------------------------------- */ /* 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 { +.icon, +.button .icon { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-size: 14px; + font-style: normal; + font-variant: normal; + font-weight: normal; + line-height: 1; 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; + text-rendering: auto; /* optimizelegibility throws things off #1094 */ } -.icon:before { padding-right: 2px; } +.icon:before { + padding-right: 2px; +} .button .icon:before { padding-right: 0; @@ -48,36 +51,37 @@ /* icon modifiers */ .icon-tiny { - width: 12px; - transform: scale(0.65, 0.75); - vertical-align: text-bottom; font-size: 16px; -} - -.arrow-left:hover .icon { - margin-left: -5px; - margin-right: 5px; + vertical-align: text-bottom; + width: 12px; + -webkit-transform: scale(0.65, 0.75); + transform: scale(0.65, 0.75); } .arrow-right .icon { float: right; } +.arrow-left:hover .icon { + margin-right: 5px; + margin-left: -5px; +} + .arrow-right:hover .icon { - margin-left: 5px; margin-right: -5px; + margin-left: 5px; } .post-buttons .dropdown-contents .icon { - float: right; - margin-left: 5px; + float: right; + margin-left: 5px; } .alert_close .icon:before { + line-height: 0.9; + border-radius: 50%; + display: block; + width: 11px; + height: 12px; padding: 0; - border-radius: 50%; - width: 11px; - display: block; - line-height: .9; - height: 12px; } diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css index 6da14c9326..eeb8102fd1 100644 --- a/phpBB/styles/prosilver/theme/links.css +++ b/phpBB/styles/prosilver/theme/links.css @@ -3,13 +3,13 @@ /* Links adjustment to correctly display an order of rtl/ltr mixed content */ a { - direction: ltr; - unicode-bidi: embed; text-decoration: none; + /* we use links inline more often then not so to address several bugs with IE and some other browsers we render all links as inlineblock by default */ display: inline-block; - + direction: ltr; + unicode-bidi: embed; } /* Coloured usernames */ @@ -20,11 +20,15 @@ a { } /* Links on gradient backgrounds */ -.forumbg .header a, .forabg .header a, th a { +.forumbg .header a, +.forabg .header a, +th a { text-decoration: none; } -.forumbg .header a:hover, .forabg .header a:hover, th a:hover { +.forumbg .header a:hover, +.forabg .header a:hover, +th a:hover { text-decoration: underline; } @@ -33,15 +37,13 @@ a { background-position: center center; background-repeat: no-repeat; border-radius: 3px 0 0 3px; - display: none; - margin-top: -20px; position: absolute; - z-index: 2; - right: 0; top: 50%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; + right: 0; + z-index: 2; + display: none; box-sizing: border-box; + margin-top: -20px; } .dropdown-extended li:hover a.mark_read { @@ -53,12 +55,14 @@ a { } .jumpbox-cat-link, -.jumpbox-forum-link { font-weight: bold; } +.jumpbox-forum-link { + font-weight: bold; +} /* 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; @@ -69,7 +73,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; @@ -100,25 +104,28 @@ a.lastsubject:hover { text-decoration: none; } -.signature a, .signature a:hover { - border: none; +.signature a, +.signature a:hover { text-decoration: underline; + border: none; } /* Profile links */ -.postprofile a, .postprofile dt.author a { +.postprofile a, +.postprofile dt.author a { font-weight: bold; text-decoration: none; } -.postprofile a:hover, .postprofile dt.author a:hover { +.postprofile a:hover, +.postprofile dt.author a:hover { text-decoration: underline; } /* Profile searchresults */ .search .postprofile a { - text-decoration: none; font-weight: normal; + text-decoration: none; } .search .postprofile a:hover { @@ -138,20 +145,20 @@ a.lastsubject:hover { .back2top .top { float: right; - margin-right: -10px; margin-top: 0; + margin-right: -10px; } /* Arrow links */ .arrow-up { - padding-left: 10px; text-decoration: none; border-bottom-width: 0; + padding-left: 10px; } .arrow-up:hover { - + /* add hover styles here */ } .arrow-down { @@ -159,7 +166,7 @@ a.lastsubject:hover { } .arrow-down:hover { - + /* add hover styles here */ } .arrow-left:hover { diff --git a/phpBB/styles/prosilver/theme/normalize.css b/phpBB/styles/prosilver/theme/normalize.css index 23d84492c8..084ac11928 100644 --- a/phpBB/styles/prosilver/theme/normalize.css +++ b/phpBB/styles/prosilver/theme/normalize.css @@ -1,8 +1,8 @@ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/*! 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, + * 1. set default font family to sans-serif. + * 2. prevent ios and ie text size adjust after device orientation change, * without disabling user zoom. */ @@ -13,21 +13,21 @@ html { } /** - * Remove default margin. + * remove default margin. */ body { margin: 0; } -/* HTML5 display definitions +/* 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. + * 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, @@ -47,21 +47,21 @@ summary { } /** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + * 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 */ + display: inline-block; /* 1 */ } /** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. + * prevent modern browsers from displaying `audio` without controls. + * remove excess height in ios 5 devices. */ audio:not([controls]) { @@ -70,8 +70,8 @@ audio:not([controls]) { } /** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + * 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], @@ -79,11 +79,11 @@ template { display: none; } -/* Links +/* links ========================================================================== */ /** - * Remove the gray background color from active links in IE 10. + * remove the gray background color from active links in ie 10. */ a { @@ -91,7 +91,7 @@ a { } /** - * Improve readability of focused elements when they are also in an + * improve readability of focused elements when they are also in an * active/hover state. */ @@ -100,11 +100,11 @@ a:hover { outline: 0; } -/* Text-level semantics +/* text-level semantics ========================================================================== */ /** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + * address styling not present in ie 8/9/10/11, safari, and chrome. */ abbr[title] { @@ -112,7 +112,7 @@ abbr[title] { } /** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + * address style set to `bolder` in firefox 4+, safari, and chrome. */ b, @@ -121,7 +121,7 @@ strong { } /** - * Address styling not present in Safari and Chrome. + * address styling not present in safari and chrome. */ dfn { @@ -129,8 +129,8 @@ dfn { } /** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. + * address variable `h1` font-size and margin within `section` and `article` + * contexts in firefox 4+, safari, and chrome. */ h1 { @@ -139,16 +139,16 @@ h1 { } /** - * Address styling not present in IE 8/9. + * address styling not present in ie 8/9. */ mark { - background: #ff0; - color: #000; + background: #ffff00; + color: #000000; } /** - * Address inconsistent and variable font size in all browsers. + * address inconsistent and variable font size in all browsers. */ small { @@ -156,15 +156,15 @@ small { } /** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. + * prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; - position: relative; vertical-align: baseline; + position: relative; } sup { @@ -175,11 +175,11 @@ sub { bottom: -0.25em; } -/* Embedded content +/* embedded content ========================================================================== */ /** - * Remove border when inside `a` element in IE 8/9/10. + * remove border when inside `a` element in ie 8/9/10. */ img { @@ -187,18 +187,18 @@ img { } /** - * Correct overflow not hidden in IE 9/10/11. + * correct overflow not hidden in ie 9/10/11. */ svg:not(:root) { overflow: hidden; } -/* Grouping content +/* grouping content ========================================================================== */ /** - * Address margin not present in IE 8/9 and Safari. + * address margin not present in ie 8/9 and safari. */ figure { @@ -206,7 +206,7 @@ figure { } /** - * Address differences between Firefox and other browsers. + * address differences between firefox and other browsers. */ hr { @@ -215,7 +215,7 @@ hr { } /** - * Contain overflow in all browsers. + * contain overflow in all browsers. */ pre { @@ -223,7 +223,7 @@ pre { } /** - * Address odd `em`-unit font size rendering in all browsers. + * address odd `em`-unit font size rendering in all browsers. */ code, @@ -234,19 +234,19 @@ samp { font-size: 1em; } -/* Forms +/* forms ========================================================================== */ /** - * Known limitation: by default, Chrome and Safari on OS X allow very limited + * 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. + * 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, @@ -254,13 +254,13 @@ input, optgroup, select, textarea { - color: inherit; /* 1 */ font: inherit; /* 2 */ + color: inherit; /* 1 */ margin: 0; /* 3 */ } /** - * Address `overflow` set to `hidden` in IE 8/9/10/11. + * address `overflow` set to `hidden` in ie 8/9/10/11. */ button { @@ -268,10 +268,10 @@ button { } /** - * 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. + * 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, @@ -280,23 +280,23 @@ select { } /** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * 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 + * 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 */ +html input[type='button'], +input[type='reset'], +input[type='submit'] { cursor: pointer; /* 3 */ + -webkit-appearance: button; /* 2 */ } /** - * Re-set default cursor for disabled elements. + * re-set default cursor for disabled elements. */ button[disabled], @@ -305,7 +305,16 @@ html input[disabled] { } /** - * Remove inner padding and border in Firefox 4+. + * address firefox 4+ setting `line-height` on `input` using `!important` in + * the ua stylesheet. + */ + +input { + line-height: normal; +} + +/** + * remove inner padding and border in firefox 4+. */ button::-moz-focus-inner, @@ -315,62 +324,53 @@ input::-moz-focus-inner { } /** - * 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. + * 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. + * 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"] { +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 + * 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 { +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. + * 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 */ +input[type='search'] { box-sizing: content-box; /* 2 */ + -webkit-appearance: textfield; /* 1 */ } /** - * 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 + * 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 { +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** - * Define consistent border, margin, and padding. + * define consistent border, margin, and padding. */ fieldset { @@ -380,8 +380,8 @@ fieldset { } /** - * 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. + * 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 { @@ -390,7 +390,7 @@ legend { } /** - * Remove default vertical scrollbar in IE 8/9/10/11. + * remove default vertical scrollbar in ie 8/9/10/11. */ textarea { @@ -398,19 +398,19 @@ textarea { } /** - * 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. + * 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 +/* tables ========================================================================== */ /** - * Remove most spacing between table cells. + * remove most spacing between table cells. */ table { diff --git a/phpBB/styles/prosilver/theme/plupload.css b/phpBB/styles/prosilver/theme/plupload.css index f466803964..d4019a2a3a 100644 --- a/phpBB/styles/prosilver/theme/plupload.css +++ b/phpBB/styles/prosilver/theme/plupload.css @@ -16,8 +16,8 @@ } .attach-comment .inputbox { - resize: vertical; width: 100%; + resize: vertical; } .attach-filesize { @@ -28,7 +28,8 @@ width: 5%; } -.attach-filesize, .attach-status { +.attach-filesize, +.attach-status { text-align: center; } @@ -42,24 +43,25 @@ } .file-total-progress { - height: 2px; - display: block; position: relative; + display: block; + height: 2px; margin: 4px -10px -6px -10px; } .file-progress { - background-color: #CCCCCC; - display:inline-block; - height: 8px; + background-color: #cccccc; + display: inline-block; width: 50px; + height: 8px; } -.file-progress-bar, .file-total-progress-bar { - background-color: green; +.file-progress-bar, +.file-total-progress-bar { + background-color: #008000; display: block; - height: 100%; width: 0; + height: 100%; } .file-status.file-working { @@ -76,11 +78,11 @@ .file-status { display: inline-block; - height: 16px; width: 16px; + height: 16px; } .file-name { - max-width: 65%; vertical-align: bottom; + max-width: 65%; } diff --git a/phpBB/styles/prosilver/theme/print.css b/phpBB/styles/prosilver/theme/print.css index a3295ac367..599a6c7fe8 100644 --- a/phpBB/styles/prosilver/theme/print.css +++ b/phpBB/styles/prosilver/theme/print.css @@ -6,20 +6,39 @@ /* General markup styles */ * { - padding: 0; margin: 0; + padding: 0; } body { font: 11pt Verdana, Arial, Helvetica, sans-serif; - color:#000000; + color: #000000; } -a:link { color: #000000; text-decoration: none; } -a:visited { color: #000000; text-decoration: none; } -a:active { color: #000000; text-decoration: none; } +a:link { + text-decoration: none; + color: #000000; +} + +a:visited { + text-decoration: none; + color: #000000; +} + +a:active { + text-decoration: none; + color: #000000; +} + +img, +.noprint, +.navbar, +.box1, +.divider, +.signature { + display: none; +} -img, .noprint, .navbar, .box1, .divider, .signature { display: none; } /* Display smilies (Bug #47265) */ .content img { display: inline; @@ -30,50 +49,80 @@ img, .noprint, .navbar, .box1, .divider, .signature { display: none; } margin: 0 2em; } -p { font-size: 85%; } -.copyright { font-size: 75%; } -.page-number { float:right; width: auto; text-align: right; font-size: 75%; } - -h1, h2, h3, h1 a, h2 a, h3 a { - font-family: "Trebuchet MS",georgia,Verdana,Sans-serif; - color: #000000; - background: none; - text-decoration: none; - font-weight: bold; +p { + font-size: 85%; } -h1 { font-size: 20pt; } -h2 { font-size: 16pt; margin-top: 1em; } -h3 { font-size: 14pt; margin-top: 1em; } +.copyright { + font-size: 75%; +} + +.page-number { + font-size: 75%; + text-align: right; + float: right; + width: auto; +} + +h1, +h2, +h3, +h1 a, +h2 a, +h3 a { + font-family: 'Trebuchet MS', georgia, Verdana, sans-serif; + font-weight: bold; + text-decoration: none; + background: none; + color: #000000; +} + +h1 { + font-size: 20pt; +} + +h2 { + font-size: 16pt; + margin-top: 1em; +} + +h3 { + font-size: 14pt; + margin-top: 1em; +} .content { + font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 14pt; - margin-bottom: 1em; - font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; overflow: hidden; + margin-bottom: 1em; } /* CSS2 Print tip from: http://www.alistapart.com/articles/goingtoprint/ */ -.postbody a:link, .postbody a:visited, .postbody a:hover, .postbody a:active { - text-decoration: underline; - padding: 0.1em 0.2em; - margin: -0.1em -0.2em; - color: #666; - background: none; +.postbody a:link, +.postbody a:visited, +.postbody a:hover, +.postbody a:active { font-size: 100%; + text-decoration: underline; + background: none; + color: #666666; + margin: -0.1em -0.2em; + padding: 0.1em 0.2em; } -html>body .postbody a:link:after, html>body .postbody a:visited:after { - content: " (" attr(href) ") "; +html > body .postbody a:link:after, +html > body .postbody a:visited:after { font-size: 90%; text-decoration: none; + content: ' (' attr(href) ') '; } hr { - height: 1px; background-color: #999999; border-width: 0; + height: 1px; } .author { @@ -84,56 +133,82 @@ hr { .date { font-family: Verdana, Arial, Helvetica, sans-serif; - float: right; - position: relative; - text-align: right; font-size: 75%; + text-align: right; + position: relative; + float: right; } /* Dont want to print url for names or titles in content area */ -.postbody .author a:link, .postbody .author a:visited, -html>body .postbody .author a:link:after, -html>body .postbody .author a:visited:after, -.postquote .quote-by a:link, .postquote .quote-by a:visited, -html>body .postquote .quote-by a:link:after, -html>body .postquote .quote-by a:visited:after, -html>body .postbody h1 a:link:after, html>body .postbody h2 a:link:after { +.postbody .author a:link, +.postbody .author a:visited, +html > body .postbody .author a:link:after, +html > body .postbody .author a:visited:after, +.postquote .quote-by a:link, +.postquote .quote-by a:visited, +html > body .postquote .quote-by a:link:after, +html > body .postquote .quote-by a:visited:after, +html > body .postbody h1 a:link:after, +html > body .postbody h2 a:link:after { text-decoration: none; - content: ""; + content: ''; } /* Poster profile */ -.postprofile { display: none; } -.grip-show { display:none; } - -/* Quote */ -.postquote, blockquote { - font-size: 85%; - margin: 1em 18% 1em 4%; - padding: 0.5em; - position: relative; - line-height: 1.5em; - border: 1px #999999 solid; +.postprofile { + display: none; } -.postquote img { display: none; } -.postquote span { display: block; } -.postquote span .postquote { font-size: 100%; } -.quote-by, blockquote cite { - color: black; - display : block; +.grip-show { + display: none; +} + +/* Quote */ +.postquote, +blockquote { + font-size: 85%; + line-height: 1.5em; + border: 1px #999999 solid; + position: relative; + margin: 1em 18% 1em 4%; + padding: 0.5em; +} + +.postquote img { + display: none; +} + +.postquote span { + display: block; +} + +.postquote span .postquote { + font-size: 100%; +} + +.quote-by, +blockquote cite { font-weight: bold; + color: #000000; + display: block; } /* List */ -ol, ul { - margin-left: 15pt +ol, +ul { + margin-left: 15pt; } /* Misc page elements */ -div.spacer { clear: both; } +div.spacer { + clear: both; +} /* Accessibility tweaks: Mozilla.org */ -.skip_link { display: none; } +.skip_link { + display: none; +} -.codebox p { display: none; } +.codebox p { + display: none; +} diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index d71fd142e6..6c5c503d16 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -2,13 +2,15 @@ ---------------------------------------- */ @media (max-width: 320px) { - select, .inputbox { + select, + .inputbox { max-width: 240px; } } /* Notifications list ----------------------------------------*/ + @media (max-width: 350px) { .dropdown-extended .dropdown-contents { width: auto; @@ -25,16 +27,16 @@ } .action-bar .search-box .inputbox ::-moz-placeholder { - content: "Search..."; - } + content: 'Search...'; + } - .action-bar .search-box .inputbox :-ms-input-placeholder { - content: "Search..."; - } + .action-bar .search-box .inputbox :-ms-input-placeholder { + content: 'Search...'; + } - .action-bar .search-box .inputbox ::-webkit-input-placeholder { - content: "Search..."; - } + .action-bar .search-box .inputbox ::-webkit-input-placeholder { + content: 'Search...'; + } } @media (max-width: 500px) { @@ -42,7 +44,8 @@ white-space: normal; } - select, .inputbox { + select, + .inputbox { max-width: 260px; } @@ -54,10 +57,11 @@ width: 100%; } - dl.details dt, dl.details dd { - width: auto; - float: none; + dl.details dt, + dl.details dd { text-align: left; + float: none; + width: auto; } dl.details dd { @@ -65,20 +69,20 @@ } p.responsive-center { - float: none; text-align: center; + float: none; margin-bottom: 5px; } .action-bar > div { margin-bottom: 5px; - } + } .action-bar > .pagination { + text-align: center; float: none; clear: both; padding-bottom: 1px; - text-align: center; } .action-bar > .pagination li.page-jump { @@ -95,8 +99,8 @@ } .attach-controls { - margin-top: 5px; width: 100%; + margin-top: 5px; } .quick-links .dropdown-trigger span { @@ -119,11 +123,21 @@ } @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; } + .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 { @@ -137,29 +151,35 @@ .wrap { border: none; border-radius: 0; - margin: 0; min-width: 290px; + margin: 0; padding: 0 5px; } - /* Common block wrappers ----------------------------------------*/ - .headerbar, .navbar, .forabg, .forumbg, .post, .panel { + .headerbar, + .navbar, + .forabg, + .forumbg, + .post, + .panel { border-radius: 0; - margin-left: -5px; margin-right: -5px; + margin-left: -5px; } - .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel { + .cp-main .forabg, + .cp-main .forumdb, + .cp-main .post, + .cp-main .panel { border-radius: 7px; } - /* Logo block ----------------------------------------*/ .site-description { + text-align: center; float: none; width: auto; - text-align: center; } .logo { @@ -169,40 +189,42 @@ padding: 10px; } - .site-description h1, .site-description p { - text-align: inherit; - float: none; - margin: 5px; + .site-description h1, + .site-description p { line-height: 1.2em; - overflow: hidden; + text-align: inherit; text-overflow: ellipsis; + float: none; + overflow: hidden; + margin: 5px; } - .site-description p, .search-header { + .site-description p, + .search-header { display: none; } - /* Navigation ----------------------------------------*/ .headerbar + .navbar { margin-top: -5px; } - /* Search ----------------------------------------*/ - .responsive-search { display: block !important; } - + .responsive-search { + display: block !important; + } /* .topiclist lists ----------------------------------------*/ li.header dt { + font-size: 1.2em; + line-height: 1em; text-align: center; text-transform: none; - line-height: 1em; - font-size: 1.2em; padding-bottom: 4px; } - ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { + ul.topiclist li.header dt, + ul.topiclist li.header dt .list-inner { margin-right: 0 !important; padding-right: 0; } @@ -211,10 +233,14 @@ 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 { + 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; } @@ -233,10 +259,10 @@ ul.topiclist dd { display: none; } + ul.topiclist dd.mark { display: block; } - /* Forums and topics lists ----------------------------------------*/ ul.topiclist.forums dt { @@ -244,22 +270,23 @@ } ul.topiclist dd.mark { - display: block; + text-align: left; position: absolute; - right: 5px; top: 0; - margin: 0; + right: 5px; + display: block; width: auto; min-width: 0; - text-align: left; + margin: 0; } - ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { + ul.topiclist.forums dd.topics dfn, + ul.topiclist.topics dd.posts dfn { + font-weight: normal; position: relative; left: 0; - width: auto; display: inline; - font-weight: normal; + width: auto; } li.row .responsive-show strong { @@ -268,12 +295,11 @@ } ul.topiclist li.row dt a.subforum { + text-overflow: ellipsis; vertical-align: bottom; overflow: hidden; - text-overflow: ellipsis; max-width: 100px; } - /* Pagination ----------------------------------------*/ .pagination > ul { @@ -288,21 +314,25 @@ .row .pagination .ellipsis + li { display: none !important; } - /* Responsive tables ----------------------------------------*/ - table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { + table.responsive, + table.responsive tbody, + table.responsive tr, + table.responsive td { display: block; } - table.responsive thead, table.responsive th { + table.responsive thead, + table.responsive th { display: none; } - table.responsive.show-header thead, table.responsive.show-header th:first-child { + table.responsive.show-header thead, + table.responsive.show-header th:first-child { + text-align: left !important; display: block; width: auto !important; - text-align: left !important; } table.responsive.show-header th:first-child span.rank-img { @@ -314,8 +344,8 @@ } table.responsive td { - width: auto !important; text-align: left !important; + width: auto !important; padding: 4px; } @@ -328,8 +358,8 @@ } table.responsive td > dfn:after { - content: ':'; padding-right: 5px; + content: ':'; } table.responsive span.rank-img { @@ -337,25 +367,29 @@ padding-right: 5px; } - table.responsive.memberlist td:first-child input[type="checkbox"] { + table.responsive.memberlist td:first-child input[type='checkbox'] { float: right; } - /* Forms ----------------------------------------*/ - fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt { - width: auto; + fieldset dt, + fieldset.fields1 dt, + fieldset.fields2 dt { float: none; + width: auto; } - fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd { + fieldset dd, + fieldset.fields1 dd, + fieldset.fields2 dd { margin-left: 20px; } - textarea, dd textarea, .message-box textarea { - width: 100%; - -moz-box-sizing: border-box; + textarea, + dd textarea, + .message-box textarea { box-sizing: border-box; + width: 100%; } dl.pmlist dt { @@ -372,7 +406,8 @@ padding-left: 20px; } - .smiley-box, .message-box { + .smiley-box, + .message-box { float: none; width: auto; } @@ -385,7 +420,9 @@ display: none; } - .colour-palette, .colour-palette tbody, .colour-palette tr { + .colour-palette, + .colour-palette tbody, + .colour-palette tr { display: block; } @@ -394,14 +431,15 @@ margin-right: 2px; } - .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) { + .horizontal-palette td:nth-child(2n), + .vertical-palette tr:nth-child(2n) { display: none; } fieldset.quick-login label { + white-space: normal; display: block; margin-bottom: 5px; - white-space: normal; } fieldset.quick-login label > span { @@ -415,19 +453,19 @@ margin-left: 20px; } - fieldset.quick-login label[for="autologin"] { - display: inline-block; + fieldset.quick-login label[for='autologin'] { text-align: right; + display: inline-block; min-width: 50%; } - /* User profile ----------------------------------------*/ - .column1, .column2, .left-box.profile-details { + .column1, + .column2, + .left-box.profile-details { float: none; width: auto; } - /* Polls ----------------------------------------*/ fieldset.polls dt { @@ -442,46 +480,50 @@ width: 20%; } - fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent { + fieldset.polls dd.resultbar, + fieldset.polls dd.poll_option_percent { margin-top: 5px; } - /* Post ----------------------------------------*/ .postbody { position: inherit; } - .postprofile, .postbody, .search .postbody { + .postprofile, + .postbody, + .search .postbody { display: block; - width: auto; float: none; - padding: 0; + width: auto; min-height: 0; + padding: 0; } .post .postprofile { + border-width: 0 0 1px; + overflow: hidden; width: auto; - border-width: 0 0 1px 0; - padding-bottom: 5px; + min-height: 40px; margin: 0; margin-bottom: 5px; - min-height: 40px; - overflow: hidden; + padding-bottom: 5px; } .postprofile dd { display: none; } - .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd { + .postprofile dt, + .postprofile dd.profile-rank, + .search .postprofile dd { display: block; margin: 0; } .postprofile .has-avatar .avatar-container { - margin: 0; overflow: inherit; + margin: 0; } .postprofile .avatar-container:after { @@ -499,28 +541,27 @@ } .has-profile .postbody h3 { - margin-left: 0 !important; margin-right: 0 !important; + margin-left: 0 !important; } .has-profile .post-buttons { - right: 30px; top: 15px; + right: 30px; } .online { background-size: 40px; } - /* Misc stuff ----------------------------------------*/ h2 { - margin-top: .5em; + margin-top: 0.5em; } p { - margin-bottom: .5em; overflow: hidden; + margin-bottom: 0.5em; } p.rightside { @@ -558,15 +599,21 @@ } @media (min-width: 700px) { - .postbody { width: 70%; } + .postbody { + width: 70%; + } } @media (min-width: 850px) { - .postbody { width: 76%; } + .postbody { + width: 76%; + } } @media (max-width: 850px) { - .postprofile { width: 28%; } + .postprofile { + width: 28%; + } } @media (min-width: 701px) and (max-width: 950px) { @@ -576,15 +623,16 @@ } ul.topiclist dt { - margin-right: -410px; + margin-right: -410px; } ul.topiclist dt .list-inner { - margin-right: 410px; + margin-right: 410px; } - dd.posts, dd.topics, dd.views { - width: 80px; + dd.posts, + dd.topics, + dd.views { + width: 80px; } } - diff --git a/phpBB/styles/prosilver/theme/stylesheet.css b/phpBB/styles/prosilver/theme/stylesheet.css index f235f6030e..a5973576e5 100644 --- a/phpBB/styles/prosilver/theme/stylesheet.css +++ b/phpBB/styles/prosilver/theme/stylesheet.css @@ -7,15 +7,15 @@ -------------------------------------------------------------- */ -@import url("normalize.css"); -@import url("base.css"); -@import url("utilities.css"); -@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("icons.css"); -@import url("colours.css"); -@import url("responsive.css"); +@import url('normalize.css'); +@import url('base.css'); +@import url('utilities.css'); +@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('icons.css'); +@import url('colours.css'); +@import url('responsive.css'); diff --git a/phpBB/styles/prosilver/theme/tweaks.css b/phpBB/styles/prosilver/theme/tweaks.css index ba82551f85..19c830b1f1 100644 --- a/phpBB/styles/prosilver/theme/tweaks.css +++ b/phpBB/styles/prosilver/theme/tweaks.css @@ -2,38 +2,50 @@ These style definitions are IE 8 & 9 only. They are required due to the poor CSS support in IE browsers. -------------------------------------------------------------------------------*/ +----------------------------------------------------------------------------- */ /* IE 8 Tweaks (value)\9 equates to IE <= 8 -------------------------------------------------------------------------------*/ +----------------------------------------------------------------------------- */ /* Clear float fix */ -.inner, ul.linklist { zoom: 1\9; } +.inner, +ul.linklist { + zoom: 1\9; +} /* Align checkboxes/radio buttons nicely */ -dd label input { vertical-align: text-bottom\9; } +dd label input { + vertical-align: text-bottom\9; +} /* Fixes header-avatar aspect-ratio */ -.header-avatar img { height: 20px\9; } +.header-avatar img { + height: 20px\9; +} /* IE8 often can't handle max-width in %, so we use px instead */ -.postprofile .avatar img { max-width: 150px\9; } +.postprofile .avatar img { + max-width: 150px\9; +} /* IE 9 Tweaks -------------------------------------------------------------------------------*/ +----------------------------------------------------------------------------- */ /* Border-radius bleed fix in IE9 */ -.search-header, .search-header .inputbox, .search-header a.button { +.search-header, +.search-header .inputbox, +.search-header a.button { border-radius: 0; } -.headerbar, .forumbg { - background-image: url("./images/bg_header.gif"); +.headerbar, +.forumbg { + 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 { diff --git a/phpBB/styles/prosilver/theme/utilities.css b/phpBB/styles/prosilver/theme/utilities.css index cbb8127d1c..3b003c887e 100644 --- a/phpBB/styles/prosilver/theme/utilities.css +++ b/phpBB/styles/prosilver/theme/utilities.css @@ -3,24 +3,24 @@ -------------------------------------------------------------- */ .sr-only { + border: 0; position: absolute; + overflow: hidden; + clip: rect(0, 0, 0, 0); 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; + position: static; + overflow: visible; + clip: auto; + width: auto; + height: auto; + margin: 0; } .clearfix:before, @@ -31,36 +31,55 @@ .container-fluid:after, .row:before, .row:after { - content: " "; display: table; + content: ' '; } + .clearfix:after, .container:after, .container-fluid:after, -.row:after { clear: both } +.row:after { + clear: both; +} .center-block { display: block; - margin-left: auto; margin-right: auto; + margin-left: auto; } -.pull-right { float: right !important } -.pull-left { float: left !important } -.hide { display: none !important } -.show { display: block !important } -.invisible { visibility: hidden } +.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; + color: transparent; + text-shadow: none; } .hidden { - display: none ; + display: none; } -.affix { position: fixed } +.affix { + position: fixed; +} From 9dcd206ab3d30ac175835a2829bf3e2a7c2817fd Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:03:25 +0100 Subject: [PATCH 03/21] [ticket/14865] Standardize comments a little PHPBB3-14865 --- phpBB/styles/prosilver/theme/base.css | 4 +- phpBB/styles/prosilver/theme/bidi.css | 5 +- phpBB/styles/prosilver/theme/buttons.css | 5 +- phpBB/styles/prosilver/theme/colours.css | 134 ++++++++------------ phpBB/styles/prosilver/theme/common.css | 5 +- phpBB/styles/prosilver/theme/content.css | 5 +- phpBB/styles/prosilver/theme/cp.css | 5 +- phpBB/styles/prosilver/theme/forms.css | 5 +- phpBB/styles/prosilver/theme/icons.css | 4 +- phpBB/styles/prosilver/theme/links.css | 5 +- phpBB/styles/prosilver/theme/plupload.css | 4 + phpBB/styles/prosilver/theme/print.css | 5 +- phpBB/styles/prosilver/theme/responsive.css | 5 +- phpBB/styles/prosilver/theme/tweaks.css | 15 ++- phpBB/styles/prosilver/theme/utilities.css | 4 +- 15 files changed, 96 insertions(+), 114 deletions(-) diff --git a/phpBB/styles/prosilver/theme/base.css b/phpBB/styles/prosilver/theme/base.css index 570a0ad01f..5b64943704 100644 --- a/phpBB/styles/prosilver/theme/base.css +++ b/phpBB/styles/prosilver/theme/base.css @@ -1,6 +1,6 @@ -/* -------------------------------------------------------------- +/* -------------------------------------------------------------- /* $Base --------------------------------------------------------------- */ +/* -------------------------------------------------------------- */ /** { -webkit-box-sizing: border-box; diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css index a8dc84fc62..bbf3cb9cdb 100644 --- a/phpBB/styles/prosilver/theme/bidi.css +++ b/phpBB/styles/prosilver/theme/bidi.css @@ -1,5 +1,6 @@ -/* RTL definitions ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Bidi +/* -------------------------------------------------------------- */ /** * common.css diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index b4f98f3eaa..2c7e4ba2da 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -1,5 +1,6 @@ -/* Button Styles ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Buttons +/* -------------------------------------------------------------- */ .button { font-family: 'Open Sans', 'Droid Sans', Verdana, Arial, Helvetica; diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 207bdfdd24..4b33c2e71f 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1,8 +1,12 @@ -/* --------------------------------------------------------------- -colours and backgrounds for common.css --------------------------------------------------------------- */ +/* -------------------------------------------------------------- /* + $Colours +/* -------------------------------------------------------------- */ +/* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable selector-no-qualifying-type */ +/* stylelint-disable no-indistinguishable-colors */ +/* colours and backgrounds for common.css + ------------------------------------------------------------- */ html, body { background-color: #f5f7fa; @@ -27,11 +31,8 @@ hr { border-top-color: #cccccc; } -/* --------------------------------------------------------------- -colours and backgrounds for links.css --------------------------------------------------------------- */ - +/* colours and backgrounds for links.css + ------------------------------------------------------------- */ a { color: #105289; } @@ -90,8 +91,7 @@ th a:hover { color: #368ad2; } -/* round cornered boxes and backgrounds ----------------------------------------- */ +/* round cornered boxes and backgrounds */ .wrap { background-color: #ffffff; border-color: #e6e9ed; @@ -165,15 +165,13 @@ ul.zebra-list li:nth-child(even) { background-image: url('./images/site_logo.gif'); } -/* horizontal lists ----------------------------------------- */ +/* horizontal lists */ ul.navlinks { border-top-color: #ffffff; } -/* table styles ----------------------------------------- */ +/* table styles */ table.table1 thead th { color: #ffffff; } @@ -206,8 +204,7 @@ table.info tbody th { color: #000000; } -/* misc layout styles ----------------------------------------- */ +/* misc layout styles */ dl.details dt { color: #000000; } @@ -220,8 +217,7 @@ dl.details dd { color: #1198d9; } -/* icon styles ----------------------------------------- */ +/* icon styles */ .icon.icon-blue, a:hover .icon.icon-blue { color: #196db5; @@ -303,8 +299,7 @@ a:hover .icon.icon-black { background-color: #f1f8ff; } -/* miscellaneous styles ----------------------------------------- */ +/* miscellaneous styles */ .copyright { color: #555555; @@ -337,10 +332,8 @@ p.post-notice { background-image: none; } -/* --------------------------------------------------------------- -colours and backgrounds for content.css --------------------------------------------------------------- */ +/* colours and backgrounds for content.css + ------------------------------------------------------------- */ ul.forums { background-color: #eef5f9; /* old browsers */ /* ff3.6+ */ @@ -388,14 +381,12 @@ li.header dd { color: #ffffff; } -/* post body styles ----------------------------------------- */ +/* post body styles */ .postbody { color: #333333; } -/* content container styles ----------------------------------------- */ +/* content container styles */ .content { color: #333333; } @@ -430,8 +421,7 @@ dl.faq dt { border-top-color: #cccccc; } -/* bb code styles ----------------------------------------- */ +/* bb code styles */ /* quote block */ blockquote { @@ -492,8 +482,7 @@ blockquote blockquote blockquote { color: #dd0000; } -/* attachments ----------------------------------------- */ +/* attachments */ .attachbox { background-color: #ffffff; border-color: #c9d2d8; @@ -542,8 +531,7 @@ dl.thumbnail dt a:hover img { border-color: #368ad2; } -/* post poll styles ----------------------------------------- */ +/* post poll styles */ fieldset.polls dl { border-top-color: #dcdee2; @@ -616,8 +604,7 @@ fieldset.polls dd div { border-left-color: #d11a4e; } -/* poster profile block ----------------------------------------- */ +/* poster profile block */ .postprofile { border-color: #ffffff; color: #666666; @@ -639,10 +626,8 @@ dd.profile-warnings { color: #bc2a4d; } -/* --------------------------------------------------------------- -colours and backgrounds for buttons.css --------------------------------------------------------------- */ +/* colours and backgrounds for buttons.css + ------------------------------------------------------------- */ .button { background-color: #e9e9e9; /* old browsers */ /* ff3.6+ */ background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); /* w3c */ @@ -695,8 +680,7 @@ colours and backgrounds for buttons.css background-color: #f2f6f9; } -/* pagination ----------------------------------------- */ +/* pagination */ .pagination li a { background: #ecedee; @@ -731,8 +715,7 @@ colours and backgrounds for buttons.css filter: none; } -/* search box ---------------------------------------------- */ +/* search box */ .search-box .inputbox, .search-box .inputbox:hover, @@ -744,8 +727,7 @@ colours and backgrounds for buttons.css box-shadow: 0 0 10px #0075b0; } -/* icon images ----------------------------------------- */ +/* icon images */ .contact-icon { background-image: url('./images/icons_contact.png'); @@ -984,13 +966,10 @@ colours and backgrounds for buttons.css } -/* --------------------------------------------------------------- -colours and backgrounds for cp.css --------------------------------------------------------------- */ +/* colours and backgrounds for cp.css + ------------------------------------------------------------- */ -/* main cp box ----------------------------------------- */ +/* main cp box */ .panel-container h3, .panel-container hr, @@ -1022,8 +1001,7 @@ ul.cplist { border-color: #dbdee2; } -/* cp tabbed menu ----------------------------------------- */ +/* cp tabbed menu */ .tabs .tab > a { background: #baccd9; color: #536482; @@ -1048,8 +1026,7 @@ ul.cplist { color: #000000; } -/* mini tabbed menu used in mcp ----------------------------------------- */ +/* mini tabbed menu used in mcp */ .minitabs .tab > a { background-color: #e1ebf2; } @@ -1060,8 +1037,7 @@ ul.cplist { color: #333333; } -/* responsive tabs ----------------------------------------- */ +/* responsive tabs */ .responsive-tab .responsive-tab-link:before { border-color: #536482; } @@ -1070,8 +1046,7 @@ ul.cplist { border-color: #d31141; } -/* ucp navigation menu ----------------------------------------- */ +/* ucp navigation menu */ /* link styles for the sub-section links */ .navigation a { @@ -1111,8 +1086,11 @@ ul.cplist { } } -/* preferences pane layout ----------------------------------------- */ +/* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable selector-no-qualifying-type */ +/* stylelint-disable no-indistinguishable-colors */ + +/* preferences pane layout */ .panel-container h2 { color: #333333; } @@ -1134,8 +1112,7 @@ dl.mini dt { color: #425067; } -/* pm styles ----------------------------------------- */ +/* pm styles */ /* pm message history */ .current { @@ -1179,13 +1156,10 @@ dl.mini dt { background-color: #eeeeee; } -/* --------------------------------------------------------------- -colours and backgrounds for forms.css --------------------------------------------------------------- */ +/* colours and backgrounds for forms.css + ------------------------------------------------------------- */ -/* general form styles ----------------------------------------- */ +/* general form styles */ select { background-color: #fafafa; border-color: #666666; @@ -1200,8 +1174,7 @@ option.disabled-option { color: graytext; } -/* definition list layout for forms ----------------------------------------- */ +/* definition list layout for forms */ dd label { color: #333333; } @@ -1224,8 +1197,7 @@ fieldset.quick-login input.inputbox { background-color: #f2f3f3; } -/* posting page styles ----------------------------------------- */ +/* posting page styles */ .message-box textarea { color: #333333; @@ -1239,8 +1211,7 @@ fieldset.quick-login input.inputbox { outline-color: rgba(17, 163, 234, 0.5); } -/* input field styles ----------------------------------------- */ +/* input field styles */ .inputbox { background-color: #ffffff; border-color: #b4bac0; @@ -1272,8 +1243,7 @@ fieldset.quick-login input.inputbox { } -/* form button styles ----------------------------------------- */ +/* form button styles */ a.button1, input.button1, @@ -1333,8 +1303,7 @@ input.disabled { color: #666666; } -/* jquery popups ----------------------------------------- */ +/* jquery popups */ .phpbb_alert { background-color: #ffffff; border-color: #999999; @@ -1406,8 +1375,7 @@ input.disabled { border-color: #dcdcdc; } -/* notifications ----------------------------------------- */ +/* notifications */ .notification_list p.notification-time { color: #4c5d77; diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 3597550b5d..1817343641 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -1,5 +1,6 @@ -/* General Markup Styles ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Common +/* -------------------------------------------------------------- */ html { font-size: 100%; diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 6c6b09d13c..066da392ca 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -1,5 +1,6 @@ -/* Content Styles ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Content +/* -------------------------------------------------------------- */ ul.topiclist { display: block; diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index 48aa8f561c..a8dc8c3cf6 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -1,5 +1,6 @@ -/* Control Panel Styles ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Contorl Panel +/* -------------------------------------------------------------- */ /* Main CP box diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index 6fcdec33a2..2448c5f532 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -1,5 +1,6 @@ -/* Form Styles ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Forms +/* -------------------------------------------------------------- */ /* General form styles ---------------------------------------- */ diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css index 86e51b1087..1d0c8acb2e 100644 --- a/phpBB/styles/prosilver/theme/icons.css +++ b/phpBB/styles/prosilver/theme/icons.css @@ -1,6 +1,6 @@ -/* -------------------------------------------------------------- +/* -------------------------------------------------------------- /* $Icons --------------------------------------------------------------- */ +/* -------------------------------------------------------------- */ /* Global module setup ---------------------------------------- */ diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css index eeb8102fd1..3ea4b3fed4 100644 --- a/phpBB/styles/prosilver/theme/links.css +++ b/phpBB/styles/prosilver/theme/links.css @@ -1,5 +1,6 @@ -/* Link Styles ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Links +/* -------------------------------------------------------------- */ /* Links adjustment to correctly display an order of rtl/ltr mixed content */ a { diff --git a/phpBB/styles/prosilver/theme/plupload.css b/phpBB/styles/prosilver/theme/plupload.css index d4019a2a3a..2ec396e682 100644 --- a/phpBB/styles/prosilver/theme/plupload.css +++ b/phpBB/styles/prosilver/theme/plupload.css @@ -1,3 +1,7 @@ +/* -------------------------------------------------------------- /* + $Plupload +/* -------------------------------------------------------------- */ + .attach-panel-multi { display: none; margin-bottom: 1em; diff --git a/phpBB/styles/prosilver/theme/print.css b/phpBB/styles/prosilver/theme/print.css index 599a6c7fe8..b65903392f 100644 --- a/phpBB/styles/prosilver/theme/print.css +++ b/phpBB/styles/prosilver/theme/print.css @@ -1,5 +1,6 @@ -/* Print Style Sheet ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Print +/* -------------------------------------------------------------- */ /* Lots still TODO here! */ diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 6c5c503d16..13742a61fb 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,5 +1,6 @@ -/* Responsive Design ----------------------------------------- */ +/* -------------------------------------------------------------- /* + $Responsive +/* -------------------------------------------------------------- */ @media (max-width: 320px) { select, diff --git a/phpBB/styles/prosilver/theme/tweaks.css b/phpBB/styles/prosilver/theme/tweaks.css index 19c830b1f1..e0515f10f2 100644 --- a/phpBB/styles/prosilver/theme/tweaks.css +++ b/phpBB/styles/prosilver/theme/tweaks.css @@ -1,11 +1,12 @@ -/* Style Sheet Tweaks - -These style definitions are IE 8 & 9 only. -They are required due to the poor CSS support in IE browsers. ------------------------------------------------------------------------------ */ +/* -------------------------------------------------------------- /* + $Base +/* -------------------------------------------------------------- /* + These style definitions are IE 8 & 9 only. + They are required due to the poor CSS support in IE browsers. +/* -------------------------------------------------------------- */ /* IE 8 Tweaks (value)\9 equates to IE <= 8 ------------------------------------------------------------------------------ */ +----------------------------------------------------------------- */ /* Clear float fix */ .inner, @@ -30,7 +31,7 @@ dd label input { /* IE 9 Tweaks ------------------------------------------------------------------------------ */ +----------------------------------------------------------------- */ /* Border-radius bleed fix in IE9 */ .search-header, diff --git a/phpBB/styles/prosilver/theme/utilities.css b/phpBB/styles/prosilver/theme/utilities.css index 3b003c887e..bcee77cec5 100644 --- a/phpBB/styles/prosilver/theme/utilities.css +++ b/phpBB/styles/prosilver/theme/utilities.css @@ -1,6 +1,6 @@ -/* -------------------------------------------------------------- +/* -------------------------------------------------------------- /* $Utilities --------------------------------------------------------------- */ +/* -------------------------------------------------------------- */ .sr-only { border: 0; From 7c85e16c401ae610d7df72b37507a73bad0f8c65 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:04:05 +0100 Subject: [PATCH 04/21] [ticket/14865] Mask remaining issues with bidi PHPBB3-14865 --- phpBB/styles/prosilver/theme/bidi.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css index bbf3cb9cdb..75b7cb4fab 100644 --- a/phpBB/styles/prosilver/theme/bidi.css +++ b/phpBB/styles/prosilver/theme/bidi.css @@ -1,6 +1,8 @@ /* -------------------------------------------------------------- /* $Bidi /* -------------------------------------------------------------- */ +/* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable selector-no-qualifying-type */ /** * common.css @@ -1125,3 +1127,4 @@ li.breadcrumbs span:first-child > a { margin-right: 0; } } +/* stylelint-enable */ From c5fa60cd7895d9dbf97f3dd2a1cadaa3fe019cbc Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:04:31 +0100 Subject: [PATCH 05/21] [ticket/14865] Mask remaining issue with buttons PHPBB3-14865 --- phpBB/styles/prosilver/theme/buttons.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index 2c7e4ba2da..0a6619b499 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -176,9 +176,12 @@ button::-moz-focus-inner { padding: 0 0 0 18px; } + +/* stylelint-disable selector-no-qualifying-type */ ul.linklist.bulletin > li.small-icon:before { display: none; } +/* stylelint-enable */ .dropdown .small-icon > a { display: block; From 80e5f6f18795e65c70f850ca3318287b7eabfae3 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:05:07 +0100 Subject: [PATCH 06/21] [ticket/14865] Remove duplicate code from colours PHPBB3-14865 --- phpBB/styles/prosilver/theme/colours.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 4b33c2e71f..f20297a60e 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -664,10 +664,6 @@ dd.profile-warnings { border-color: #c7c3bf; } -.caret { - border-color: #dadada; -} - .caret { border-color: #c7c3bf; } From e69f9e58472c592e03be50d6a98e6f320fc92f27 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:05:30 +0100 Subject: [PATCH 07/21] [ticket/14865] Mask remaining issues with colours PHPBB3-14865 --- phpBB/styles/prosilver/theme/colours.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index f20297a60e..1918680c60 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1076,10 +1076,12 @@ ul.cplist { /* This ID needs factored out */ @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { + /* stylelint-disable selector-no-id */ #navigation a, .rtl #navigation a { background: #b2c2cf; } + /* stylelint-enable */ } /* stylelint-disable selector-max-compound-selectors */ @@ -1386,3 +1388,5 @@ li.notification-disapproved strong { background-color: #D31141; color: #ffffff; } +/* stylelint-enable */ + From 30d3d5c696e174c5d666428367d8448d84f4468e Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:06:12 +0100 Subject: [PATCH 08/21] [ticket/14865] Remove duplicate code from common PHPBB3-14865 --- phpBB/styles/prosilver/theme/common.css | 13 ------------- 1 file changed, 13 deletions(-) diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 1817343641..6ebc3e8566 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -503,10 +503,6 @@ ul.linklist.bulletin > li.no-bulletin:before { border-top: 1px solid transparent; } -.jumpbox .dropdown-select { - margin: 0; -} - .jumpbox .dropdown-contents { text-decoration: none; padding: 0; @@ -532,19 +528,10 @@ ul.linklist.bulletin > li.no-bulletin:before { width: 20px; } -.dropdown-contents a { - display: block; - padding: 5px; -} - .jumpbox .dropdown-select { margin: 0; } -.jumpbox .dropdown-contents a { - text-decoration: none; -} - .dropdown li { font-size: 1em !important; line-height: normal !important; From abcc7efff1c6705caca55d45ac51e7b0e2e69df7 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:06:32 +0100 Subject: [PATCH 09/21] [ticket/14865] Mask remaining issues with common PHPBB3-14865 --- phpBB/styles/prosilver/theme/common.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 6ebc3e8566..5c97c0571a 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -1,6 +1,9 @@ /* -------------------------------------------------------------- /* $Common /* -------------------------------------------------------------- */ +/* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable selector-no-qualifying-type */ + html { font-size: 100%; From cc258f09eb96a8cb2446e7eb70649ded18dbedf8 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:10:16 +0100 Subject: [PATCH 10/21] [ticket/14865] Move colors from content to colours PHPBB3-14865 --- phpBB/styles/prosilver/theme/colours.css | 22 ++++++++++++++++++++++ phpBB/styles/prosilver/theme/content.css | 2 -- 2 files changed, 22 insertions(+), 2 deletions(-) diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 1918680c60..10ed275a9a 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -626,6 +626,28 @@ dd.profile-warnings { color: #bc2a4d; } +/* 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 { + background: rgba(0, 0, 0, 0.1); +} + +.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, 0.3); +} + /* colours and backgrounds for buttons.css ------------------------------------------------------------- */ .button { diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 066da392ca..e17eca5f35 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -863,7 +863,6 @@ table.fixed-width-table { .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar { - background: rgba(0, 0, 0, 0.1); border-radius: 3px; width: 8px; height: 8px; @@ -877,7 +876,6 @@ table.fixed-width-table { .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb { - background: rgba(0, 0, 0, 0.3); border-radius: 3px; } From 507428e5dc618d37d9c91e77c0954568fadea3ad Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:10:45 +0100 Subject: [PATCH 11/21] [ticket/14865] Mask remaining issues with contnet PHPBB3-14865 --- phpBB/styles/prosilver/theme/content.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index e17eca5f35..0fe8e1947e 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -1,6 +1,8 @@ /* -------------------------------------------------------------- /* $Content /* -------------------------------------------------------------- */ +/* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable selector-no-qualifying-type */ ul.topiclist { display: block; @@ -880,7 +882,9 @@ table.fixed-width-table { } /* Factor out this ID */ +/* stylelint-disable selector-no-id */ #memberlist tr.inactive, #team tr.inactive { font-style: italic; } +/* stylelint-enable */ From 628005e730ddfcbcb9315cf4697f93b09cde49d5 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:11:47 +0100 Subject: [PATCH 12/21] [ticket/14865] Mask remaining issues with cp PHPBB3-14865 --- phpBB/styles/prosilver/theme/cp.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index a8dc8c3cf6..6abd982319 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -1,7 +1,8 @@ /* -------------------------------------------------------------- /* $Contorl Panel /* -------------------------------------------------------------- */ - +/* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable selector-no-qualifying-type */ /* Main CP box ---------------------------------------- */ @@ -389,3 +390,4 @@ ol.def-rules li { border-bottom-right-radius: 5px; } } +/* stylelint-enable */ From 53b82f28f72d65bfb59fcb2a4070ec236cd26e81 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:12:43 +0100 Subject: [PATCH 13/21] [ticket/14865] Mask remaining issues with forms PHPBB3-14865 --- phpBB/styles/prosilver/theme/forms.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index 2448c5f532..f4985f5508 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -1,6 +1,8 @@ /* -------------------------------------------------------------- /* $Forms /* -------------------------------------------------------------- */ +/* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable selector-no-qualifying-type */ /* General form styles ---------------------------------------- */ @@ -472,3 +474,4 @@ input.search { .tiny { width: 10%; } +/* stylelint-enable */ From 298353146ddaf503454b6e2fb790ff00169e21f7 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:14:42 +0100 Subject: [PATCH 14/21] [ticket/14865] Mask remaining issues with links PHPBB3-14865 --- phpBB/styles/prosilver/theme/links.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css index 3ea4b3fed4..357bc7d314 100644 --- a/phpBB/styles/prosilver/theme/links.css +++ b/phpBB/styles/prosilver/theme/links.css @@ -2,6 +2,7 @@ $Links /* -------------------------------------------------------------- */ + /* Links adjustment to correctly display an order of rtl/ltr mixed content */ a { text-decoration: none; @@ -33,6 +34,8 @@ th a:hover { text-decoration: underline; } +/* stylelint-disable selector-no-qualifying-type */ + /* Notification mark read link */ .dropdown-extended a.mark_read { background-position: center center; @@ -194,3 +197,4 @@ a.feed-icon-forum { a.anchor { display: block; } +/* stylelint-enable */ From fc056cf717e7b12444d7ee546a6d892273a03ff2 Mon Sep 17 00:00:00 2001 From: hanakin Date: Thu, 24 Nov 2016 13:16:49 +0100 Subject: [PATCH 15/21] [ticket/14865] Remove spacer overqualified div PHPBB3-14865 --- phpBB/styles/prosilver/theme/print.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/theme/print.css b/phpBB/styles/prosilver/theme/print.css index b65903392f..7a40466c6d 100644 --- a/phpBB/styles/prosilver/theme/print.css +++ b/phpBB/styles/prosilver/theme/print.css @@ -201,7 +201,7 @@ ul { } /* Misc page elements */ -div.spacer { +.spacer { clear: both; } From 6010bc298ea317f35932cdbbce26aae601b19d37 Mon Sep 17 00:00:00 2001 From: hanakin Date: Fri, 25 Nov 2016 00:24:52 +0100 Subject: [PATCH 16/21] [ticket/14865] Mask remaining issues with tweaks PHPBB3-14865 --- phpBB/styles/prosilver/theme/tweaks.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/theme/tweaks.css b/phpBB/styles/prosilver/theme/tweaks.css index e0515f10f2..db629c19f5 100644 --- a/phpBB/styles/prosilver/theme/tweaks.css +++ b/phpBB/styles/prosilver/theme/tweaks.css @@ -1,9 +1,12 @@ /* -------------------------------------------------------------- /* - $Base + $Tweaks /* -------------------------------------------------------------- /* 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 */ + /* IE 8 Tweaks (value)\9 equates to IE <= 8 ----------------------------------------------------------------- */ @@ -52,3 +55,4 @@ dd label input { .tabs .tab > a { border-radius: 0; } +/* stylelint-enable */ From 154552dfa4959b4514e5077f40507943609ce389 Mon Sep 17 00:00:00 2001 From: hanakin Date: Fri, 25 Nov 2016 00:25:41 +0100 Subject: [PATCH 17/21] [ticket/14865] Fix comments in responsive PHPBB3-14865 --- phpBB/styles/prosilver/theme/responsive.css | 45 +++++++++++++-------- 1 file changed, 28 insertions(+), 17 deletions(-) diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 13742a61fb..868a35318a 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -10,7 +10,7 @@ } /* Notifications list -----------------------------------------*/ +---------------------------------------------------------------- */ @media (max-width: 350px) { .dropdown-extended .dropdown-contents { @@ -139,8 +139,9 @@ .responsive-show-inline-block { display: inline-block !important; } + /* Content wrappers - ----------------------------------------*/ + ---------------------------------------------------------------- */ html { height: auto; } @@ -156,8 +157,9 @@ margin: 0; padding: 0 5px; } + /* Common block wrappers - ----------------------------------------*/ + ---------------------------------------------------------------- */ .headerbar, .navbar, .forabg, @@ -175,8 +177,9 @@ .cp-main .panel { border-radius: 7px; } + /* Logo block - ----------------------------------------*/ + ---------------------------------------------------------------- */ .site-description { text-align: center; float: none; @@ -204,18 +207,21 @@ .search-header { display: none; } + /* Navigation - ----------------------------------------*/ + ---------------------------------------------------------------- */ .headerbar + .navbar { margin-top: -5px; } + /* Search - ----------------------------------------*/ + ---------------------------------------------------------------- */ .responsive-search { display: block !important; } - /* .topiclist lists - ----------------------------------------*/ + + /* Forums and topicslists + ---------------------------------------------------------------- */ li.header dt { font-size: 1.2em; line-height: 1em; @@ -264,8 +270,6 @@ ul.topiclist dd.mark { display: block; } - /* Forums and topics lists - ----------------------------------------*/ ul.topiclist.forums dt { margin-right: -250px; } @@ -301,8 +305,9 @@ overflow: hidden; max-width: 100px; } + /* Pagination - ----------------------------------------*/ + ---------------------------------------------------------------- */ .pagination > ul { margin: 5px 0 0; } @@ -315,8 +320,9 @@ .row .pagination .ellipsis + li { display: none !important; } + /* Responsive tables - ----------------------------------------*/ + ---------------------------------------------------------------- */ table.responsive, table.responsive tbody, table.responsive tr, @@ -371,8 +377,9 @@ table.responsive.memberlist td:first-child input[type='checkbox'] { float: right; } + /* Forms - ----------------------------------------*/ + ---------------------------------------------------------------- */ fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt { @@ -459,16 +466,18 @@ display: inline-block; min-width: 50%; } + /* User profile - ----------------------------------------*/ + ---------------------------------------------------------------- */ .column1, .column2, .left-box.profile-details { float: none; width: auto; } + /* Polls - ----------------------------------------*/ + ---------------------------------------------------------------- */ fieldset.polls dt { width: 90%; } @@ -485,8 +494,9 @@ fieldset.polls dd.poll_option_percent { margin-top: 5px; } + /* Post - ----------------------------------------*/ + ---------------------------------------------------------------- */ .postbody { position: inherit; } @@ -554,8 +564,9 @@ .online { background-size: 40px; } + /* Misc stuff - ----------------------------------------*/ + ---------------------------------------------------------------- */ h2 { margin-top: 0.5em; } From 52ddce75f63a144104e07b34fbb54155124f96ef Mon Sep 17 00:00:00 2001 From: hanakin Date: Fri, 25 Nov 2016 00:26:17 +0100 Subject: [PATCH 18/21] [ticket/14865] Remove duplicate from responsive PHPBB3-14865 --- phpBB/styles/prosilver/theme/responsive.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 868a35318a..4fd2d9c5b1 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -267,9 +267,6 @@ display: none; } - ul.topiclist dd.mark { - display: block; - } ul.topiclist.forums dt { margin-right: -250px; } From 4d5b955a6188473562e2a42d5f2afd2e9a6d95f8 Mon Sep 17 00:00:00 2001 From: hanakin Date: Fri, 25 Nov 2016 00:26:53 +0100 Subject: [PATCH 19/21] [ticket/18465] Fix badge color PHPBB3-14865 --- phpBB/styles/prosilver/theme/colours.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 10ed275a9a..46eaa999b5 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1407,7 +1407,7 @@ li.notification-disapproved strong { } .badge { - background-color: #D31141; + background-color: #d31141; color: #ffffff; } /* stylelint-enable */ From 58d50129cec217cee9741df5451197ab15ac8561 Mon Sep 17 00:00:00 2001 From: hanakin Date: Fri, 25 Nov 2016 00:27:46 +0100 Subject: [PATCH 20/21] [ticket/14865] Mask remaining issues in responsive PHPBB3-14865 --- phpBB/styles/prosilver/theme/responsive.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 4fd2d9c5b1..00344ddfb7 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,6 +1,8 @@ /* -------------------------------------------------------------- /* $Responsive /* -------------------------------------------------------------- */ +/* stylelint-disable selector-max-compound-selectors */ +/* stylelint-disable selector-no-qualifying-type */ @media (max-width: 320px) { select, @@ -645,3 +647,4 @@ width: 80px; } } +/* stylelint-enable */ From e79e0efc9e832f7f7bf7baddd47b86023f8698a0 Mon Sep 17 00:00:00 2001 From: hanakin Date: Fri, 25 Nov 2016 00:28:09 +0100 Subject: [PATCH 21/21] [ticket/14865] Mask remaining issues with print PHPBB3-14865 --- phpBB/styles/prosilver/theme/print.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/theme/print.css b/phpBB/styles/prosilver/theme/print.css index 7a40466c6d..f8fefc21ae 100644 --- a/phpBB/styles/prosilver/theme/print.css +++ b/phpBB/styles/prosilver/theme/print.css @@ -1,7 +1,7 @@ /* -------------------------------------------------------------- /* $Print /* -------------------------------------------------------------- */ - +/* stylelint-disable selector-max-compound-selectors */ /* Lots still TODO here! */ @@ -213,3 +213,4 @@ ul { .codebox p { display: none; } +/* stylelint-enable */