summaryrefslogtreecommitdiffstats
path: root/skins
diff options
context:
space:
mode:
Diffstat (limited to 'skins')
-rw-r--r--skins/standard/IE-fixes.css4
-rw-r--r--skins/standard/attachment.css4
-rw-r--r--skins/standard/dependency-tree.css16
-rw-r--r--skins/standard/duplicates.css10
-rw-r--r--skins/standard/enter_bug.css2
-rw-r--r--skins/standard/global.css118
-rw-r--r--skins/standard/index.css144
-rw-r--r--skins/standard/index/file-a-bug.pngbin3534 -> 0 bytes
-rw-r--r--skins/standard/index/help.pngbin4111 -> 0 bytes
-rw-r--r--skins/standard/index/new-account.pngbin4082 -> 0 bytes
-rw-r--r--skins/standard/index/search.pngbin4828 -> 0 bytes
-rw-r--r--skins/standard/search_form.css26
-rw-r--r--skins/standard/show_bug.css16
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
deleted file mode 100644
index cf4c941b6..000000000
--- a/skins/standard/index/file-a-bug.png
+++ /dev/null
Binary files differ
diff --git a/skins/standard/index/help.png b/skins/standard/index/help.png
deleted file mode 100644
index 6f9035b64..000000000
--- a/skins/standard/index/help.png
+++ /dev/null
Binary files differ
diff --git a/skins/standard/index/new-account.png b/skins/standard/index/new-account.png
deleted file mode 100644
index 4ad9ff203..000000000
--- a/skins/standard/index/new-account.png
+++ /dev/null
Binary files differ
diff --git a/skins/standard/index/search.png b/skins/standard/index/search.png
deleted file mode 100644
index 8d33ebd1e..000000000
--- a/skins/standard/index/search.png
+++ /dev/null
Binary files differ
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;
}