[mail-web] changing the archive's design

[Elena Petrevska <epetrevska src gnome org>]

commit 11e5326ef4d8e082acbdf1e737d23eb8cc335f50
Author: epetrevska <elenapetrevska77 gmail com>
Date:   Mon Jul 9 00:48:16 2012 +0200

    changing the archive's design

 css/archive.css |  210 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 css/layout.css  |    6 +--
 2 files changed, 211 insertions(+), 5 deletions(-)
---
diff --git a/css/archive.css b/css/archive.css
new file mode 100644
index 0000000..a362a79
--- /dev/null
+++ b/css/archive.css
@@ -0,0 +1,210 @@
+#header_archives p {
+    font-size: 22px;
+    margin: 23px 26px 9px 50px;
+    width: 960px;
+}
+
+
+
+/*top bar*/
+
+.left {
+    float: left;
+}
+
+#top_bar_archive ul {
+    list-style: none outside none;
+    margin: 0;
+    padding: 0 5px;
+}
+
+#top_bar_archive ul li {
+    display: inline;
+    margin: 0 5px 0 0;
+}
+
+#top_bar_archive a {
+    -moz-transition: background 100ms linear 0s;
+    border-radius: 4px 4px 4px 4px;
+    color: #FFFFFF;
+    outline: 0 none;
+    padding: 4px 8px;
+    text-decoration: none;
+    text-shadow: 0 1px 0 #000000;
+}
+
+.right {
+    float: right;
+}
+
+.hidden {
+    display: none;
+}
+
+#top_bar_archive input {
+    -moz-border-bottom-colors: none;
+    -moz-border-image: none;
+    -moz-border-left-colors: none;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    background: url("search-icon.png") no-repeat scroll 8px center transparent;
+    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.3);
+    border-style: none none none solid;
+    border-width: 0 0 0 1px;
+    color: #FFFFFF;
+    font: inherit;
+    margin: -8px 0 -8px -8px;
+    outline: medium none;
+    padding: 8px 8px 8px 28px;
+    width: 150px;
+}
+
+input:-moz-read-write, textarea:-moz-read-write {
+    -moz-user-modify: read-write !important;
+}
+
+#top_bar_archive {
+    background: url("top_bar-bg.png") repeat-x scroll center top #2E3436;
+    border-radius: 6px 6px 6px 6px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    float: right;
+    font-size: 13px;
+    line-height: normal;
+    margin: 30px auto;
+    width: 960px;
+}
+
+.container_12 .grid_9, .container_16 .grid_12 {
+    width: 700px;
+}
+
+.container_12, .container_16 {
+    margin-left: auto;
+    margin-right: auto;
+    width: 960px;
+}
+
+.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
+    display: inline;
+    float: left;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+input {
+    -moz-appearance: textfield;
+    -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
+    -moz-user-select: text;
+    background-color: -moz-field;
+    border: 2px inset threedface;
+    color: -moz-fieldtext;
+    cursor: text;
+    font: -moz-field;
+    letter-spacing: normal;
+    line-height: normal !important;
+    padding: 1px 0;
+    text-align: start;
+    text-indent: 0;
+    text-rendering: optimizelegibility;
+    text-shadow: none;
+    text-transform: none;
+    word-spacing: normal;
+}
+
+
+/*logo*/
+
+#header #logo {
+    float: left;
+}
+
+.grid_3, .container_16, .grid_4 {
+    width: 220px;
+}
+
+
+#header_archive #logo img {
+    -moz-transition: opacity 200ms ease-out 0s;
+    height: 78px;
+    margin-left: 10px;
+    opacity: 1;
+    width: 250px;
+    left: 10px;
+    margin-top: 5px;
+}
+
+#header_archive {
+    margin: 20px auto 0;
+    width: 960px;
+    float: center;
+    font-size: 75%;
+}
+
+#select_archive {
+    height: 27px;
+    margin-left: 0;
+    margin-top: 5px;
+    text-align: center;
+    width: 205px;
+}
+
+#body_archive {
+    clear: both;
+    margin: auto;
+    padding-top: 1px;
+    width: 1062px;
+}
+
+#page_archive {
+    margin: auto;
+    padding: 0;
+    width: 960px;
+}
+
+/* global domain bar */
+
+#global_domain_bar_archive {
+    width: 960px;
+    margin: auto;
+}
+
+#global_domain_bar_archive .maxwidth {
+    margin: 10px;
+    margin-top: -16px;
+}
+
+
+#global_domain_bar_archive .tab {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border-radius: 5px 5px 5px 5px;
+    box-shadow: 0 4px 2px -2px #8FB3D9;
+    float: right;
+    font-size: 12px;
+    line-height: 16px;
+    padding: 6px 8px;
+    position: relative;
+    right: 0;
+}
+
+#global_domain_bar_archive .tab a.root:last-child {
+    border-right: 0 none;
+    margin-right: 0;
+    padding-right: 0;
+}
+
+#global_domain_bar_archive .tab a.root {
+    background: url(http://www.gnome.org/wp-content/themes/gnome-grass/images/favicon.png) no-repeat scroll 0 0 #FFFFFF;
+    border-right: 1px solid #CCCCCC;
+    color: #555753;
+    font-weight: bold;
+    margin-right: 3px;
+    padding-left: 18px;
+    padding-right: 6px;
+    text-decoration: none;
+}
+
+
+#global_domain_bar_archive {
+    margin: auto;
+    width: 967px;
+}
diff --git a/css/layout.css b/css/layout.css
index ae634b3..a015e72 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -660,11 +660,7 @@ input {
     font-size: 75%;
 }
 
-#header_archives p {
-    font-size: 22px;
-    margin: 23px 26px 9px 50px;
-    width: 960px;
-}
+
 #except_footer {
     width: 960px;
     margin: auto;