(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | /* Change it up */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#Global p, p { | #Global p, p { | ||
Line 105: | Line 59: | ||
} | } | ||
− | + | h1 { | |
font-size: 2em; | font-size: 2em; | ||
} | } | ||
Line 131: | Line 85: | ||
.submenu div { | .submenu div { | ||
line-height: 1.5em; | line-height: 1.5em; | ||
− | } | + | } |
body, #contentBox { | body, #contentBox { | ||
Line 195: | Line 149: | ||
} | } | ||
− | + | .container { | |
− | + | width: 80%; | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | width: | + | |
margin: auto; | margin: auto; | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | .container-text { | |
− | + | width: 80%; | |
− | + | max-width: 800px; | |
− | + | ||
− | + | ||
− | + | ||
margin: auto; | margin: auto; | ||
− | + | padding: 60px 0 40px 0; | |
− | padding | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 508: | Line 226: | ||
color: #7cbb00; | color: #7cbb00; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
@media (max-width: 700px) { | @media (max-width: 700px) { | ||
Line 535: | Line 245: | ||
body, #contentBox { | body, #contentBox { | ||
font-size: calc(100vw * 0.01 + 11px); | font-size: calc(100vw * 0.01 + 11px); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
} | } |
Latest revision as of 19:04, 24 May 2018
/* Change it up */
- Global p, p {
padding: 0; padding-bottom: 5px; margin: 0px; line-height: 1.4;
}
- Global p.meta {
padding: 0; margin: 0;
}
- Global {
top: -2px; width: 100%; position: absolute; background-color: var(--whiteish); color: var(--blackish); font-family: Body, sans-serif;
}
- globalWrapper {
font-size: 100%; padding: 0;
}
- top_menu_under, #top_menu_14, #top_menu_inside {
-webkit-box-sizing: content-box; box-sizing: content-box;
}
- top_menu_under {
height: 0px;
}
a[href ^="https://"] {
padding: 0;
}
- top_menu_inside ul a, #top_menu_inside ul li.has_submenu {
line-height: 1.5em;
}
/* Global */
sup {
font-size: 60%;
}
h1, h2, h3, h4, h5, h6 {
font-family: Kopje, sans-serif; margin: 0; padding: 0; padding-top: 15px; border: none; font-weight: bold;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
h4 {
font-size: 1.12em;
}
h5 {
font-size: .83em;
}
h6 {
font-size: .75em;
}
.submenu div {
line-height: 1.5em;
}
body, #contentBox {
width: 100%; height: -webkit-max-content; height: -moz-max-content; height: max-content; padding: 0; margin: 0; line-height: normal; position: absolute; top: 10px; background: #C6c6c6; font-size: 18px; color: var(--blackish); font-family: Body, sans-serif;
}
- body {
background-color: var(--whiteish);
}
li, ul {
margin: 0; line-height: normal; list-style-type: none; list-style-image: none; display: block;
}
- {
padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; line-height: normal;
}
.container {
width: 80%; margin: auto;
}
.container-text {
width: 80%; max-width: 800px; margin: auto; padding: 60px 0 40px 0;
}
- content {
width: 100%; position: relative; -webkit-box-shadow: 0px -2px 20px 0px #333; box-shadow: 0px -2px 20px 0px #333; z-index: 1;
}
a, a:active, a:visited, a:hover {
color: inherit; text-decoration: none;
}
.container {
width: 80%; margin: auto;
}
.container-text {
width: 80%; max-width: 800px; margin: auto; padding: 60px 0 40px 0;
}
/* footer stuffs */
footer {
background: var(--background); /* #C6C6C6; */ padding: 30px 20px; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; font-size: 14px;
}
footer>div {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
footer #social_media, footer #contact {
display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; margin: 30px; text-align: center;
}
footer h1 {
padding-bottom: 25px;
}
footer i {
font-size: 50px; padding: 5px; -webkit-transition: color 0.5s 0.1s; transition: color 0.5s 0.1s;
}
footer #social_media a {
display: inline-block;
}
- facebook:hover {
color: #3B5998;
}
- twitter:hover {
color: #1da1f2;
}
- linkedin:hover {
color: #0077B5;
}
- instagram:hover {
color: #8a3ab9;
}
- mail:hover {
color: #7cbb00;
}
@media (max-width: 700px) {
.container { width: 100%; padding: 0 20px; } div#Fsos { font-size: calc(100vw * 0.0667 + 3.3px); width: 90%; margin: auto; } div#UnderTitle { font-size: calc(100vw * 0.0288 + 1.437px); width: 90%; margin: auto; padding: 0; } body, #contentBox { font-size: calc(100vw * 0.01 + 11px); }
}