[xoops-svn] SF.net SVN: xoops:[10199] XoopsCore/branches/2.6.x/2.6.0/htdocs/modules/ system/css/mobile.css

[<txm...@us...>]

Revision: 10199
          http://xoops.svn.sourceforge.net/xoops/?rev=10199&view=rev
Author:   txmodxoops
Date:     2012-11-11 13:16:21 +0000 (Sun, 11 Nov 2012)
Log Message:
-----------
Added mobile.css

Added Paths:
-----------
    XoopsCore/branches/2.6.x/2.6.0/htdocs/modules/system/css/mobile.css

Added: XoopsCore/branches/2.6.x/2.6.0/htdocs/modules/system/css/mobile.css
===================================================================
--- XoopsCore/branches/2.6.x/2.6.0/htdocs/modules/system/css/mobile.css	                        (rev 0)
+++ XoopsCore/branches/2.6.x/2.6.0/htdocs/modules/system/css/mobile.css	2012-11-11 13:16:21 UTC (rev 10199)
@@ -0,0 +1,92 @@
+.text-align-center {
+  text-align: center;
+}
+.text-align-right {
+  text-align: right;
+}
+
+/** CSS for non-standard jQuery Mobile styles or Codiqa components **/
+.split-wrapper {
+  width: 100%;
+  min-height: 200px;
+  clear: both;
+}
+@media all and (min-width: 650px) {
+  .content-secondary {
+    text-align: left;
+    float: left;
+    width: 45%;
+    background: none;
+    padding: 1.5em 6% 3em 0;
+    margin: 0;
+  }
+  .content-secondary {
+    background: none;
+    border-top: none;
+  }
+  .content-primary {
+    width: 45%;
+    float: right;
+    margin-right: 1%;
+    padding-right: 1%;
+  }
+  .content-primary ul:first-child {
+    margin-top: 0;
+  }
+  .content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset {
+    margin: 0;
+  }
+  .content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li {
+    border-radius: 0px;
+  }
+  .content-secondary ul.ui-listview .ui-li {
+    border-left: 0;
+    border-right: 0;
+  }
+  .content-secondary h2 {
+    position: absolute;
+    left: -9999px;
+  }
+  .content-secondary .ui-li-divider {
+    padding-top: 1em;
+    padding-bottom: 1em;
+  }
+  .content-secondary {
+    margin: 0;
+    padding: 0;
+  }
+  
+}
+@media all and (min-width: 750px){
+  .content-secondary {
+    width: 34%;
+  }
+  .content-primary {
+    width: 60%;
+    padding-right: 1%;
+  }	
+}
+
+@media all and (min-width: 1200px){
+  .content-secondary {
+    width: 30%;
+    padding-right:6%;
+    margin: 0px 0 20px 5%;
+  }
+  .content-secondary ul {
+    margin: 0;
+  }
+  .content-secondary {
+    margin: 0;
+    padding: 0;
+  }
+  .content-primary {
+    width: 50%;
+    margin-right: 5%;
+    padding-right: 3%;
+  }
+  .content-primary {
+    width: 60%;
+  }
+}
+

This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.