diff options
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 |
Page content max width set to 1200px
Signed-off-by: Marco Genasci <fedeliallalinea@gmail.com>
Signed-off-by: Jimi Huotari <chiitoo@gentoo.org>
-rw-r--r-- | template/navbar_header.html | 4 | ||||
-rw-r--r-- | theme/colours.css | 33 | ||||
-rw-r--r-- | theme/common.css | 13 | ||||
-rw-r--r-- | theme/forms.css | 1 | ||||
-rw-r--r-- | 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; + } +} |