src_prepare.gitlab.io/public/assets/styles/main.css
2020-09-19 23:02:25 +02:00

152 lines
2.2 KiB
CSS

/*
___ _ __ ___ _ __ _ __ ___ _ __ __ _ _ __ ___
/ __| '__/ __| | '_ \| '__/ _ \ '_ \ / _` | '__/ _ \
\__ \ | | (__ | |_) | | | __/ |_) | (_| | | | __/
|___/_| \___|____| .__/|_| \___| .__/ \__,_|_| \___|
|_____|_| |_|
*/
/* General */
html,
body {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
body {
background-color: rgba(1, 1, 1, 1);
font-family: Arial, Helvetica, sans-serif;
}
/* Menu */
#top {
background-color: rgba(51, 51, 51, 1);
height: 60px;
overflow: hidden;
}
#top ul {
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0.5%;
}
#top li {
float: left;
}
#top li a {
color: rgba(255, 255, 255, 1);
display: block;
height: 100%;
padding: 14px 16px;
text-align: center;
text-decoration: none;
}
#top li a:hover {
background-color: rgba(1, 1, 1, 1);
}
/* Logo */
#src_prepare, #src, #prepare {
background-color: rgba(88, 86, 86, 1);
margin: 0;
padding: 0;
text-align: center;
}
#src_prepare {
color: rgba(1, 1, 1, 1);
height: 250px;
}
#src {
font-size: 1000%;
}
#prepare {
font-size: 3vw;
}
/* About */
#about {
background-color: rgba(43, 40, 40, 1);
color: rgba(153, 156, 150, 1) ;
height: 60%;
overflow: auto;
padding: 1% 5% 1% 5%;
}
#about a {
text-decoration: none;
}
#about a:link {
color: rgba(42, 161, 152, 1);
}
#about a:visited {
color: rgba(133, 153, 0, 1);
}
.src_prepare-picture {
display: block;
height: 50%;
margin-left: auto;
margin-right: auto;
}
.projects-table tr,
.projects-table th,
.projects-table td {
font-size: calc(10px + 1vh);
padding: 5px;
}
/* Footer */
footer {
background-color: rgba(0, 0, 0, 1);
color: rgba(255, 255, 255, 1);
font-size: 1.1vh;
height: 20%;
padding: 1% 5% 1% 5%;
text-align: center;
}
.fcol {
float: left;
height: 50%;
text-align: center;
width: 33%;
}
.fcol ul {
list-style-type: none;
}
.fcol a {
text-decoration: none;
}
.fcol a:link {
color: rgba(42, 161, 152, 1);
}
.fcol a:visited {
color: rgba(133, 153, 0, 1);
}