sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

fixing font size issue - attempt

Browse Source
This commit is contained in:
Sander Roosendaal
2020-02-20 17:44:27 +01:00
parent c30d817156
commit 13f7e4ab61
2 changed files with 52 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
static/css/styles2.css
View File

@@ -6,11 +6,11 @@
font: 1.2em Helvetica, arial, sans-serif; font: 1.2em Helvetica, arial, sans-serif;
} }
.wrapper > * { .wrapper > * {
/* border: 2px solid #f08c00; */ /* border: 2px solid #f08c00; */
border 0; border 0;
padding: 5px; padding: 5px;
} }
.wrapper nav { .wrapper nav {
@@ -69,6 +69,7 @@
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; margin-bottom: 15px;
left: 15px; left: 15px;
font-size: 1.0em;
} }
aside h1 { aside h1 {
@@ -91,6 +92,7 @@
aside h1 a { aside h1 a {
font-weight: bold; font-weight: bold;
font-size: 1.4em;
text-align: left; text-align: left;
font-size: 1.0em; font-size: 1.0em;
color: #f8f8ff; color: #f8f8ff;
@@ -100,6 +102,7 @@
aside { aside {
color: #f8f8ff; color: #f8f8ff;
padding: 5px; padding: 5px;
font-size: 1.0em;
} }
aside ul label, aside ul label,
@@ -111,7 +114,7 @@
aside ul ul a { aside ul ul a {
padding-left: 30px; padding-left: 30px;
} }
aside ul ul ul label, aside ul ul ul label,
aside ul ul ul a { aside ul ul ul a {
padding-left: 45px; padding-left: 45px;
@@ -121,7 +124,7 @@
aside ul ul ul ul a { aside ul ul ul ul a {
padding-left: 60px; padding-left: 60px;
} }
aside li, aside li,
aside a, aside a,
aside ul label, aside ul label,
@@ -159,14 +162,14 @@
aside .cd-accordion-menu { aside .cd-accordion-menu {
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
/* background: #35383d; */ /* background: #35383d; */
background: #144f80; background: #144f80;
} }
aside .cd-accordion-menu ul { aside .cd-accordion-menu ul {
/* by default hide all sub menus */ /* by default hide all sub menus */
display: none; display: none;
@@ -183,7 +186,7 @@
/* hide native checkbox */ /* hide native checkbox */
position: absolute; position: absolute;
opacity: 0; opacity: 0;
} }
aside .cd-accordion-menu label, aside .cd-accordion-menu label,
aside .cd-accordion-menu a { aside .cd-accordion-menu a {
@@ -191,7 +194,7 @@
display: block; display: block;
color: #f8f8ff; color: #f8f8ff;
/* color: #dddddd; */ /* color: #dddddd; */
font-size: 1.0em; font-size: 1.0em;
} }
aside i { aside i {
@@ -206,7 +209,7 @@
font-size: inherit; font-size: inherit;
text-rendering: auto; text-rendering: auto;
} }
aside .cd-accordion-menu label::before aside .cd-accordion-menu label::before
{ {
@@ -220,12 +223,12 @@
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
-webkit-transform: translateY(0%); -webkit-transform: translateY(0%);
-moz-transform: translateY(0%); -moz-transform: translateY(0%);
-ms-transform: translateY(0%); -ms-transform: translateY(0%);
-o-transform: translateY(0%); -o-transform: translateY(0%);
transform: translateY(0%); transform: translateY(0%);
} }
aside .cd-accordion-menu label { aside .cd-accordion-menu label {
@@ -239,24 +242,24 @@
-moz-transform: translateY(20%) rotate(90deg); -moz-transform: translateY(20%) rotate(90deg);
-ms-transform: translateY(20%) rotate(90deg); -ms-transform: translateY(20%) rotate(90deg);
-o-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 + ul,
aside .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + 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*/ /* 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 */ /* show children when item is checked */
display: block; display: block;
} }
main .cd-accordion-menu { main .cd-accordion-menu {
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
} }
main .cd-accordion-menu ul { main .cd-accordion-menu ul {
/* by default hide all sub menus */ /* by default hide all sub menus */
display: none; display: none;
@@ -273,21 +276,21 @@
/* hide native checkbox */ /* hide native checkbox */
position: absolute; position: absolute;
opacity: 0; opacity: 0;
} }
main .cd-accordion-menu label { main .cd-accordion-menu label {
position: relative; position: relative;
display: block; display: block;
font-size: 1.0em; font-size: 1.0em;
} }
main .cd-accordion-menu ul, main .cd-accordion-menu ul,
main .cd-accordion-menu li { main .cd-accordion-menu li {
list-style: none; list-style: none;
} }
main .cd-accordion-menu label::before main .cd-accordion-menu label::before
{ {
/* icons */ /* icons */
@@ -300,12 +303,12 @@
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
-webkit-transform: translateY(0%); -webkit-transform: translateY(0%);
-moz-transform: translateY(0%); -moz-transform: translateY(0%);
-ms-transform: translateY(0%); -ms-transform: translateY(0%);
-o-transform: translateY(0%); -o-transform: translateY(0%);
transform: translateY(0%); transform: translateY(0%);
} }
main .cd-accordion-menu label { main .cd-accordion-menu label {
@@ -319,20 +322,20 @@
-moz-transform: translateY(20%) rotate(90deg); -moz-transform: translateY(20%) rotate(90deg);
-ms-transform: translateY(20%) rotate(90deg); -ms-transform: translateY(20%) rotate(90deg);
-o-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 + ul,
main .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + 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*/ /* 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 */ /* show children when item is checked */
display: block; display: block;
} }
user ul { user ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
@@ -358,7 +361,7 @@
nav a i { nav a i {
color: white; color: white;
} }
nav li:hover, nav li:hover,
nav li:hover a, nav li:hover a,
nav li:hover a i { nav li:hover a i {
@@ -370,9 +373,9 @@
nav li.selected { nav li.selected {
color: #1c75bc; color: #1c75bc;
background: white; background: white;
} }
*/ */
.nav-active, .nav-active,
.nav-active a, .nav-active a,
.nav-active a i { .nav-active a i {
@@ -381,7 +384,7 @@
} }
.main-head { .main-head {
grid-area: header; grid-area: header;
/* background: #ededed; */ /* background: #ededed; */
@@ -424,16 +427,16 @@
.main-nav { .main-nav {
grid-area: nav; grid-area: nav;
/* background: #1c75bc; */ /* background: #1c75bc; */
background: #1c75bc; background: #1c75bc;
/* background: #144f80; */ /* background: #144f80; */
} }
.side-nav { .side-nav {
grid-area: side-nav; grid-area: side-nav;
background: #1c75bc; background: #1c75bc;
/* background: #144f80; */ /* background: #144f80; */
/* background: #1c75bc; */ /* background: #1c75bc; */
} }
.side { .side {
grid-area: sidebar; grid-area: sidebar;
@@ -494,7 +497,7 @@
.ad a { .ad a {
color: white; color: white;
} }
.main-footer { .main-footer {
grid-area: footer; grid-area: footer;
@@ -578,14 +581,14 @@
overflow: scroll; overflow: scroll;
} }
} }
@media only screen and (min-height: 600px) { @media only screen and (min-height: 600px) {
.maxheight { .maxheight {
max-height: 450px; max-height: 450px;
overflow: scroll; overflow: scroll;
} }
} }
@media only screen and (min-height: 800px) { @media only screen and (min-height: 800px) {
.maxheight { .maxheight {
max-height: 600px; max-height: 600px;
@@ -627,7 +630,7 @@
@media only screen and (min-width: 450px) { @media only screen and (min-width: 450px) {
.wrapper { .wrapper {
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
grid-template-areas: grid-template-areas:
"header header" "header header"
"user user" "user user"
"side-nav nav" "side-nav nav"
@@ -639,13 +642,13 @@
nav ul { nav ul {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
header ul { header ul {
/* flex-direction: row;*/ /* flex-direction: row;*/
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.main-content { .main-content {
@@ -665,14 +668,14 @@
.main-content li.grid_4 { .main-content li.grid_4 {
grid-column-end: span 2; grid-column-end: span 2;
} }
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.wrapper { .wrapper {
grid-template-columns: 1fr 4fr 1fr; grid-template-columns: 1fr 4fr 1fr;
grid-template-areas: grid-template-areas:
"header header user" "header header user"
"side-nav nav nav" "side-nav nav nav"
"sidebar content content" "sidebar content content"
@@ -688,7 +691,7 @@
} }
header ul { header ul {
flex-direction: row; flex-direction: row;
} }
.main-content { .main-content {
@@ -718,7 +721,7 @@
grid-template-areas: grid-template-areas:
"content content content content" "content content content content"
} }
header, ad, user, nav, aside, footer { header, ad, user, nav, aside, footer {
display: none; display: none;
} }
@@ -763,5 +766,3 @@ aside .cd-accordion-menu.animated label::before {
-moz-transition: -moz-transform 0.3s; -moz-transition: -moz-transform 0.3s;
transition: transform 0.3s; transition: transform 0.3s;
} }

2
templates/newbase.html
View File

@@ -44,7 +44,7 @@
<link rel="stylesheet" href="/static/fontawesome/css/fontawesome.min.css"> <link rel="stylesheet" href="/static/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="/static/fontawesome/css/all.min.css"> <link rel="stylesheet" href="/static/fontawesome/css/all.min.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.12.0/css/all.css" integrity="sha384-ekOryaXPbeCpWQNxMwSWVvQ0+1VrStoPJq54shlYhR8HzQgig1v5fas6YgOqLoKz" crossorigin="anonymous"> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.12.0/css/all.css" integrity="sha384-ekOryaXPbeCpWQNxMwSWVvQ0+1VrStoPJq54shlYhR8HzQgig1v5fas6YgOqLoKz" crossorigin="anonymous">
<link rel="stylesheet" href="/static/css/styles2.min.css"> <link rel="stylesheet" href="/static/css/styles2.css">
<link rel="stylesheet" href="/static/css/text2.css" /> <link rel="stylesheet" href="/static/css/text2.css" />
<link rel="stylesheet" href="/static/css/rowsandall2.min.css" /> <link rel="stylesheet" href="/static/css/rowsandall2.min.css" />
{% block meta %} {% endblock %} {% block meta %} {% endblock %}