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;
}
.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;
}