-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
103 lines (76 loc) · 1.37 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
/*body information */
body {
background-color: #373F51;
margin: auto;
}
/* link information */
a {
font-family: "Courier New", Courier, monospace;
}
a:link { color: blue; }
a:visited { color: blue; }
a:hover { color: white; }
a:active { color: red; }
/* end link information */
/* combined header main and footer */
header, main, footer{
text-align: center;
margin: auto;
padding: 0px;
width: 700px;
height: auto;
}
/* individual header / main / footer */
header {
background-color: #58A4B0;
color: white;
font-family: "Courier New", Courier, monospace;
}
main {
background: #A9BCD0;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
footer {
background: #58A4B0;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
/* circle for my image */
.circle {
border-radius: 50%;
}
/* paragraph */
p
{
text-align: left;
width: 600px;
margin: auto;
}
/* list */
li {
list-style-position: inside;
width: 300px;
margin: auto;
text-align: left;
}
/* This rounds the edges of the header / main / footer */
.edge {
border-radius: 10px;
}
/* h1-3 code here */
h1 {
font-size: 40px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 30px;
}
/* used to align a div with the list */
.alignwp {
text-align: left;
margin: auto;
width: 300px;
}