rulrich/pcs-website-test
1
0
Fork 0
mirror of https://git.bolliret.ch/pcs/pcs-website synced 2026-01-18 16:51:36 +01:00
Code Issues Projects Releases Packages Wiki Activity

Ran CCS through csso.

Browse source
This commit is contained in:
Reto Bollinger 2024-11-18 12:07:10 +01:00
parent 524f8f7df2
commit c9140f59ab
1 changed files with 54 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

108
lektor/lektordata/project/assets/static/style.css
View file

@ -1,139 +1,133 @@
@font-face { @font-face {
font-family: 'Roboto-Regular'; font-family: "Roboto-Regular";
src: url('/static/webfonts/Roboto-Regular.woff2') format('woff2'), src: url(/static/webfonts/Roboto-Regular.woff2)format("woff2"),url(/static/webfonts/Roboto-Regular.woff)format("woff")
url('/static/webfonts/Roboto-Regular.woff') format('woff');
} }
@font-face { @font-face {
font-family: 'Roboto-Light'; font-family:"Roboto-Light";src:url(/static/webfonts/Roboto-Light.woff2)format("woff2"),url(/static/webfonts/Roboto-Light.woff)format("woff")
src: url('/static/webfonts/Roboto-Light.woff2') format('woff2'),
url('/static/webfonts/Roboto-Light.woff') format('woff');
} }
body { body {
font-size: 1vw; font-size: 1vw;
font-family: 'Roboto-Light', 'Arial', sans-serif; font-family: "Roboto-Light","Arial",sans-serif;
margin: 50px 25px; margin: 50px 25px
color: #5d5d5d;
} }
.navbar-nav { .navbar-nav {
padding-top: 10px; padding-top: 10px
} }
.navbar-nav .active a{
color: #7f5e3c; .navbar-nav .active a,a:hover {
color: #7f5e3c
} }
a { a {
color: #b78c66; color: #b78c66;
text-decoration: none; text-decoration: none
} }
a:hover { td,th {
color: #7f5e3c; padding: 5px 15px
} }
th, td { div.page,footer,header {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
header, footer, div.page {
position: relative; position: relative;
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
background: #ececec; background: #ececec;
color: #6c7d8c; max-width: 1200px
max-width: 1200px;
} }
header > div.inner_header, footer > div.inner_footer, div.page > div.inner_page{ div.page {
padding: 20px 30px; color: #6c7d8c
} }
div.inner_page > *{ div.page>div.inner_page,footer>div.inner_footer,header>div.inner_header {
margin: 0; padding: 20px 30px
} }
div.page h1, div.page h2, div.page h3, div.page h4, div.page h5, div.page h6{ div.inner_page>* {
color: #5d5d5d; margin: 0
}
body,div.page h1,div.page h2,div.page h3,div.page h4,div.page h5,div.page h6 {
color: #5d5d5d
} }
div.inner_page { div.inner_page {
position: relative; position: relative;
top: 0; top: 0;
padding: 0; padding: 0
} }
div.inner_page.bgimage { div.inner_page.bgimage {
background-image: url(/images/bg_image_welcome_1.jpg);
background-image: url('/images/bg_image_welcome_1.jpg');
background-size: contain; background-size: contain;
background-position: top; background-position: top;
background-repeat: no-repeat; background-repeat: no-repeat;
min-height: 635px; min-height: 635px;
background-color: rgba(255,255,255,0.6); background-color: rgba(255,255,255,.6);
background-blend-mode: lighten; background-blend-mode: lighten
} }
header, footer { footer,header,header h1 {
color: #b0b0b0; color: #b0b0b0
} }
header { header {
font-size: 1vw; font-size: 1vw
} }
footer { footer {
font-size: 0.75vw; font-size: .75vw
} }
header h1 { header h1 {
color: #b0b0b0;
margin: 0; margin: 0;
font-weight: bold; font-weight: 700;
font-size: 42px; font-size: 42px
} }
header nav ul { header nav ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0
} }
header nav ul li { header nav ul li {
display: inline; display: inline;
margin: 0 8px 0 0; margin: 0 8px 0 0;
padding: 0; padding: 0
} }
div.page { div.page {
background: #fafafa; background: #fafafa
} }
@media (max-width: 768px){ @media (max-width:768px) {
body { body {
font-size: 4vw; font-size: 4vw
} }
header { header {
font-size: 3vw; font-size: 3vw
} }
footer { footer {
font-size: 2vw; font-size: 2vw
} }
} }
@media (min-width: 769px) and (max-width: 1024px){ @media (min-width:769px) and (max-width:1024px) {
body { body {
font-size: 2.5vw; font-size: 2.5vw
} }
header { header {
font-size: 2vw; font-size: 2vw
} }
footer { footer {
font-size: 1.75vw; font-size: 1.75vw
} }
} }