Skip to content
This repository
Browse code

switching to atonic

  • Loading branch information...
commit 324838b192fb994ca0cbc11a92e781159cde86f0 1 parent d6f8940
bdarcus authored January 14, 2013

Showing 1 changed file with 1 addition and 210 deletions. Show diff stats Hide diff stats

  1. 211  css/screen.css
211  css/screen.css
... ...
@@ -1,210 +1 @@
1  
-
2  
-/*	Less Framework 4
3  
-	http://lessframework.com
4  
-	by Joni Korpi
5  
-	License: http://opensource.org/licenses/mit-license.php	*/
6  
-
7  
-
8  
-/*	Resets
9  
-	------	*/
10  
-
11  
-html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
12  
-p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
13  
-img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
14  
-dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
15  
-table, caption, tbody, tfoot, thead, tr, th, td,
16  
-article, aside, canvas, details, figure, figcaption, hgroup, 
17  
-menu, footer, header, nav, section, summary, time, mark, audio, video {
18  
-	margin: 0;
19  
-	padding: 0;
20  
-	border: 0;
21  
-}
22  
-
23  
-article, aside, canvas, figure, figure img, figcaption, hgroup,
24  
-footer, header, nav, section, audio, video {
25  
-	display: block;
26  
-}
27  
-
28  
-a img {border: 0;}
29  
-
30  
-
31  
-
32  
-/*	Typography presets
33  
-	------------------	*/
34  
-
35  
-.gigantic {
36  
-	font-size: 110px;
37  
-	line-height: 120px;
38  
-	letter-spacing: -2px;
39  
-}
40  
-
41  
-.huge, h1 {
42  
-	font-size: 68px;
43  
-	line-height: 72px;
44  
-	letter-spacing: -1px;
45  
-}
46  
-
47  
-.large, h2 {
48  
-	font-size: 42px;
49  
-	line-height: 48px;
50  
-}
51  
-
52  
-.bigger, h3 {
53  
-	font-size: 26px;
54  
-	line-height: 36px;
55  
-}
56  
-
57  
-.big, h4 {
58  
-	font-size: 22px;
59  
-	line-height: 30px;
60  
-}
61  
-
62  
-body {
63  
-	font: 16px/24px Georgia, serif;
64  
-}
65  
-
66  
-.small, small {
67  
-	font-size: 13px;
68  
-	line-height: 18px;
69  
-}
70  
-
71  
-/* Selection colours (easy to forget) */
72  
-
73  
-::selection 	 	{background: rgb(255,255,158);}
74  
-::-moz-selection 	{background: rgb(255,255,158);}
75  
-img::selection 		{background: transparent;}
76  
-img::-moz-selection	{background: transparent;}
77  
-body {-webkit-tap-highlight-color: rgb(255,255,158);}
78  
-
79  
-
80  
-
81  
-/*		Default Layout: 992px. 
82  
-		Gutters: 24px.
83  
-		Outer margins: 48px.
84  
-		Leftover space for scrollbars @1024px: 32px.
85  
--------------------------------------------------------------------------------
86  
-cols    1     2      3      4      5      6      7      8      9      10
87  
-px      68    160    252    344    436    528    620    712    804    896    */
88  
-
89  
-body {
90  
-	width: 896px;
91  
-	padding: 72px 48px 84px;
92  
-	background: rgb(232,232,232);
93  
-	color: rgb(60,60,60);
94  
-	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
95  
-}
96  
-
97  
-
98  
-
99  
-/*		Tablet Layout: 768px.
100  
-		Gutters: 24px.
101  
-		Outer margins: 28px.
102  
-		Inherits styles from: Default Layout.
103  
------------------------------------------------------------------
104  
-cols    1     2      3      4      5      6      7      8
105  
-px      68    160    252    344    436    528    620    712    */
106  
-
107  
-@media only screen and (min-width: 768px) and (max-width: 991px) {
108  
-	
109  
-	body {
110  
-		width: 712px;
111  
-		padding: 48px 28px 60px;
112  
-	}
113  
-}
114  
-
115  
-
116  
-
117  
-/*		Mobile Layout: 320px.
118  
-		Gutters: 24px.
119  
-		Outer margins: 34px.
120  
-		Inherits styles from: Default Layout.
121  
----------------------------------------------
122  
-cols    1     2      3
123  
-px      68    160    252    */
124  
-
125  
-@media only screen and (max-width: 767px) {
126  
-	
127  
-	body {
128  
-		width: 252px;
129  
-		padding: 48px 34px 60px;
130  
-	}
131  
-	
132  
-}
133  
-
134  
-
135  
-
136  
-/*		Wide Mobile Layout: 480px.
137  
-		Gutters: 24px.
138  
-		Outer margins: 22px.
139  
-		Inherits styles from: Default Layout, Mobile Layout.
140  
-------------------------------------------------------------
141  
-cols    1     2      3      4      5
142  
-px      68    160    252    344    436    */
143  
-
144  
-@media only screen and (min-width: 480px) and (max-width: 767px) {
145  
-	
146  
-	body {
147  
-		width: 436px;
148  
-		padding: 36px 22px 48px;
149  
-	}
150  
-	
151  
-}
152  
-
153  
-/* bd additions */
154  
-
155  
-/*
156  
- * These rules will display DTs/DDs as columns.
157  
- * Constructs must follow a key/value pair pattern.
158  
- * The three last declarations are meant to kill white space between DTs/DDs 
159  
- * (result of inline-block styling)
160  
- */
161  
-dl {
162  
-  width:80%;
163  
-  margin:20px auto;
164  
-  border-bottom:1px solid #999;
165  
-  letter-spacing:-0.31em;
166  
-  *letter-spacing:normal;
167  
-  word-spacing:-0.43em;
168  
-} 
169  
-/* 
170  
- * In this rule, we reset the white-space (see hack above)
171  
- * The width + left/right padding of DTs/DDs equals 50% (for two equal columns)
172  
- */
173  
-dt {
174  
-  display:inline-block;
175  
-  *display:inline;
176  
-  zoom:1;
177  
-  letter-spacing:normal;
178  
-  word-spacing:normal;
179  
-  vertical-align:top;
180  
-  width:26%;
181  
-  padding:3px 2% 4px;
182  
-  margin:0;
183  
-  border-top:1px solid #999;
184  
-}
185  
-
186  
-dd {
187  
-  display:inline-block;
188  
-  *display:inline;
189  
-  zoom:1;
190  
-  letter-spacing:normal;
191  
-  word-spacing:normal;
192  
-  vertical-align:top;
193  
-  width:66%;
194  
-  padding:3px 2% 4px;
195  
-  margin:0;
196  
-  border-top:1px solid #999;
197  
-}
198  
-/*
199  
-
200  
-/*
201  
- * To keep things tight
202  
- */
203  
-dt {
204  
-  margin-right:-1px;
205  
-}
206  
-
207  
-dd ul { margin-left: 1.5em; }
208  
-
209  
-h1.title { font-size: 3em; }
210  
-h1 { font-size: 2em; }
  1
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1;font:12px/18px "Lucida Grande", Arial, sans-serif;color:#111}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{height:0;border:0;border-top:1px solid #e0e0e0;width:100%;margin:0 0 17px;padding:0}header,footer,section,aside,nav,article,figure,hgroup{display:block!important}.zp-wrapper{width:970px;margin:0 auto}.zp-5,.zp-10,.zp-15,.zp-20,.zp-25,.zp-30,.zp-33,.zp-35,.zp-40,.zp-45,.zp-50,.zp-55,.zp-60,.zp-65,.zp-67,.zp-70,.zp-75,.zp-80,.zp-85,.zp-90,.zp-95,.zp-100{float:left;display:inline}.zp-5{width:5%}.zp-10{width:10%}.zp-15{width:15%}.zp-20{width:20%}.zp-25{width:25%}.zp-30{width:30%}.zp-33{width:33.33%}.zp-35{width:35%}.zp-40{width:40%}.zp-45{width:45%}.zp-50{width:50%}.zp-55{width:55%}.zp-60{width:60%}.zp-65{width:65%}.zp-67{width:66.67%}.zp-70{width:70%}.zp-75{width:75%}.zp-80{width:80%}.zp-85{width:85%}.zp-90{width:90%}.zp-95{width:95%}.zp-100{width:100%}.last{padding:0!important}.clear{clear:both}.left{float:left}.right{float:right}.list{list-style:none;margin:0;padding:0}.list li{display:inline;margin:0 6px 0 0}.clearfix:after,.zp-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix,.zp-wrapper{display:inline-block}html[xmlns] .clearfix,html[xmlns] .zp-wrapper{display:block}* html .clearfix,* html .zp-wrapper{height:1%}.skip{display:block;left:-9999px;position:absolute;visibility:hidden}h1{font-size:36px;line-height:36px;font-weight:400;font-family:Georgia, "Times new roman", serif}h2{font-family:Georgia, "Times new roman", serif;font-size:18px;line-height:36px;font-style:italic;font-weight:400}h3{font-size:12px;line-height:18px;font-weight:700;color:#000;margin:0}h4{font-size:12px;line-height:18px;font-weight:400;color:#666;margin:0}h5,h6{font-size:12px;line-height:18px;font-weight:400;margin:0}p{margin:0 0 18px}p img,li img{float:left;margin:4px 6px 0 0;padding:0}p img.right,li img.right{float:right;margin:4px 0 6px;padding:0}a,a:focus{color:#009;text-decoration:underline}blockquote{background:#F9F9F9;border-left:6px solid #ccc;quotes:" " ' ';color:#333;font-family:Georgia, "Times new roman", serif;font-size:13px;font-style:italic;margin:0 0 18px;padding:9px}p.intro:first-letter,p.important:first-letter{font-size:43px;font-weight:400;line-height:32px;letter-spacing:5px;float:left;width:auto;font-family:Georgia, Times, serif;padding:5px 0 0}p.intro:first-line,p.important:first-line{font-variant:small-caps}pre,code{background:#111;border:1px solid #333;font-family:monaco, courier, "courier new", monospace;font-size:11px;margin:0 0 18px;padding:9px}.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif;font-style:italic;font-weight:400;line-height:inherit}a.button,button{display:block;float:left;border:1px solid #ccc;background:#ccc url(../images/button.png) left top repeat-x;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;line-height:16px;text-decoration:none;font-weight:400;color:#333;cursor:pointer;white-space:nowrap;vertical-align:baseline;border-color:#999 #858585 #666;margin:0 3px 15px 0;padding:2px 6px}button{width:auto;overflow:visible;padding:1px 4px}a.button{line-height:14px}button[type]{line-height:16px;padding:1px 4px}a.button:hover,button:hover{background-color:#ccc;border:1px solid #000;color:#000;text-decoration:none}.notification{font-size:11px;line-height:18px;margin:0 0 17px;padding:0 4px}.notice{background:#FFF6BF;color:#514721;border-bottom:1px solid #FFD324}.error{background:#FBE3E4;color:#8a1f11;border-bottom:1px solid #FBC2C4}.success{background:#E6EFC2;color:#264409;border-bottom:1px solid #C6D880}fieldset{border:1px solid #ccc;margin:0 0 18px;padding:9px}legend{color:#333;font-size:18px;line-height:18px;padding:0}label{float:left;width:100px;display:block;text-align:left;cursor:pointer;color:#333;margin:0 12px 0 0}.form-item{margin:0 0 11px}textarea,input{border:solid #ddd;border-width:1px 1px 2px;padding:4px}textarea{font-family:"Lucida Sans",Helvetica,sans-serif;font-size:11px}textarea:focus,input:focus{background:#f9f9f9;border:solid #ddd;border-width:1px 1px 2px}input.form-field-error,textarea.form-field-error{background:#FBE3E4;color:#8A1F11;border-color:#FBC2C4 #FBC2C4 #ee9b9e;border-style:solid;border-width:1px 1px 2px}input.form-field-notice,textarea.form-field-notice{background:#FFF6BF;color:#514721;border-color:#FFD324 #FFD324 #e3bb1b;border-style:solid;border-width:1px 1px 2px}select{border:1px solid #ccc;background:#f9f9f9;color:#333}input[type=checkbox],input[type=radio]{margin:3px 4px 0 0}input[type=radio]{background-color:#fff;color:#000}option{background:#fff;color:#000}optgroup{background:#f2f2f2;color:#111}a:hover,input[type=checkbox]{color:#000}

0 notes on commit 324838b

Please sign in to comment.
Something went wrong with that request. Please try again.