Ticket #18198: responsive-cat-pages.diff

wp-admin/css/wp-admin.dev.css

@@ -251 +251 @@
         font-family: sans-serif;
         font-size: 12px;
         line-height: 1.4em;
-        min-width: 600px; /* to do, responsive admin */
+        /*min-width: 950px; responsive admin */
 }
 
 td,
@@ -2098 +2098 @@
 }
 
 .postbox-container {
-        float: left;
+        float: none;
 }
 
 #postbox-container-1 .meta-box-sortables:first-child,
@@ -4920 +4920 @@
 
 .tool-box {
         margin: 15px 0 35px;
+        max-width: 650px;
 }
 .tool-box .buttons {
         margin: 15px 0;
@@ -7637 +7638 @@
 .widgets_access .widget .widget-top {
         cursor: default;
 }
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media only screen and (max-width: 768px) {
+        /* categories */
+        #col-left{
+        width: 100%;
+        }
+        
+        #col-right{
+        width: 100%;
+        } 
+}
+
+@media only screen and (min-width: 769px) {
+        /* categories */
+        #col-left{
+        width: 25%;
+        }
+        
+        #col-right{
+        width: 75%;
+        }  
+        
+        .widefat{
+        max-width: 500px;
+        }
+}
+        
+@media only screen and (max-width: 860px) {
+        
+        /* categories */
+        #col-left{
+        width: 25%;
+        }
+        
+        #col-right{
+        width: 75%;
+        } 
+}
+
+@media only screen and (min-width: 980px) {
+
+        /* categories */
+        #col-left{
+        width: 25%;
+        }
+        
+        #col-right{
+        width: 75%;
+        } 
+}
+
+
+@media only screen and (max-width: 768px) {
+        /* categories */
+        #col-left{
+        width: 100%;
+        }
+        
+        #col-right{
+        width: 100%;
+        } 
+        
+        .form-field input, .form-field textarea{
+        width: 99%;
+        }
+        
+        .form-wrap .form-field{
+        padding:0;
+        }
+        
+        /* users */
+        #profile-page .form-table textarea{
+        max-width: 400px;
+        width: auto;
+        }
+}
+ No newline at end of file