themes/freifunk-generic: Improve display on mobile devices, remove useless css from...

[project/luci.git] / themes / freifunk-generic / htdocs / luci-static / freifunk-generic / mobile.css

diff --git a/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/mobile.css b/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/mobile.css
index e20ab69..37d77b4 100644 (file)
--- a/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/mobile.css
+++ b/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/mobile.css
@@ -1,84 +1,14 @@
-.high_res_only{
-       display:none !important;
-}
-
-#main_bg_pattern {
-       position:absolute;
-       background: url(images/PF_background_pattern.png) repeat-x;
-       top:0px;
-       left:0px;
-       width:980px;
-       z-index:0;              
-}
-
-#main_bg {
-    min-height:2000px;
-}
-
-#heading{
-       margin-left:285px !important;
-}
-
 #header{
        padding-left:0px !important;
        padding-bottom:24px;
 }
 
-#menubar{
-    font-size:35px;
-}
-
-
-               #maincontent .multiColumn {
-                       margin:1em 0px;
-                       width:100%;
-               }
-
-               #maincontent .multiColumn .first{
-                       width:100% !important;
-                       float:none !important;
-                       display:block !important;
-                       padding-right:0px;
-               }
-
-               #maincontent .multiColumn .second{
-                       width:100% !important;
-                       float:none !important;
-                       display:block !important;
-                       padding-right:0px;
-               }
-               #maincontent .multiColumn .terminateMultiColumn{
-                       clear:both;
-                       float:none;
-                       display:block;
-                       text-align:left !important;
-                       padding-top:2em;
-               }
-
-               #maincontent ul{
-                       margin-bottom:1em;
-               }
-
-
-
-
-
-#sidebar_container{
-       display:none;
-}
-
-#adbar_low_res_container{
-       display:block !important;
-}
-#main_content_container{
-       margin-top:50px !important;
+.header_left{
+       max-width: 100%;
 }
 
-.lt_spec{
-       padding:0px;
-       width:54px;
-       height:42px;
-       background:transparent url(images/lt_round.png) no-repeat 0% 0% !important;
+#mainlogo {
+       max-width: 90%;
 }
 
 #content {
@@ -86,8 +16,8 @@
 }
 
 #maincontent{
-       font-size:25px!important;
-       line-height:40px;
+       font-size:1.2em;
+       line-height:1.5em;
 }
 
 input[type=submit],
@@ -97,11 +27,7 @@ input[type=submit],
        display:inline !important;
        float:none !important;
        padding:10px 30px !important;
-       margin: 0px 10px !important;
-       font-size:25px !important;
-       font-family: impact, sans-serif !important;
-       background:#ff8800 none !important;
-       border-color:#000000 !important;
+       margin: 10px 10px 10px 0 !important;
 }
 
 .cbi-input-text,
@@ -109,13 +35,11 @@ input[type=submit],
 .cbi-input-user,
 .cbi-input-password{
        display:block !important;
-       font-size:25px  !important;
        margin: 0 !important;
        padding:0 !important;
 }
 
 .cbi-value-field{
-       font-size:25px;
        margin:0 !important;
        margin-bottom: 1em !important;
        width:100%  !important; 
@@ -124,12 +48,12 @@ input[type=submit],
 .cbi-section legend{
        white-space:normal !important;
 }
-.cbi-section code{
-       font-size:24px;
-}
 
 .cbi-value-title{
-       font-size:25px;
        font-weight:bold;
        float:none !important;
 }
+
+img {
+       max-width:100%;
+}