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

initial committ. what was I thinking?
author Robert McIntyre <rlm@mit.edu>
date Mon, 27 Sep 2010 16:57:26 -0400
parents
children
line wrap: on
line source


3 /* Generic Selectors */
6 div
7 {
8 background-color:#FBFAF1 /* pale yellow parchment */
9 }
13 body {
15 font-family: Georgia, "Times New Roman", Times, serif;
17 font-size: 14px;
19 color: #333333;
21 background-color: #F9F9F9;
23 }
25 p {
27 width: 80%;
29 }
31 li {
33 list-style-type: none;
35 line-height: 150%;
37 list-style-image: url(../images/arrowSmall.gif);
39 }
41 h1 {
43 font-family: Georgia, "Times New Roman", Times, serif;
45 font-size: 18px;
47 font-weight: bold;
49 color: #000000;
51 }
53 h2 {
55 font-family: Georgia, "Times New Roman", Times, serif;
57 font-size: 16px;
59 font-weight: bold;
61 color: #000000;
63 border-bottom: 4px solid #F2D7EE; /* sakura pink */
65 }
69 /**************** Pseudo classes ****************/
71 a:link {
73 color: #00CC00;
75 text-decoration: underline;
77 font-weight: bold;
79 }
81 li a:link {
83 color: #00CC00;
85 text-decoration: none;
87 font-weight: bold;
89 }
91 a:visited {
93 color: #00CC00;
95 text-decoration: underline;
97 font-weight: bold;
99 }
101 li a:visited {
103 color: #00CC00;
105 text-decoration: none;
107 font-weight: bold;
109 }
111 a:hover {
113 color: rgb(0, 96, 255);
115 padding-bottom: 5px;
117 font-weight: bold;
119 text-decoration: underline;
121 }
123 li a:hover {
125 display: block;
127 color: rgb(0, 96, 255);
129 padding-bottom: 5px;
131 font-weight: bold;
133 border-bottom-width: 1px;
135 border-bottom-style: solid;
137 border-bottom-color: #F2D7EE; /* sakura pink */
139 }
141 a:active {
143 color: rgb(255, 0, 102);
145 font-weight: bold;
147 }
149 /************************* ID's *************************/
151 #navigation {
153 position: absolute;
155 z-index: 10;
157 width: 210px;
159 height: 600px;
161 margin: 0;
163 border-right: 1px solid #F2D7EE; /* sakura pink */
165 font-weight: normal;
167 }
169 #centerDoc {
171 position: absolute;
173 z-index: 15;
175 padding: 0 0 20px 20px; /*top right bottom left*/
177 margin-top: 50px;
179 margin-left: 235px;
181 }