-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
44 lines (36 loc) · 3.09 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
.header-image{float:left; height:9.7vh; margin-top: 0.55vh; }
h1{ height: 9.7vh;}
body{
display: table; font-family: Verdana, Geneva, Tahoma, sans-serif;
}
h1{background-image: -moz-linear-gradient(#5DC410, #F8F3B4); background-image: -webkit-linear-gradient(#5DC410, #F8F3B4);
text-align: center; padding: 1%; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; color: sienna ; }
h2{font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; color:sienna;}
p {font-size: 1.25 em; font-family: Verdana, Geneva, Tahoma, sans-serif;}
@media screen and (min-width: 1181px) {p {font-size: 1 em; font-family: Verdana, Geneva, Tahoma, sans-serif;}}
section{float: left; margin-top:1%; }
.left{background-color: #F8F3B4; width:95%; padding:2%; font-family: 'Verdana, Geneva, Tahoma, sans-serif'; font-size: 1.25 em;}
@media screen and (max-width: 1180px) {#bigPic { display: block; width:95%; }}
#bigPic {display: inline-block; margin-left:1%; margin-top:3%; }
table{border-style: double; border-color: #5DC410; padding: 2px; width:95%; margin-left:1%; margin-right:1% ; float:left; margin-top: 2%;}
tr{text-align: center; }
td{border-style: dotted; padding: 2px; border-color: #5DC410;}
.green{background-color: #a9f6a9; border-radius: 10%;}
.brown{background-color: #dbbf79; border-radius: 10%;}
.tips{float:left; width:80%; margin-left: 2%; margin-top: 2%;margin-right: 2%; margin-bottom:1%;padding-left: 5%; padding-bottom: 1%; background-image: -moz-radial-gradient(#b5f187, #F8F3B4);
background-image: -o-linear-gradient(#b5F187, #F8F3B4); background-image: -webkit-linear-gradient(#b5F187, #F8F3B4);
border-radius: 10%;}
@media screen and (max-width: 1140px) {.tips {float:left; width:65%; margin-left: 1%; margin-top: 2%;margin-right: 2%; margin-bottom:1%;padding-left: 5%; padding-bottom: 1%; background-image: -moz-radial-gradient(#b5f187, #F8F3B4);
background-image: -o-linear-gradient(#b5F187, #F8F3B4); background-image: -webkit-linear-gradient(#b5F187, #F8F3B4);
border-radius: 10%;}}
#girl{float:left; margin-left: 2%; margin-top: 7%;}
@media screen and (max-width: 1140px) {#girl {margin-top: 1%; float:left; margin-left: 2%; }}
#line{margin:0, auto; width:100%; }
footer{display: block; margin-top: 5%; background-image: -moz-linear-gradient(#5DC410, #F8F3B4); background-image: -webkit-linear-gradient(#5DC410, #F8F3B4);
text-align: center; padding: 2%; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; color: sienna; }
@media screen and (max-width:1140px) {footer {display:inline-block; width:100%; margin-top: 1%; background-image: -moz-linear-gradient(#5DC410, #F8F3B4); background-image: -webkit-linear-gradient(#5DC410, #F8F3B4);
text-align: center; padding: 2%; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; color: sienna;}}
a{ color: #4da906; }
a:hover{color: #ac882c ;}
@media screen and (min-width: 1181px)
{.left{background-color: #F8F3B4; padding-right: 2%; width:50%; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 1 em; margin-right:2%; }}