Mercurial > rlmcintyre
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 div7 {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 }