Mercurial > public > sg101

comparison media/css/blueprint/screen.css @ 58:02e5dfa830cc

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
#11 Update Blueprints to 0.9. Also update the conditional IE specific include of the ie.css file. Hopefully this will resolve some issues seen with IE8.
author Brian Neal <bgneal@gmail.com>
date Wed, 24 Jun 2009 00:18:53 +0000
parents dbd703f7d63a
children 2a795fd602a4
comparison
equal deleted inserted replaced
57:7abef1a956f3 58:02e5dfa830cc
1 /* ----------------------------------------------------------------------- 1 /* -----------------------------------------------------------------------
2 2
3 3
4 Blueprint CSS Framework 0.8 4 Blueprint CSS Framework 0.9
5 http://blueprintcss.org 5 http://blueprintcss.org
6 6
7 * Copyright (c) 2007-Present. See LICENSE for more info. 7 * Copyright (c) 2007-Present. See LICENSE for more info.
8 * See README for instructions on how to use Blueprint. 8 * See README for instructions on how to use Blueprint.
9 * For credits and origins, see AUTHORS. 9 * For credits and origins, see AUTHORS.
71 .first {margin-left:0;padding-left:0;} 71 .first {margin-left:0;padding-left:0;}
72 .last {margin-right:0;padding-right:0;} 72 .last {margin-right:0;padding-right:0;}
73 .top {margin-top:0;padding-top:0;} 73 .top {margin-top:0;padding-top:0;}
74 .bottom {margin-bottom:0;padding-bottom:0;} 74 .bottom {margin-bottom:0;padding-bottom:0;}
75 75
76 /* forms.css */
77 label {font-weight:bold;}
78 fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
79 legend {font-weight:bold;font-size:1.2em;}
80 input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
81 input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
82 input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
83 input.text, input.title {width:300px;padding:5px;}
84 input.title {font-size:1.5em;}
85 textarea {width:390px;height:250px;padding:5px;}
86 input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
87 form.inline {line-height:3;}
88 form.inline p {margin-bottom:0;}
89 .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
90 .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
91 .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
92 .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
93 .error a {color:#8a1f11;}
94 .notice a {color:#514721;}
95 .success a {color:#264409;}
96
76 /* grid.css */ 97 /* grid.css */
77 .container {width:950px;margin:0 auto;} 98 .container {width:950px;margin:0 auto;}
78 .showgrid {background:url(src/grid.png);} 99 .showgrid {background:url(src/grid.png);}
79 .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} 100 .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
80 .last, div.last {margin-right:0;} 101 .last, div.last {margin-right:0;}
100 .span-20 {width:790px;} 121 .span-20 {width:790px;}
101 .span-21 {width:830px;} 122 .span-21 {width:830px;}
102 .span-22 {width:870px;} 123 .span-22 {width:870px;}
103 .span-23 {width:910px;} 124 .span-23 {width:910px;}
104 .span-24, div.span-24 {width:950px;margin:0;} 125 .span-24, div.span-24 {width:950px;margin:0;}
105 input.span-1, textarea.span-1, select.span-1 {width:30px!important;} 126 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!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
106 input.span-2, textarea.span-2, select.span-2 {width:50px!important;} 127 input.span-1, textarea.span-1 {width:18px!important;}
107 input.span-3, textarea.span-3, select.span-3 {width:90px!important;} 128 input.span-2, textarea.span-2 {width:58px!important;}
108 input.span-4, textarea.span-4, select.span-4 {width:130px!important;} 129 input.span-3, textarea.span-3 {width:98px!important;}
109 input.span-5, textarea.span-5, select.span-5 {width:170px!important;} 130 input.span-4, textarea.span-4 {width:138px!important;}
110 input.span-6, textarea.span-6, select.span-6 {width:210px!important;} 131 input.span-5, textarea.span-5 {width:178px!important;}
111 input.span-7, textarea.span-7, select.span-7 {width:250px!important;} 132 input.span-6, textarea.span-6 {width:218px!important;}
112 input.span-8, textarea.span-8, select.span-8 {width:290px!important;} 133 input.span-7, textarea.span-7 {width:258px!important;}
113 input.span-9, textarea.span-9, select.span-9 {width:330px!important;} 134 input.span-8, textarea.span-8 {width:298px!important;}
114 input.span-10, textarea.span-10, select.span-10 {width:370px!important;} 135 input.span-9, textarea.span-9 {width:338px!important;}
115 input.span-11, textarea.span-11, select.span-11 {width:410px!important;} 136 input.span-10, textarea.span-10 {width:378px!important;}
116 input.span-12, textarea.span-12, select.span-12 {width:450px!important;} 137 input.span-11, textarea.span-11 {width:418px!important;}
117 input.span-13, textarea.span-13, select.span-13 {width:490px!important;} 138 input.span-12, textarea.span-12 {width:458px!important;}
118 input.span-14, textarea.span-14, select.span-14 {width:530px!important;} 139 input.span-13, textarea.span-13 {width:498px!important;}
119 input.span-15, textarea.span-15, select.span-15 {width:570px!important;} 140 input.span-14, textarea.span-14 {width:538px!important;}
120 input.span-16, textarea.span-16, select.span-16 {width:610px!important;} 141 input.span-15, textarea.span-15 {width:578px!important;}
121 input.span-17, textarea.span-17, select.span-17 {width:650px!important;} 142 input.span-16, textarea.span-16 {width:618px!important;}
122 input.span-18, textarea.span-18, select.span-18 {width:690px!important;} 143 input.span-17, textarea.span-17 {width:658px!important;}
123 input.span-19, textarea.span-19, select.span-19 {width:730px!important;} 144 input.span-18, textarea.span-18 {width:698px!important;}
124 input.span-20, textarea.span-20, select.span-20 {width:770px!important;} 145 input.span-19, textarea.span-19 {width:738px!important;}
125 input.span-21, textarea.span-21, select.span-21 {width:810px!important;} 146 input.span-20, textarea.span-20 {width:778px!important;}
126 input.span-22, textarea.span-22, select.span-22 {width:850px!important;} 147 input.span-21, textarea.span-21 {width:818px!important;}
127 input.span-23, textarea.span-23, select.span-23 {width:890px!important;} 148 input.span-22, textarea.span-22 {width:858px!important;}
128 input.span-24, textarea.span-24, select.span-24 {width:940px!important;} 149 input.span-23, textarea.span-23 {width:898px!important;}
150 input.span-24, textarea.span-24 {width:938px!important;}
129 .append-1 {padding-right:40px;} 151 .append-1 {padding-right:40px;}
130 .append-2 {padding-right:80px;} 152 .append-2 {padding-right:80px;}
131 .append-3 {padding-right:120px;} 153 .append-3 {padding-right:120px;}
132 .append-4 {padding-right:160px;} 154 .append-4 {padding-right:160px;}
133 .append-5 {padding-right:200px;} 155 .append-5 {padding-right:200px;}
230 hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} 252 hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
231 hr.space {background:#fff;color:#fff;} 253 hr.space {background:#fff;color:#fff;}
232 .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} 254 .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
233 .clearfix, .container {display:block;} 255 .clearfix, .container {display:block;}
234 .clear {clear:both;} 256 .clear {clear:both;}
235
236 /* forms.css */
237 label {font-weight:bold;}
238 fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
239 legend {font-weight:bold;font-size:1.2em;}
240 input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
241 input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
242 input.text, input.title {width:300px;padding:5px;}
243 input.title {font-size:1.5em;}
244 textarea {width:390px;height:250px;padding:5px;}
245 .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
246 .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
247 .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
248 .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
249 .error a {color:#8a1f11;}
250 .notice a {color:#514721;}
251 .success a {color:#264409;}