wiki: Add CSS classes on GNOME's theme

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 {