[gnome-web-www: 22/68] General CSS cleanup and optimization

[Tom Tryfonidis <tomtryf src gnome org>]

commit cc1b3dd18961792b88f110ef3487c8f9b3b1393d
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Mon Jan 9 16:39:19 2017 +0200

    General CSS cleanup and optimization

 theme/css/news.css |   52 +++++++++++
 theme/style.css    |  252 ++++++++++++----------------------------------------
 2 files changed, 109 insertions(+), 195 deletions(-)
---
diff --git a/theme/css/news.css b/theme/css/news.css
index b4a19e2..9382a2b 100644
--- a/theme/css/news.css
+++ b/theme/css/news.css
@@ -1,8 +1,25 @@
+/* News Title */
+/* ========================================================================== */
+
+.news_title h1 {
+    margin-top: 0;
+    color: #333;
+    font-weight: normal;
+    font-size: 32px;
+    line-height: 100%;
+    letter-spacing: -0.04em;
+}
+.news_title .date {
+    margin: 0;
+    color: #3465a4;
+}
+
 /* News List */
 /* ========================================================================== */
 
 .news_list {
     list-style: none;
+    padding-left: 0px;
 }
 .news_list li {
     margin: 10px 0;
@@ -18,12 +35,47 @@
     font-size: 18px;
     line-height: normal;
 }
+.span4.news:first-child {
+    margin-left: 0;
+}
+
+.news_list .news strong {
+    display: block;
+    min-height: 30px;
+}
+
+.news_list .news {
+    margin-bottom: 20px;
+}
+.news_list .news .date {
+    font-family: 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
+    color: #888a85;
+}
+.news_list .news a {
+    color: #555753;
+    display: block;
+    text-decoration: none;
+}
+.news_list .news a strong {
+    font-size: 18px;
+    color: #000;
+    line-height: 1.5;
+}
+.news_list .news a:hover strong {
+    text-decoration: underline;
+}
+
+.news_list .action_button {
+    float: right;
+    margin-bottom: 0.8em;
+}
 
 /* Press Release */
 /* ========================================================================== */
 
 .press_list {
     display: table;
+    padding-left: 0px;
 }
 .press_list li {
     display: table-row;
diff --git a/theme/style.css b/theme/style.css
index be20521..1a945dc 100644
--- a/theme/style.css
+++ b/theme/style.css
@@ -13,10 +13,7 @@ Description: The original theme for the GNOME Project website.
 /* ========================================================================== */
 
 html {
-    background: #fff url(images/html-bg.png) 0 10px repeat-x;
-}
-body {
-
+    background: transparent;
 }
 a {
     color: #204a87;
@@ -137,7 +134,6 @@ a:visited {
 }
 
 
-
 /* Top bar */
 /* ========================================================================== */
 
@@ -275,12 +271,12 @@ a:visited {
 #top_bar_search .right {
     margin-top: 5px;
 }
+
+
+
 /* Foundation Navigation Menu */
 /* ========================================================================== */
 
-#foundation h1, h2, h3, h4{
-    color: #8c5f93;
-}
 .foundation_nav{
     background: #fff repeat-x;
     padding: 0px 0;
@@ -338,35 +334,44 @@ a:visited {
     padding-left: 18px;
 }
 
-/*===========================Foundation==============================*/
-.foundation_advisory_board [class*="span"] {
-    height: 100px;
-    line-height: 100px;
-    text-align: center;
+/* Foundation */
+/* ========================================================================== */
+
+#foundation h1,
+#foundation h2,
+#foundation h3,
+#foundation h4 {
+    color: #8c5f93;
+}
+
+#foundation .page_title {
+    margin-bottom: 2px;
+    color: #8c5f93;
 }
+
 .foundation_advisory_board {
     margin-top: 30px;
 }
 .foundation_advisory_board img {
     vertical-align: middle;
+    margin: 20px;
 }
+
 .main_feature img {
     margin-top: -25px;
     margin-left: 50px;
 }
 
-.foundation_board li {
-    margin: 8px;
+.foundation_board {
+  -moz-column-count: 2;
+  -webkit-column-count: 2;
+  column-count: 2;
 }
 
-/*==============================End Miscelleneous=================================================*/
 
-/* ========================================================================== */
 /* Page Title */
 /* ========================================================================== */
 
-
-
 .page_title {
     margin: 10px 10px 20px 0px;
     border-bottom: 1px solid #d3d7cf;
@@ -450,69 +455,19 @@ a:visited {
     font-weight: bold;
 }
 
-#foundation .page_title {
-    margin-bottom: 2px;
-}
-
-/* News Title */
-/* ========================================================================== */
-
-
-
-.news_title h1 {
-    margin-top: 0;
-    color: #333;
-    font-weight: normal;
-    font-size: 32px;
-    line-height: 100%;
-    letter-spacing: -0.04em;
-}
-.news_title .date {
-    margin: 0;
-    color: #3465a4;
-}
-
-
-
-
-
-/* Container */
+/* Site Content */
 /* ========================================================================== */
 
-
-
-#container {
-    padding-top: 20px;
+.content {
     color: #555;
-    /*width: 960px;*/
     margin: auto;
     min-height: 240px;
 }
 
-/*
-* this is basically used to force specific elements not to use
-* grid_* classes
-*/
-#container .page_title, #container .content, #container .sidebar {
-/*  display: inline;
-float: left;
-*//*    margin-left: 10px;
-margin-right: 10px;
-*/}
-#container .content, #container .page_title {
-    /*width: 940px;*/
-}
-#container.two_columns .content {
-    /*width: 700px;*/
-}
-#container.two_columns .content.without_sidebar {
-    /*width: 940px;*/
-}
-#container.two_columns .sidebar {
-/*    width: 220px;
-*/}
-
-/*==================================Application Form===========================*/
+
+/* Application Form */
+/* ========================================================================== */
+
 #application_form {
     margin-top: 30px;
     padding: 30px;
@@ -542,10 +497,9 @@ margin-right: 10px;
     display: block;
     float: left;
     width: 140px;
-/*    text-align: right;
-*/    margin-right: 10px;
-padding: 5px;
-font-weight: bold;
+    margin-right: 10px;
+    padding: 5px;
+    font-weight: bold;
 }
 #application_form .item input[type="text"],
 #application_form .item .field {
@@ -596,11 +550,8 @@ font-weight: bold;
 /* ========================================================================== */
 
 
-
 /*
 * -> Call to Action boxes
-*
-*
 */
 
 .action_box {
@@ -850,7 +801,6 @@ dl.icon_list dt img {
 
 /* -> Action Button */
 
-
 .action_button {
     display: inline-block;
     padding: 0 14px;
@@ -888,59 +838,9 @@ dl.icon_list dt img {
     background-position: bottom;
 }
 
-
-
-
-/*
-* --> News list
-*
-* This is initially used in the home page for displaying the news
-*
-*/
-
-.news_list {
-}
-
-.span4.news:first-child {
-    margin-left: 0;
-}
-
-.news_list .news strong {
-    display: block;
-    min-height: 54px;
-}
-
-.news_list .news {
-    margin-bottom: 20px;
-}
-.news_list .news .date {
-    font-family: 'Droid Serif', 'DejaVu Serif', Cambria, Georgia, serif;
-    color: #888a85;
-}
-.news_list .news a {
-    color: #555753;
-    display: block;
-    text-decoration: none;
-}
-.news_list .news a strong {
-    font-size: 18px;
-    color: #000;
-    line-height: 1.5;
-}
-.news_list .news a:hover strong {
-    text-decoration: underline;
-}
-
-.news_list .action_button {
-    float: right;
-    margin-bottom: 0.8em;
-}
-
 /* Page Navigation */
 /* ========================================================================== */
 
-
-
 .page_navigation {
     margin: 30px auto 0;
 }
@@ -971,8 +871,6 @@ dl.icon_list dt img {
 /* Footer Artwork */
 /* ========================================================================== */
 
-
-
 #footer_art {
     background: transparent no-repeat;
     height: 180px;
@@ -1004,14 +902,13 @@ dl.icon_list dt img {
 /* Footer */
 /* ========================================================================== */
 
-
-
 #footer {
     clear: left;
-    /*background: #d3d7cf url(images/grass.png) top center repeat-x;*/
-    background: #d3d7cf;
-    color: #555753;
+    background: #000;
+    color: #919191;
     padding: 20px 20px;
+    padding-top: 40px;
+    margin-top: 80px;
 }
 #footer div.links > div > ul > li {
     float: left;
@@ -1084,19 +981,19 @@ dl.icon_list dt img {
 }
 #footer .links a {
     color: inherit;
-    -webkit-transition: background-color 100ms ease-in;
-    -moz-transition: background-color 100ms ease-in;
-    transition: background-color 100ms ease-in;
+    outline: 0;
+    -webkit-transition: all .35s;
+    -moz-transition: all .35s;
+    transition: all .35s;
+    margin: 6px 0;
+    font-size: 14px; /* 14px */
+}
+#footer .links a:hover {
+    color: #c4c4c4;
 }
+#footer .links a:active,
 #footer .links a:focus {
-    background: #ececec;
-    padding: 1px 3px;
-    margin: -1px -3px;
-    text-decoration: none !important;
-    outline: 0;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
+    color: #fff;
 }
 #footer #footnotes {
     margin-top: 20px;
@@ -1112,7 +1009,6 @@ dl.icon_list dt img {
 /* Language Selector */
 /* ========================================================================== */
 
-
 #language_selector {
     display: none;
     /* poor wanda the fish */
@@ -1206,26 +1102,14 @@ hr.bottom_shadow {
 }
 .crafted_content .section.image-right .text {
     float: left;
-    /*width: 480px;*/
 }
 .crafted_content .section.image-left .text {
     float: right;
-    /*width: 480px;*/
-}
-.crafted_content .section .image {
-    display: block;
-    /*width: 420px;*/
-}
-.crafted_content .section .image img {
-    /*width: 420px;*/
-    display: block;
 }
 .crafted_content .section.image-right .image {
-    /*margin-left: 40px;*/
     float: right;
 }
 .crafted_content .section.image-left .image {
-    /*margin-right: 40px;*/
     float: left;
 }
 .crafted_content .section .thumbs {
@@ -1301,63 +1185,41 @@ class[*="span"] .omega {
     margin-right: 0;
 }
 
-#main_countedown_1 .time_left {
-    border-radius: 8px;
-    background-color: #3DA8CC;
-    font-size: 23px;
-    font-family: monospace;
-    color: #000000;
-}
-
-
-#main_countedown_1 .time_description {
-    font-size: 23px;
-    font-family: monospace;
-    color: #000000;
-}
-
-.ujic-classic span.countdown_amount {
-    text-shadow: 0px !important;
-    box-shadow: 0px !important;
-}
-
-
-.social_network_icons [class*="fa fa-"]{
-    padding: 6px;
-    color: #000;
-    text-decoration: none;
-    outline: none;
-}
+/* Social Icons */
+/* ========================================================================== */
 
 #thankyou a,
 .social_network_icons a {
     outline: none;
     border: 0;
+    text-decoration: none;
+    color: inherit;
 }
 #thankyou a,
 .social_network_icons a:hover {
     text-decoration: none;
 }
-
 #thankyou .fa-twitter:hover {
     background-color: #1DA1F2;
 }
-
 #thankyou .fa-facebook:hover {
     background-color: #3b5998;
 }
-
 #thankyou .fa-google-plus:hover {
     background-color: #dd4b39;
 }
 
+.social_network_icons [class*="fa fa-"]{
+    padding: 6px;
+    text-decoration: none;
+    outline: none;
+}
 .social_network_icons .fa-twitter:hover {
     color: #1DA1F2;
 }
 .social_network_icons .fa-facebook:hover {
     color: #3b5998;
 }
-
 .social_network_icons .fa-google-plus:hover {
     color: #dd4b39;
 }