Changeset 10973

Timestamp:

24 Jan 2014, 06:48:29 (11 years ago)

Author:

Henrik Bettermann

Message:

Adjustments for smart phones.

Location:

main/waeup.kofa/branches/uli-diazo-themed/layout

Files:

• static/css/base.css (modified) (2 diffs)
• theme.html (modified) (3 diffs)

main/waeup.kofa/branches/uli-diazo-themed/layout/static/css/base.css

@@ -28 +28 @@
 }
 
-.kofa-sidebar, .kofa-content-wide,
+.kofa-sidebar,
 .kofa-content-narrow , .kofa-breadcrumbs-box {
     padding: 0px 5px 0px 5px;
+}
+
+.kofa-content-wide {
+    padding: 5px 25px 5px 25px;
 }
 
@@ -112 +116 @@
     color: #bfbfbf;
 }
+
+
+/* Smartphone styles */
+
+
+@media (max-width: 767px) {
+
+  body {
+      padding-top: 40px;
+  }
+
+  .kofa-sidebar,
+  .kofa-content-narrow , .kofa-breadcrumbs-box {
+      padding: 0px 0px 0px 0px;
+  }
+
+  .kofa-content-wide {
+      padding: 0px 0px 0px 0px;
+  }
+
+}

main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html

@@ -122 +122 @@
         </div> <!-- /kofa-sidebar -->
         <div class="col-md-10 content kofa-content-narrow">
-
           <div class="well kofa-content ">
             <div class="actionbar">
@@ -136 +135 @@
               </a>
             </div>
-
             <div class="hero-unit kofa-content-label-box">
               <h1 class="kofa-content-label-title">waeup.kofa theme</h1>
@@ -155 +153 @@
 
       <div class="row">
-        <div class="col-md-12 content kofa-content kofa-content-wide">
-          <div class="well">
+        <div class="col-md-12 content kofa-content-wide">
+          <div class="well kofa-content">
             <div class="hero-unit">
               <h1>Hello there!</h1>