109 lines
2.1 KiB
CSS
109 lines
2.1 KiB
CSS
html, body {
|
|
width : 100%;
|
|
height : 100%;
|
|
}
|
|
body {
|
|
background : #EAEDF0;
|
|
}
|
|
img {
|
|
max-width : 60%;
|
|
max-height : 100%;
|
|
top : 0;
|
|
left : 0;
|
|
right : 0;
|
|
bottom : 0;
|
|
position : absolute;
|
|
margin : auto;
|
|
}
|
|
a {
|
|
color : #ddd;
|
|
text-decoration: none;
|
|
}
|
|
button {
|
|
width : 30%;
|
|
height : 100%;
|
|
border : none;
|
|
background : #A5DE37;
|
|
border-color : #A5DE37;
|
|
color : #FFF;
|
|
border-radius : 100px;
|
|
margin : 5px;
|
|
}
|
|
* {
|
|
text-align : center;
|
|
margin : 0 auto;
|
|
padding : 0;
|
|
}
|
|
.header {
|
|
background : #343a40;
|
|
height : 9%;
|
|
color : #ddd;
|
|
}
|
|
.header .textlogo {
|
|
float : left;
|
|
font-size : 5vh;
|
|
margin-left : 3%;
|
|
margin-top : 0.5%;
|
|
}
|
|
.header .nav {
|
|
float : right;
|
|
font-size : 2.5vh;
|
|
margin-right : 2%;
|
|
margin-top : 1.2%;
|
|
width : 30%;
|
|
}
|
|
.main {
|
|
width : 90%;
|
|
height : 82%;
|
|
background : #ffffff;
|
|
margin-top : 0.5%;
|
|
border-radius : 30px;
|
|
padding : 0.5%;
|
|
}
|
|
.footer {
|
|
width : 100%;
|
|
height : 5%;
|
|
color : #ddd;
|
|
margin-top : 0.5%;
|
|
font-size : 2vh;
|
|
}
|
|
.footerRow1 {
|
|
background : #343a40;
|
|
width : 100%;
|
|
height : 100%;
|
|
}
|
|
.footerRow2 {
|
|
background : #eee;
|
|
height : 25%;
|
|
width : 100%;
|
|
color : #222;
|
|
}
|
|
.container {
|
|
max-width : 720px;
|
|
width : 100%;
|
|
height : 100%;
|
|
padding-right : 15px;
|
|
padding-left : 15px;
|
|
margin-right : auto;
|
|
margin-left : auto;
|
|
}
|
|
.row {
|
|
display : -webkit-box;
|
|
display : -ms-flexbox;
|
|
display : flex;
|
|
-ms-flex-wrap : wrap;
|
|
flex-wrap : wrap;
|
|
margin-right : -15px;
|
|
margin-left : -15px;
|
|
height : 100%;
|
|
}
|
|
.col-sm {
|
|
flex-basis : 0;
|
|
flex-grow : 1;
|
|
max-width : 100%;
|
|
height : 100%;
|
|
text-align : center;
|
|
}
|
|
.col-sm p {
|
|
margin-top : 1%;
|
|
} |