Bootstrap responsive design now functional. Minimum resolution supported by the admin area is 1280×800

e107_themes/bootstrap/admin_style.css

@@ -1,38 +1,28 @@
- body {
+ body 			{ padding-top: 75px; padding-bottom: 40px; }
-        padding-top: 75px;
+      	
-        padding-bottom: 40px;
+.well 			{ padding:10px; }
-      }
+.navbar 		{ background-color: #081D28; }
-.well {
-	padding:10px;
-}
-
-.navbar {
-	background-color: #081D28;
-}
 
 #core-infopanel_mye107 a {
 	
 }
 
-.tipsy-inner {
+.tipsy-inner 	{ padding:10px; font-size:15px; }
-	padding:10px;
-	font-size:15px;
-}
       
 /* Core Formatting */
-.left		{ text-align: left }
+.left			{ text-align: left }
-.right		{ text-align: right }
+.right			{ text-align: right }
-.center		{ text-align: center }
+.center			{ text-align: center }
-.f-left		{ float: left }
+.f-left			{ float: left }
-.f-right	{ float: right }
+.f-right		{ float: right }
-.top		{ vertical-align: top }
+.top			{ vertical-align: top }
-.middle		{ vertical-align: middle }
+.middle			{ vertical-align: middle }
-.bottom		{ vertical-align: bottom }
+.bottom			{ vertical-align: bottom }
-.clear		{ clear: both }
+.clear			{ clear: both }
-.clear-l	{ clear: right }
+.clear-l		{ clear: right }
-.clear-r	{ clear: left }
+.clear-r		{ clear: left }
-.smalltext	{ font-size: 11px; }
+.smalltext		{ font-size: 11px; }
-.nowrap		{ white-space:nowrap; }
+.nowrap			{ white-space:nowrap; }
 
 
 .core-mainpanel-block { text-align:center; width:100px; float:left; height:48px; display:block;margin:15px; }
@@ -40,17 +30,24 @@
 
 td.center, th.center { text-align:center }
 
-.col-label {
+.col-label 		{ width:30%; }
-	width:30%;
-}
 
-.sidebar-nav {
+.sidebar-nav 	{ padding: 9px 0; font-size:11px; min-width:150px; }
-	padding: 9px 0;
+
-}
+
+@media (min-width: 1300px) { 
+	
+.sidebar-nav 	{ font-size:12px; }
+
+} 
+ 
+@media (min-width: 1500px) { 
+	
+.sidebar-nav 	{ font-size:15px; }
+
+} 
       
-.nav-collapse {
+.nav-collapse 	{ margin-top:8px; }
-	margin-top:8px;	
-}
 
 .dropdown-menu img { padding: 0px 0px; margin-right: 10px; }
 
@@ -83,6 +80,7 @@ label {
 	margin-left:5px;
 	margin-right:10px;
 	display: inline;
+	vertical-align:bottom;
 }
 
 /* Core Icons & Image Buttons */
@@ -130,6 +128,13 @@ a.dropdown-toggle {
 	transition:color .20s ease-in-out;	
 }
 
+img.S32 {
+
+	
+}
+img.S32:hover {
+
+}
 
 /*******************************************************************************************************************/
 /* Admin List Table */ 

e107_themes/bootstrap/admin_template.php

@@ -135,7 +135,7 @@ $E_ADMIN_NAVIGATION['end'] = '</ul>';
 $ADMIN_HEADER = '<div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container-fluid">  
-          <a class="brand" href="'.e_ADMIN_ABS.'admin.php"><img src="'.THEME.'img/e107_adminlogo.png" alt="e107" /></a>
+          <a class="brand" href="'.e_ADMIN_ABS.'admin.php" title="Return to Front Panel"><img src="'.THEME.'img/e107_adminlogo.png" alt="e107" /></a>
           <div class="nav-collapse collapse">
             <div class="dropdown nav pull-right navbar-text ">
             
@@ -145,7 +145,7 @@ $ADMIN_HEADER = '<div class="navbar navbar-inverse navbar-fixed-top">
             </div>
             
 			<div class="dropdown nav">
-			{ADMIN_NAVIGATION}
+			{ADMIN_NAVIGATION=no-main}
 			
 			<!--
 				<ul class="nav" role="navigation">

e107_themes/bootstrap/admin_theme.php

@@ -2,6 +2,7 @@
 if ( ! defined('e107_INIT')) { exit(); }
 
 define('STANDARDS_MODE', TRUE);
+define("VIEWPORT","width=device-width, initial-scale=1.0");
 
 // include_lan(e_THEME."_blank/languages/".e_LANGUAGE.".php");
 e107::js('theme','js/bootstrap.js');
@@ -158,7 +159,7 @@ function tablestyle($caption, $text, $mode)
 
 	case 'admin_menu' :
 		echo '
-				<div class="well sidebar-nav" style="padding:10px">  
+				<div class="well sidebar-nav" >  
 				<div class="nav-header">'.$caption.'</div>
 				'.$text.'
 			</div>