Merge remote-tracking branch 'bmo/master'

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
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
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
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
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;
 }