/
nerdluv.css
107 lines (87 loc) · 1.32 KB
/
nerdluv.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
104
105
106
107
/*
CSE 154, Homework 4: NerdLuv
You should link to this provided stylesheet from all of your pages.
You should not need to modify this file. Your pages should work with it as-is.
*/
* {
font-size: 12pt;
font-family: "Verdana", "Geneva", sans-serif;
}
a {
color: #F44;
text-decoration: none;
}
a:hover {
background-color: #FFA;
}
a img {
border: none;
}
#bannerarea {
margin-bottom: 2em;
}
body {
background-color: white;
padding-left: 1em;
}
body > div, form {
overflow: hidden;
width: 35em;
}
div {
overflow: hidden;
}
/* form styles */
fieldset {
background-color: #E0E0FF;
border: 2px outset gray;
border-radius: 10px;
}
/* the bold text labels to the left of each form field */
fieldset strong,
ul strong,
fieldset label.left,
fieldset .column {
float: left;
width: 11em;
}
h1 {
margin-top: 0em;
}
input[type="submit"] {
background-color: #FAA;
font-size: 120%;
font-weight: bold;
}
legend {
background-color: white;
border: 2px outset gray;
padding: 0.2em;
}
.match {
margin-bottom: 1em;
}
.match img {
width: 150px;
float: left;
margin-right: 10px;
margin-bottom: 3em;
}
.match p {
background-color: #E0E0FF;
clear: left;
}
.match ul {
padding-left: 160px;
}
ul {
list-style-type: none;
padding-left: 0em;
}
ul li a img {
vertical-align: middle;
}
#w3c {
clear: both;
margin-top: 2em;
}