JPT/dashboard
0
0
Fork 0
Code Issues Pull Requests Activity

[TASK] Add a column bounding box to allow padding within columns.

Browse Source
This commit is contained in:
Jan Philipp Timme 2013-09-11 15:53:33 +02:00
parent 61df99ca7b
commit ec85bee1ac
2 changed files with 63 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -37,6 +37,7 @@
</div>
<div style="clear: both;"></div>
<div id="content-grid-container">
<div class="content-column-bounding-box">
<div id="content-column-1" class="content-column">
<div class="content-container-bounding-box">
<div class="content-container">
@ -51,6 +52,8 @@
</div>
</div>
</div><!-- content-column-1 -->
</div><!-- content-column-bounding-box -->
<div class="content-column-bounding-box">
<div id="content-column-2" class="content-column">
<div class="content-container-bounding-box">
<div class="content-container">
@ -77,6 +80,8 @@
</div>
</div>
</div><!-- content-column-2 -->
</div><!-- content-column-bounding-box -->
<div class="content-column-bounding-box">
<div id="content-column-3" class="content-column">
<div class="content-container-bounding-box">
<div class="content-container">
@ -97,6 +102,7 @@
</div>
</div>
</div><!-- content-column-3 -->
</div><!-- content-column-bounding-box -->
<div class="clear-both"></div>
</div> <!-- content-grid-container -->
</div> <!-- nonfooter-content-container -->

10
style/main.css
View File

@ -63,15 +63,17 @@ h5 { font-size: 11pt; }
color: hsla(0, 0%, 100%, 0.95);
}
.content-column {
.content-column-bounding-box {
float: left;
width: 33.3%;
margin-top: 1em;
margin-bottom: 0em;
}
.content-column {
padding: 2em 1em 2em 1em;
}
.content-container-bounding-box {
padding: 1em 1em 2em 1em;
padding-bottom: 2em;
}
.content-container {