Browse files

update documentation, add minified version, clean up repository, website

  • Loading branch information...
1 parent dde4aff commit 4e0bed076abfdfda2de4dfbb843f296b52d3b794 @Kilian committed Feb 21, 2010
View
23 MIT-LICENSE
@@ -0,0 +1,23 @@
+Copyright (c) 2008 - 2010 Kilian Valkhof
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
View
22 README.textile
@@ -0,0 +1,22 @@
+h2. SenCSS - A Sensible Standards CSS baseline
+SenCSs stands for Sensible Standards CSS baseline, (pronounced "sense"). It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.
+
+h3. What SenCSs is and is not
+
+For one, SenCSs isn’t a framework like other CSS frameworks.
+
+It doesn't include a layout system littered with silly classes and pre-set grids, so what does SenCSs do for you? SenCSs does everything else: baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms and more. All the stuff that's almost the same in every project, but that you keep writing again and again …and again. *SenCSs handles that for you. _And nothing more_.*
+
+h3. What does SenCSs do for you?
+ * Stays close to the browsers base styling, but adding some sense to it
+ * Sets a vertical rhythm for all elements (18px baseline)
+ * Sets a common typographic standard across browsers
+ * Has fonts specified for windows, mac and linux
+ * Is optimised, meaning no “double resets”, to make the CSS as efficient as possible
+
+h3. What does SenCSs not do?
+ * Force a lay-out system on you
+ * Sneak in unsemantic classes
+
+Visit "sencss.kilianvalkhof.com":htpp://sencss.kilianvalkhof.com for documentation
+
View
0 demo/baseline.gif → documentation/baseline.gif
File renamed without changes
View
545 demo/example.html → documentation/example.html
@@ -1,280 +1,277 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-<meta name="author" content="Kilian Valkhof" />
-<title>SenCSs Example File!</title>
-<link href="../sen.css" rel="stylesheet" type="text/css" />
-<link href="../sen.extra.css" rel="stylesheet" type="text/css" />
-<style type="text/css">
-body {
- position:relative;
- background:url("baseline.gif") repeat 0 0;
-}
-#wrap {
- /*this bit is for show only*/
- width:760px;
- margin:auto;
- padding:1.5em 10px;
-}
-</style>
-</head>
-<body>
-<div id="wrap">
-<h1><img src="sencss.png" alt="SenCSs" /> example file</h1>
-<p class="firstParagraphArticle">Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
- molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
- purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
- molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
- purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh.
- Etiam viverra augue non enim.</p>
-<ul>
- <li><a href="http://sencss.kilianvalkhof.com">SenCSS Homepage</a></li>
- <li><a href="http://code.google.com/p/sencss/">SenCSS at Google Code</a></li>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<meta name="author" content="Kilian Valkhof" />
+<title>SenCSs documentation</title>
+<link href="../source/sen.css" rel="stylesheet" type="text/css" />
+<link href="../source/sen.extra.css" rel="stylesheet" type="text/css" />
+<style type="text/css">
+body {
+ position:relative;
+ background:url("baseline.gif") repeat 0 0;
+}
+#wrap {
+ /*this bit is for show only*/
+ width:760px;
+ margin:auto;
+ padding:1.5em 10px;
+}
+</style>
+</head>
+<body>
+<div id="wrap">
+<h1><img src="sencss.png" alt="SenCSs" /> Documentation</h1>
+<p class="firstParagraphArticle">Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
+ molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
+ purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
+ molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
+ purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh.
+ Etiam viverra augue non enim.</p>
+<ul>
+ <li><a href="http://sencss.kilianvalkhof.com">SenCSS Homepage</a></li>
</ul>
-<h2>Sen.css styles:</h2>
-<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
- molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
- purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh.
- Etiam viverra augue non enim.</p>
-<blockquote>
- <p>Blockquote: Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu.
- Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.
- Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo.
- Nam libero leo, elementum in, dapibus a, suscipit vitae, purus.</p>
-</blockquote>
-<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
- molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
- purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh.
- Etiam viverra augue non enim.</p>
-<h2>Level 02 Heading</h2>
-<h3>Level 03 Heading</h3>
-<h4>Level 04 Heading</h4>
-<h5>Level 05 Heading</h5>
-<h6>Level 06 Heading</h6>
-<address>
-Address: Kilian Valkhof, The Netherlands
-</address>
-<p><a href="#">the a element</a> <br />
- <abbr title="test">the abbr element</abbr> <br />
- <cite>the cite element</cite> <br />
- <del>the del element</del> <br />
- <dfn>the dfn element</dfn> <br />
- <em>the em element</em> <br />
- <ins>the ins element</ins> <br />
- <q>the q element</q> <br />
- <span>the span element</span> <br />
- <strong>the strong element</strong> <br />
- <var>the var element</var> <br />
- <code>the code element</code><br />
- <kbd>the kbd element</kbd> <br />
- <sub>the sub element</sub> <br />
- <sup>the sup element</sup> <br />
- <mark>The mark element</mark>
-</p>
-<pre><strong>Preformated:</strong>Testing one row
- and another</pre>
-
-<ul>
- <li>Unordered list 01</li>
- <li>Unordered list 02Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
- molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
- purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh.
- Etiam viverra augue non enim.</li>
- <li>Unordered list 03
- <ul>
- <li>Unordered list inside list level 2</li>
- <li>Unordered list inside list level 2
- <ul>
- <li>Unordered list inside list level 3</li>
- <li>Unordered list inside list level 3</li>
- </ul>
- </li>
- </ul>
- </li>
-</ul>
-<ol>
- <li>Ordered list 01</li>
- <li>Ordered list 02</li>
- <li>Ordered list 03
- <ol>
- <li>Ordered list inside list level 2</li>
- <li>Ordered list inside list level 2
- <ol>
- <li>Ordered list inside list level 3</li>
- <li>Ordered list inside list level 3</li>
- </ol>
- </li>
- </ol>
- </li>
-</ol>
-<dl>
- <dt>Description list title 01</dt>
- <dd>Description list description 01</dd>
+<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
+ molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
+ purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh.
+ Etiam viverra augue non enim.</p>
+<blockquote>
+ <p>Blockquote: Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu.
+ Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.
+ Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo.
+ Nam libero leo, elementum in, dapibus a, suscipit vitae, purus.</p>
+</blockquote>
+<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
+ molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae,
+ purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh.
+ Etiam viverra augue non enim.</p>
+<h2>Level 02 Heading</h2>
+<h3>Level 03 Heading</h3>
+<h4>Level 04 Heading</h4>
+<h5>Level 05 Heading</h5>
+<h6>Level 06 Heading</h6>
+<address>
+Address: Kilian Valkhof, The Netherlands
+</address>
+<p><a href="#">the a element</a> <br />
+ <abbr title="test">the abbr element</abbr> <br />
+ <cite>the cite element</cite> <br />
+ <del>the del element</del> <br />
+ <dfn>the dfn element</dfn> <br />
+ <em>the em element</em> <br />
+ <ins>the ins element</ins> <br />
+ <q>the q element</q> <br />
+ <span>the span element</span> <br />
+ <strong>the strong element</strong> <br />
+ <var>the var element</var> <br />
+ <code>the code element</code><br />
+ <kbd>the kbd element</kbd> <br />
+ <sub>the sub element</sub> <br />
+ <sup>the sup element</sup> <br />
+ <tt>the tt element</tt>
+</p>
+<pre><strong>Preformated:</strong>Testing one row
+ and another</pre>
+<h2><span class="lquo">&ldquo;</span>An ampersand <span class="amp">&amp;</span> and some pretty quotes<span class="quo">&rdquo;</span></h2>
+<ul>
+ <li>Unordered list 01</li>
+ <li>Unordered list 02</li>
+ <li>Unordered list 03
+ <ul>
+ <li>Unordered list inside list level 2</li>
+ <li>Unordered list inside list level 2
+ <ul>
+ <li>Unordered list inside list level 3</li>
+ <li>Unordered list inside list level 3</li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+</ul>
+<ol>
+ <li>Ordered list 01</li>
+ <li>Ordered list 02</li>
+ <li>Ordered list 03
+ <ol>
+ <li>Ordered list inside list level 2</li>
+ <li>Ordered list inside list level 2
+ <ol>
+ <li>Ordered list inside list level 3</li>
+ <li>Ordered list inside list level 3</li>
+ </ol>
+ </li>
+ </ol>
+ </li>
+</ol>
+<dl>
+ <dt>Description list title 01</dt>
+ <dd>Description list description 01</dd>
<dt>Description list title 02</dt>
- <dt>Description list title 02</dt>
- <dd>Description list description 02</dd>
- <dd>Description list description 03</dd>
-</dl>
-<table summary="" cellspacing="0" cellpadding="0">
- <caption>A caption :)</caption>
- <thead>
- <tr>
- <th></th>
- <th>col 1</th>
- <th>col 2</th>
- <th>col 3</th>
- <th>col 4</th>
- </tr>
- </thead>
- <tfoot>
- <tr>
- <th></th>
- <th>col 1</th>
- <th>col 2</th>
- <th>col 3</th>
- <th>col 4</th>
- </tr>
- </tfoot>
- <tbody>
- <tr>
- <th>row 1</th>
- <td>value 1</td>
- <td>value 2</td>
- <td>value 4</td>
- <td>value 5</td>
- </tr>
- <tr class="alt">
- <th>row 2</th>
- <td>value 1</td>
- <td>value 2</td>
- <td>value 4</td>
- <td>value 5</td>
- </tr>
- <tr>
- <th>row 3</th>
- <td>value 1</td>
- <td>value 2</td>
- <td>value 4</td>
- <td>value 5</td>
- </tr>
- <tr class="alt">
- <th>row 4</th>
- <td>value 1</td>
- <td>value 2</td>
- <td>value 4</td>
- <td>value 5</td>
- </tr>
- </tbody>
-</table>
-
-<form method="post" action="#" style="width:49%;">
- <fieldset>
- <legend>A vertical form</legend>
- <label for="firstitem">First Item</label>
- <input type="text" id="firstitem" name="firstitem"/>
- <label for="firstitem2">First Item</label>
- <input type="text" id="firstitem2" name="firstitem2"/>
- <label for="seconditem">Second Item</label>
- <select name="seconditem" id="seconditem">
- <optgroup label="first options">
- <option value="1">first value</option>
- <option value="2">second value</option>
- </optgroup>
- <optgroup label="second options">
- <option value="1">first value</option>
- <option value="2">second value</option>
- </optgroup>
- <optgroup label="third options">
- <option value="1">first value</option>
- <option value="2">second value</option>
- </optgroup>
- </select>
- <fieldset>
- <legend>You can pick one (an inner fieldset)</legend>
- <label for="one">
- <input type="radio" name="radio" id="one" />
- One</label>
- <label for="two">
- <input type="radio" name="radio" id="two" />
- Two</label>
- <label for="three">
- <input type="radio" name="radio" id="three" />
- Three</label>
- </fieldset>
- <label for="fourthitem" style="margin-bottom:1.5em;">
- <input type="checkbox" name="fourthitem" id="fourthitem"/>
- Fourth Item</label>
- <label for="fifthitem">Fifth Item</label>
- <textarea name="fifthitem" id="fifthitem" rows="5" cols="20" style="height:7.5em;"></textarea>
- <button type="submit">Submit</button>
+ <dd>Description list description 02</dd>
+ <dd>Description list description 03</dd>
+</dl>
+<dl class="horizontalDescriptionList">
+ <dt>Horizontal description list title 01</dt>
+ <dd>Description list description 01</dd>
+ <dt>Description list title 02</dt>
+ <dd>Description list description 02</dd>
+ <dd>Description list description 03</dd>
+</dl>
+<p style="clear:both;">some text</p>
+<p class="error">Error! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
+ molestie sed, tellus. Quisque justo. </p>
+<p class="warning">Warning! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
+ molestie sed, tellus. Quisque justo. </p>
+<p class="notice">Notice! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
+ molestie sed, tellus. Quisque justo. </p>
+<p class="success">Success! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
+ molestie sed, tellus. Quisque justo. </p>
+<table summary="" cellspacing="0" cellpadding="0">
+ <caption>A caption :)</caption>
+ <thead>
+ <tr>
+ <th></th>
+ <th>col 1</th>
+ <th>col 2</th>
+ <th>col 3</th>
+ <th>col 4</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th></th>
+ <th>col 1</th>
+ <th>col 2</th>
+ <th>col 3</th>
+ <th>col 4</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <th>row 1</th>
+ <td>value 1</td>
+ <td>value 2</td>
+ <td>value 4</td>
+ <td>value 5</td>
+ </tr>
+ <tr class="alt">
+ <th>row 2</th>
+ <td>value 1</td>
+ <td>value 2</td>
+ <td>value 4</td>
+ <td>value 5</td>
+ </tr>
+ <tr>
+ <th>row 3</th>
+ <td>value 1</td>
+ <td>value 2</td>
+ <td>value 4</td>
+ <td>value 5</td>
+ </tr>
+ <tr class="alt">
+ <th>row 4</th>
+ <td>value 1</td>
+ <td>value 2</td>
+ <td>value 4</td>
+ <td>value 5</td>
+ </tr>
+ </tbody>
+</table>
+
+<form method="post" action="#" style="width:49%;">
+ <fieldset>
+ <legend>A vertical form</legend>
+ <label for="firstitem">First Item</label>
+ <input type="text" id="firstitem" name="firstitem"/>
+ <label for="firstitem2">First Item</label>
+ <input type="text" id="firstitem2" name="firstitem2"/>
+ <label for="seconditem">Second Item</label>
+ <select name="seconditem" id="seconditem">
+ <optgroup label="first options">
+ <option value="1">first value</option>
+ <option value="2">second value</option>
+ </optgroup>
+ <optgroup label="second options">
+ <option value="1">first value</option>
+ <option value="2">second value</option>
+ </optgroup>
+ <optgroup label="third options">
+ <option value="1">first value</option>
+ <option value="2">second value</option>
+ </optgroup>
+ </select>
+ <fieldset>
+ <legend>You can pick one (an inner fieldset)</legend>
+ <label for="one">
+ <input type="radio" name="radio" id="one" />
+ One</label>
+ <label for="two">
+ <input type="radio" name="radio" id="two" />
+ Two</label>
+ <label for="three">
+ <input type="radio" name="radio" id="three" />
+ Three</label>
+ </fieldset>
+ <label for="fourthitem" style="margin-bottom:1.5em;">
+ <input type="checkbox" name="fourthitem" id="fourthitem"/>
+ Fourth Item</label>
+ <label for="fifthitem">Fifth Item</label>
+ <textarea name="fifthitem" id="fifthitem" rows="5" cols="20" style="height:7.5em;"></textarea>
+ <button type="submit">Submit</button>
+ </fieldset>
+</form>
+<form method="post" action="#" class="horizontalForm" style="width:49%;">
+ <fieldset>
+ <legend>A horizontal form</legend>
+ <label for="hfirstitem">First Item</label>
+ <input type="text" id="hfirstitem" name="hfirstitem"/>
+ <label for="hfirstitem2">First Item</label>
+ <input type="text" id="hfirstitem2" name="hfirstitem2"/>
+ <label for="hseconditem">Second Item</label>
+ <select name="hseconditem" id="hseconditem">
+ <optgroup label="first options">
+ <option value="1">first value</option>
+ <option value="2">second value</option>
+ </optgroup>
+ <optgroup label="second options">
+ <option value="1">first value</option>
+ <option value="2">second value</option>
+ </optgroup>
+ <optgroup label="third options">
+ <option value="1">first value</option>
+ <option value="2">second value</option>
+ </optgroup>
+ </select>
+ <fieldset>
+ <legend>You can pick one (an inner fieldset)</legend>
+ <label for="sone" class="singleLine">
+ <input type="radio" name="radio" id="sone" />
+ One</label>
+ <label for="stwo" class="singleLine">
+ <input type="radio" name="radio" id="stwo" />
+ Two</label>
+ <label for="sthree" class="singleLine">
+ <input type="radio" name="radio" id="sthree" />
+ Three</label>
+ </fieldset>
+ <label for="hfourthitem" class="singleLine" style="margin-bottom:1.5em">
+ <input type="checkbox" name="hfourthitem" id="hfourthitem" />
+ Fourth Item</label>
+ <label for="hfifthitem">Fifth Item</label>
+ <textarea name="hfifthitem" id="hfifthitem" rows="5" cols="20" style="height:7.5em;"></textarea>
+ <button type="submit">Submit</button>
+ </fieldset>
</form>
-
-<h2>Sen.extra.css styles:</h2>
-<h3><span class="lquo">&ldquo;</span>An ampersand <span class="amp">&amp;</span> and some pretty quotes<span class="quo">&rdquo;</span></h3>
-<p class="message">neutral message! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. </p>
-<p class="error">Error! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. </p>
-<p class="warning">Warning! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. </p>
-<p class="notice">Notice! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. </p>
-<p class="success">Success! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. </p>
-<p>
- <span class="aside-right" style="width:35%"><strong>aside-right</strong>! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. </span>
- <span class="aside-left" style="width:35%"><strong>aside-left</strong>! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. </span>
- Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
- molestie sed, tellus. Quisque justo Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
- molestie sed, tellus. Quisque justo Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec,
- molestie sed, tellus. Quisque justo.
-</p>
-
-<form method="post" action="#" class="horizontalForm" style="width:49%;clear:both;">
- <fieldset>
- <legend>A horizontal form</legend>
- <label for="hfirstitem">First Item</label>
- <input type="text" id="hfirstitem" name="hfirstitem"/>
- <label for="hfirstitem2">First Item</label>
- <input type="text" id="hfirstitem2" name="hfirstitem2"/>
- <label for="hseconditem">Second Item</label>
- <select name="hseconditem" id="hseconditem">
- <optgroup label="first options">
- <option value="1">first value</option>
- <option value="2">second value</option>
- </optgroup>
- <optgroup label="second options">
- <option value="1">first value</option>
- <option value="2">second value</option>
- </optgroup>
- <optgroup label="third options">
- <option value="1">first value</option>
- <option value="2">second value</option>
- </optgroup>
- </select>
- <fieldset>
- <legend>You can pick one (an inner fieldset)</legend>
- <label for="sone" class="singleLine">
- <input type="radio" name="radio" id="sone" />
- One</label>
- <label for="stwo" class="singleLine">
- <input type="radio" name="radio" id="stwo" />
- Two</label>
- <label for="sthree" class="singleLine">
- <input type="radio" name="radio" id="sthree" />
- Three</label>
- </fieldset>
- <label for="hfourthitem" class="singleLine" style="margin-bottom:1.5em">
- <input type="checkbox" name="hfourthitem" id="hfourthitem" />
- Fourth Item</label>
- <label for="hfifthitem">Fifth Item</label>
- <textarea name="hfifthitem" id="hfifthitem" rows="5" cols="20" style="height:7.5em;"></textarea>
+<form method="post" action="#" style="clear:both;" class="horizontalForm">
+ <fieldset>
+ <legend>Problem elements:</legend>
+ <label for="ofirstitem">File input</label>
+ <input type="file" id="ofirstitem" name="ofirstitem"/>
+ </fieldset>
</form>
- </fieldset>
-</form>
-<dl style="display:none;" class="horizontalDescriptionList">
- <dt>Horizontal description list title 01</dt>
- <dd>Description list description 01</dd>
- <dt>Description list title 02</dt>
- <dd>Description list description 02</dd>
- <dd>Description list description 03</dd>
-</dl>
-<p><span class="amp">&amp;</span> this is the last sentence, fin!</p>
+<p><span class="amp">&amp;</span> this is the last sentence, fin!</p>
+</div>
+</body>
</html>
+
View
0 demo/sencss.png → documentation/sencss.png
File renamed without changes
View
169 index.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<meta name="author" content="Kilian Valkhof" />
+<title>SenCSs - the sensible standards CSS framework</title>
+<link href="source/sen.css" rel="stylesheet" type="text/css" />
+<link href="source/sen.extra.css" rel="stylesheet" type="text/css" />
+<style type="text/css">
+body {
+ position:relative;
+ background:url("documentation/baseline.gif") repeat 0 0;
+}
+#wrap {
+ width:560px;
+ margin:auto;
+ padding:1.5em 10px;
+}
+.block {width:45%;float:left;clear:left;}
+.block2{margin-left:10%;clear:none;}
+</style>
+</head>
+<body>
+<div id="wrap">
+<h1><img src="documentation/sencss.png" alt="SenCSs" /></h1>
+
+<p class="firstParagraphArticle">SenCSs stands for Sensible Standards CSS baseline, (pronounced "<em>sense</em>").
+ It supplies <strong>sensible styling</strong> for all
+repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on
+<strong>actually developing your website's style</strong>.</p>
+
+<div class="block">
+<h2>Download</h2>
+<ul>
+ <li><a href="">sen.css</a> 5 kb</li>
+ <li><a href="">sen.extra.css</a> 2 kb</li>
+</ul>
+<ul>
+ <li><a href="">sen.min.css</a> 4 kb</li>
+ <li><a href="">sen.extra.min.css</a> 2 kb</li>
+ <li><a href="">sen.full.min.css</a> 5 kb</li>
+</ul>
+</div>
+<div class="block block2">
+<h2>Documentation</h2>
+<p>The <a href="documentation/example.html">example file</a> shows all the functionality SenCSs offers.</p>
+</div>
+<h2 style="clear:both">About SenCSs</h2>
+
+<p class="firstParagraphArticle"><strong>For one, SenCSs isn’t a framework like other CSS frameworks.</strong></p>
+
+<p>It doesn't include a
+layout system littered with silly classes and pre-set grids, so what does SenCSs do for you? SenCSs does <em>everything else</em>:
+baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms and more.
+All the stuff that's almost the same in every project, but that you keep writing again and again …and again.
+<strong>SenCSs handles that for you. <em>And nothing more</em>.</strong></p>
+
+<dl>
+ <dt>What does SenCSs do for you?</dt>
+ <dd>Stays close to the browsers base styling, but adding some sense to it</dd>
+ <dd>Sets a vertical rhythm for all elements (18px baseline)</dd>
+ <dd>Sets a common typographic standard across browsers</dd>
+ <dd>Has fonts specified for windows, mac and linux</dd>
+ <dd>Is optimised, meaning no “double resets”, to make the CSS as efficient as possible</dd>
+</dl>
+
+<div class="">
+<h2>Further reading</h2>
+<ul>
+ <li>Read all <a href="http://kilianvalkhof.com/category/sencss/">blogposts tagged with SenCSs</a> for more information</li>
+ <li><a href="http://github.com/kilian/sencss/">SenCSs at GitHub</a></li>
+</ul>
+
+<h2>Thank you!</h2>
+<p>A thank you for the people that in any way contributed, helped and gave feedback.</p>
+<ul>
+ <li>Eric Meyer</li>
+ <li>Paul Chaplin</li>
+ <li>Wouter Klein Heerenbrink</li>
+ <li>Andy Ford (and Sava CMS)</li>
+ <li>Jonathan Snook</li>
+ <li>Bert Visser</li>
+ <li>Matt Varone</li>
+ <li>Anatoli Papirovski</li>
+ <li>Probably some others I shamefully forgot :)</li>
+</ul>
+<div class="notice">
+<h2>Wanna help out?</h2>
+<p>Fork SenCSs on <a href="http://github.com/kilian/sencss">Github</a> or contact me via <a href="http://twitter.com/kilianvalkhof">Twitter</a> or my <a href="http://kilianvalkhof.com/contact">website</a> with ideas. Cheers!</p>
+</div>
+</div>
+
+<h2 style="clear:both;">Changelogs</h2>
+<h3>Changelog for version 0.7 (released 22 February 2010)</h3>
+<ul>
+ <li>move all helper classes to an external file</li>
+ <li>Fix vertical rhythm for certain form elements</li>
+ <li>Remove the text-align center from message styles</li>
+ <li>add explicit font-weight declarations to the heading elements</li>
+ <li>clean up documentation and repository</li>
+ <li>move fully to GitHub</li>
+ <li>hide focus effect on buttons in firefox</li>
+ <li>clean up form css</li>
+ <li>add a number of IE8 fixes</li>
+</ul>
+
+<h3>Changelog for version 0.6 (released 23 February 2009)</h3>
+<ul>
+<li>tweaked sub/sup styling to make them easier to work with</li>
+<li>removed explicit link colour, unneeded background colours, .section declaration</li>
+<li>placed back missing quote functionality in the css reset</li>
+<li>moved list style from the list item to the list container</li>
+<li>fixed safari bug with monospaced fonts</li>
+<li>reworked form styling
+ <ul>
+ <li>added borders</li>
+ <li>refitted to the vertical rhythm</li>
+ <li>added optgroup styling for firefox</li>
+ <li>pixel perfect in firefox and ie6/ie7</li>
+ </ul>
+</li>
+</ul>
+
+<h3>Changelog for version 0.5 (released 24 December 2008)</h3>
+<ul>
+<li>fixed problematic styling of tt/kbd/code and sub/sup in firefox and ie6 + 7 on windows</li>
+<li>removed search form styling, horizontal description lists first-line style</li>
+<li>improved firstParagraph:first-letter</li>
+<li>many form styling improvements</li>
+<li>removed changelogs from the SenCSs file</li>
+<li>start made for @CSSDOC style comments</li>
+</ul>
+<h3>changelog for version 0.4.6 (released 28 July 2008)</h3>
+<ul>
+<li>fixed a missing comma in the font-family of textarea</li>
+<li>fixed a firefox 3 bug and opera bug in .firstParagraphArticle:first-letter</li>
+<li>fixed img styling inside elements</li>
+<li>added table styling</li>
+</ul>
+<h3>changelog for version 0.4.5 (released 21 June 2008)</h3>
+<ul>
+<li>removed background:transparant;</li>
+<li>set explicit focus styles</li>
+<li>added liberation sans as the 2nd fallback font</li>
+<li>removed small-caps from code, kbd and tt</li>
+<li>added a warning style</li>
+<li>changed the first paragraph style
+ <ul>
+ <li>removed all-bold paragraph</li>
+ <li>set the first line to bold, removes small-caps</li>
+ <li>positioned the first letter crossbrowser</li>
+ </ul>
+</li>
+<li>added i and b styling</li>
+<li>added a two column DL style</li>
+<li>improved sub rendering in opera and ie</li>
+<li>rewrote all margin-* & padding-* to margin/padding</li>
+<li>added a font-size-adjust to pre, tt, kbd and code</li>
+<li>added explicit line-height for safari 2</li>
+<li>added acronym stylings</li>
+</ul>
+<h3>changelog for version 0.4 (released 15 June 2008)</h3>
+<p>This is the first release, so there are no changes here :)</p>
+
+<p><strong><span class="amp">&amp;</span> this is the last sentence on this page, fin!</strong></p>
+</div>
+</body>
+</html>
+
View
27 minified/sen.extra.min.css
@@ -0,0 +1,27 @@
+@charset "utf-8";
+/**
+ * Sen.extra.CSS - Sensible Standards CSS framework extra's
+ *
+ * Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
+ * Visit sencss.kilianvalkhof.com for more information and changelogs.
+ * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
+ *
+ */
+ .amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic}
+.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif}
+.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -.55em}
+.introParagraphArticle:first-letter{float:left;font-size:3.2em;font-weight:700;line-height:1em;margin:0 0 -.2em;padding:.125em .1em 0 0}
+.message{background:#eee;border:1px solid #999;margin:1.5em;padding:.666em}
+.error{background:#fee;border:1px solid red;margin:1.5em;padding:.666em}
+.notice{background:#eef;border:1px solid #00f;margin:1.5em;padding:.666em}
+.success{background:#efe;border:1px solid #0f0;margin:1.5em;padding:.666em}
+.warning{background:#ffe;border:1px solid #ff0;margin:1.5em;padding:.666em}
+.aside-left{clear:left;float:left;overflow:hidden;margin:0 1.5em 1.5em 0}
+.aside-right{clear:right;float:right;overflow:hidden;margin:0 0 1.5em 1.5em}
+.horizontalForm button{clear:left;float:left;margin:.25em 0 0}
+.horizontalForm input,.horizontalForm textarea{float:left;width:49%;margin:0 0 .8em}
+.horizontalForm select{float:left;_margin:0 0 1.25em;margin:0 0 .75em}
+.horizontalForm label{clear:left;float:left;width:49%;padding:.375em 0}
+.horizontalForm label input{height:1em;line-height:1.5em;width:auto;margin:.25em .5em 0 0}
+.horizontalForm label.singleLine{clear:both;float:none;height:1.5em;width:100%;padding:0}
+
View
80 minified/sen.full.min.css
@@ -0,0 +1,80 @@
+@charset utf-8;
+/**
+ * SenCSS - Sensible Standards CSS framework
+ *
+ * Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
+ * Visit sencss.kilianvalkhof.com for more information and changelogs.
+ * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
+ *
+ */
+html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{vertical-align:baseline;margin:0;padding:0}
+body{background:#fff;color:#000;font:75%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative}
+textarea{font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;width:100%;margin:0;padding:.29em 0}
+blockquote,q{quotes:none}
+blockquote:before,blockquote:after,q:before,q:after{content:none}
+:focus{outline:none}
+a{text-decoration:underline}
+a:hover,a:focus{text-decoration:none}
+abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
+address,cite,em,i{font-style:italic}
+blockquote p{margin:0 1.5em 1.5em;padding:.75em}
+code,kbd,tt{font-family:"Courier New", Courier, monospace, serif;line-height:1.5}
+del{text-decoration:line-through}
+dfn{border-bottom:1px dashed;font-style:italic}
+dl{margin:0 0 1.5em}
+dd{margin-left:1.5em}
+h1,h2,h3,h4,h5,h6{font-weight:700;padding:0}
+h1{font-size:2em;margin:0 0 .75em}
+h2{font-size:1.5em;margin:0 0 1em}
+h3{font-size:1.1666em;margin:0 0 1.285em}
+h4{font-size:1em;margin:0 0 1.5em}
+h5{font-size:.8333em;margin:0 0 1.8em}
+h6{font-size:.666em;margin:0 0 2.25em}
+img{display:inline-block;vertical-align:text-bottom}
+ins{text-decoration:overline}
+mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
+ol{list-style:outside decimal}
+p{font-weight:300;margin:0 0 1.5em}
+pre{font-family:"Courier New", Courier, monospace, serif;margin:0 0 1.5em}
+sub{top:.4em;font-size:.85em;line-height:1;position:relative;vertical-align:baseline}
+sup{font-size:.85em;line-height:1;position:relative;bottom:.5em;vertical-align:baseline}
+ul{list-style:outside disc}
+ul,ol{margin:0 0 1.5em 1.5em;padding:0}
+li ul,li ol{margin:0 0 1.5em 1.5em;padding:0}
+table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
+caption{font-style:italic;text-align:left}
+tr.alt td{background:#eee}
+td{border:1px solid #000;vertical-align:middle;padding:.333em}
+th{font-weight:700;vertical-align:middle;padding:.333em}
+button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:1.75em 0 0;padding:0 .5em}
+button::-moz-focus-inner{border:0}
+fieldset{border:0;position:relative;margin:0 0 1.5em;padding:1.5em 0 0}
+fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
+input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;font-size:1em;height:1.5em;line-height:1.5em;width:100%;margin:0 0 .75em;padding:.29em 0}
+input[type=file]{height:2.25em;padding:0}
+select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;_margin:0 0 1.3em;margin:0 0 .8em;padding:.2em 0 0}
+optgroup{font-weight:700;font-style:normal;text-indent:.2em}
+optgroup + optgroup{margin-top:1em}
+option{font-size:1em;height:1.5em;text-indent:1em;padding:0}
+label{cursor:pointer;display:block;height:auto;line-height:1.4em;width:100%;margin:0;padding:0}
+label input{background:0;border:0;height:1.5em;line-height:1.5em;width:auto;margin:0 .5em 0 0;padding:0}
+legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}
+dt,strong,b{font-weight:700}
+ .amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic}
+.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif}
+.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -.55em}
+.introParagraphArticle:first-letter{float:left;font-size:3.2em;font-weight:700;line-height:1em;margin:0 0 -.2em;padding:.125em .1em 0 0}
+.message{background:#eee;border:1px solid #999;margin:1.5em;padding:.666em}
+.error{background:#fee;border:1px solid red;margin:1.5em;padding:.666em}
+.notice{background:#eef;border:1px solid #00f;margin:1.5em;padding:.666em}
+.success{background:#efe;border:1px solid #0f0;margin:1.5em;padding:.666em}
+.warning{background:#ffe;border:1px solid #ff0;margin:1.5em;padding:.666em}
+.aside-left{clear:left;float:left;overflow:hidden;margin:0 1.5em 1.5em 0}
+.aside-right{clear:right;float:right;overflow:hidden;margin:0 0 1.5em 1.5em}
+.horizontalForm button{clear:left;float:left;margin:.25em 0 0}
+.horizontalForm input,.horizontalForm textarea{float:left;width:49%;margin:0 0 .8em}
+.horizontalForm select{float:left;_margin:0 0 1.25em;margin:0 0 .75em}
+.horizontalForm label{clear:left;float:left;width:49%;padding:.375em 0}
+.horizontalForm label input{height:1em;line-height:1.5em;width:auto;margin:.25em .5em 0 0}
+.horizontalForm label.singleLine{clear:both;float:none;height:1.5em;width:100%;padding:0}
+
View
80 minified/sen.min.css
@@ -0,0 +1,80 @@
+@charset utf-8;
+/**
+ * SenCSS - Sensible Standards CSS framework
+ *
+ * Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
+ * Visit sencss.kilianvalkhof.com for more information and changelogs.
+ * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
+ *
+ */
+html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{vertical-align:baseline;margin:0;padding:0}
+body{background:#fff;color:#000;font:75%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative}
+textarea{font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;width:100%;margin:0;padding:.29em 0}
+blockquote,q{quotes:none}
+blockquote:before,blockquote:after,q:before,q:after{content:none}
+:focus{outline:none}
+a{text-decoration:underline}
+a:hover,a:focus{text-decoration:none}
+abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
+address,cite,em,i{font-style:italic}
+blockquote p{margin:0 1.5em 1.5em;padding:.75em}
+code,kbd,tt{font-family:"Courier New", Courier, monospace, serif;line-height:1.5}
+del{text-decoration:line-through}
+dfn{border-bottom:1px dashed;font-style:italic}
+dl{margin:0 0 1.5em}
+dd{margin-left:1.5em}
+h1,h2,h3,h4,h5,h6{font-weight:700;padding:0}
+h1{font-size:2em;margin:0 0 .75em}
+h2{font-size:1.5em;margin:0 0 1em}
+h3{font-size:1.1666em;margin:0 0 1.285em}
+h4{font-size:1em;margin:0 0 1.5em}
+h5{font-size:.8333em;margin:0 0 1.8em}
+h6{font-size:.666em;margin:0 0 2.25em}
+img{display:inline-block;vertical-align:text-bottom}
+ins{text-decoration:overline}
+mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
+ol{list-style:outside decimal}
+p{font-weight:300;margin:0 0 1.5em}
+pre{font-family:"Courier New", Courier, monospace, serif;margin:0 0 1.5em}
+sub{top:.4em;font-size:.85em;line-height:1;position:relative;vertical-align:baseline}
+sup{font-size:.85em;line-height:1;position:relative;bottom:.5em;vertical-align:baseline}
+ul{list-style:outside disc}
+ul,ol{margin:0 0 1.5em 1.5em;padding:0}
+li ul,li ol{margin:0 0 1.5em 1.5em;padding:0}
+table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
+caption{font-style:italic;text-align:left}
+tr.alt td{background:#eee}
+td{border:1px solid #000;vertical-align:middle;padding:.333em}
+th{font-weight:700;vertical-align:middle;padding:.333em}
+button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:1.75em 0 0;padding:0 .5em}
+button::-moz-focus-inner{border:0}
+fieldset{border:0;position:relative;margin:0 0 1.5em;padding:1.5em 0 0}
+fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
+input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;font-size:1em;height:1.5em;line-height:1.5em;width:100%;margin:0 0 .75em;padding:.29em 0}
+input[type=file]{height:2.25em;padding:0}
+select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;_margin:0 0 1.3em;margin:0 0 .8em;padding:.2em 0 0}
+optgroup{font-weight:700;font-style:normal;text-indent:.2em}
+optgroup + optgroup{margin-top:1em}
+option{font-size:1em;height:1.5em;text-indent:1em;padding:0}
+label{cursor:pointer;display:block;height:auto;line-height:1.4em;width:100%;margin:0;padding:0}
+label input{background:0;border:0;height:1.5em;line-height:1.5em;width:auto;margin:0 .5em 0 0;padding:0}
+legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}
+dt,strong,b{font-weight:700}
+ .amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic}
+.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif}
+.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -.55em}
+.introParagraphArticle:first-letter{float:left;font-size:3.2em;font-weight:700;line-height:1em;margin:0 0 -.2em;padding:.125em .1em 0 0}
+.message{background:#eee;border:1px solid #999;margin:1.5em;padding:.666em}
+.error{background:#fee;border:1px solid red;margin:1.5em;padding:.666em}
+.notice{background:#eef;border:1px solid #00f;margin:1.5em;padding:.666em}
+.success{background:#efe;border:1px solid #0f0;margin:1.5em;padding:.666em}
+.warning{background:#ffe;border:1px solid #ff0;margin:1.5em;padding:.666em}
+.aside-left{clear:left;float:left;overflow:hidden;margin:0 1.5em 1.5em 0}
+.aside-right{clear:right;float:right;overflow:hidden;margin:0 0 1.5em 1.5em}
+.horizontalForm button{clear:left;float:left;margin:.25em 0 0}
+.horizontalForm input,.horizontalForm textarea{float:left;width:49%;margin:0 0 .8em}
+.horizontalForm select{float:left;_margin:0 0 1.25em;margin:0 0 .75em}
+.horizontalForm label{clear:left;float:left;width:49%;padding:.375em 0}
+.horizontalForm label input{height:1em;line-height:1.5em;width:auto;margin:.25em .5em 0 0}
+.horizontalForm label.singleLine{clear:both;float:none;height:1.5em;width:100%;padding:0}
+
View
4 sen.css → source/sen.css
@@ -1,6 +1,6 @@
@charset "utf-8";
/**
- * SenCSS dev - Sensible Standards CSS framework
+ * SenCSS - Sensible Standards CSS framework
*
* Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
* Visit sencss.kilianvalkhof.com for more information and changelogs.
@@ -73,7 +73,7 @@ dd{
}
h1,h2,h3,h4,h5,h6{
- font-weight:300;
+ font-weight:700;
padding:0;
}
h1{
View
3 sen.extra.css → source/sen.extra.css
@@ -1,6 +1,6 @@
@charset "utf-8";
/**
- * Sen.extra.CSS dev - Sensible Standards CSS framework extra's
+ * Sen.extra.CSS - Sensible Standards CSS framework extra's
*
* Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
* Visit sencss.kilianvalkhof.com for more information and changelogs.
@@ -109,3 +109,4 @@
padding:0;
width:100%;
}
+

0 comments on commit 4e0bed0

Please sign in to comment.