161 lines
3.2 KiB
CSS
161 lines
3.2 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;
|
|
}
|
|
.bto {
|
|
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%;
|
|
}
|
|
.tg {
|
|
border-collapse: collapse;
|
|
border-color : #aaa;
|
|
border-spacing: 0;
|
|
border-style : solid;
|
|
border-width : 1px;
|
|
width : 75%;
|
|
margin : 3% auto;
|
|
}
|
|
td, th {
|
|
text-align : center;
|
|
height : 3%;
|
|
}
|
|
.tg td {
|
|
background : #fff;
|
|
border-color : #aaa;
|
|
border-style : solid;
|
|
border-width : 0px;
|
|
color : #333;
|
|
font-size : 14px;
|
|
overflow : hidden;
|
|
padding : 10px 5px;
|
|
word-break : normal;
|
|
}
|
|
.tg th {
|
|
background : #f38630;
|
|
border-color : #aaa;
|
|
border-style : solid;
|
|
border-width : 0px;
|
|
color : #fff;
|
|
font-size : 14px;
|
|
font-weight : normal;
|
|
overflow : hidden;
|
|
padding : 10px 5px;
|
|
word-break : normal;
|
|
}
|
|
.tg .tg-7d57 {
|
|
background : #FCFBE3;
|
|
border-color : inherit;
|
|
vertical-align: top;
|
|
}
|
|
.tg .tg-0pky {
|
|
border-color : inherit;
|
|
vertical-align: top;
|
|
}
|
|
.tg .tg-0lax {
|
|
vertical-align: top;
|
|
}
|
|
.tg .tg-dg7a {
|
|
background : #FCFBE3;
|
|
vertical-align: top;
|
|
} |