mattsheppard / constant-css

http://www.constantcss.com

This URL has Read+Write access

constant-css / base.html
raw normal view history
3975bdf7 » mattsheppard 2008-06-07 Tweaks for using google pag... 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
d9db5b01 » mattsheppard 2008-05-10 Added some very basic brand... 2
3975bdf7 » mattsheppard 2008-06-07 Tweaks for using google pag... 3 <html>
d9db5b01 » mattsheppard 2008-05-10 Added some very basic brand... 4 <head>
3975bdf7 » mattsheppard 2008-06-07 Tweaks for using google pag... 5 <title>{% block title %}Constant CSS{% endblock %}</title>
6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7 <style type="text/css">
8 #g_title p, #g_footer p, #g_description p {
9 margin: 0;
10 }
11 /*
12
13 -- -- -- -- -- -- --
14 Browser Fixes
15 -- -- -- -- -- -- --
16
17 This file uses CSS filtering methods to fix various
18 layout bugs.
19
20 Each of the following three imported files is a
21 separate, browser-specific CSS file that keeps all
22 hacks out of the main style sheet.
23
24 Over time, as supporting these browsers no longer
25 remains a priority, cleaning up the hacks is as
26 easy as deleting the @import statement below, or
27 simply no longer linking this file from the HTML.
28
29 */
30
31 /*
32 fix ie6 "peekaboo bug" using the "holly hack".
33 Note, this style only gets applied to ie6
34 */
35 * html .wrapper {
36 height: 0.1%;
37 }
38
39 /*
40 * IE5 mac - overrides the IE/Win hack
41 */
42
43 /*\*//*/
44
45 * html #threecolumn div {
46 height: auto;
47 }
48
49 /**/
50
51
52 /*
53 * IE5/Win-specific CSS -ensures #container wraps all content on window resize
54 */
55
56 @media tty {
57 i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";}
58 }/* */
59 /* Styling for editable elements. Eventually, this will be part of the style. */
60 .editable {
61 border: 1px dashed blue;
62 }
63
64 #footer {
65 clear: both;
66 }
67
68 /* Extra divs hidden by default. The custom CSS can override this though */
69 #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
70 display: none;
71 }
72
73 a img,:link img,:visited img {border: none;}
74
75 body {
76 text-align: center;
77 }
78 #container {
79 width: 718px;
80 text-align: left;
81 margin: 0 auto;
82 }
83 #main-content {
84 float: left;
85 display: inline; /* for IE */
86 width: 470px;
87 }
88 #sidebar {
89 float: left;
90 display: inline; /* for IE */
91 width: 230px;
92 }
93 #footer {
94 clear: both;
95 }
96 /** BEGIN CUSTOM SKIN **/
97 /*
98
99 -- -- -- -- -- -- --
100 Base CSS
101 -- -- -- -- -- -- --
102
103 This file simply removes default styling on most HTML elements in
104 order to reduce the need to later override them.
105
106 */
107
108 h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
109 dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
110 a img,:link img,:visited img {border: none;}
111 address {font-style: normal;}html {background:#eee;}
112 body {background:#eee;font-family:'Verdana','Helvetica', 'Arial', sans-serif;font-size:0.85em;}
113 a {color:#00c;text-decoration:underline !important;}
114 a:visited {color:#551a8b;}
115 b, strong {font-weight:bold;}
116 blockquote {border-left:1px solid #ccc;margin:1em 3em;padding-left:1em;font-size:0.9em;}
117 blockquote p {line-height:1.45em;}
118 em {font-style:italic;}
119 h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:1.5em 0 0.5em 0;}
120 h1 {font-size:2.25em;color:#666;margin:0;}
121 h2 {font-size:1.5em;color:#333;}
122 h3 {font-size:1.3em;}
123 h4 {font-size:1.15em;}
124 h5 {font-size:1em;}
125 h6 {font-size:0.8em;}
126 p, li {color:#000;line-height:1.75em;margin:0 0 1.5em 0;}
127 blockquote p, table p, dd p, li p, #header p {margin-bottom:0.5em;}
128 ul, ol {margin:1em 0; padding-left: 1.6em;}
129 li {margin:0.25em 0;}
130 ul li {list-style-type:disc;}
131 ol li {list-style-type:decimal;}
132 table {border:1px solid #ccc;border-width:1px 1px 0 1px;}
133 table caption {display:block;font-style:italic;white-space:nowrap;margin:0.5em 1em;}
134 table td, table th {padding:0.5em 1em;text-align:left;vertical-align:top;}
135 table th {font-weight:bold;border-bottom:1px solid #999;}
136 table td {border-bottom:1px solid #ddd;}
137
138 dl {margin:1em;line-height:1.5em;list-style-type:disc;}
139 dt {font-weight:bold;margin-top:0.5em;}
140 dd {margin-left:2em;}
141
142 #adsense {text-align:center;}
143 #container {
144 padding: 25px 40px 10px 40px;
145 border: 1px solid #ccc;
146 background:#fff;
147 margin:1em auto;
148 }
149 #footer {border-top:1px solid #ccc;margin-top:2em;}
150 #header {border-bottom:1px solid #ccc;margin-bottom:2em;}
151 #sidebar {font-size:1.0em;}
152 #sidebar :first-child {margin-top:0;}
153 #sidebar-alternate {font-size:1.0em;}
154 #sidebar-alternate :first-child {margin-top:0;}
155 #main-content {background:#fff;}
156 #main-content h2:first-child {margin-top:0;}
157
158 @media print {
159 html {background:#fff !important;}
160 #container {border-width:0px !important;padding:0 !important;}
161 }
162
163 /* Tweaks for Three-column layout
164 ----------------------------------------------- */
165 #threecolumn #main-content .wrapper {padding:0 25px;}
166
167 /* Tweaks for Two-column Left layout
168 ----------------------------------------------- */
169 #twocolumn-left #main-content .wrapper {padding-left:25px;}
170
171 /* Tweaks for Two-column Right layout
172 ----------------------------------------------- */
173 #twocolumn-right #main-content .wrapper {padding-right:25px;}
174
175 /* Tweaks for Two-column Liquid layout
176 ----------------------------------------------- */
177 #twocolumn-liquid-right #container {margin:1em 1em;}
178 #twocolumn-liquid-right #main-content .wrapper {padding-right:25px;}
179 #twocolumn-liquid-left #container {margin:1em 1em;}
180 #twocolumn-liquid-left #main-content .wrapper {padding-left:25px;}
181
182 /* Tweaks for One-column Liquid layout
183 ----------------------------------------------- */
184
185 /* Tweaks for One-column layout
186 ----------------------------------------------- */
187 #onecolumn #main-content .wrapper {padding-left:0;}
188
189 /* ie5win */
190 @media tty { i{content:"\";/*" "*/}} * html #container { padding: 25px 0px 10px 10px; } /*";}
191 }/* */
192
193 /** END CUSTOM SKIN **/
194 </style>
195
196 <!-- Hack to avoid flash of unstyled content in IE -->
197 <script> </script>
d9db5b01 » mattsheppard 2008-05-10 Added some very basic brand... 198
199 </head>
200
3975bdf7 » mattsheppard 2008-06-07 Tweaks for using google pag... 201 <body id="twocolumn-right">
202 <div id="container">
203 <div class="wrapper">
204 <div id="header">
205 <div class="wrapper">
206 <h1 id="page-title"><div id='g_title'>{% block page_title %}Constant CSS{% endblock %}</div></h1>
207 <div style="clear: both"></div>
7201f042 » mattsheppard 2008-06-13 Removed the 'under developm... 208 <p class="description"><div id='g_description'><p>Easily define and tweak constants in your CSS</p></div></p>
3975bdf7 » mattsheppard 2008-06-07 Tweaks for using google pag... 209
210 <div style="clear: both"></div>
211 </div>
212 </div>
213 <!-- /wrapper --><!-- /header -->
214 <div id="main-content">
215 <div class="wrapper">
216 <div class="content-item"><div id='g_body'><p>{% block content %}{% endblock %} </p></div></div>
217 <div style="clear: both"></div>
218
219 </div>
220 </div>
221 <!-- /wrapper --><!-- /main-content -->
222 <div id="sidebar">
223 <div class="wrapper">
224 <div class="links">
225 <div class="wrapper"><div id='g_sidebar'>{% block navigation %}
387465ca » mattsheppard 2008-06-07 More UI tweaking. 226 <a href="http://www.constantcss.com/">Home</a><br><a href="http://www.constantcss.com/gettingstarted">Getting started</a><br><a href="http://groups.google.com/group/constant-css">Discussion and more info</a><br><br><a href="http://app.constantcss.com/list_css">CSS List</a>
3975bdf7 » mattsheppard 2008-06-07 Tweaks for using google pag... 227
a96372ea » mattsheppard 2008-06-07 Tweaking layout on edit pag... 228 {% endblock %}{% block below_navigation %}{% endblock %}</div></div>
3975bdf7 » mattsheppard 2008-06-07 Tweaks for using google pag... 229 <div style="clear: both"></div>
230 </div>
231 <!-- /wrapper --><!-- /links -->
232 </div>
233
234 </div>
235 <!-- /wrapper --><!-- /sidebar -->
236 <div id="footer"><div class="wrapper">
237 <hr />
238
239 <p><div id='g_footer'> <script type="text/javascript"><!--
240 google_ad_client = "pub-8285769822349938";
241 /* 234x60, created 5/10/08 */
242 google_ad_slot = "8608810993";
243 google_ad_width = 234;
244 google_ad_height = 60;
245 //-->
246 </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
247 </script><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
248 </script><script type="text/javascript">
249 _uacct = "UA-4511113-1";
250 urchinTracker();
251 </script></div></p>
252 <div style="clear: both"></div>
253 </div></div>
254 <!-- /wrapper --><!-- /footer -->
255 </div>
256 </div>
257
258 <!-- /wrapper --><!-- /container -->
259
260 <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div>
261 <div id="extraDiv3"><span></span></div><div id="extraDiv4"><span></span></div>
262 <div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
263
d9db5b01 » mattsheppard 2008-05-10 Added some very basic brand... 264 </body>
265 </html>