commit: 3c51926aeff3bff37cb974e4dbceeee858962f18
Author: Marco Genasci <fedeliallalinea <AT> gmail <DOT> com>
AuthorDate: Mon Jul 19 18:50:15 2021 +0000
Commit: Jimi Huotari <chiitoo <AT> gentoo <DOT> org>
CommitDate: Thu Oct 21 18:22:26 2021 +0000
URL: https://gitweb.gentoo.org/proj/forums.git/commit/?id=3c51926a
Page content max width set to 1200px
Signed-off-by: Marco Genasci <fedeliallalinea <AT> gmail.com>
Signed-off-by: Jimi Huotari <chiitoo <AT> gentoo.org>
template/navbar_header.html | 4 ++++
theme/colours.css | 33 +++++++++++++++++++++++++++------
theme/common.css | 13 ++++++++++---
theme/forms.css | 1 -
theme/responsive.css | 27 ++++++++++++---------------
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;
+ }
+}
