aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrubo77 <github@r.z11.de>2016-08-09 07:09:24 +0200
committerrubo77 <github@r.z11.de>2016-08-09 10:07:14 +0200
commita1939e105c27a214eecccbac8f98f13f19076e58 (patch)
tree31617b0730694d04e05472955b308016c9e653d3
parent09e9c24d2ee88a6787386d71aa8418bece684e2c (diff)
reordered stylesheet
-rw-r--r--stylesheets/app.css74
1 files changed, 34 insertions, 40 deletions
diff --git a/stylesheets/app.css b/stylesheets/app.css
index b1952b5..dde3067 100644
--- a/stylesheets/app.css
+++ b/stylesheets/app.css
@@ -1,14 +1,3 @@
-/* Artfully masterminded by ZURB */
-
-/* --------------------------------------------------
- Table of Contents
------------------------------------------------------
-:: Shared Styles
-:: Page Name 1
-:: Page Name 2
-*/
-
-
/* -----------------------------------------
Shared Styles
----------------------------------------- */
@@ -26,35 +15,6 @@ div.header {
max-width: 100%;
}
-.firmwarelist {
- min-width:90%;
-}
-
-@media only screen and (max-width: 570px) {
- div.header {
- background: transparent !important;
- min-height: 0px;
- }
- .teaser > div > div.eight.columns{
- max-height:305px;
- }
- #flash_placeholder {
- background-size:100%;
- }
-}
-
-@media only screen and (max-width: 480px) {
- .teaser > div > div.eight.columns{
- max-height:250px;
- }
-}
-
-@media only screen and (max-width: 380px) {
- .teaser > div > div.eight.columns{
- max-height:200px;
- }
-}
-
footer {
background: #fafafa;
margin-top: 1em;
@@ -86,6 +46,7 @@ h1 > .postdate {
margin-left: 2em;
text-indent: -1em;
}
+
/* -----------------------------------------
Firmware
----------------------------------------- */
@@ -104,3 +65,36 @@ h1 > .postdate {
font-size: 0.8em;
padding-left: 7px;
}
+
+.firmwarelist {
+ min-width:90%;
+}
+
+/* -----------------------------------------
+ responsive design
+----------------------------------------- */
+
+@media only screen and (max-width: 570px) {
+ div.header {
+ background: transparent !important;
+ min-height: 0px;
+ }
+ .teaser > div > div.eight.columns{
+ max-height:305px;
+ }
+ #flash_placeholder {
+ background-size:100%;
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ .teaser > div > div.eight.columns{
+ max-height:250px;
+ }
+}
+
+@media only screen and (max-width: 380px) {
+ .teaser > div > div.eight.columns{
+ max-height:200px;
+ }
+}