From 13f7e4ab61142d91d35cd54837c684e1bf932ea3 Mon Sep 17 00:00:00 2001 From: Sander Roosendaal Date: Thu, 20 Feb 2020 17:44:27 +0100 Subject: [PATCH] fixing font size issue - attempt --- static/css/styles2.css | 101 +++++++++++++++++++++-------------------- templates/newbase.html | 2 +- 2 files changed, 52 insertions(+), 51 deletions(-) diff --git a/static/css/styles2.css b/static/css/styles2.css index 5cc391ec..5f615870 100644 --- a/static/css/styles2.css +++ b/static/css/styles2.css @@ -6,11 +6,11 @@ font: 1.2em Helvetica, arial, sans-serif; } - + .wrapper > * { /* border: 2px solid #f08c00; */ border 0; - padding: 5px; + padding: 5px; } .wrapper nav { @@ -69,6 +69,7 @@ margin-top: 15px; margin-bottom: 15px; left: 15px; + font-size: 1.0em; } aside h1 { @@ -91,6 +92,7 @@ aside h1 a { font-weight: bold; + font-size: 1.4em; text-align: left; font-size: 1.0em; color: #f8f8ff; @@ -100,6 +102,7 @@ aside { color: #f8f8ff; padding: 5px; + font-size: 1.0em; } aside ul label, @@ -111,7 +114,7 @@ aside ul ul a { padding-left: 30px; } - + aside ul ul ul label, aside ul ul ul a { padding-left: 45px; @@ -121,7 +124,7 @@ aside ul ul ul ul a { padding-left: 60px; } - + aside li, aside a, aside ul label, @@ -159,14 +162,14 @@ - + aside .cd-accordion-menu { width: 100%; - max-width: 600px; + max-width: 600px; /* background: #35383d; */ background: #144f80; } - + aside .cd-accordion-menu ul { /* by default hide all sub menus */ display: none; @@ -183,7 +186,7 @@ /* hide native checkbox */ position: absolute; opacity: 0; - } + } aside .cd-accordion-menu label, aside .cd-accordion-menu a { @@ -191,7 +194,7 @@ display: block; color: #f8f8ff; /* color: #dddddd; */ - font-size: 1.0em; + font-size: 1.0em; } aside i { @@ -206,7 +209,7 @@ font-size: inherit; text-rendering: auto; } - + aside .cd-accordion-menu label::before { @@ -220,12 +223,12 @@ display: inline-block; width: 16px; height: 16px; - + -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } aside .cd-accordion-menu label { @@ -239,24 +242,24 @@ -moz-transform: translateY(20%) rotate(90deg); -ms-transform: translateY(20%) rotate(90deg); -o-transform: translateY(20%) rotate(90deg); - transform: translateY(20%) rotate(90deg); + transform: translateY(20%) rotate(90deg); } - - + + aside .cd-accordion-menu input[type=checkbox]:checked + label + ul, aside .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; } - - + + main .cd-accordion-menu { width: 100%; - max-width: 600px; + max-width: 600px; } - + main .cd-accordion-menu ul { /* by default hide all sub menus */ display: none; @@ -273,21 +276,21 @@ /* hide native checkbox */ position: absolute; opacity: 0; - } + } main .cd-accordion-menu label { position: relative; display: block; - font-size: 1.0em; + font-size: 1.0em; } - + main .cd-accordion-menu ul, main .cd-accordion-menu li { list-style: none; } - + main .cd-accordion-menu label::before { /* icons */ @@ -300,12 +303,12 @@ display: inline-block; width: 16px; height: 16px; - + -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } main .cd-accordion-menu label { @@ -319,20 +322,20 @@ -moz-transform: translateY(20%) rotate(90deg); -ms-transform: translateY(20%) rotate(90deg); -o-transform: translateY(20%) rotate(90deg); - transform: translateY(20%) rotate(90deg); + transform: translateY(20%) rotate(90deg); } - - + + main .cd-accordion-menu input[type=checkbox]:checked + label + ul, main .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; } - - + + user ul { list-style: none; margin: 0; @@ -358,7 +361,7 @@ nav a i { color: white; } - + nav li:hover, nav li:hover a, nav li:hover a i { @@ -370,9 +373,9 @@ nav li.selected { color: #1c75bc; background: white; - } - */ - + } + */ + .nav-active, .nav-active a, .nav-active a i { @@ -381,7 +384,7 @@ } - + .main-head { grid-area: header; /* background: #ededed; */ @@ -424,16 +427,16 @@ .main-nav { grid-area: nav; /* background: #1c75bc; */ - background: #1c75bc; + background: #1c75bc; /* background: #144f80; */ } .side-nav { grid-area: side-nav; - background: #1c75bc; + background: #1c75bc; /* background: #144f80; */ /* background: #1c75bc; */ -} +} .side { grid-area: sidebar; @@ -494,7 +497,7 @@ .ad a { color: white; } - + .main-footer { grid-area: footer; @@ -578,14 +581,14 @@ overflow: scroll; } } - + @media only screen and (min-height: 600px) { .maxheight { max-height: 450px; overflow: scroll; } } - + @media only screen and (min-height: 800px) { .maxheight { max-height: 600px; @@ -627,7 +630,7 @@ @media only screen and (min-width: 450px) { .wrapper { grid-template-columns: 1fr 3fr; - grid-template-areas: + grid-template-areas: "header header" "user user" "side-nav nav" @@ -639,13 +642,13 @@ nav ul { display: flex; - justify-content: space-between; + justify-content: space-between; } header ul { /* flex-direction: row;*/ display: flex; - justify-content: space-between; + justify-content: space-between; } .main-content { @@ -665,14 +668,14 @@ .main-content li.grid_4 { grid-column-end: span 2; } - + } @media only screen and (min-width: 768px) { .wrapper { grid-template-columns: 1fr 4fr 1fr; - grid-template-areas: + grid-template-areas: "header header user" "side-nav nav nav" "sidebar content content" @@ -688,7 +691,7 @@ } header ul { - flex-direction: row; + flex-direction: row; } .main-content { @@ -718,7 +721,7 @@ grid-template-areas: "content content content content" } - + header, ad, user, nav, aside, footer { display: none; } @@ -763,5 +766,3 @@ aside .cd-accordion-menu.animated label::before { -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } - - diff --git a/templates/newbase.html b/templates/newbase.html index 02d3d0d4..3484ea1c 100644 --- a/templates/newbase.html +++ b/templates/newbase.html @@ -44,7 +44,7 @@ - + {% block meta %} {% endblock %}