Updated font-awesome and bootstrap
This commit is contained in:
Deon George
File diff suppressed because it is too large
Load Diff
@@ -3,50 +3,19 @@
|
||||
[Responsive Stylesheet]
|
||||
|
||||
Project: Base Admin
|
||||
Version: 2.0
|
||||
Last change: 03/25/2013
|
||||
Version: 3.0
|
||||
Last change: 09/04/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]
|
||||
*/
|
||||
@@ -64,24 +33,97 @@ upgrading in the future easier. ***
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.subnav-collapse.collapse {
|
||||
height: auto!important;
|
||||
overflow: visible!important;
|
||||
/*------------------------------------------------------------------
|
||||
[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;
|
||||
box-shadow: none;
|
||||
}
|
||||
.navbar .container {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.subnavbar .subnavbar .container {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
/*------------------------------------------------------------------
|
||||
[1. Max Width: 767px]
|
||||
*/
|
||||
@media (max-width: 767px) {
|
||||
#back-to-top {
|
||||
display: none !important;
|
||||
/* Extra small devices (phones, up to 480px) */
|
||||
/* No media query since this is the default in Bootstrap */
|
||||
@media (max-width: 768px) {
|
||||
.navbar {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-right: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.navbar .navbar-nav > li > .dropdown-menu::before,
|
||||
.navbar .navbar-nav > li > .dropdown-menu::after {
|
||||
display: none;
|
||||
}
|
||||
.subnavbar .subnav-toggle {
|
||||
display: block;
|
||||
}
|
||||
#main {
|
||||
padding: 0 10px;
|
||||
margin-right: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.extra {
|
||||
margin-right: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.main .container {
|
||||
padding: 0;
|
||||
}
|
||||
.main .row {
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
.footer {
|
||||
margin-right: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.footer #footer-terms {
|
||||
margin-top: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
.footer #footer-terms a {
|
||||
margin-left: 0;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.item-row {
|
||||
display: block;
|
||||
}
|
||||
.item-row:before,
|
||||
.item-row:after {
|
||||
content: " ";
|
||||
/* 1 */
|
||||
|
||||
display: table;
|
||||
/* 2 */
|
||||
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
.subnavbar {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
@@ -127,7 +169,8 @@ upgrading in the future easier. ***
|
||||
font-size: 14px;
|
||||
}
|
||||
.subnavbar .mainnav > li > a .caret {
|
||||
margin-top: 8px;
|
||||
margin-top: -2px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.subnavbar .mainnav > li.active > a {
|
||||
color: #F90;
|
||||
@@ -142,10 +185,15 @@ upgrading in the future easier. ***
|
||||
box-shadow: none;
|
||||
}
|
||||
.subnavbar .dropdown .dropdown-menu a {
|
||||
padding: 8px 40px;
|
||||
padding: 12px 40px;
|
||||
color: #FFF;
|
||||
font-weight: 600;
|
||||
}
|
||||
.subnavbar .dropdown .dropdown-menu a:active,
|
||||
.subnavbar .dropdown .dropdown-menu a:focus {
|
||||
background: #555 !important;
|
||||
outline: none;
|
||||
}
|
||||
.subnavbar .dropdown .dropdown-menu::before,
|
||||
.subnavbar .dropdown .dropdown-menu::after {
|
||||
display: none;
|
||||
@@ -163,92 +211,28 @@ upgrading in the future easier. ***
|
||||
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%;
|
||||
}
|
||||
/* Small devices (tablets, 768px and up) */
|
||||
@media (min-width: 768px) {
|
||||
.subnav-collapse.collapse {
|
||||
display: block!important;
|
||||
height: auto!important;
|
||||
padding-bottom: 0;
|
||||
overflow: visible!important;
|
||||
}
|
||||
}
|
||||
/*------------------------------------------------------------------
|
||||
[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;
|
||||
}
|
||||
/* Medium devices (desktops, 992px and up) */
|
||||
@media (min-width: 992px) {
|
||||
|
||||
}
|
||||
/*------------------------------------------------------------------
|
||||
[2. Max Width: 1200px]
|
||||
*/
|
||||
/* Large devices (large desktops, 1200px and up) */
|
||||
@media (min-width: 1200px) {
|
||||
.navbar .search-query {
|
||||
width: 200px;
|
||||
.navbar .container,
|
||||
.subnavbar .container {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.page-title {
|
||||
margin-left: -15px;
|
||||
}
|
||||
}
|
||||
1645
media/theme/baseadmin/css/base-admin-3.css
Normal file
1645
media/theme/baseadmin/css/base-admin-3.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -4,11 +4,11 @@
|
||||
position: fixed;
|
||||
}
|
||||
.subnavbar {
|
||||
padding-top: 56px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.pull-right > .dropdown-menu {
|
||||
.navbar-right > .dropdown-menu {
|
||||
right: auto;
|
||||
}
|
||||
|
||||
@@ -68,23 +68,28 @@ table .text-right {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.navbar .navbar-search .left-inner-addon {
|
||||
.navbar .navbar-form .left-inner-addon {
|
||||
position: relative;
|
||||
}
|
||||
.navbar .navbar-search .navbar-search-addon input.search-query {
|
||||
.navbar .navbar-form .navbar-search-addon input.form-control.input-sm.search-query {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
width: 150px;
|
||||
font-weight: normal;
|
||||
color: #000;
|
||||
}
|
||||
.navbar .navbar-search .navbar-search-addon i {
|
||||
.navbar .navbar-form .navbar-search-addon i {
|
||||
position: absolute;
|
||||
padding: 8px 10px;
|
||||
padding: 10px 10px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.navbar .navbar-search .navbar-search-addon img {
|
||||
.navbar .navbar-form .navbar-search-addon img {
|
||||
position: absolute;
|
||||
padding: 6px 10px;
|
||||
pointer-events: none;
|
||||
right: 0px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
@@ -1,235 +0,0 @@
|
||||
|
||||
/*------------------------------------------------------------------
|
||||
|
||||
[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;
|
||||
}
|
||||
|
||||
.login-social p {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
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 **/
|
||||
.social-btn {
|
||||
position: relative;
|
||||
|
||||
height: 32px;
|
||||
width: 155px;
|
||||
display: block;
|
||||
padding-right: 5px;
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
.social-btn a {
|
||||
font-size: 11px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.social-btn a:hover {
|
||||
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%;
|
||||
}
|
||||
|
||||
.register .login-fields input {
|
||||
width: 204px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
.modal-body .account-container {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.modal-body .account-container h1 {
|
||||
font-weight: normal;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,6 +1,6 @@
|
||||
$(document).ready(function() {
|
||||
var backToTop = $('<a>', { id: 'back-to-top', href: '#top' });
|
||||
var icon = $('<i>', { class: 'icon-chevron-up' });
|
||||
var icon = $('<i>', { class: 'fa fa-chevron-up' });
|
||||
|
||||
backToTop.appendTo ('body');
|
||||
icon.appendTo (backToTop);
|
||||
|
||||
Reference in New Issue
Block a user