1214 lines
15 KiB
CSS
1214 lines
15 KiB
CSS
|
|
@import
|
|
url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700")
|
|
;
|
|
|
|
@import
|
|
url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
|
|
/*
|
|
*
|
|
* INSPINIA - Responsive Admin Theme
|
|
* version 2.4
|
|
*
|
|
*/
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 100;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 10px;
|
|
}
|
|
|
|
h3, h4, h5 {
|
|
margin-top: 5px;
|
|
font-weight: 600;
|
|
}
|
|
.createNew{
|
|
margin-top: 15px;
|
|
}
|
|
.deleteTitle{
|
|
margin-right: 15px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
body:not (.fixed-sidebar ):not (.canvas-menu ).mini-navbar .nav li:hover>.nav-second-level,
|
|
.mini-navbar .nav li:focus>.nav-second-level {
|
|
display: block;
|
|
border-radius: 0 2px 2px 0;
|
|
min-width: 140px;
|
|
height: auto;
|
|
}
|
|
|
|
body:not (.fixed-sidebar ):not (.canvas-menu ).mini-navbar .nav-second-level
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
@media ( max-width : 768px) {}
|
|
|
|
@media ( min-width : 1200px) {}
|
|
|
|
@media ( min-width : 992px) {}
|
|
|
|
@media ( max-width : 767px) {}
|
|
|
|
.btn {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.btn-default {
|
|
color: inherit;
|
|
background: white;
|
|
border: 1px solid #e7eaec;
|
|
}
|
|
|
|
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover
|
|
{
|
|
color: inherit;
|
|
border: 1px solid #d2d2d2;
|
|
}
|
|
.btn-default:active
|
|
{
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
|
}
|
|
.form-control, .form-control:focus, , , , {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn:focus {
|
|
outline: none !important;
|
|
}
|
|
/* TOOGLE SWICH *//* CHOSEN PLUGIN *//* PAGINATIN *//* TOOLTIPS *//* EASY PIE CHART*//* FULLCALENDAR *//* Chat *//* LIST GROUP *//* FLOT CHART */
|
|
.h-200 {
|
|
min-height: 200px;
|
|
}
|
|
/* DATATABLES */
|
|
@media ( max-width : 768px) {}
|
|
/* CIRCLE *//* ANIMATION *//* PEACE */
|
|
.pace {
|
|
-webkit-pointer-events: none;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.pace-inactive {
|
|
display: none;
|
|
}
|
|
|
|
.pace .pace-progress {
|
|
background: #1ab394;
|
|
position: fixed;
|
|
z-index: 2040;
|
|
top: 0;
|
|
right: 100%;
|
|
width: 100%;
|
|
height: 2px;
|
|
}
|
|
|
|
.pace-inactive {
|
|
display: none;
|
|
}
|
|
/* WIDGETS *//* INPUTS */.form-control {
|
|
background-color: #ffffff;
|
|
background-image: none;
|
|
border: 1px solid #e5e6e7;
|
|
border-radius: 1px;
|
|
color: inherit;
|
|
display: block;
|
|
padding: 6px 12px;
|
|
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
|
|
ease-in-out 0s;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
.form-control:focus {
|
|
border-color: #1ab394 !important;
|
|
}
|
|
/* UI Sortable *//* SWITCHES *//* jqGrid *//* Nestable list *//**
|
|
* Nestable Extras
|
|
*//* CodeMirror *//* Google Maps *//* Validation *//* ngGrid *//* Toastr custom style *//* Notifie *//* Image cropper style *//* Forum styles */
|
|
@media ( max-width : 992px) {}
|
|
/* New Timeline style */
|
|
@media only screen and (min-width: 1170px) {}
|
|
|
|
@media only screen and (max-width: 1170px) {}
|
|
|
|
@media only screen and (min-width: 1170px) {}
|
|
|
|
@media only screen and (min-width: 1170px) {}
|
|
|
|
@media only screen and (min-width: 768px) {}
|
|
|
|
@media only screen and (min-width: 1170px) {}
|
|
/* Tabs */
|
|
@media ( max-width : 767px) {}
|
|
/* jsvectormap *//*Slick Carousel *//* Payments *//* Select2 custom styles *//* Tour *//* Resizable *//* Wizard step fix */
|
|
body {
|
|
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
background-color: #ffffff;
|
|
font-size: 13px;
|
|
color: #676a6c;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
a:hover, a:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.font-noraml {
|
|
font-weight: 400;
|
|
}
|
|
|
|
video {
|
|
width: 100% !important;
|
|
height: auto !important;
|
|
}
|
|
/* GALLERY *//* Summernote text editor *//* MODAL *//* WRAPPERS */
|
|
@media ( min-width : 768px) {}
|
|
/* FOOTER *//* PANELS *//* TABLES */.table>tbody>tr>td {
|
|
border-top: 1px solid #e7eaec;
|
|
line-height: 1.42857;
|
|
padding: 8px;
|
|
vertical-align: top;
|
|
}
|
|
/* PANELS *//* GLOBAL */
|
|
code {
|
|
background-color: #F9F2F4;
|
|
border-radius: 4px;
|
|
color: #ca4440;
|
|
font-size: 90%;
|
|
padding: 2px 4px;
|
|
white-space: nowrap;
|
|
}
|
|
/* BACKGROUNDS *//* COLORS *//* For handle diferent bg color in AngularJS version *//* For handle diferent bg color in MVC version *//* FULL HEIGHT *//* MARGINS & PADDINGS */
|
|
.m-t-md {
|
|
margin-top: 20px;
|
|
}
|
|
/* Show profile dropdown on fixed sidebar *//* SEARCH PAGE *//* CONTACTS *//* INVOICE *//* ERROR & LOGIN & LOCKSCREEN*//* DASBOARD *//* Intimeline *//* PIN BOARD *//* FILE MANAGER *//* PROFILE *//* MAILBOX */
|
|
.mail-body {
|
|
border-top: 1px solid #e7eaec;
|
|
padding: 20px;
|
|
}
|
|
.mail-Content {
|
|
padding: 40px;
|
|
}
|
|
|
|
.mail-text {
|
|
border-top: 1px solid #e7eaec;
|
|
}
|
|
/* PROJECTS *//* FAQ *//* Chat view */
|
|
@media ( max-width : 992px) {}
|
|
/* jsTree *//* CLIENTS *//* BLOG ARTICLE *//* ISSUE TRACKER *//* TEAMS *//* AGILE BOARD *//* DIFF */
|
|
ins {
|
|
background-color: #c6ffc6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
del {
|
|
background-color: #ffc6c6;
|
|
}
|
|
/* E-commerce *//* Social feed *//* Vote list *//*
|
|
* metismenu - v2.0.2
|
|
* A jQuery menu plugin
|
|
* https://github.com/onokumus/metisMenu
|
|
*
|
|
* Made by Osman Nuri Okumus
|
|
* Under MIT License
|
|
*//*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-rotating-plane"></div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-rotatePlane { 0% {
|
|
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
}
|
|
|
|
50%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
perspective
|
|
(120px)
|
|
|
|
rotateX
|
|
(-180
|
|
.1deg
|
|
)
|
|
|
|
rotateY
|
|
(0deg);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
perspective
|
|
(120px)
|
|
|
|
rotateX
|
|
(-180
|
|
.1deg
|
|
)
|
|
|
|
rotateY
|
|
(0deg);
|
|
|
|
|
|
}
|
|
100%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
perspective
|
|
(120px)
|
|
|
|
rotateX
|
|
(-180deg)
|
|
|
|
rotateY
|
|
(-179
|
|
.9deg
|
|
);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
perspective
|
|
(120px)
|
|
|
|
rotateX
|
|
(-180deg)
|
|
|
|
rotateY
|
|
(-179
|
|
.9deg
|
|
);
|
|
|
|
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-rotatePlane { 0% {
|
|
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
}
|
|
|
|
50%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
perspective
|
|
(120px)
|
|
|
|
rotateX
|
|
(-180
|
|
.1deg
|
|
)
|
|
|
|
rotateY
|
|
(0deg);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
perspective
|
|
(120px)
|
|
|
|
rotateX
|
|
(-180
|
|
.1deg
|
|
)
|
|
|
|
rotateY
|
|
(0deg);
|
|
|
|
|
|
}
|
|
100%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
perspective
|
|
(120px)
|
|
|
|
rotateX
|
|
(-180deg)
|
|
|
|
rotateY
|
|
(-179
|
|
.9deg
|
|
);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
perspective
|
|
(120px)
|
|
|
|
rotateX
|
|
(-180deg)
|
|
|
|
rotateY
|
|
(-179
|
|
.9deg
|
|
);
|
|
|
|
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-double-bounce">
|
|
* <div class="sk-double-bounce1"></div>
|
|
* <div class="sk-double-bounce2"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-doubleBounce { 0%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
50%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-doubleBounce { 0%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
50%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-wave">
|
|
* <div class="sk-rect1"></div>
|
|
* <div class="sk-rect2"></div>
|
|
* <div class="sk-rect3"></div>
|
|
* <div class="sk-rect4"></div>
|
|
* <div class="sk-rect5"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% {
|
|
-webkit-transform: scaleY(0.4);
|
|
transform: scaleY(0.4);
|
|
}
|
|
|
|
20%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scaleY
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scaleY
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-waveStretchDelay { 0%, 40%, 100% {
|
|
-webkit-transform: scaleY(0.4);
|
|
transform: scaleY(0.4);
|
|
}
|
|
|
|
20%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scaleY
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scaleY
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-wandering-cubes">
|
|
* <div class="sk-cube1"></div>
|
|
* <div class="sk-cube2"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-wanderingCubeMove { 25% {
|
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
}
|
|
|
|
50%
|
|
{
|
|
/* Hack to make FF rotate in the right direction */
|
|
-webkit-transform
|
|
:
|
|
|
|
translateX
|
|
(42px)
|
|
|
|
translateY
|
|
(42px)
|
|
|
|
rotate
|
|
(-179deg);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
translateX
|
|
(42px)
|
|
|
|
translateY
|
|
(42px)
|
|
|
|
rotate
|
|
(-179deg);
|
|
|
|
|
|
}
|
|
50
|
|
.1 % {
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
}
|
|
|
|
75%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
translateX
|
|
(0px)
|
|
|
|
translateY
|
|
(42px)
|
|
|
|
rotate
|
|
(-270deg)
|
|
|
|
scale
|
|
(0
|
|
.5
|
|
);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
translateX
|
|
(0px)
|
|
|
|
translateY
|
|
(42px)
|
|
|
|
rotate
|
|
(-270deg)
|
|
|
|
scale
|
|
(0
|
|
.5
|
|
);
|
|
|
|
|
|
}
|
|
100%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
rotate
|
|
(-360deg);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
rotate
|
|
(-360deg);
|
|
|
|
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-wanderingCubeMove { 25% {
|
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
}
|
|
|
|
50%
|
|
{
|
|
/* Hack to make FF rotate in the right direction */
|
|
-webkit-transform
|
|
:
|
|
|
|
translateX
|
|
(42px)
|
|
|
|
translateY
|
|
(42px)
|
|
|
|
rotate
|
|
(-179deg);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
translateX
|
|
(42px)
|
|
|
|
translateY
|
|
(42px)
|
|
|
|
rotate
|
|
(-179deg);
|
|
|
|
|
|
}
|
|
50
|
|
.1 % {
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
}
|
|
|
|
75%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
translateX
|
|
(0px)
|
|
|
|
translateY
|
|
(42px)
|
|
|
|
rotate
|
|
(-270deg)
|
|
|
|
scale
|
|
(0
|
|
.5
|
|
);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
translateX
|
|
(0px)
|
|
|
|
translateY
|
|
(42px)
|
|
|
|
rotate
|
|
(-270deg)
|
|
|
|
scale
|
|
(0
|
|
.5
|
|
);
|
|
|
|
|
|
}
|
|
100%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
rotate
|
|
(-360deg);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
rotate
|
|
(-360deg);
|
|
|
|
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-pulse"></div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-pulseScaleOut { 0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
100%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
opacity
|
|
:
|
|
|
|
0;
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-pulseScaleOut { 0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
100%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
opacity
|
|
:
|
|
|
|
0;
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-chasing-dots">
|
|
* <div class="sk-dot1"></div>
|
|
* <div class="sk-dot2"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-chasingDotsRotate { 100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
|
|
}
|
|
@
|
|
keyframes sk-chasingDotsRotate { 100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
|
|
}
|
|
@
|
|
-webkit-keyframes sk-chasingDotsBounce { 0%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
50%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-chasingDotsBounce { 0%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
50%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-three-bounce">
|
|
* <div class="sk-bounce1"></div>
|
|
* <div class="sk-bounce2"></div>
|
|
* <div class="sk-bounce3"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-threeBounceDelay { 0%, 80%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
40%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-threeBounceDelay { 0%, 80%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
40%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-circle">
|
|
* <div class="sk-circle1 sk-circle"></div>
|
|
* <div class="sk-circle2 sk-circle"></div>
|
|
* <div class="sk-circle3 sk-circle"></div>
|
|
* <div class="sk-circle4 sk-circle"></div>
|
|
* <div class="sk-circle5 sk-circle"></div>
|
|
* <div class="sk-circle6 sk-circle"></div>
|
|
* <div class="sk-circle7 sk-circle"></div>
|
|
* <div class="sk-circle8 sk-circle"></div>
|
|
* <div class="sk-circle9 sk-circle"></div>
|
|
* <div class="sk-circle10 sk-circle"></div>
|
|
* <div class="sk-circle11 sk-circle"></div>
|
|
* <div class="sk-circle12 sk-circle"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
40%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-circleBounceDelay { 0%, 80%, 100% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
|
|
40%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
scale
|
|
(1);
|
|
|
|
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-cube-grid">
|
|
* <div class="sk-cube"></div>
|
|
* <div class="sk-cube"></div>
|
|
* <div class="sk-cube"></div>
|
|
* <div class="sk-cube"></div>
|
|
* <div class="sk-cube"></div>
|
|
* <div class="sk-cube"></div>
|
|
* <div class="sk-cube"></div>
|
|
* <div class="sk-cube"></div>
|
|
* <div class="sk-cube"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% {
|
|
-webkit-transform: scale3D(1, 1, 1);
|
|
transform: scale3D(1, 1, 1);
|
|
}
|
|
|
|
35%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale3D
|
|
(0
|
|
,
|
|
0,
|
|
1);
|
|
transform
|
|
:
|
|
|
|
scale3D
|
|
(0
|
|
,
|
|
0,
|
|
1);
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% {
|
|
-webkit-transform: scale3D(1, 1, 1);
|
|
transform: scale3D(1, 1, 1);
|
|
}
|
|
|
|
35%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
scale3D
|
|
(0
|
|
,
|
|
0,
|
|
1);
|
|
transform
|
|
:
|
|
|
|
scale3D
|
|
(0
|
|
,
|
|
0,
|
|
1);
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-wordpress">
|
|
* <span class="sk-inner-circle"></span>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-innerCircle { 0% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
|
|
100%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
rotate
|
|
(360deg);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
rotate
|
|
(360deg);
|
|
|
|
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-innerCircle { 0% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
|
|
100%
|
|
{
|
|
-webkit-transform
|
|
:
|
|
|
|
rotate
|
|
(360deg);
|
|
|
|
|
|
transform
|
|
:
|
|
|
|
rotate
|
|
(360deg);
|
|
|
|
|
|
}
|
|
}
|
|
/*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-fading-circle">
|
|
* <div class="sk-circle1 sk-circle"></div>
|
|
* <div class="sk-circle2 sk-circle"></div>
|
|
* <div class="sk-circle3 sk-circle"></div>
|
|
* <div class="sk-circle4 sk-circle"></div>
|
|
* <div class="sk-circle5 sk-circle"></div>
|
|
* <div class="sk-circle6 sk-circle"></div>
|
|
* <div class="sk-circle7 sk-circle"></div>
|
|
* <div class="sk-circle8 sk-circle"></div>
|
|
* <div class="sk-circle9 sk-circle"></div>
|
|
* <div class="sk-circle10 sk-circle"></div>
|
|
* <div class="sk-circle11 sk-circle"></div>
|
|
* <div class="sk-circle12 sk-circle"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
@
|
|
-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% {
|
|
opacity: 0;
|
|
}
|
|
|
|
40%
|
|
{
|
|
opacity
|
|
:
|
|
|
|
1;
|
|
}
|
|
}
|
|
@
|
|
keyframes sk-circleFadeDelay { 0%, 39%, 100% {
|
|
opacity: 0;
|
|
}
|
|
|
|
40%
|
|
{
|
|
opacity
|
|
:
|
|
|
|
1;
|
|
}
|
|
}
|
|
/*
|
|
*
|
|
* INSPINIA Landing Page - Responsive Admin Theme
|
|
* Copyright 2014 Webapplayers.com
|
|
*
|
|
*/
|
|
/* GLOBAL STYLES
|
|
-------------------------------------------------- */
|
|
/* PACE PLUGIN
|
|
-------------------------------------------------- */
|
|
.pace-inactive {
|
|
display: none;
|
|
}
|
|
|
|
@media ( min-width : 768px) {}
|
|
|
|
@media ( max-width : 992px) {}
|
|
|
|
@media ( max-width : 768px) {}
|
|
|
|
@media ( min-width : 992px) {}
|
|
|
|
@media ( max-width : 768px) {}
|
|
|
|
@media ( max-width : 992px) {}
|
|
|
|
@media ( max-width : 768px) {}
|
|
/*
|
|
*
|
|
* This is style for skin config
|
|
* Use only in demo theme
|
|
*
|
|
*//*
|
|
*
|
|
* SKIN 1 - INSPINIA - Responsive Admin Theme
|
|
* NAME - Blue light
|
|
*
|
|
*//*
|
|
*
|
|
* SKIN 2 - INSPINIA - Responsive Admin Theme
|
|
* NAME - Inspinia Ultra
|
|
*
|
|
*//*
|
|
*
|
|
* SKIN 3 - INSPINIA - Responsive Admin Theme
|
|
* NAME - Yellow/purple
|
|
*
|
|
*/
|
|
@media ( max-width : 768px) {}
|
|
|
|
.md-skin #top-search::-webkit-input-placeholder {
|
|
color: #ffffff;
|
|
}
|
|
|
|
@media ( max-width : 768px) {}
|
|
|
|
@media ( min-width : 768px) {}
|
|
|
|
@media ( max-width : 768px) {}
|
|
|
|
@media ( max-width : 350px) {}
|
|
/* Only demo */
|
|
@media ( max-width : 1000px) {}
|
|
|
|
@media print {} |