diff options
Diffstat (limited to 'skins')
-rw-r--r-- | skins/standard/IE-fixes.css | 4 | ||||
-rw-r--r-- | skins/standard/attachment.css | 4 | ||||
-rw-r--r-- | skins/standard/dependency-tree.css | 16 | ||||
-rw-r--r-- | skins/standard/duplicates.css | 10 | ||||
-rw-r--r-- | skins/standard/enter_bug.css | 2 | ||||
-rw-r--r-- | skins/standard/global.css | 118 | ||||
-rw-r--r-- | skins/standard/index.css | 144 | ||||
-rw-r--r-- | skins/standard/index/file-a-bug.png | bin | 3534 -> 0 bytes | |||
-rw-r--r-- | skins/standard/index/help.png | bin | 4111 -> 0 bytes | |||
-rw-r--r-- | skins/standard/index/new-account.png | bin | 4082 -> 0 bytes | |||
-rw-r--r-- | skins/standard/index/search.png | bin | 4828 -> 0 bytes | |||
-rw-r--r-- | skins/standard/search_form.css | 26 | ||||
-rw-r--r-- | skins/standard/show_bug.css | 16 |
13 files changed, 217 insertions, 123 deletions
diff --git a/skins/standard/IE-fixes.css b/skins/standard/IE-fixes.css index fd96e4afe..0e3443fcf 100644 --- a/skins/standard/IE-fixes.css +++ b/skins/standard/IE-fixes.css @@ -26,8 +26,8 @@ form#Create #comp_desc { margin: .5em 1em; } -#bug_id_container, .search_field_grid, -.search_email_fields, ul.bug_changes li { +#bug_id_container, .search_field_grid, +.search_email_fields, ul.bug_changes li { zoom: 1; display: inline; } diff --git a/skins/standard/attachment.css b/skins/standard/attachment.css index cec2d49e1..008bc7031 100644 --- a/skins/standard/attachment.css +++ b/skins/standard/attachment.css @@ -133,10 +133,6 @@ table.attachment_info td { display: block; } -#smallCommentFrame, #attachment_flags { - float: left; -} - #smallCommentFrame { margin-right: 1.5em; } diff --git a/skins/standard/dependency-tree.css b/skins/standard/dependency-tree.css index cab167171..0aea49704 100644 --- a/skins/standard/dependency-tree.css +++ b/skins/standard/dependency-tree.css @@ -17,7 +17,7 @@ * Rights Reserved. * * Contributor(s): Christian Reis <kiko@async.com.br> - * André Batosti <batosti@async.com.br> + * André Batosti <batosti@async.com.br> */ ul.tree { @@ -31,19 +31,19 @@ ul.tree ul { display: block; } -ul.tree li { +ul.tree li { /* see http://www.kryogenix.org/code/browser/aqlists/ for idea */ - padding-top: 3px; - text-indent: -1.2em; - padding-left: 0.5em; + padding-top: 3px; + text-indent: -1.2em; + padding-left: 0.5em; padding-bottom: 3px; list-style-type: none; background: url("dependency-tree/bug-item.png") no-repeat; } ul.tree li a.b { - padding-left: 30px; - margin-right: -14px; + padding-left: 30px; + margin-right: -14px; text-decoration: none; } @@ -64,7 +64,7 @@ ul.tree a.tree_link img { .summ_info { /* change to inline if you would like to see the full bug details * displayed in the list */ - display: none; + display: none; font-size: 75%; } diff --git a/skins/standard/duplicates.css b/skins/standard/duplicates.css index e89b72c59..c9fca7523 100644 --- a/skins/standard/duplicates.css +++ b/skins/standard/duplicates.css @@ -2,18 +2,18 @@ * License Version 1.1 (the "License"); you may not use this file * except in compliance with the License. You may obtain a copy of * the License at http://www.mozilla.org/MPL/ - * + * * Software distributed under the License is distributed on an "AS * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or * implied. See the License for the specific language governing * rights and limitations under the License. - * + * * The Original Code is the Bugzilla Bug Tracking System. - * + * * The Initial Developer of the Original Code is Everything Solved, Inc. * Portions created by the Initial Developer are Copyright (C) 2009 * the Initial Developer. All Rights Reserved. - * + * * Contributor(s): * Max Kanat-Alexander <mkanat@bugzilla.org> */ @@ -23,7 +23,7 @@ } #duplicates_table .resolved { - background-color: #d9d9d9; + background-color: #d9d9d9; color: black; } diff --git a/skins/standard/enter_bug.css b/skins/standard/enter_bug.css index 34be42f7a..7f610b82b 100644 --- a/skins/standard/enter_bug.css +++ b/skins/standard/enter_bug.css @@ -62,7 +62,7 @@ /* The Possible Duplicates table on enter_bug. */ #possible_duplicates th { - text-align: center; + text-align: center; background: none; border-collapse: collapse; } diff --git a/skins/standard/global.css b/skins/standard/global.css index e7028f892..3ccf6e8fb 100644 --- a/skins/standard/global.css +++ b/skins/standard/global.css @@ -79,6 +79,52 @@ } /* fixed global header (end) */ +/* global message (begin) */ + #message-container { + text-align: center; + line-height: 1.5; + } + + #message-container .inner { + box-sizing: border-box; + margin: 0 auto; + padding: 8px; + width: 1024px; + } + + #message-container p { + margin: 0; + } + + #message-container .noscript { + color: #EEE; + background-color: #333; + } + + #message-container .warning { + color: #EEE; + background-color: #C00; + } + + #message-container .announcement { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + color: #555; + background-color: lightyellow; + } + + #message-container .announcement p.warning { + color: red; + } + + /* Reset legacy style */ + #message-container .announcement #message { + margin: 0; + border: 0; + padding: 0; + color: #555; + } +/* global message (end) */ + /* header (begin) */ #header { flex: none; @@ -243,7 +289,7 @@ } #header .link-file .icon::before { - content: '\E254'; + content: '\E89C'; } #header .link-dashboard .icon::before { @@ -404,6 +450,7 @@ /* narrower global header (begin) */ @media screen and (max-width: 1024px) { + #message-container .inner, #header .inner { width: 800px; } @@ -1110,6 +1157,67 @@ select, select[multiple] { font-size: 12px; } +.buttons.toggle[role="radiogroup"] { + display: inline-flex; +} + +.buttons.toggle[role="radiogroup"] .item { + display: flex; +} + +.buttons.toggle[role="radiogroup"] input[type="radio"] { + position: absolute; + left: -99999px; +} + +.buttons.toggle[role="radiogroup"] label { + display: flex; + align-items: center; + justify-content: center; + position: relative; + z-index: 1; + border: 1px solid #B2B2B2; + padding: 4px 12px; + min-width: 1em; + min-height: 1em; + background-color: #FFF; + box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1); + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; +} + +.buttons.toggle[role="radiogroup"] .item:first-child label { + border-radius: 4px 0 0 4px; +} + +.buttons.toggle[role="radiogroup"] .item:last-child label { + border-radius: 0 4px 4px 0; +} + +.buttons.toggle[role="radiogroup"] .item:not(:first-child) label { + margin-left: -1px; + border-left-color: #D2D2D2; +} + +.buttons.toggle[role="radiogroup"] .item:not(:last-child) label { + border-right-color: #D2D2D2; +} + +.buttons.toggle[role="radiogroup"] input[type="radio"]:checked + label { + z-index: 2; + border-color: #B2B2B2; + color: #111; + background-color: #DDD; + box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2); +} + +.buttons.toggle[role="radiogroup"] input[type="radio"]:focus + label { + z-index: 2; + border-color: #42A4E0; + box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2), 0 0 0 2px rgba(73, 173, 227, .4); +} + hr { border: none; height: 1px; @@ -1122,14 +1230,6 @@ hr { display: none; } -#mfa-warning { - flex: none; - margin: 0 -15px; - padding: 10px 15px; - color: #FFF; - background-color: #FF5300; -} - #bugzilla-body { flex: auto; position: relative; diff --git a/skins/standard/index.css b/skins/standard/index.css index 9fe9202db..62b7deb3f 100644 --- a/skins/standard/index.css +++ b/skins/standard/index.css @@ -50,34 +50,6 @@ font-weight: bold; } - .bz_common_actions { - text-align: center; - } - .bz_common_actions ul { - list-style-type: none; - padding: 0; - } - .bz_common_actions ul li { - display: inline; - vertical-align: top; - } - .bz_common_actions ul li a { - display: inline-block; - height: 170px; - width: 145px; - margin: 0 2ex 2em 0; - } - .bz_common_actions ul li a span { - position: relative; - top: 90%; - font-weight: bold; - } - .bz_common_actions a, - .bz_common_actions a:visited, - .bz_common_actions a:hover { - text-decoration: none; - } - #quicksearchForm { clear: both; @@ -110,6 +82,76 @@ padding: 0; } + #tiles { + display: flex; + margin: 32px 0; + padding: 0; + list-style-type: none; + } + + #tiles li { + flex: none; + margin: 0; + padding: 0; + } + + #tiles a { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 8px; + width: 160px; + height: 160px; + } + + #tiles a:hover, + #tiles a:focus, + #tiles a:active { + background-color: rgba(0, 0, 0, .05); + text-decoration: none; + } + + #tiles span { + display: block; + } + + #tiles .icon { + width: 120px; + height: 120px; + font-size: 120px; + line-height: 120px; + font-family: "Material Icons"; + color: #777; + } + + #tile-docs .icon::before { + content: "\E887"; + } + + #tile-search .icon::before { + content: "\E8A0"; + } + + #tile-new-bug .icon::before { + content: "\E89C"; + } + + #tile-prefs .icon::before { + content: "\E8B8"; + } + + #tile-new-account .icon::before, + #tile-login .icon::before { + content: "\E853"; + } + + #tiles .label { + margin-top: 4px; + font-size: 14px; + color: #555; + } + ul.additional_links { list-style: none; @@ -135,49 +177,5 @@ { color: #ccc; } -/* index page (end) */ - - - #enter_bug - { - background: url(../../images/bugzilla-papericon.png) no-repeat; - } - #query - { - background: url(../../images/bugzilla-magnifier.png) no-repeat; - } - #account - { - background: url(../../images/bugzilla-person-alternate.png) no-repeat; - margin-right: 0; - } - #docs - { - background: url(../../images/bugzilla-questionmark2.png) no-repeat !important; - } - - #page-index .intro { display: inline; } - #docs { background: url(../standard/index/help.png) no-repeat; } - - .bz_common_actions - { - display: block; - height: 170px; - width: 145px; - float: left; - margin: 0 2ex 2em 0; - text-align: center; - } - .bz_common_actions span - { - position: relative; - top: 95%; - font-weight: bold; - } - .bz_common_actions, - .bz_common_actions:visited, - .bz_common_actions:hover - { - text-decoration: none; - } +/* index page (end) */ diff --git a/skins/standard/index/file-a-bug.png b/skins/standard/index/file-a-bug.png Binary files differdeleted file mode 100644 index cf4c941b6..000000000 --- a/skins/standard/index/file-a-bug.png +++ /dev/null diff --git a/skins/standard/index/help.png b/skins/standard/index/help.png Binary files differdeleted file mode 100644 index 6f9035b64..000000000 --- a/skins/standard/index/help.png +++ /dev/null diff --git a/skins/standard/index/new-account.png b/skins/standard/index/new-account.png Binary files differdeleted file mode 100644 index 4ad9ff203..000000000 --- a/skins/standard/index/new-account.png +++ /dev/null diff --git a/skins/standard/index/search.png b/skins/standard/index/search.png Binary files differdeleted file mode 100644 index 8d33ebd1e..000000000 --- a/skins/standard/index/search.png +++ /dev/null diff --git a/skins/standard/search_form.css b/skins/standard/search_form.css index 71ce22484..d191fac4d 100644 --- a/skins/standard/search_form.css +++ b/skins/standard/search_form.css @@ -14,7 +14,7 @@ * Portions created by the Initial Developer are Copyright (C) 2010 the * Initial Developer. All Rights Reserved. * - * Contributor(s): + * Contributor(s): * Guy Pyrzak <guy.pyrzak@gmail.com> */ @@ -26,7 +26,7 @@ white-space: nowrap; } -#bug_id_container { +#bug_id_container { display: inline-block; vertical-align: middle; padding-bottom: 1ex; @@ -36,7 +36,7 @@ width: 9em; } -.container_date_from, +.container_date_from, .container_date_to { width: 14em; padding-bottom: 1ex; @@ -59,15 +59,15 @@ display: inline-block; } -.search_field_grid .field_help_link, -.history_query .field_help_link +.search_field_grid .field_help_link, +.history_query .field_help_link { display: block; text-align: left; } #chart .section_help { - font-size: 0.8em; + font-size: 0.8em; font-weight: normal } @@ -88,7 +88,7 @@ display: block; } -#summary_field.search_field_row input, +#summary_field.search_field_row input, #summary_field.search_field_row select { display: inline; @@ -164,13 +164,13 @@ div.bz_section_title { } div.bz_section_title a { - font-weight: bold; + font-weight: bold; } div.bz_section_title span { font-size: 0.75em; - margin-left: 1em; -} + margin-left: 1em; +} #summary_field label { font-weight: bold; @@ -184,9 +184,9 @@ div.bz_section_title span { margin-top: 2em; } -.hide_people_filter #people_filter_section, -.hide_history_filter #history_filter_section, -.hide_detailed_information #detailed_information_section +.hide_people_filter #people_filter_section, +.hide_history_filter #history_filter_section, +.hide_detailed_information #detailed_information_section { display: none; } diff --git a/skins/standard/show_bug.css b/skins/standard/show_bug.css index 0ef6722f9..2326e6046 100644 --- a/skins/standard/show_bug.css +++ b/skins/standard/show_bug.css @@ -1,9 +1,9 @@ .bz_alias_short_desc_container { - margin: 8px 0; - padding: 0.3em; - background-color: rgb(208, 208, 208); + margin: 8px 0; + padding: 0.3em; + background-color: rgb(208, 208, 208); border-radius: 0.5em; - font-size: 125%; + font-size: 125%; font-weight: bold; } @@ -30,7 +30,7 @@ table#flags { } .related_actions { - font-size: 0.85em; + font-size: 0.85em; float: right; list-style-type: none; white-space: nowrap; @@ -86,7 +86,7 @@ table#flags { text-align: center; } -.bz_time_tracking_table th, +.bz_time_tracking_table th, .bz_time_tracking_table td { padding: 4px; } @@ -98,11 +98,11 @@ table#flags { width: 7em; } -#summary tr td { +#summary tr td { vertical-align:top; } -#status { +#status { margin-bottom: 3ex; } |