Page content max width set to 1200px

Signed-off-by: Marco Genasci <fedeliallalinea@gmail.com> Signed-off-by: Jimi Huotari <chiitoo@gentoo.org>
author: Marco Genasci <fedeliallalinea@gmail.com> 2021-07-19 20:50:15 +0200
committer: Jimi Huotari <chiitoo@gentoo.org> 2021-10-21 21:22:26 +0300
commit: 3c51926aeff3bff37cb974e4dbceeee858962f18 (patch)
tree: 37c44f1b35b7775cc7f8ef40acc38864cb9d5163
parent: First release of the theme like gentoo.org style (diff)
download: forums-3c51926aeff3bff37cb974e4dbceeee858962f18.tar.gz
forums-3c51926aeff3bff37cb974e4dbceeee858962f18.tar.bz2
forums-3c51926aeff3bff37cb974e4dbceeee858962f18.zip
5 files changed, 53 insertions, 25 deletions
diff --git a/template/navbar_header.html b/template/navbar_header.html
index dc2928592..2b91ad07d 100644
--- a/template/navbar_header.html
+++ b/template/navbar_header.html
@@ -1,6 +1,7 @@
 <div class="navbar" role="navigation">
 	<div class="inner">
 
+	<div class="nav-main-wrapper">
 	<ul id="nav-main" class="nav-main linklist" role="menubar">
 
 		<li id="quick-links" class="quick-links dropdown-container responsive-menu<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true">
@@ -176,7 +177,9 @@
 		<!-- EVENT navbar_header_logged_out_content -->
 	<!-- ENDIF -->
 	</ul>
+	</div>
 
+	<div class="nav-breadcrumbs-wrapper">
 	<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
 		<!-- DEFINE $MICRODATA = ' itemtype="http://schema.org/ListItem" itemprop="itemListElement" itemscope' -->
 		{% set navlink_position = 1 %}
@@ -205,6 +208,7 @@
 			</li>
 		<!-- ENDIF -->
 	</ul>
+	</div>
 
 	</div>
 </div>
diff --git a/theme/colours.css b/theme/colours.css
index 973820065..31768a46e 100644
--- a/theme/colours.css
+++ b/theme/colours.css
@@ -5,7 +5,7 @@ Colours and backgrounds for common.css
 
 html, body {
 	color: #000000;
-	background-color: #e1e1e1;
+	background-color: #fafafa;
 }
 
 h1 {
@@ -115,7 +115,19 @@ a:hover {
 ---------------------------------------- */
 
 #header-wide {
-	background-color: #46357c;
+	background-image: linear-gradient(to bottom, #beb8db 0%, #DDDAEC 20%);
+}
+
+.nav-main-wrapper,
+.navbar {
+	background-color: #54487A;
+	background-image: -webkit-linear-gradient(bottom, #54487A 0%, #493f6a 100%);
+	background-image: linear-gradient(to bottom, #54487A 0%, #493f6a 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54487A', endColorstr='#493f6a',GradientType=0 ); /* IE6-9 */
+}
+
+.nav-breadcrumbs-wrapper {
+    background-color: #e1e1e1;
 }
 
 .headerbar {
@@ -129,12 +141,12 @@ a:hover {
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54487A', endColorstr='#493f6a',GradientType=0 ); /* IE6-9 */
 }
 
-.navbar {
+/* /* .navbar {
 	background-color: #54487A;
 	background-image: -webkit-linear-gradient(bottom, #54487A 0%, #493f6a 100%);
-	background-image: linear-gradient(to bottom, #54487A 0%, #493f6a 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54487A', endColorstr='#493f6a',GradientType=0 ); /* IE6-9 */
-}
+	background-image: linear-gradient(to bottom, #54487A 0%, #493f6a 100%); W3C
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54487A', endColorstr='#493f6a',GradientType=0 ); IE6-9
+} */ */
 
 .navbar li.rightside {
     color: #fff;
@@ -195,6 +207,7 @@ table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
 .site_logo {
 	background-image: url("./images/site-logo.svg");
 	background-repeat: no-repeat;
+	background-position-x: -15px;
 }
 
 .site-label {
@@ -223,6 +236,14 @@ table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
 	border-bottom-color: #a9b8c2;
 }
 
+ul.linklist > li.rightside, p.rightside, a.rightside {
+	color: white;
+}
+
+.page-footer + div {
+	background: #E1E1E1;
+}
+
 /* Table styles
 ----------------------------------------*/
 
diff --git a/theme/common.css b/theme/common.css
index c01e4207b..5eb2a4395 100644
--- a/theme/common.css
+++ b/theme/common.css
@@ -144,8 +144,15 @@ a:hover	{ text-decoration: underline; }
 	padding: 0 10px 10px
 }
 
-#page-header {
-	background-image: linear-gradient(to bottom, #beb8db 0%, #DDDAEC 20%);
+#page-header,
+#nav-main,
+#nav-breadcrumbs,
+#nav-footer,
+#wrap {
+    width: 1170px;
+    margin: 0 auto;
+    padding-right: 15px;
+    padding-left: 15px;
 }
 
 .page-body {
@@ -166,6 +173,7 @@ a:hover	{ text-decoration: underline; }
 	width: auto;
 	max-height: 109px;
 	padding: 0 0;
+	margin-right: -15px;
 }
 
 .logo:hover {
@@ -181,7 +189,6 @@ a:hover	{ text-decoration: underline; }
 /* Site description and logo */
 .site-description {
 	float: left;
-	width: 65%;
 }
 
 .site-description h1 {
diff --git a/theme/forms.css b/theme/forms.css
index d260e2177..352ae900b 100644
--- a/theme/forms.css
+++ b/theme/forms.css
@@ -408,7 +408,6 @@ input.button1:focus, input.button2:focus, input.button3:focus {
 	border-radius: 4px;
 	display: block;
 	float: right;
-	margin-right: 5px;
 	margin-top: 22px;
 }
 
diff --git a/theme/responsive.css b/theme/responsive.css
index 9dc935819..60d1ee32e 100644
--- a/theme/responsive.css
+++ b/theme/responsive.css
@@ -142,12 +142,12 @@
 		border-radius: 0;
 		margin: 0;
 		min-width: 290px;
-		padding: 0 5px;
+		padding: 10 5px;
 	}
 
 	/* Common block wrappers
 	----------------------------------------*/
-	.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
+	.headerbar, .navbar, .forabg, .forumbg, .post, .panel, .stats-area {
 		border-radius: 0;
 		margin-left: -5px;
 		margin-right: -5px;
@@ -159,19 +159,6 @@
 
 	/* Logo block
 	----------------------------------------*/
-	.site-description {
-		float: none;
-		width: auto;
-		text-align: center;
-	}
-
-	.logo {
-		/* change display value to inline-block to show logo */
-		display: none;
-		float: none;
-		padding: 10px;
-	}
-
 	.site-description h1, .site-description p {
 		text-align: inherit;
 		float: none;
@@ -576,3 +563,13 @@
 		width: 80px;
 	}
 }
+
+@media (max-width: 1200px) {
+	#page-header,
+	#nav-main,
+	#nav-breadcrumbs,
+	#nav-footer,
+	#wrap {
+	    width: inherit;
+	}
+}
author	Marco Genasci <fedeliallalinea@gmail.com>	2021-07-19 20:50:15 +0200
committer	Jimi Huotari <chiitoo@gentoo.org>	2021-10-21 21:22:26 +0300
commit	3c51926aeff3bff37cb974e4dbceeee858962f18 (patch)
tree	37c44f1b35b7775cc7f8ef40acc38864cb9d5163
parent	First release of the theme like gentoo.org style (diff)
download	forums-3c51926aeff3bff37cb974e4dbceeee858962f18.tar.gz forums-3c51926aeff3bff37cb974e4dbceeee858962f18.tar.bz2 forums-3c51926aeff3bff37cb974e4dbceeee858962f18.zip