annotate media/css/blueprint/screen.css @ 278:2a795fd602a4

Fix #130. Upgrade to Blueprints CSS 1.0. However I didn't keep their change to the even class. That seemed to be messed up. Hand edited it to the old version.
author Brian Neal <bgneal@gmail.com>
date Sun, 03 Oct 2010 00:26:42 +0000
parents 02e5dfa830cc
children
rev   line source
gremmie@1 1 /* -----------------------------------------------------------------------
gremmie@1 2
gremmie@1 3
bgneal@278 4 Blueprint CSS Framework 1.0
gremmie@1 5 http://blueprintcss.org
gremmie@1 6
gremmie@1 7 * Copyright (c) 2007-Present. See LICENSE for more info.
gremmie@1 8 * See README for instructions on how to use Blueprint.
gremmie@1 9 * For credits and origins, see AUTHORS.
gremmie@1 10 * This is a compressed file. See the sources in the 'src' directory.
gremmie@1 11
gremmie@1 12 ----------------------------------------------------------------------- */
gremmie@1 13
gremmie@1 14 /* reset.css */
bgneal@278 15 html {margin:0;padding:0;border:0;}
bgneal@278 16 body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
bgneal@278 17 article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
bgneal@278 18 body {line-height:1.5;background:white;}
gremmie@1 19 table {border-collapse:separate;border-spacing:0;}
bgneal@278 20 caption, th, td {text-align:left;font-weight:normal;float:none !important;}
bgneal@278 21 table, th, td {vertical-align:middle;}
bgneal@278 22 blockquote:before, blockquote:after, q:before, q:after {content:'';}
gremmie@1 23 blockquote, q {quotes:"" "";}
gremmie@1 24 a img {border:none;}
bgneal@278 25 :focus {outline:0;}
gremmie@1 26
gremmie@1 27 /* typography.css */
bgneal@278 28 html {font-size:100.01%;}
gremmie@1 29 body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
gremmie@1 30 h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
gremmie@1 31 h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
gremmie@1 32 h2 {font-size:2em;margin-bottom:0.75em;}
gremmie@1 33 h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
gremmie@1 34 h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
gremmie@1 35 h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
gremmie@1 36 h6 {font-size:1em;font-weight:bold;}
gremmie@1 37 h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
gremmie@1 38 p {margin:0 0 1.5em;}
bgneal@278 39 .left {float:left !important;}
bgneal@278 40 p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
bgneal@278 41 .right {float:right !important;}
bgneal@278 42 p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
bgneal@278 43 a:focus, a:hover {color:#09f;}
bgneal@278 44 a {color:#06c;text-decoration:underline;}
gremmie@1 45 blockquote {margin:1.5em;color:#666;font-style:italic;}
bgneal@278 46 strong, dfn {font-weight:bold;}
gremmie@1 47 em, dfn {font-style:italic;}
gremmie@1 48 sup, sub {line-height:0;}
gremmie@1 49 abbr, acronym {border-bottom:1px dotted #666;}
gremmie@1 50 address {margin:0 0 1.5em;font-style:italic;}
gremmie@1 51 del {color:#666;}
gremmie@1 52 pre {margin:1.5em 0;white-space:pre;}
gremmie@1 53 pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
bgneal@278 54 li ul, li ol {margin:0;}
bgneal@278 55 ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
gremmie@1 56 ul {list-style-type:disc;}
gremmie@1 57 ol {list-style-type:decimal;}
gremmie@1 58 dl {margin:0 0 1.5em 0;}
gremmie@1 59 dl dt {font-weight:bold;}
gremmie@1 60 dd {margin-left:1.5em;}
gremmie@1 61 table {margin-bottom:1.4em;width:100%;}
gremmie@1 62 th {font-weight:bold;}
gremmie@1 63 thead th {background:#c3d9ff;}
gremmie@1 64 th, td, caption {padding:4px 10px 4px 5px;}
gremmie@1 65 tr.even td {background:#e5ecf9;}
gremmie@1 66 tfoot {font-style:italic;}
gremmie@1 67 caption {background:#eee;}
gremmie@1 68 .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
gremmie@1 69 .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
gremmie@1 70 .hide {display:none;}
gremmie@1 71 .quiet {color:#666;}
gremmie@1 72 .loud {color:#000;}
gremmie@1 73 .highlight {background:#ff0;}
gremmie@1 74 .added {background:#060;color:#fff;}
gremmie@1 75 .removed {background:#900;color:#fff;}
gremmie@1 76 .first {margin-left:0;padding-left:0;}
gremmie@1 77 .last {margin-right:0;padding-right:0;}
gremmie@1 78 .top {margin-top:0;padding-top:0;}
gremmie@1 79 .bottom {margin-bottom:0;padding-bottom:0;}
gremmie@1 80
bgneal@58 81 /* forms.css */
bgneal@58 82 label {font-weight:bold;}
bgneal@278 83 fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
bgneal@278 84 legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
bgneal@278 85 fieldset, #IE8#HACK {padding-top:1.4em;}
bgneal@278 86 legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
bgneal@278 87 input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
bgneal@278 88 input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
bgneal@278 89 select {background-color:#fff;border-width:1px;border-style:solid;}
bgneal@58 90 input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
bgneal@58 91 input.text, input.title {width:300px;padding:5px;}
bgneal@58 92 input.title {font-size:1.5em;}
bgneal@58 93 textarea {width:390px;height:250px;padding:5px;}
bgneal@58 94 form.inline {line-height:3;}
bgneal@58 95 form.inline p {margin-bottom:0;}
bgneal@278 96 .error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
bgneal@278 97 .error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
bgneal@278 98 .notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
bgneal@278 99 .success {background:#e6efc2;color:#264409;border-color:#c6d880;}
bgneal@278 100 .info {background:#d5edf8;color:#205791;border-color:#92cae4;}
bgneal@278 101 .error a, .alert a {color:#8a1f11;}
bgneal@58 102 .notice a {color:#514721;}
bgneal@58 103 .success a {color:#264409;}
bgneal@278 104 .info a {color:#205791;}
bgneal@58 105
gremmie@1 106 /* grid.css */
gremmie@1 107 .container {width:950px;margin:0 auto;}
gremmie@1 108 .showgrid {background:url(src/grid.png);}
bgneal@278 109 .column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
bgneal@278 110 .last {margin-right:0;}
gremmie@1 111 .span-1 {width:30px;}
gremmie@1 112 .span-2 {width:70px;}
gremmie@1 113 .span-3 {width:110px;}
gremmie@1 114 .span-4 {width:150px;}
gremmie@1 115 .span-5 {width:190px;}
gremmie@1 116 .span-6 {width:230px;}
gremmie@1 117 .span-7 {width:270px;}
gremmie@1 118 .span-8 {width:310px;}
gremmie@1 119 .span-9 {width:350px;}
gremmie@1 120 .span-10 {width:390px;}
gremmie@1 121 .span-11 {width:430px;}
gremmie@1 122 .span-12 {width:470px;}
gremmie@1 123 .span-13 {width:510px;}
gremmie@1 124 .span-14 {width:550px;}
gremmie@1 125 .span-15 {width:590px;}
gremmie@1 126 .span-16 {width:630px;}
gremmie@1 127 .span-17 {width:670px;}
gremmie@1 128 .span-18 {width:710px;}
gremmie@1 129 .span-19 {width:750px;}
gremmie@1 130 .span-20 {width:790px;}
gremmie@1 131 .span-21 {width:830px;}
gremmie@1 132 .span-22 {width:870px;}
gremmie@1 133 .span-23 {width:910px;}
bgneal@278 134 .span-24 {width:950px;margin-right:0;}
bgneal@278 135 input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
bgneal@278 136 input.span-1, textarea.span-1 {width:18px;}
bgneal@278 137 input.span-2, textarea.span-2 {width:58px;}
bgneal@278 138 input.span-3, textarea.span-3 {width:98px;}
bgneal@278 139 input.span-4, textarea.span-4 {width:138px;}
bgneal@278 140 input.span-5, textarea.span-5 {width:178px;}
bgneal@278 141 input.span-6, textarea.span-6 {width:218px;}
bgneal@278 142 input.span-7, textarea.span-7 {width:258px;}
bgneal@278 143 input.span-8, textarea.span-8 {width:298px;}
bgneal@278 144 input.span-9, textarea.span-9 {width:338px;}
bgneal@278 145 input.span-10, textarea.span-10 {width:378px;}
bgneal@278 146 input.span-11, textarea.span-11 {width:418px;}
bgneal@278 147 input.span-12, textarea.span-12 {width:458px;}
bgneal@278 148 input.span-13, textarea.span-13 {width:498px;}
bgneal@278 149 input.span-14, textarea.span-14 {width:538px;}
bgneal@278 150 input.span-15, textarea.span-15 {width:578px;}
bgneal@278 151 input.span-16, textarea.span-16 {width:618px;}
bgneal@278 152 input.span-17, textarea.span-17 {width:658px;}
bgneal@278 153 input.span-18, textarea.span-18 {width:698px;}
bgneal@278 154 input.span-19, textarea.span-19 {width:738px;}
bgneal@278 155 input.span-20, textarea.span-20 {width:778px;}
bgneal@278 156 input.span-21, textarea.span-21 {width:818px;}
bgneal@278 157 input.span-22, textarea.span-22 {width:858px;}
bgneal@278 158 input.span-23, textarea.span-23 {width:898px;}
bgneal@278 159 input.span-24, textarea.span-24 {width:938px;}
gremmie@1 160 .append-1 {padding-right:40px;}
gremmie@1 161 .append-2 {padding-right:80px;}
gremmie@1 162 .append-3 {padding-right:120px;}
gremmie@1 163 .append-4 {padding-right:160px;}
gremmie@1 164 .append-5 {padding-right:200px;}
gremmie@1 165 .append-6 {padding-right:240px;}
gremmie@1 166 .append-7 {padding-right:280px;}
gremmie@1 167 .append-8 {padding-right:320px;}
gremmie@1 168 .append-9 {padding-right:360px;}
gremmie@1 169 .append-10 {padding-right:400px;}
gremmie@1 170 .append-11 {padding-right:440px;}
gremmie@1 171 .append-12 {padding-right:480px;}
gremmie@1 172 .append-13 {padding-right:520px;}
gremmie@1 173 .append-14 {padding-right:560px;}
gremmie@1 174 .append-15 {padding-right:600px;}
gremmie@1 175 .append-16 {padding-right:640px;}
gremmie@1 176 .append-17 {padding-right:680px;}
gremmie@1 177 .append-18 {padding-right:720px;}
gremmie@1 178 .append-19 {padding-right:760px;}
gremmie@1 179 .append-20 {padding-right:800px;}
gremmie@1 180 .append-21 {padding-right:840px;}
gremmie@1 181 .append-22 {padding-right:880px;}
gremmie@1 182 .append-23 {padding-right:920px;}
gremmie@1 183 .prepend-1 {padding-left:40px;}
gremmie@1 184 .prepend-2 {padding-left:80px;}
gremmie@1 185 .prepend-3 {padding-left:120px;}
gremmie@1 186 .prepend-4 {padding-left:160px;}
gremmie@1 187 .prepend-5 {padding-left:200px;}
gremmie@1 188 .prepend-6 {padding-left:240px;}
gremmie@1 189 .prepend-7 {padding-left:280px;}
gremmie@1 190 .prepend-8 {padding-left:320px;}
gremmie@1 191 .prepend-9 {padding-left:360px;}
gremmie@1 192 .prepend-10 {padding-left:400px;}
gremmie@1 193 .prepend-11 {padding-left:440px;}
gremmie@1 194 .prepend-12 {padding-left:480px;}
gremmie@1 195 .prepend-13 {padding-left:520px;}
gremmie@1 196 .prepend-14 {padding-left:560px;}
gremmie@1 197 .prepend-15 {padding-left:600px;}
gremmie@1 198 .prepend-16 {padding-left:640px;}
gremmie@1 199 .prepend-17 {padding-left:680px;}
gremmie@1 200 .prepend-18 {padding-left:720px;}
gremmie@1 201 .prepend-19 {padding-left:760px;}
gremmie@1 202 .prepend-20 {padding-left:800px;}
gremmie@1 203 .prepend-21 {padding-left:840px;}
gremmie@1 204 .prepend-22 {padding-left:880px;}
gremmie@1 205 .prepend-23 {padding-left:920px;}
bgneal@278 206 .border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
bgneal@278 207 .colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
gremmie@1 208 .pull-1 {margin-left:-40px;}
gremmie@1 209 .pull-2 {margin-left:-80px;}
gremmie@1 210 .pull-3 {margin-left:-120px;}
gremmie@1 211 .pull-4 {margin-left:-160px;}
gremmie@1 212 .pull-5 {margin-left:-200px;}
gremmie@1 213 .pull-6 {margin-left:-240px;}
gremmie@1 214 .pull-7 {margin-left:-280px;}
gremmie@1 215 .pull-8 {margin-left:-320px;}
gremmie@1 216 .pull-9 {margin-left:-360px;}
gremmie@1 217 .pull-10 {margin-left:-400px;}
gremmie@1 218 .pull-11 {margin-left:-440px;}
gremmie@1 219 .pull-12 {margin-left:-480px;}
gremmie@1 220 .pull-13 {margin-left:-520px;}
gremmie@1 221 .pull-14 {margin-left:-560px;}
gremmie@1 222 .pull-15 {margin-left:-600px;}
gremmie@1 223 .pull-16 {margin-left:-640px;}
gremmie@1 224 .pull-17 {margin-left:-680px;}
gremmie@1 225 .pull-18 {margin-left:-720px;}
gremmie@1 226 .pull-19 {margin-left:-760px;}
gremmie@1 227 .pull-20 {margin-left:-800px;}
gremmie@1 228 .pull-21 {margin-left:-840px;}
gremmie@1 229 .pull-22 {margin-left:-880px;}
gremmie@1 230 .pull-23 {margin-left:-920px;}
gremmie@1 231 .pull-24 {margin-left:-960px;}
gremmie@1 232 .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
gremmie@1 233 .push-1 {margin:0 -40px 1.5em 40px;}
gremmie@1 234 .push-2 {margin:0 -80px 1.5em 80px;}
gremmie@1 235 .push-3 {margin:0 -120px 1.5em 120px;}
gremmie@1 236 .push-4 {margin:0 -160px 1.5em 160px;}
gremmie@1 237 .push-5 {margin:0 -200px 1.5em 200px;}
gremmie@1 238 .push-6 {margin:0 -240px 1.5em 240px;}
gremmie@1 239 .push-7 {margin:0 -280px 1.5em 280px;}
gremmie@1 240 .push-8 {margin:0 -320px 1.5em 320px;}
gremmie@1 241 .push-9 {margin:0 -360px 1.5em 360px;}
gremmie@1 242 .push-10 {margin:0 -400px 1.5em 400px;}
gremmie@1 243 .push-11 {margin:0 -440px 1.5em 440px;}
gremmie@1 244 .push-12 {margin:0 -480px 1.5em 480px;}
gremmie@1 245 .push-13 {margin:0 -520px 1.5em 520px;}
gremmie@1 246 .push-14 {margin:0 -560px 1.5em 560px;}
gremmie@1 247 .push-15 {margin:0 -600px 1.5em 600px;}
gremmie@1 248 .push-16 {margin:0 -640px 1.5em 640px;}
gremmie@1 249 .push-17 {margin:0 -680px 1.5em 680px;}
gremmie@1 250 .push-18 {margin:0 -720px 1.5em 720px;}
gremmie@1 251 .push-19 {margin:0 -760px 1.5em 760px;}
gremmie@1 252 .push-20 {margin:0 -800px 1.5em 800px;}
gremmie@1 253 .push-21 {margin:0 -840px 1.5em 840px;}
gremmie@1 254 .push-22 {margin:0 -880px 1.5em 880px;}
gremmie@1 255 .push-23 {margin:0 -920px 1.5em 920px;}
gremmie@1 256 .push-24 {margin:0 -960px 1.5em 960px;}
bgneal@278 257 .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}
bgneal@278 258 div.prepend-top, .prepend-top {margin-top:1.5em;}
bgneal@278 259 div.append-bottom, .append-bottom {margin-bottom:1.5em;}
bgneal@278 260 .box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
bgneal@278 261 hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
bgneal@278 262 hr.space {background:#fff;color:#fff;visibility:hidden;}
gremmie@1 263 .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
gremmie@1 264 .clearfix, .container {display:block;}
bgneal@278 265 .clear {clear:both;}