Themeing work based on bootstrap

media/theme/baseadmin/css/base-admin-2-responsive.css

@@ -0,0 +1,254 @@
+/*------------------------------------------------------------------
+
+[Responsive Stylesheet]
+
+Project:	Base Admin
+Version:	2.0
+Last change:	03/25/2013
+Assigned to:	Rod Howard (rh)
+
+
+[Table of contents]
+
+1. Max Width:	767px
+2. Max Width:	1200px
+3. Max Width:	979px
+
+
+*** Any customizations made to this should be added to the custom.css
+stylesheet in order to separate your customizations and make 
+upgrading in the future easier. ***
+
+-------------------------------------------------------------------*/
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.clearfix:after {
+  clear: both;
+}
+.hide-text {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+/*------------------------------------------------------------------
+[1. Max Width: 480px]
+*/
+@media (max-width: 480px) {
+  .error-container h1 {
+    font-size: 72px;
+  }
+  .shortcuts .shortcut {
+    width: 95px;
+  }
+  .shortcuts .shortcut .shortcut-label {
+    font-size: 12px;
+  }
+  .shortcuts .shortcut .shortcut-icon {
+    font-size: 24px;
+  }
+}
+@media (min-width: 768px) {
+  .subnav-collapse.collapse {
+    height: auto!important;
+    overflow: visible!important;
+  }
+}
+/*------------------------------------------------------------------
+[1. Max Width: 767px]
+*/
+@media (max-width: 767px) {
+  #back-to-top {
+    display: none !important;
+  }
+  #main {
+    padding: 0 10px;
+    margin-right: -20px;
+    margin-left: -20px;
+  }
+  .subnavbar {
+    margin-left: -20px;
+    margin-right: -20px;
+  }
+  .subnavbar .btn-subnavbar {
+    display: block;
+  }
+  .subnavbar .subnavbar-inner {
+    height: auto;
+  }
+  .subnavbar .mainnav {
+    display: block;
+    width: 100%;
+    height: auto;
+    margin-top: 1em;
+    margin-bottom: 1.5em;
+    border: none;
+  }
+  .subnavbar .mainnav > li {
+    float: none;
+    width: 100%;
+    height: auto;
+    margin-bottom: 1em;
+    text-align: left;
+    border: none;
+  }
+  .subnavbar .mainnav > li > a {
+    display: block;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    margin-right: .5em;
+    color: #CCC;
+    font-size: 13px;
+    font-weight: 600;
+  }
+  .subnavbar .mainnav > li > a > span {
+    display: inline;
+  }
+  .subnavbar .mainnav > li > a > i {
+    display: inline;
+    margin-right: .5em;
+    margin-bottom: 0;
+    font-size: 14px;
+  }
+  .subnavbar .mainnav > li > a .caret {
+    margin-top: 8px;
+  }
+  .subnavbar .mainnav > li.active > a {
+    color: #F90;
+    background: transparent;
+  }
+  .subnavbar .dropdown .dropdown-menu {
+    position: static;
+    float: none;
+    width: 100%;
+    background: transparent;
+    border: none;
+    box-shadow: none;
+  }
+  .subnavbar .dropdown .dropdown-menu a {
+    padding: 8px 40px;
+    color: #FFF;
+    font-weight: 600;
+  }
+  .subnavbar .dropdown .dropdown-menu::before,
+  .subnavbar .dropdown .dropdown-menu::after {
+    display: none;
+  }
+  .subnavbar .dropdown.open .caret {
+    display: inline-block;
+  }
+  .subnavbar .dropdown-submenu > a:after {
+    display: none;
+  }
+  .subnavbar .dropdown-submenu > .dropdown-menu {
+    display: block;
+  }
+  .subnavbar .dropdown-submenu > .dropdown-menu > li > a {
+    padding-right: 20px;
+    padding-left: 60px;
+  }
+  .subnavbar .subnavbar-open-right .dropdown-menu {
+    left: auto;
+    right: 0;
+  }
+  .subnavbar .subnavbar-open-right .dropdown-menu::before,
+  .subnavbar .subnavbar-open-right .dropdown-menu::after {
+    left: auto;
+    right: 12px;
+  }
+  .subnavbar .subnavbar-open-right .dropdown-menu::after {
+    right: 13px;
+  }
+  .extra {
+    margin-right: -20px;
+    margin-left: -20px;
+  }
+  .extra .container {
+    padding: 0 20px;
+  }
+  .footer {
+    margin-right: -20px;
+    margin-left: -20px;
+  }
+  .footer .container {
+    padding: 0 20px;
+  }
+  .footer #footer-terms {
+    margin-top: 1em;
+    text-align: left;
+  }
+  .footer #footer-terms a {
+    margin-left: 0;
+    margin-right: 1em;
+  }
+  .item-row {
+    display: block;
+    *zoom: 1;
+  }
+  .item-row:before,
+  .item-row:after {
+    display: table;
+    content: "";
+    line-height: 0;
+  }
+  .item-row:after {
+    clear: both;
+  }
+  .item-row .item-label {
+    display: block;
+    width: 100%;
+    margin-bottom: 1.5em;
+  }
+  .item-row .item-content {
+    display: block;
+    width: 100%;
+  }
+}
+/*------------------------------------------------------------------
+[3. Max Width: 979px]
+*/
+@media (max-width: 979px) {
+  .navbar-fixed-top {
+    position: static;
+    margin-bottom: 0;
+  }
+  .navbar .btn-navbar {
+    font-size: 18px;
+    background: none;
+    filter: none;
+    border: none;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+  }
+  .navbar .container {
+    padding: 0 10px;
+  }
+  .subnavbar .subnavbar .container {
+    width: auto;
+  }
+}
+/*------------------------------------------------------------------
+[2. Max Width: 1200px]
+*/
+@media (min-width: 1200px) {
+  .navbar .search-query {
+    width: 200px;
+  }
+}

media/theme/baseadmin/css/custom.css

@@ -0,0 +1,9 @@
+/* To fix out title bar. */
+@media (min-width: 980px) {
+  .navbar.navbar-fixed-top {
+    position: fixed;
+  }
+  .subnavbar {
+    padding-top: 56px;
+  }
+}

media/theme/baseadmin/css/pages/login.css

@@ -0,0 +1,254 @@
+
+/*------------------------------------------------------------------
+
+[Login/Signup Stylesheet]
+
+	Project:		Base Admin
+	Version:		1.0
+	Last change:	05/21/2012
+	Assigned to:	Rod Howard (rh)
+
+-------------------------------------------------------------------*/
+
+
+
+
+/** Base Body Styles **/
+body{ color:#838383; font: 13px/1.7em 'Open Sans';}
+
+
+.account-container {
+	width: 380px; 
+	display: block;
+	margin: 60px auto 0 auto;
+	
+	background: #f9f9f9;
+	
+	border: 1px solid #d5d5d5;
+	
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+
+}
+
+.content {
+	padding: 16px 28px 23px;
+} 
+
+.login-fields {
+	
+}
+
+.login-fields .field {
+	margin-bottom: 1.25em;
+}
+
+.login-fields label {
+	display: none;
+}
+
+.login-fields input {
+	font-family: 'Open Sans';
+	font-size: 13px;
+	color: #8e8d8d;
+	padding: 11px 15px 10px 50px;
+	background-color: #fdfdfd;
+	width: 255px;
+	display: block;
+	margin: 0;
+	box-shadow: inset 2px 2px 4px #f1f1f1;
+}
+
+.username-field { background: url(../../img/login/user.png) no-repeat; }
+
+.password-field { background: url(../../img/login/password.png) no-repeat; }
+
+
+
+
+.login-actions {
+	float: left;
+	
+	width: 100%;
+	
+	margin-top: -1em;
+	margin-bottom: 1.25em;
+}
+
+.login-social {
+	float: left;
+	
+	padding: 10px 0 15px;
+	
+	border: 1px dotted #CCC;
+	border-right: none;
+	border-left: none;	
+}
+
+span.login-checkbox {
+	float: left;
+	margin-top: 31px;
+}
+
+span.login-checkbox > input[type='checkbox'] {
+    opacity: 0;
+    float: left;
+    width: 15px;
+}
+
+span.login-checkbox > input[type='checkbox'] + label {    
+    clear: none;
+    
+	height: 15px; 
+	display: block;
+    padding: 0 0 0 22px;
+    margin: 0;
+    
+    font-size: 12px;
+    line-height: 1.2em;
+    
+    background: url(../../img/login/check.png) no-repeat 0 0;
+    
+    cursor: pointer;
+}
+
+span.login-checkbox > input[type='checkbox']:checked + label {	
+	background-position: 0 -15px;
+}
+
+/** Text Under Box**/
+.login-extra {
+	display: block; 
+	width: 300px; 
+	margin: 1.5em auto;
+	 
+	text-align: center;
+	line-height: 19px; 
+	
+	text-shadow: 1px 1px 0px #fff; 	
+}
+
+
+.account-container h1 {
+	margin-bottom: .4em;
+	
+	color: #f90;
+}
+
+/** Buttons **/
+.twitter, .fb {
+	position: relative;
+	
+	height: 32px; 
+	width: 157px; 
+	display: block;
+	
+	background: url(../../img/login/twitter_btn.png) no-repeat; 
+	
+}
+
+.fb {
+	width: 162px; 
+	
+	background: url(../../img/login/fb_btn.png) no-repeat; 	
+}
+
+.twitter:active, .fb:active {
+	top: 1px;
+}
+
+.twitter:hover, .fb:hover {
+	background-position: 0 -32px;
+}
+
+.twitter a, .fb a {
+	padding: 5px 0 0 35px; 
+	text-shadow: -1px -1px 0px rgba(0,0,0,.3); 
+	color:#fff; 
+	font-weight: bold; 
+	font-size: 11px; 
+	height: 32px; 
+	display: block;	
+}
+
+.fb a {
+	padding: 5px 0 0 31px; 
+	
+}
+
+.twitter, .fb {
+	display: inline-block;
+}
+
+.twitter a:hover, .fb a:hover {
+	color: #FFF;
+	text-decoration: none;
+}
+
+.button {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; float: right; margin-top: 18px;}
+
+
+
+
+
+
+.register .login-social {
+	margin-bottom: 1em;
+}
+
+.register .login-actions {
+	margin-bottom: 0;
+}
+
+.register .login-fields input {
+	width: 299px;
+	padding-left: 6px;
+}
+
+.register h1 {
+	color: #444;
+}
+
+.register span.login-checkbox {
+	position: relative;
+	top: -6px;
+	
+	width: 200px;
+}
+
+.register span.login-checkbox > input[type="checkbox"] + label {
+	
+	position: relative;
+	
+	line-height: 1.3em;
+}
+
+
+
+@media (max-width: 480px) {
+	
+	.account-container {
+		width: 280px;	
+		margin-top: 35px;
+	}
+	
+	.login-fields input {
+		width: 160px;
+	}
+	
+	.login-social {
+		width: 100%;
+	}
+	
+	.twitter {
+		display: block;
+		margin-bottom: 1em;
+	}
+	
+	.register .login-fields input {
+		width: 204px;
+		padding-left: 6px;
+	}
+	
+}

media/theme/baseadmin/js/custom.js

@@ -0,0 +1,37 @@
+$(function () {
+	Application.init ();
+});
+
+var Application = function () {
+	return { init: init };
+
+	function init () {
+		enableBackToTop ();
+	}
+
+	function enableBackToTop () {
+		var backToTop = $('<a>', { id: 'back-to-top', href: '#top' });
+		var icon = $('<i>', { class: 'icon-chevron-up' });
+
+		backToTop.appendTo ('body');
+		icon.appendTo (backToTop);
+
+		backToTop.hide();
+
+		$(window).scroll(function () {
+			if ($(this).scrollTop() > 100) {
+				backToTop.fadeIn ();
+			} else {
+				backToTop.fadeOut ();
+			}
+		});
+
+		backToTop.click (function (e) {
+			e.preventDefault ();
+
+			$('body, html').animate({
+				scrollTop: 0
+			}, 600);
+		});
+	}
+}();