main.css (4910B)
1 img { 2 border: 0px; 3 } 4 5 BODY { 6 background-color: #FFF; 7 color: #000; 8 margin: 0px auto; 9 width: 70%; 10 } 11 12 @media screen and (min-width: 300px) and (max-width: 500px) { 13 BODY { 14 width: 100%; 15 } 16 } 17 18 FORM { 19 margin-top: 0.5em; 20 margin-bottom: 0.5em; 21 } 22 23 P, TD { 24 font-family: lucida, "Lucida Sans Unicode", Geneva, sans-serif; 25 } 26 27 P.contact { 28 text-align: center; 29 } 30 31 P.contact A { 32 font-family: lucida, "Lucida Sans Unicode", Geneva, sans-serif; 33 font-weight: normal; 34 } 35 36 SPAN.email { 37 font-family: lucidatypewriter, "Lucida Typewriter", Monaco, "Lucida Sans Unicode", monospace; 38 font-weight: bold; 39 } 40 41 P IMG { 42 vertical-align: text-bottom; 43 } 44 45 P.crumbbreadth { 46 margin-top: 0.25em; 47 } 48 49 .compact { 50 margin-top: -0.5em; 51 text-indent: 0em; 52 } 53 54 SPAN.biblio { 55 font-style: italic; 56 } 57 58 SPAN.biblio A { 59 font-family: lucida, "Lucida Sans Unicode", Geneva, sans-serif; 60 font-weight: normal; 61 text-decoration: underline; 62 } 63 64 SPAN.availability { 65 font-family: lucidatypewriter, "Lucida Typewriter", Monaco, "Lucida Sans Unicode", monospace; 66 font-weight: normal; 67 } 68 69 70 UL { 71 list-style: outside; 72 } 73 74 UL.expand { 75 margin-bottom: 1em; 76 } 77 78 UL.sections { 79 list-style: none; 80 } 81 82 /* Font-level properties */ 83 84 PRE { 85 font-family: lucidatypewriter, "Lucida Typewriter", Monaco, "Lucida Sans Unicode", monospace; 86 } 87 88 STRONG, A { 89 font-family: lucidatypewriter, "Lucida Typewriter", Monaco, "Rockwell", "Lucida Sans Unicode", monospace; 90 font-weight: bold; 91 } 92 93 A:link { 94 color: #B00; 95 } 96 97 A:visited { 98 color: #903; 99 } 100 101 H1, H2, H3, H4, H5, H6 { 102 font-family: lucidatypewriter, "Lucida Typewriter", "Lucida Console", Monaco, sans-serif; 103 } 104 105 H1 A, H2 A, H3 A, H4 A, H5 A, H6 A { 106 font-family: lucidatypewriter, "Lucida Typewriter", "Lucida Console", Monaco, sans-serif; 107 } 108 109 H1 { 110 color: #00B; 111 } 112 113 H2 { 114 color: #006; 115 } 116 117 H3 { 118 color: #006; 119 } 120 121 122 .side-bar { 123 box-sizing: border-box; 124 color: black; 125 font-size: 0.9em; 126 padding: 30px 0px; 127 } 128 129 .bar-title { 130 color: black; 131 font-size: 14px; 132 } 133 134 .bar-box-padded { 135 padding: 10px; 136 } 137 138 .bar-list { 139 list-style: none; 140 padding: 0px; 141 } 142 143 li:after{ content: ""; } 144 li:before{ content: ""; } 145 146 .bar-item { 147 display: inline; 148 } 149 150 .bar-link:link, .bar-link:visited { 151 color: black; 152 padding: 5px 10px; 153 } 154 155 /* 156 .bar-link:active, .bar-link:focus, .bar-link:hover { 157 background-color: #FF73F4; 158 border-color: #FF73F4; 159 } 160 */ 161 162 .feed-link { 163 background-image: url("/static/base/img/feed-bg-white.png"); 164 background-position: bottom left; 165 background-repeat: no-repeat; 166 } 167 168 */ 169 .a11y-offset { 170 position: absolute; 171 left: -50000px; 172 } 173 174 .side-bar { 175 display: inline; 176 padding: 0px; 177 text-align: left; 178 vertical-align: top; 179 width: 350px; 180 } 181 182 @media screen and (min-width: 1280px) { 183 184 .bar-title { 185 background-color: #F5F5F5; 186 font-weight: normal; 187 margin: 0px; 188 padding: 8px; 189 } 190 191 .bar-title-top { 192 border-radius: 4px 4px 0px 0px; 193 } 194 195 .bar-list { 196 margin: 0px; 197 } 198 199 .bar-item { 200 display: inline; 201 margin: 0px; 202 } 203 204 .bar-link:link, 205 .bar-link:visited { 206 display: inline; 207 margin: 0px; 208 } 209 } 210 .sheet { 211 box-sizing: border-box; 212 } 213 214 .table-box { 215 overflow-x: auto; 216 } 217 218 .top-shadow-bg { 219 background-image: url("../img/top-shadow-bg.png"); 220 background-repeat: repeat-x; 221 } 222 223 224 .sheet { 225 display: inline-block; 226 vertical-align: top; 227 width: 75%; 228 } 229 /* 230 @media screen and (min-width: 1280px) { 231 .sheet { 232 display: inline-block; 233 vertical-align: top; 234 width: 75%; 235 } 236 237 .sheet-padded { 238 padding-right: 20px; 239 } 240 } 241 */ 242 243 /* item-preview */ 244 .item-preview, 245 .item-preview:link, 246 .item-preview:visited { 247 color: #4D4D4D; 248 display: block; 249 padding: 10px 15px; 250 text-align: left; 251 } 252 253 .item-preview:active, 254 .item-preview:focus, 255 .item-preview:hover { 256 background-color: white; 257 } 258 259 .item-preview h3 { 260 font-size: 1em; 261 font-weight: bold; 262 margin: 0px; 263 } 264 265 .item-date { 266 font-size: 0.9em; 267 } 268 269 270 /* 271 @media screen and (min-width: 1024px) { 272 .item-preview, 273 .item-preview:link, 274 .item-preview:visited { 275 background-color: transparent; 276 border-color: transparent; 277 border-style: solid; 278 border-width: thin; 279 display: inline-block; 280 margin: 10px 0px 15px 0px; 281 vertical-align: top; 282 width: 270px; 283 } 284 285 .item-preview:active, 286 .item-preview:focus, 287 .item-preview:hover { 288 border-color: white; 289 } 290 291 .summary-box { 292 color: #4D4D4D; 293 display: inline-block; 294 font-size: 0.9em; 295 margin: 5px; 296 padding: 10px; 297 text-align: left; 298 vertical-align: top; 299 width: 280px; 300 } 301 302 .summary-box img { 303 display: block; 304 margin: 0px auto; 305 max-width: 100%; 306 } 307 } 308 */