src_prepare/src_prepare.gitlab.io
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

styles/main.css: untabify; set some values as non-relative

Browse Source
This commit is contained in:
Maciej Barć 2020-05-29 18:42:23 +02:00
parent 4968d59dad
commit e268ce7b65
No known key found for this signature in database
GPG Key ID: 031C9FE65BED714A
1 changed files with 51 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
public/assets/styles/main.css
View File

@ -10,129 +10,131 @@
/* General */ /* General */
* { * {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
html, html,
body { body {
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
} }
body { body {
font-family: Arial, Helvetica, sans-serif; background-color: rgba(1, 1, 1, 1);
font-family: Arial, Helvetica, sans-serif;
} }
/* Menu */ /* Menu */
#top { #top {
background-color: rgba(51, 51, 51, 1); background-color: rgba(51, 51, 51, 1);
height: 6%; height: 60px;
overflow: hidden; overflow: hidden;
} }
#top ul { #top ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
padding: 0.5%; padding: 0.5%;
} }
#top li { #top li {
float: left; float: left;
} }
#top li a { #top li a {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
display: block; display: block;
height: 100%; height: 100%;
padding: 14px 16px; padding: 14px 16px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
} }
#top li a:hover { #top li a:hover {
background-color: rgba(1, 1, 1, 1); background-color: rgba(1, 1, 1, 1);
} }
/* Logo */ /* Logo */
#src_prepare, #src, #prepare { #src_prepare, #src, #prepare {
background-color: RGBA(88, 86, 86, 1); background-color: rgba(88, 86, 86, 1);
margin: 0; margin: 0;
padding: 0; padding: 0;
text-align: center; text-align: center;
} }
#src_prepare { #src_prepare {
height: 30%; color: rgba(1, 1, 1, 1);
height: 250px;
} }
#src { #src {
font-size: 1000%; font-size: 1000%;
} }
#prepare { #prepare {
font-size: 3vw; font-size: 3vw;
} }
/* About */ /* About */
#about { #about {
background-color: rgba(43, 40, 40, 1); background-color: rgba(43, 40, 40, 1);
color: rgba(153, 156, 150, 1) ; color: rgba(153, 156, 150, 1) ;
height: 60%; height: 60%;
padding: 1% 5% 1% 5%; padding: 1% 5% 1% 5%;
} }
#about a { #about a {
text-decoration: none; text-decoration: none;
} }
#about a:link { #about a:link {
color: rgba(42, 161, 152, 1); color: rgba(42, 161, 152, 1);
} }
#about a:visited { #about a:visited {
color: rgba(133, 153, 0, 1); color: rgba(133, 153, 0, 1);
} }
/* Footer */ /* Footer */
footer { footer {
background-color: rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, 1);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 1.1vh; font-size: 1.1vh;
height: 20%; height: 20%;
padding: 1% 5% 1% 5%; padding: 1% 5% 1% 5%;
text-align: center; text-align: center;
} }
.fcol { .fcol {
float: left; float: left;
height: 50%; height: 50%;
text-align: center; text-align: center;
width: 33%; width: 33%;
} }
.fcol ul { .fcol ul {
list-style-type: none; list-style-type: none;
} }
.fcol a { .fcol a {
text-decoration: none; text-decoration: none;
} }
.fcol a:link { .fcol a:link {
color: rgba(42, 161, 152, 1); color: rgba(42, 161, 152, 1);
} }
.fcol a:visited { .fcol a:visited {
color: rgba(133, 153, 0, 1); color: rgba(133, 153, 0, 1);
} }