Permalink
Browse files

added .inner div inside .content

  • Loading branch information...
1 parent 4e650ee commit b5d98d05f28169e64d9678f21ff38446aeccd211 @pilu pilu committed Feb 2, 2009
Showing with 142 additions and 126 deletions.
  1. +136 −124 index.html
  2. +1 −1 stylesheets/base.css
  3. +5 −1 stylesheets/themes/default/style.css
View
@@ -82,15 +82,17 @@
</div>
<div class="content">
<h2 class="title">Text</h2>
- <p class="first">
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <p> <span class="small">small text</span></p>
- <p> <span class="gray">gray text</span></p>
- <hr />
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
- </p>
+ <div class="inner">
+ <p class="first">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <p> <span class="small">small text</span></p>
+ <p> <span class="gray">gray text</span></p>
+ <hr />
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
</div>
</div>
@@ -108,38 +110,40 @@ <h2 class="title">Text</h2>
</div>
<div class="content">
<h2 class="title">Tables</h2>
- <form action="#" class="form">
- <table class="table">
- <tr>
- <th class="first"><input type="checkbox" class="checkbox toggle" /></th>
- <th>ID</th>
- <th>Login</th>
- <th>Name</th>
- <th class="last">Surname</th>
- </tr>
- <tr>
- <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>1</td><td>hulk</td><td>Hulk</td><td>Hogan</td>
- </tr>
- <tr>
- <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>2</td><td>ultimate</td><td>Ultimate</td><td>Warrior</td>
- </tr>
- <tr>
- <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>3</td><td>andre</td><td>Andre</td><td>The Giant</td>
- </tr>
- <tr>
- <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>4</td><td>machoman</td><td>Macho Man</td><td>Randy Savage</td>
- </tr>
- </table>
- <div class="actions-bar">
- <div class="actions">
- <input type="submit" class="button" value="Delete" />
- </div>
- <div class="pagination">
- <span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a><a href="#">Next »</a>
+ <div class="inner">
+ <form action="#" class="form">
+ <table class="table">
+ <tr>
+ <th class="first"><input type="checkbox" class="checkbox toggle" /></th>
+ <th>ID</th>
+ <th>Login</th>
+ <th>Name</th>
+ <th class="last">Surname</th>
+ </tr>
+ <tr>
+ <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>1</td><td>hulk</td><td>Hulk</td><td>Hogan</td>
+ </tr>
+ <tr>
+ <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>2</td><td>ultimate</td><td>Ultimate</td><td>Warrior</td>
+ </tr>
+ <tr>
+ <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>3</td><td>andre</td><td>Andre</td><td>The Giant</td>
+ </tr>
+ <tr>
+ <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>4</td><td>machoman</td><td>Macho Man</td><td>Randy Savage</td>
+ </tr>
+ </table>
+ <div class="actions-bar">
+ <div class="actions">
+ <input type="submit" class="button" value="Delete" />
+ </div>
+ <div class="pagination">
+ <span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a><a href="#">Next »</a>
+ </div>
+ <div class="clear"></div>
</div>
- <div class="clear"></div>
- </div>
- </form>
+ </form>
+ </div>
</div>
</div>
@@ -157,21 +161,23 @@ <h2 class="title">Tables</h2>
</div>
<div class="content">
<h2 class="title">Forms</h2>
- <form action="#" method="get" class="form">
- <div class="group">
- <label class="label">Text field</label>
- <input type="text" class="text" />
- <span class="description">Ex: a simple text</span>
- </div>
- <div class="group">
- <label class="label">Text area</label>
- <textarea class="textarea" rows="10" cols="80"></textarea>
- <span class="description">Write here a long text</span>
- </div>
- <div class="group navform">
- <input type="submit" class="button" value="Save &rarr;" /> or <a href="#header">Cancel</a>
- </div>
- </form>
+ <div class="inner">
+ <form action="#" method="get" class="form">
+ <div class="group">
+ <label class="label">Text field</label>
+ <input type="text" class="text" />
+ <span class="description">Ex: a simple text</span>
+ </div>
+ <div class="group">
+ <label class="label">Text area</label>
+ <textarea class="textarea" rows="10" cols="80"></textarea>
+ <span class="description">Write here a long text</span>
+ </div>
+ <div class="group navform">
+ <input type="submit" class="button" value="Save &rarr;" /> or <a href="#header">Cancel</a>
+ </div>
+ </form>
+ </div>
</div>
</div>
@@ -189,14 +195,16 @@ <h2 class="title">Forms</h2>
</div>
<div class="content">
<h2 class="title">Messages</h2>
- <div class="flash-messages error">
- <p>Error message</p>
- </div>
- <div class="flash-messages warning">
- <p>Warning message</p>
- </div>
- <div class="flash-messages notice">
- <p>Notice message</p>
+ <div class="inner">
+ <div class="flash-messages error">
+ <p>Error message</p>
+ </div>
+ <div class="flash-messages warning">
+ <p>Warning message</p>
+ </div>
+ <div class="flash-messages notice">
+ <p>Notice message</p>
+ </div>
</div>
</div>
</div>
@@ -215,46 +223,48 @@ <h2 class="title">Messages</h2>
</div>
<div class="content">
<h2 class="title">2 columns forms</h2>
- <form action="#" method="get" class="form">
- <div class="column left">
- <div class="group">
- <label class="label">Text field</label>
- <input type="text" class="text" />
- </div>
- <div class="group">
- <label class="label">Text area</label>
- <textarea class="textarea" rows="10" cols="80"></textarea>
- </div>
- </div>
- <div class="column right">
- <div class="group">
- <label class="label">Select</label>
- <select><option value="1">Choose...</option></select>
- </div>
- <div class="group">
- <label class="label">Check box</label>
- <div>
- <input type="checkbox" name="checkbox" id="checkbox_1" class="checkbox" value="1" /> <label for="checkbox_1" class="checkbox">Option 1</label>
- </div>
- <div>
- <input type="checkbox" name="checkbox" id="checkbox_2" class="checkbox" value="2" /> <label for="checkbox_2" class="checkbox">Option 2</label>
+ <div class="inner">
+ <form action="#" method="get" class="form">
+ <div class="column left">
+ <div class="group">
+ <label class="label">Text field</label>
+ <input type="text" class="text" />
</div>
+ <div class="group">
+ <label class="label">Text area</label>
+ <textarea class="textarea" rows="10" cols="80"></textarea>
+ </div>
</div>
- <div class="group">
- <label class="label">Radio</label>
- <div>
- <input type="radio" name="radio" id="radio_1" class="checkbox" value="1" /> <label for="radio_1" class="radio">Option 1</label>
+ <div class="column right">
+ <div class="group">
+ <label class="label">Select</label>
+ <select><option value="1">Choose...</option></select>
</div>
- <div>
- <input type="radio" name="radio" id="radio_2" class="checkbox" value="2" /> <label for="radio_2" class="radio">Option 2</label>
+ <div class="group">
+ <label class="label">Check box</label>
+ <div>
+ <input type="checkbox" name="checkbox" id="checkbox_1" class="checkbox" value="1" /> <label for="checkbox_1" class="checkbox">Option 1</label>
+ </div>
+ <div>
+ <input type="checkbox" name="checkbox" id="checkbox_2" class="checkbox" value="2" /> <label for="checkbox_2" class="checkbox">Option 2</label>
+ </div>
+ </div>
+ <div class="group">
+ <label class="label">Radio</label>
+ <div>
+ <input type="radio" name="radio" id="radio_1" class="checkbox" value="1" /> <label for="radio_1" class="radio">Option 1</label>
+ </div>
+ <div>
+ <input type="radio" name="radio" id="radio_2" class="checkbox" value="2" /> <label for="radio_2" class="radio">Option 2</label>
+ </div>
</div>
</div>
- </div>
- <div class="clear"></div>
- <div class="group navform">
- <input type="submit" class="button" value="Save &rarr;" /> or <a href="#">Cancel</a>
- </div>
- </form>
+ <div class="clear"></div>
+ <div class="group navform">
+ <input type="submit" class="button" value="Save &rarr;" /> or <a href="#">Cancel</a>
+ </div>
+ </form>
+ </div>
</div>
</div>
@@ -272,32 +282,34 @@ <h2 class="title">2 columns forms</h2>
</div>
<div class="content">
<h2 class="title">Lists</h2>
- <ul class="list">
- <li>
- <div class="left">
- <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
- </div>
- <div class="item">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- </li>
- <li>
- <div class="left">
- <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
- </div>
- <div class="item">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- </li>
- <li>
- <div class="left">
- <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
- </div>
- <div class="item">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- </li>
- </ul>
+ <div class="inner">
+ <ul class="list">
+ <li>
+ <div class="left">
+ <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
+ </div>
+ <div class="item">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </div>
+ </li>
+ <li>
+ <div class="left">
+ <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
+ </div>
+ <div class="item">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </div>
+ </li>
+ <li>
+ <div class="left">
+ <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
+ </div>
+ <div class="item">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </div>
+ </li>
+ </ul>
+ </div>
</div>
</div>
@@ -94,7 +94,7 @@ body {
padding-top: 1px;
}
-#main .block .content {
+#main .block .content .inner {
padding: 0 15px 15px;
}
@@ -30,11 +30,15 @@ hr {
right: 25px;
}
-#main .block .content {
+#main .block .content {
background: #FFF;
padding-top: 1px;
}
+#main .block .content h2 {
+ margin-left: 15px;
+}
+
#sidebar .block {
background: #FFF;
}

0 comments on commit b5d98d0

Please sign in to comment.