Mercurial > public > sg101

annotate static/css/blueprint/screen.css @ 1067:1868467244d2

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