[static-web] wiki: Add CSS classes on GNOME's theme

[Tom Tryfonidis <tomtryf src gnome org>]

commit 5702a1ace0be60ae128c5d84b90920cf04f8e1e7
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Wed Nov 23 21:10:11 2016 +0200

    wiki: Add CSS classes on GNOME's theme

 wiki.gnome.org/gnome/css/layout.css |  110 +++++++++++++++++++++++++++++++++++
 wiki.gnome.org/gnome/css/style.css  |   60 +++++++++++++++++++
 2 files changed, 170 insertions(+), 0 deletions(-)
---
diff --git a/wiki.gnome.org/gnome/css/layout.css b/wiki.gnome.org/gnome/css/layout.css
index cd3e63e..fccb2e2 100644
--- a/wiki.gnome.org/gnome/css/layout.css
+++ b/wiki.gnome.org/gnome/css/layout.css
@@ -82,6 +82,48 @@ div.editor div#content {
        text-align: center;
 }
 
+.text-right {
+       text-align: right;
+}
+
+.text-left {
+       text-align: left;
+}
+
+.image-left img {
+       margin: 0 20px;
+       float: left;
+}
+
+.image-right img {
+       margin: 0 20px;
+       float: right;
+}
+
+.padding-bottom-sm {
+       padding-bottom: 20px;
+}
+
+.padding-bottom-lg {
+       padding-bottom: 40px;
+}
+
+/* clearfix */
+
+.clearfix:before,
+.clearfix:after {
+       content: " ";
+       display: table;
+}
+
+.clearfix:after {
+       clear: both;
+}
+
+.clearfix {
+       *zoom: 1;
+}
+
 /* Common page elements: Header, footer, etc. */
 
 /* Search thingy */
@@ -261,3 +303,71 @@ div.table-of-contents ol ol {
        padding: 0;
 }
 
+/* Navigation Bar for Apps Template */
+
+.navigation-bar ul {
+       margin: 0;
+       padding: 0;
+       list-style-type: none;
+       overflow: hidden;
+       text-align: center;
+}
+
+.navigation-bar li {
+       display: inline-block;
+}
+
+.navigation-bar li a {
+       display: block;
+       margin: 6px 24px;
+       text-decoration: none;
+       border-bottom: none !important;
+}
+
+/* Used in Apps Template */
+
+.content-style h1 {
+       font-size: 20px;
+       font-weight: bold;
+       margin-bottom: 0px;
+       padding-top: 40px;
+}
+
+.content-style p {
+       font-size:15px;
+       color:#555555;
+}
+
+/* Classes for mobile views */
+
+@media (max-width: 640px) {
+       #main_content,
+       #header_tabs,
+       #footer_content {
+               width: auto;
+               margin: auto;
+       }
+
+       #message {
+               width: auto !important;
+       }
+
+       #user_tab {
+               margin: 0 4px;
+       }
+
+       #site_tab,
+       #footer_image {
+               display: none;
+       }
+
+       .image-left img,
+       .image-right img {
+               margin: 0px;
+               float: none;
+       }
+
+       .content-style {
+               text-align: center;
+       }
+}
diff --git a/wiki.gnome.org/gnome/css/style.css b/wiki.gnome.org/gnome/css/style.css
index 7d7fd09..9be3fc7 100644
--- a/wiki.gnome.org/gnome/css/style.css
+++ b/wiki.gnome.org/gnome/css/style.css
@@ -108,6 +108,66 @@ a:active {
   text-align: right;
 }
 
+/* buttons */
+
+.btn a {
+       display: inline-block;
+       padding: 8px 40px;
+       margin-bottom: 0;
+       font-weight: normal;
+       line-height: 1.42857143;
+       text-align: center;
+       white-space: nowrap;
+       vertical-align: middle;
+       -ms-touch-action: manipulation;
+           touch-action: manipulation;
+       cursor: pointer;
+       -webkit-user-select: none;
+          -moz-user-select: none;
+           -ms-user-select: none;
+               user-select: none;
+       background-image: none;
+       border: 1px dotted transparent;
+       border-radius: 4px;
+}
+
+.btn-default a {
+       color: #333;
+       background-color: #fff;
+       border: 1px solid #ccc;
+       border-bottom: 1px solid #ccc !important;
+}
+
+.btn-default a:hover {
+       color: #333;
+       background-color: #e6e6e6;
+       border-color: #adadad;
+}
+
+.btn-blue a {
+       color: #fff !important;
+       background-color: #5698DB;
+       border-color: #2e6da4;
+}
+
+.btn-blue a:hover {
+       color: #fff;
+       background-color: #488ed6;
+       border-color: #204d74;
+}
+
+.btn-green a {
+       color: #fff !important;
+       background-color: #4e9a06;
+       border-color: #4cae4c;
+}
+
+.btn-green a:hover {
+       color: #fff;
+       background-color: #478e04;
+       border-color: #398439;
+}
+
 /* styling page content */
 
 input {