diff options
Diffstat (limited to 'view/css')
| -rw-r--r-- | view/css/choklet.css | 33 | ||||
| -rw-r--r-- | view/css/choklet_edgesthree.css | 55 | ||||
| -rw-r--r-- | view/css/choklet_edgestwo.css | 48 | ||||
| -rw-r--r-- | view/css/choklet_full.css | 49 | ||||
| -rw-r--r-- | view/css/choklet_three.css | 51 |
5 files changed, 220 insertions, 16 deletions
diff --git a/view/css/choklet.css b/view/css/choklet.css index 883bb1ed3..355c9d3d5 100644 --- a/view/css/choklet.css +++ b/view/css/choklet.css @@ -1,15 +1,22 @@ +header #banner { + position: fixed; + top: 0; + width: 250px; + margin-left: auto; + margin-right: auto; +} + #blog-banner { position: relative; - margin-top: 45px; + margin-top: 75px; width: 100%; - height: 100px; margin-bottom: 20px; } nav.navbar { - width: 90%; - margin-left: 5%; - margin-right: 5%; + width: 100%; + margin-left: 0; + margin-right: 0; } aside#region_1 { @@ -30,20 +37,14 @@ section { margin-left: 15px; margin-right: 15px; float: left; - min-width: 650px; - width: 60%; + min-width: 400px; + width: 70%; display: block; padding-bottom: 350px; } -#region_3 { - float: right; - min-width: 210px; - max-width: 220px; - width: 20%; -} #blog-margin { - margin-right: 5%; - margin-left: 5%; -}
\ No newline at end of file + margin-right: 0; + margin-left: 0; +} diff --git a/view/css/choklet_edgesthree.css b/view/css/choklet_edgesthree.css new file mode 100644 index 000000000..ad4b4e29c --- /dev/null +++ b/view/css/choklet_edgesthree.css @@ -0,0 +1,55 @@ +header #banner { + position: fixed; + top: 0; + width: 250px; + margin-left: auto; + margin-right: auto; +} +#blog-banner { + position: relative; + margin-top: 75px; + width: 100%; + margin-bottom: 20px; +} + +nav.navbar { + width: 90%; + margin-left: 5%; + margin-right: 5%; +} + +aside#region_1 { + display: block; + min-width: 210px; + max-width: 220px; + width: 20%; + float: left; + margin-left: 10px; +} + +aside input[type='text'] { + width: 174px; +} + + +section { + margin-left: 15px; + margin-right: 15px; + float: left; + min-width: 650px; + width: 60%; + display: block; + padding-bottom: 350px; +} + +#region_3 { + float: right; + min-width: 210px; + max-width: 220px; + width: 20%; +} + +#blog-margin { + margin-right: 5%; + margin-left: 5%; +}
\ No newline at end of file diff --git a/view/css/choklet_edgestwo.css b/view/css/choklet_edgestwo.css new file mode 100644 index 000000000..83bf8eb50 --- /dev/null +++ b/view/css/choklet_edgestwo.css @@ -0,0 +1,48 @@ +header #banner { + position: fixed; + top: 0; + width: 250px; + margin-left: auto; + margin-right: auto; +} +#blog-banner { + position: relative; + margin-top: 75px; + width: 100%; + margin-bottom: 20px; +} + +nav.navbar { + width: 90%; + margin-left: 5%; + margin-right: 5%; +} + +aside#region_1 { + display: block; + min-width: 210px; + max-width: 220px; + width: 20%; + float: left; + margin-left: 10px; +} + +aside input[type='text'] { + width: 174px; +} + + +section { + margin-left: 15px; + margin-right: 15px; + float: left; + min-width: 400px; + width: 70%; + display: block; + padding-bottom: 350px; +} + +#blog-margin { + margin-right: 5%; + margin-left: 5%; +}
\ No newline at end of file diff --git a/view/css/choklet_full.css b/view/css/choklet_full.css new file mode 100644 index 000000000..883bb1ed3 --- /dev/null +++ b/view/css/choklet_full.css @@ -0,0 +1,49 @@ +#blog-banner { + position: relative; + margin-top: 45px; + width: 100%; + height: 100px; + margin-bottom: 20px; +} + +nav.navbar { + width: 90%; + margin-left: 5%; + margin-right: 5%; +} + +aside#region_1 { + display: block; + min-width: 210px; + max-width: 220px; + width: 20%; + float: left; + margin-left: 10px; +} + +aside input[type='text'] { + width: 174px; +} + + +section { + margin-left: 15px; + margin-right: 15px; + float: left; + min-width: 650px; + width: 60%; + display: block; + padding-bottom: 350px; +} + +#region_3 { + float: right; + min-width: 210px; + max-width: 220px; + width: 20%; +} + +#blog-margin { + margin-right: 5%; + margin-left: 5%; +}
\ No newline at end of file diff --git a/view/css/choklet_three.css b/view/css/choklet_three.css new file mode 100644 index 000000000..5bbff0e3b --- /dev/null +++ b/view/css/choklet_three.css @@ -0,0 +1,51 @@ +header #banner { + position: fixed; + top: 0; + width: 250px; + margin-left: auto; + margin-right: auto; +} +#blog-banner { + position: relative; + margin-top: 75px; + width: 100%; + margin-bottom: 20px; +} + +nav.navbar { + width: 100%; + margin-left: 0; + margin-right: 0; +} + +aside#region_1 { + display: block; + min-width: 210px; + max-width: 220px; + width: 20%; + float: left; + margin-left: 10px; +} + +aside input[type='text'] { + width: 174px; +} + + +section { + margin-left: 15px; + margin-right: 15px; + float: left; + min-width: 650px; + width: 60%; + display: block; + padding-bottom: 350px; +} + +#region_3 { + float: right; + min-width: 210px; + max-width: 220px; + width: 20%; +} + |