first commit
This commit is contained in:
@@ -0,0 +1,51 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* Version: 1.0
|
||||
* Latest update: May 25, 2015
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Boxed layout base
|
||||
.layout-boxed {
|
||||
background: url(../images/backgrounds/boxed_bg.png) repeat; // mainly for demo, use whatever you want
|
||||
|
||||
// Center main navbar
|
||||
> .navbar {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// Center page container
|
||||
.page-container {
|
||||
background-color: @body-bg;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
|
||||
// Set widths on different screens
|
||||
.page-container,
|
||||
> .navbar {
|
||||
@media (min-width: @screen-sm-min) {
|
||||
width: @container-sm;
|
||||
}
|
||||
@media (min-width: @screen-md-min) {
|
||||
width: @container-md;
|
||||
}
|
||||
@media (min-width: @screen-lg-min) {
|
||||
width: @container-lg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Change background image on retina display
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
background: url(../images/backgrounds/boxed_bg_retina.png) repeat;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Utilites
|
||||
*
|
||||
* Additional animations, transitions, transforms and other utilities
|
||||
*
|
||||
* Version: 1.0
|
||||
* Latest update: Mar 10, 2016
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Components animation
|
||||
// ------------------------------
|
||||
|
||||
// Disable transitions on page load
|
||||
.no-transitions * {
|
||||
.transition(none)!important;
|
||||
}
|
||||
|
||||
// Animate all
|
||||
.btn,
|
||||
.navbar-link,
|
||||
.nav-tabs > li > a,
|
||||
.nav-tabs > li > a:after,
|
||||
.nav-pills > li > a,
|
||||
.nav li > a > .label,
|
||||
.nav li > a > .badge,
|
||||
.breadcrumb > li > a,
|
||||
.breadcrumb-elements > li > a,
|
||||
.tt-suggestion,
|
||||
.tokenfield .token,
|
||||
.selectboxit-btn,
|
||||
.bootstrap-select .btn-default,
|
||||
.select2-results__option,
|
||||
.select2-selection__choice__remove,
|
||||
.dropdown-menu > li > a,
|
||||
.dropdown-menu > li > label,
|
||||
.wizard .actions a,
|
||||
.checker span:after,
|
||||
.choice span:after,
|
||||
.selectboxit-option-anchor,
|
||||
.dt-autofill-list ul li,
|
||||
.dt-autofill-button .btn,
|
||||
.dataTable .select-checkbox:before,
|
||||
.dataTable .select-checkbox:after,
|
||||
.pika-button,
|
||||
.sp-input,
|
||||
.navbar-nav > li > a,
|
||||
.dropdown-content-footer a,
|
||||
.icons-list > li > a,
|
||||
.picker__nav--prev,
|
||||
.picker__nav--next,
|
||||
.multiselect.btn-default,
|
||||
.list-group-item,
|
||||
.pagination > li > a,
|
||||
.pagination > li > span,
|
||||
.pager > li > a,
|
||||
.pager > li > span,
|
||||
.datepicker-dropdown .day,
|
||||
a.label,
|
||||
a.badge,
|
||||
.ui-datepicker-buttonpane > button,
|
||||
.ui-button,
|
||||
.ui-menu-item,
|
||||
.ui-selectmenu-button,
|
||||
.ui-datepicker a,
|
||||
.media-link,
|
||||
.menu-list li > a,
|
||||
.plupload_file_action > a,
|
||||
.dataTables_paginate .paginate_button,
|
||||
.dataTables_filter input,
|
||||
.dt-button,
|
||||
.picker__list-item,
|
||||
.picker__day,
|
||||
.picker__footer,
|
||||
.sp-replacer,
|
||||
.sp-cancel,
|
||||
.sp-choose,
|
||||
.sp-palette-toggle,
|
||||
.daterangepicker td,
|
||||
.daterangepicker th,
|
||||
.noUi-handle,
|
||||
.fc-button,
|
||||
.plupload_button,
|
||||
.picker__footer button,
|
||||
.picker__list button,
|
||||
.AnyTime-btn,
|
||||
.plupload_filelist li,
|
||||
.password-indicator-group.input-group-addon,
|
||||
.password-indicator-label-absolute,
|
||||
.select2-selection--single:not([class*=bg-]),
|
||||
.select2-selection--multiple:not([class*=bg-]) .select2-selection__choice,
|
||||
.bootstrap-select.btn-group .dropdown-menu > li > a .check-mark {
|
||||
.transition(all ease-in-out 0.15s);
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.close,
|
||||
.tag [data-role="remove"] {
|
||||
.transition(opacity ease-in-out 0.15s);
|
||||
}
|
||||
|
||||
// Border color
|
||||
.checker span {
|
||||
.transition(border-color ease-in-out 0.15s);
|
||||
}
|
||||
|
||||
// Background color
|
||||
.table tr,
|
||||
.table th,
|
||||
.table td,
|
||||
.htContextMenu td,
|
||||
.ranges ul li {
|
||||
.transition(background-color ease-in-out 0.15s);
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* Version: 1.0
|
||||
* Latest update: May 25, 2015
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Main wrapper
|
||||
.page-container {
|
||||
position: relative;
|
||||
|
||||
// Desktop view
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
width: 100%;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
|
||||
// Min-height doesn't work in FF, bug. So we set 1px height which is overriden with min-height
|
||||
@-moz-document url-prefix() {
|
||||
height: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
display: table-row;
|
||||
}
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
width: 100%;
|
||||
|
||||
@media (min-width: @grid-float-breakpoint) {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
padding: 0 @grid-gutter-width (@line-height-computed * 3) @grid-gutter-width;
|
||||
|
||||
// Clear floats
|
||||
&:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
// Add top padding if no header
|
||||
&:first-child {
|
||||
padding-top: @line-height-computed;
|
||||
}
|
||||
|
||||
// Change bottom spacing if footer is navbar
|
||||
body[class*=navbar-bottom] & {
|
||||
padding-bottom: @line-height-computed;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Footer
|
||||
*
|
||||
* Main footer styles, currently 1 version only
|
||||
*
|
||||
* Version: 1.2
|
||||
* Latest update: Jan 5, 2017
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Stick footer to the bottom of the page
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: (@line-height-computed * 1.5);
|
||||
|
||||
// Stick to bottom is footer is navbar
|
||||
&.navbar {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
|
||||
// Remove z-index if footer navbar has absolute position
|
||||
&-fixed-bottom {
|
||||
z-index: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Hide standard footer if navbar is used
|
||||
body[class*=navbar-bottom] &:not(.navbar) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// In boxed layout
|
||||
.footer-boxed {
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-left: @grid-gutter-width;
|
||||
padding-right: @grid-gutter-width;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,117 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Utilites
|
||||
*
|
||||
* Additional animations, transitions, transforms and other utilities
|
||||
*
|
||||
* Version: 1.0
|
||||
* Latest update: May 25, 2015
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Rotation
|
||||
// ------------------------------
|
||||
|
||||
// Basic direction
|
||||
.rotate-45 {
|
||||
.rotate(45deg);
|
||||
}
|
||||
.rotate-90 {
|
||||
.rotate(90deg);
|
||||
}
|
||||
.rotate-180 {
|
||||
.rotate(180deg);
|
||||
}
|
||||
|
||||
// Inversed
|
||||
.rotate-45-inverse {
|
||||
.rotate(-45deg);
|
||||
}
|
||||
.rotate-90-inverse {
|
||||
.rotate(-90deg);
|
||||
}
|
||||
.rotate-180-inverse {
|
||||
.rotate(-180deg);
|
||||
}
|
||||
|
||||
|
||||
// Spinner animation
|
||||
// ------------------------------
|
||||
|
||||
// Default
|
||||
.spinner {
|
||||
display: inline-block;
|
||||
.animation(rotation 1s linear infinite);
|
||||
}
|
||||
|
||||
// Reversed
|
||||
.spinner-reverse {
|
||||
display: inline-block;
|
||||
.animation(rotation_reverse 1s linear infinite);
|
||||
}
|
||||
|
||||
|
||||
// Animations
|
||||
// ------------------------------
|
||||
|
||||
// Default rotation
|
||||
@-webkit-keyframes rotation {
|
||||
0% {-webkit-transform: rotate(0deg);}
|
||||
100% {-webkit-transform: rotate(360deg);}
|
||||
}
|
||||
@-moz-keyframes rotation {
|
||||
0% {-moz-transform: rotate(0deg);}
|
||||
100% {-moz-transform: rotate(360deg);}
|
||||
}
|
||||
@-ms-keyframes rotation {
|
||||
0% {-ms-transform: rotate(0deg);}
|
||||
100% {-ms-transform: rotate(360deg);}
|
||||
}
|
||||
@-o-keyframes rotation {
|
||||
0% {-o-transform: rotate(0deg);}
|
||||
100% {-o-transform: rotate(360deg);}
|
||||
}
|
||||
@keyframes rotation {
|
||||
0% {transform: rotate(0deg);}
|
||||
100% {transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
// Inversed rotation
|
||||
@-webkit-keyframes rotation_reverse {
|
||||
0% {-webkit-transform: rotate(0deg);}
|
||||
100% {-webkit-transform: rotate(-360deg);}
|
||||
}
|
||||
@-moz-keyframes rotation_reverse {
|
||||
0% {-moz-transform: rotate(0deg);}
|
||||
100% {-moz-transform: rotate(-360deg);}
|
||||
}
|
||||
@-ms-keyframes rotation_reverse {
|
||||
0% {-ms-transform: rotate(0deg);}
|
||||
100% {-ms-transform: rotate(-360deg);}
|
||||
}
|
||||
@-o-keyframes rotation_reverse {
|
||||
0% {-o-transform: rotate(0deg);}
|
||||
100% {-o-transform: rotate(-360deg);}
|
||||
}
|
||||
@keyframes rotation_reverse {
|
||||
0% {transform: rotate(0deg);}
|
||||
100% {transform: rotate(-360deg);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bounceIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes bounceOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user