Mercurial > rlmcintyre

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