Mercurial > rlmcintyre

comparison CSS_tutorial/myCSS.css @ 0:0d795f02a8bb tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
initial committ. what was I thinking?
author Robert McIntyre <rlm@mit.edu>
date Mon, 27 Sep 2010 16:57:26 -0400
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:0d795f02a8bb
1
2
3 /* Generic Selectors */
4
5
6 div
7 {
8 background-color:#FBFAF1 /* pale yellow parchment */
9 }
10
11
12
13 body {
14
15 font-family: Georgia, "Times New Roman", Times, serif;
16
17 font-size: 14px;
18
19 color: #333333;
20
21 background-color: #F9F9F9;
22
23 }
24
25 p {
26
27 width: 80%;
28
29 }
30
31 li {
32
33 list-style-type: none;
34
35 line-height: 150%;
36
37 list-style-image: url(../images/arrowSmall.gif);
38
39 }
40
41 h1 {
42
43 font-family: Georgia, "Times New Roman", Times, serif;
44
45 font-size: 18px;
46
47 font-weight: bold;
48
49 color: #000000;
50
51 }
52
53 h2 {
54
55 font-family: Georgia, "Times New Roman", Times, serif;
56
57 font-size: 16px;
58
59 font-weight: bold;
60
61 color: #000000;
62
63 border-bottom: 4px solid #F2D7EE; /* sakura pink */
64
65 }
66
67
68
69 /**************** Pseudo classes ****************/
70
71 a:link {
72
73 color: #00CC00;
74
75 text-decoration: underline;
76
77 font-weight: bold;
78
79 }
80
81 li a:link {
82
83 color: #00CC00;
84
85 text-decoration: none;
86
87 font-weight: bold;
88
89 }
90
91 a:visited {
92
93 color: #00CC00;
94
95 text-decoration: underline;
96
97 font-weight: bold;
98
99 }
100
101 li a:visited {
102
103 color: #00CC00;
104
105 text-decoration: none;
106
107 font-weight: bold;
108
109 }
110
111 a:hover {
112
113 color: rgb(0, 96, 255);
114
115 padding-bottom: 5px;
116
117 font-weight: bold;
118
119 text-decoration: underline;
120
121 }
122
123 li a:hover {
124
125 display: block;
126
127 color: rgb(0, 96, 255);
128
129 padding-bottom: 5px;
130
131 font-weight: bold;
132
133 border-bottom-width: 1px;
134
135 border-bottom-style: solid;
136
137 border-bottom-color: #F2D7EE; /* sakura pink */
138
139 }
140
141 a:active {
142
143 color: rgb(255, 0, 102);
144
145 font-weight: bold;
146
147 }
148
149 /************************* ID's *************************/
150
151 #navigation {
152
153 position: absolute;
154
155 z-index: 10;
156
157 width: 210px;
158
159 height: 600px;
160
161 margin: 0;
162
163 border-right: 1px solid #F2D7EE; /* sakura pink */
164
165 font-weight: normal;
166
167 }
168
169 #centerDoc {
170
171 position: absolute;
172
173 z-index: 15;
174
175 padding: 0 0 20px 20px; /*top right bottom left*/
176
177 margin-top: 50px;
178
179 margin-left: 235px;
180
181 }