first commit
This commit is contained in:
185
libraries/framework/skin/base/plugins/admindock.less
Normal file
185
libraries/framework/skin/base/plugins/admindock.less
Normal file
@@ -0,0 +1,185 @@
|
||||
/*===============================================
|
||||
AdminDock
|
||||
================================================= */
|
||||
.dockmodal,
|
||||
.dockmodal *,
|
||||
.dockmodal *:before,
|
||||
.dockmodal *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.modal-placeholder {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.dockmodal-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1050;
|
||||
background: #000;
|
||||
opacity: 0.7;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dockmodal {
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
z-index: 1000;
|
||||
height: 0;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 0;
|
||||
box-shadow: 0 1px 0px #000;
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.dockmodal-header {
|
||||
height: 36px;
|
||||
padding: 5px 5px 5px 10px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #30363e;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dockmodal-body {
|
||||
background: #FFF;
|
||||
position: absolute;
|
||||
top: 36px;
|
||||
bottom: 40px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: auto;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.dockmodal-footer {
|
||||
padding: 5px 10px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #CCC;
|
||||
overflow: hidden;
|
||||
text-align: right;
|
||||
}
|
||||
.dockmodal-footer-buttonset {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.dockmodal.no-footer .dockmodal-body {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.dockmodal-header .title-text {
|
||||
color: #FFFFFF;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
line-height: 26px;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
max-width: 100%;
|
||||
margin-right: 90px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.dockmodal-header .header-action {
|
||||
padding: 5px;
|
||||
float: right;
|
||||
margin-right: 1px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.dockmodal-header .header-action:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
.dockmodal-header .header-action i {
|
||||
background: url("@{img-path}/plugins/admindock-sprite.png") no-repeat top left;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.dockmodal-header .header-action .icon-dockmodal-close {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.dockmodal-header .header-action .icon-dockmodal-popin {
|
||||
background-position: 0 -40px;
|
||||
}
|
||||
|
||||
.dockmodal-header .header-action .icon-dockmodal-popout {
|
||||
background-position: 0 -60px;
|
||||
}
|
||||
|
||||
.dockmodal.popped-out .header-action .icon-dockmodal-popout {
|
||||
background-position: 0 -40px;
|
||||
}
|
||||
|
||||
.dockmodal-header .header-action .icon-dockmodal-minimize {
|
||||
background-position: 0 -75px;
|
||||
}
|
||||
|
||||
.dockmodal-header .header-action .icon-dockmodal-restore {
|
||||
background-position: 0 -80px;
|
||||
}
|
||||
|
||||
.dockmodal.minimized .header-action .icon-dockmodal-minimize {
|
||||
background-position: 0 -25px;
|
||||
}
|
||||
|
||||
.dockmodal.popped-out {
|
||||
width: auto;
|
||||
height: auto;
|
||||
border: 0;
|
||||
z-index: 1501;
|
||||
}
|
||||
|
||||
.dockmodal.minimized {
|
||||
height: 36px;
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: 20px;
|
||||
bottom: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.dockmodal.minimized .dockmodal-header {
|
||||
/*position: relative;*/
|
||||
}
|
||||
|
||||
.dockmodal.minimized .dockmodal-body {
|
||||
/*display: none;*/
|
||||
}
|
||||
|
||||
.dockmodal.minimized .dockmodal-footer {
|
||||
/*display: none;*/
|
||||
}
|
||||
|
||||
.dockmodal .dockmodal-footer-buttonset > a {
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
.dockmodal .dockmodal-footer-buttonset > a + a {
|
||||
margin-left: 5px;
|
||||
}
|
||||
609
libraries/framework/skin/base/plugins/adminmodals.less
Normal file
609
libraries/framework/skin/base/plugins/adminmodals.less
Normal file
@@ -0,0 +1,609 @@
|
||||
/* ==================================================
|
||||
AdminModals
|
||||
==================================================== */
|
||||
/*
|
||||
Styles for the html/body for special modal where we want 3d effects
|
||||
Note that we need a container wrapping all content on the page for the
|
||||
perspective effects (not including the modals and the overlay).
|
||||
*/
|
||||
.md-perspective,
|
||||
.md-perspective body {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.md-perspective body {
|
||||
background: #222;
|
||||
-webkit-perspective: 600px;
|
||||
perspective: 600px;
|
||||
}
|
||||
|
||||
/* Modal styles */
|
||||
.md-modal {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 50%;
|
||||
max-width: 630px;
|
||||
min-width: 320px;
|
||||
height: auto;
|
||||
z-index: 2000;
|
||||
visibility: hidden;
|
||||
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
|
||||
.md-show { visibility: visible; }
|
||||
|
||||
/* Overlay styles */
|
||||
.md-overlay {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
visibility: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
opacity: 0;
|
||||
background: rgba(0,0,0,0.8);
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.md-show ~ .md-overlay {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Content styles */
|
||||
.md-content {
|
||||
color: #666;
|
||||
background: #FFF;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.md-content h3 {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
font-size: 2.4em;
|
||||
font-weight: 300;
|
||||
background: #eee;
|
||||
border-radius: 3px 3px 0 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.md-content > div {
|
||||
padding: 15px 40px 30px;
|
||||
margin: 0;
|
||||
font-weight: 300;
|
||||
font-size: 1.15em;
|
||||
}
|
||||
.md-content > div p {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.md-content > div ul {
|
||||
margin: 0;
|
||||
padding: 0 0 30px 20px;
|
||||
}
|
||||
.md-content > div ul li {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
/* ====== Container options ====== */
|
||||
/* modal close button */
|
||||
.admin-form .mfp-close,
|
||||
.admin-form .mfp-close-btn-in {
|
||||
font-size: 26px;
|
||||
color: #999;
|
||||
text-shadow: none;
|
||||
font-weight: 400;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
/* ====== Default Fade effect ====== */
|
||||
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s ease-out;
|
||||
transition: opacity .5s ease-out;
|
||||
}
|
||||
.mfp-with-fade.mfp-ready .mfp-content {
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-with-fade.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-with-fade.mfp-removing .mfp-with-anim {
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-with-fade.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== Zoom effect ====== */
|
||||
.mfp-zoomIn {
|
||||
/* start state */
|
||||
/* animate in */
|
||||
/* animate out */
|
||||
}
|
||||
.mfp-zoomIn .mfp-with-anim {
|
||||
opacity: 0;
|
||||
transition: all 0.2s ease-in-out;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
.mfp-zoomIn.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.mfp-zoomIn.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.mfp-zoomIn.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-zoomIn.mfp-removing .mfp-with-anim {
|
||||
transform: scale(0.8);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-zoomIn.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== Zoom-out effect ====== */
|
||||
.mfp-zoomOut {}
|
||||
.mfp-zoomOut .mfp-with-anim {
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
transform: scale(1.3);
|
||||
}
|
||||
.mfp-zoomOut.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.mfp-zoomOut.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.mfp-zoomOut.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-zoomOut.mfp-removing .mfp-with-anim {
|
||||
transform: scale(1.3);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-zoomOut.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== Move-from-left effect ====== */
|
||||
.mfp-slideLeft {}
|
||||
.mfp-slideLeft .mfp-with-anim {
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
transform: translateX(-50px);
|
||||
}
|
||||
.mfp-slideLeft.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.mfp-slideLeft.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
.mfp-slideLeft.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-slideLeft.mfp-removing .mfp-with-anim {
|
||||
transform: translateX(50px);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-slideLeft.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== Move-from-right effect ====== */
|
||||
.mfp-slideRight {}
|
||||
.mfp-slideRight .mfp-with-anim {
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
transform: translateX(50px);
|
||||
}
|
||||
.mfp-slideRight.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.mfp-slideRight.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
.mfp-slideRight.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-slideRight.mfp-removing .mfp-with-anim {
|
||||
transform: translateX(-50px);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-slideRight.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== Move-from-top effect ====== */
|
||||
.mfp-slideDown {}
|
||||
.mfp-slideDown .mfp-content {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.mfp-slideDown .mfp-with-anim {
|
||||
opacity: 0;
|
||||
transition: all 0.2s;
|
||||
transform: translateY(-100px);
|
||||
}
|
||||
.mfp-slideDown.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.mfp-slideDown.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.mfp-slideDown.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-slideDown.mfp-removing .mfp-with-anim {
|
||||
transform: translateY(-50px);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-slideDown.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== Move-from-bottom effect ====== */
|
||||
.mfp-slideUp {}
|
||||
.mfp-slideUp .mfp-content {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.mfp-slideUp .mfp-with-anim {
|
||||
opacity: 0;
|
||||
transition: all 0.2s;
|
||||
transform: translateY(100px);
|
||||
}
|
||||
.mfp-slideUp.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.mfp-slideUp.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.mfp-slideUp.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-slideUp.mfp-removing .mfp-with-anim {
|
||||
transform: translateY(50px);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-slideUp.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== 3d unfold ====== */
|
||||
.flipInX {}
|
||||
.mfp-flipInX .mfp-content {
|
||||
perspective: 2000px;
|
||||
}
|
||||
.mfp-flipInX .mfp-with-anim {
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
transform-style: preserve-3d;
|
||||
transform: rotateX(-60deg);
|
||||
}
|
||||
.mfp-flipInX.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.mfp-flipInX.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
.mfp-flipInX.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-flipInX.mfp-removing .mfp-with-anim {
|
||||
transform: rotateX(60deg);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-flipInX.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== FlipInY ====== */
|
||||
.mfp-flipInY {}
|
||||
.mfp-flipInY .mfp-content {
|
||||
perspective: 2000px;
|
||||
}
|
||||
.mfp-flipInY .mfp-with-anim {
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
transform-style: preserve-3d;
|
||||
transform: rotateY(-60deg);
|
||||
}
|
||||
.mfp-flipInY.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.mfp-flipInY.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
.mfp-flipInY.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-flipInY.mfp-removing .mfp-with-anim {
|
||||
transform: rotateY(60deg);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-flipInY.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== rotate in left ====== */
|
||||
.mfp-rotateDown {}
|
||||
.mfp-rotateDown .mfp-content {
|
||||
-webkit-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
.mfp-rotateDown .mfp-with-anim {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translateY(-100%) rotateX(-90deg);
|
||||
transform: translateY(-100%) rotateX(-90deg);
|
||||
-webkit-transform-origin: 0 -100%;
|
||||
transform-origin: 0 -100%;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.mfp-rotateDown.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.mfp-rotateDown.mfp-ready .mfp-with-anim {
|
||||
-webkit-transform: translateY(0%) rotateX(0deg);
|
||||
transform: translateY(0%) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-rotateDown.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-rotateDown.mfp-removing .mfp-with-anim {
|
||||
-webkit-transform: translateY(-100%) rotateX(-90deg);
|
||||
transform: translateY(-100%) rotateX(-90deg);
|
||||
-webkit-transform-origin: 0 -100%;
|
||||
transform-origin: 0 -100%;
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-rotateDown.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== rotate in left ====== */
|
||||
.mfp-rotateUp {}
|
||||
.mfp-rotateUp .mfp-content {
|
||||
-webkit-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
.mfp-rotateUp .mfp-with-anim {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translateY(100%) rotateX(90deg);
|
||||
transform: translateY(100%) rotateX(90deg);
|
||||
-webkit-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.mfp-rotateUp.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.mfp-rotateUp.mfp-ready .mfp-with-anim {
|
||||
-webkit-transform: translateY(0%) rotateX(0deg);
|
||||
transform: translateY(0%) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-rotateUp.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-rotateUp.mfp-removing .mfp-with-anim {
|
||||
-webkit-transform: translateY(100%) rotateX(90deg);
|
||||
transform: translateY(100%) rotateX(90deg);
|
||||
-webkit-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-rotateUp.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== rotate in left ====== */
|
||||
.mfp-rotateRight {}
|
||||
.mfp-rotateRight .mfp-content {
|
||||
-webkit-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
.mfp-rotateRight .mfp-with-anim {
|
||||
opacity: 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translateX(100%) rotateY(90deg);
|
||||
transform: translateX(100%) rotateY(90deg);
|
||||
-webkit-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.mfp-rotateRight.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.mfp-rotateRight.mfp-ready .mfp-with-anim {
|
||||
-webkit-transform: translateX(0%) rotateY(0deg);
|
||||
transform: translateX(0%) rotateY(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-rotateRight.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-rotateRight.mfp-removing .mfp-with-anim {
|
||||
-webkit-transform: translateX(-100%) rotateY(-90deg);
|
||||
transform: translateX(-100%) rotateY(-90deg);
|
||||
-webkit-transform-origin: -100% 0;
|
||||
transform-origin: -100% 0;
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-rotateRight.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== rotate in left ====== */
|
||||
.mfp-rotateLeft {}
|
||||
.mfp-rotateLeft .mfp-content {
|
||||
-webkit-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
.mfp-rotateLeft .mfp-with-anim {
|
||||
opacity: 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translateX(-100%) rotateY(-90deg);
|
||||
transform: translateX(-100%) rotateY(-90deg);
|
||||
-webkit-transform-origin: -100% 0;
|
||||
transform-origin: -100% 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.mfp-rotateLeft.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.mfp-rotateLeft.mfp-ready .mfp-with-anim {
|
||||
-webkit-transform: translateX(0%) rotateY(0deg);
|
||||
transform: translateX(0%) rotateY(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-rotateLeft.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-rotateLeft.mfp-removing .mfp-with-anim {
|
||||
-webkit-transform: translateX(100%) rotateY(90deg);
|
||||
transform: translateX(100%) rotateY(90deg);
|
||||
-webkit-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-rotateLeft.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== fullscale ====== */
|
||||
.mfp-fullscale {}
|
||||
.mfp-fullscale .mfp-content {}
|
||||
.mfp-fullscale .popup-basic {}
|
||||
.mfp-fullscale .mfp-with-anim {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.6s;
|
||||
transition: all 0.6s;
|
||||
-webkit-transition-delay: 0.3s;
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
.mfp-fullscale.mfp-bg {
|
||||
background: #000;
|
||||
opacity: 0;
|
||||
transition: all 0.35s;
|
||||
}
|
||||
.mfp-fullscale.mfp-ready .mfp-with-anim {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-fullscale.mfp-ready.mfp-bg {
|
||||
background: #000;
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-fullscale.mfp-removing .mfp-with-anim {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.4s;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
.mfp-fullscale.mfp-removing.mfp-bg {
|
||||
background: #000\A;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.4s;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
/* ====== Sign ====== */
|
||||
.mfp-sign {}
|
||||
.mfp-sign .mfp-content {
|
||||
perspective: 1300px;
|
||||
}
|
||||
.mfp-sign .mfp-with-anim {
|
||||
transform-style: preserve-3d;
|
||||
transform: rotateX(-60deg);
|
||||
transform-origin: 50% 0;
|
||||
opacity: 0;
|
||||
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.mfp-sign.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.mfp-sign.mfp-ready .mfp-with-anim {
|
||||
transform: rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-sign.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-sign.mfp-removing .mfp-with-anim {
|
||||
transform: rotateX(-60deg);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-sign.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* ====== Newspaper effect ====== */
|
||||
.mfp-newspaper .mfp-with-anim {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.5s;
|
||||
transform: scale(0) rotate(500deg);
|
||||
}
|
||||
.mfp-newspaper.mfp-bg {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.mfp-newspaper.mfp-ready .mfp-with-anim {
|
||||
opacity: 1;
|
||||
transform: scale(1) rotate(0deg);
|
||||
}
|
||||
.mfp-newspaper.mfp-ready.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-newspaper.mfp-removing .mfp-with-anim {
|
||||
transform: scale(0) rotate(500deg);
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-newspaper.mfp-removing.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
383
libraries/framework/skin/base/plugins/adminpanels.less
Normal file
383
libraries/framework/skin/base/plugins/adminpanels.less
Normal file
@@ -0,0 +1,383 @@
|
||||
/*===============================================
|
||||
AdminPanels
|
||||
================================================= */
|
||||
/* add to ".admin-panels" wrapper to have the content fadein
|
||||
* after its contents are finished loading/rearranging */
|
||||
.admin-panels.fade-onload {
|
||||
opacity: 0;
|
||||
}
|
||||
/* when preserve grid setting is true and invisible
|
||||
* panel is left in an otherwise empty column. This is
|
||||
* useful when you want to drag a panel to a column
|
||||
* that would otherwise be empty */
|
||||
.preserve-grid {
|
||||
padding: 10px;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
outline: 0 !important;
|
||||
}
|
||||
.panel + .preserve-grid {
|
||||
padding: 0;
|
||||
}
|
||||
body.ui-drag-active .preserve-grid {
|
||||
visibility: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* placeholder */
|
||||
.ui-sortable-handle {
|
||||
cursor: pointer;
|
||||
}
|
||||
.panel-placeholder {
|
||||
border-radius: 3px;
|
||||
margin-bottom: 20px;
|
||||
padding: 0;
|
||||
background-color: #eee;
|
||||
border: 2px dashed #ccc;
|
||||
}
|
||||
.ui-sortable-helper.panel {
|
||||
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.panel-sortable .panel-heading {
|
||||
cursor: move;
|
||||
}
|
||||
.sortable-grid {
|
||||
min-height: 200px;
|
||||
}
|
||||
.sortable-grid.col-lg-12,
|
||||
.sortable-grid.col-md-12,
|
||||
.sortable-grid.col-sm-12,
|
||||
.sortable-grid.col-xs-12 {
|
||||
min-height: 0;
|
||||
}
|
||||
/* title/color editboxes */
|
||||
.panel-colorbox,
|
||||
.panel-editbox {
|
||||
position: relative;
|
||||
display: none;
|
||||
text-align: center;
|
||||
background: #f1f1f1;
|
||||
padding: 9px;
|
||||
color: #AAA;
|
||||
background-color: #f1f1f1;
|
||||
border-left: 2px dashed #d9d9d9;
|
||||
border-right: 2px dashed #d9d9d9;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
/* titlebox */
|
||||
.panel-editbox {
|
||||
padding: 12px 16px;
|
||||
}
|
||||
.panel-editbox input {
|
||||
height: 40px;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
color: #AAA;
|
||||
font-size: 16px;
|
||||
}
|
||||
.panel-editbox input:focus {
|
||||
border-color: #DDD;
|
||||
color: #666;
|
||||
}
|
||||
/* colorbox */
|
||||
.panel-colorbox {
|
||||
padding: 12px 9px;
|
||||
}
|
||||
.panel-colorbox > span {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
margin: 4px 5px 0;
|
||||
border: 2px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.panel-colorbox > span:hover {
|
||||
border-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
/* If titlebox or colorbox are present we need
|
||||
* to remove duplicate panel borders. Check sibling
|
||||
* elements and remove borders accordingly */
|
||||
.panel-heading + div + .panel-body,
|
||||
.panel-heading + div + .panel-menu,
|
||||
.panel-heading + div + div + .panel-body,
|
||||
.panel-heading + div + div + .panel-menu {
|
||||
border-top: 0;
|
||||
}
|
||||
/* fullscreen */
|
||||
body.panel-fullscreen-active {
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
}
|
||||
body.panel-fullscreen-active .navbar,
|
||||
body.panel-fullscreen-active #topbar,
|
||||
body.panel-fullscreen-active #sidebar_left,
|
||||
body.panel-fullscreen-active #sidebar_right {
|
||||
z-index: -1;
|
||||
display: none !important;
|
||||
}
|
||||
body.panel-fullscreen-active #content_wrapper {
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
}
|
||||
.panel-fullscreen {
|
||||
display: block !important;
|
||||
z-index: 9999 !important;
|
||||
position: fixed !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
left: 0 !important;
|
||||
bottom: 0 !important;
|
||||
}
|
||||
/* hide remove and collapse icon during fullscreen */
|
||||
.panel-fullscreen .panel-controls > .panel-control-remove,
|
||||
.panel-fullscreen .panel-controls > .panel-control-collapse {
|
||||
display: none !important;
|
||||
}
|
||||
/* collapsed */
|
||||
.panel-control-collapse:after {
|
||||
content: "\f068";
|
||||
/* fa-pencil */
|
||||
}
|
||||
.panel-collapsed .panel-control-collapse:after {
|
||||
content: "\f067";
|
||||
/* fa-pencil */
|
||||
}
|
||||
/* controls */
|
||||
.panel-controls {
|
||||
float: right;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.panel-controls > a {
|
||||
padding-top: 1px;
|
||||
display: inline-block;
|
||||
opacity: 0.7;
|
||||
width: 30px;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
}
|
||||
.panel-controls > a:hover {
|
||||
text-decoration: none;
|
||||
opacity: 1;
|
||||
}
|
||||
/* Icon colors for panel contextuals */
|
||||
.panel-primary .panel-controls > a,
|
||||
.panel-info .panel-controls > a,
|
||||
.panel-success .panel-controls > a,
|
||||
.panel-warning .panel-controls > a,
|
||||
.panel-danger .panel-controls > a,
|
||||
.panel-alert .panel-controls > a,
|
||||
.panel-system .panel-controls > a,
|
||||
.panel-dark .panel-controls > a {
|
||||
color: #FFF;
|
||||
}
|
||||
/* control button icons */
|
||||
.panel-controls > a:after {
|
||||
font-family: "FontAwesome";
|
||||
}
|
||||
/* title icon */
|
||||
.panel-control-title:after {
|
||||
content: "\f040";
|
||||
/* fa-pencil */
|
||||
}
|
||||
.panel-editbox-open .panel-control-title:after {
|
||||
content: "\f0c7";
|
||||
/* fa-save */
|
||||
}
|
||||
/* color icon */
|
||||
.panel-control-color:after {
|
||||
content: "\f043";
|
||||
/* fa-tint */
|
||||
}
|
||||
.panel-colorbox-open .panel-control-color:after {
|
||||
content: "\f0c7";
|
||||
/* fa-save */
|
||||
}
|
||||
/* collapsed icon */
|
||||
.panel-control-collapse:after {
|
||||
content: "\f068";
|
||||
/* fa-pencil */
|
||||
}
|
||||
.panel-collapsed .panel-control-collapse:after {
|
||||
content: "\f067";
|
||||
/* fa-pencil */
|
||||
}
|
||||
/* fullscreen icon */
|
||||
.panel-control-fullscreen:after {
|
||||
content: "\f066";
|
||||
/* fa-pencil */
|
||||
}
|
||||
/* remove icon */
|
||||
.panel-control-remove:after {
|
||||
content: "\f00d";
|
||||
/* fa-remove */
|
||||
}
|
||||
/* callback icon */
|
||||
.panel-control-callback:after {
|
||||
content: "\f121";
|
||||
/* fa-code */
|
||||
}
|
||||
/* expose icon */
|
||||
.panel-control-expose:after {
|
||||
content: "\f06e";
|
||||
/* fa-eye */
|
||||
}
|
||||
.panel-exposed .panel-control-expose:after {
|
||||
content: "\f070";
|
||||
/* fa-eye closed */
|
||||
}
|
||||
/* dockable icon */
|
||||
.panel-control-dockable:after {
|
||||
content: "\f187";
|
||||
/* fa-code */
|
||||
}
|
||||
/* loading icon */
|
||||
.panel-controls > a.panel-control-loader {
|
||||
opacity: 1;
|
||||
display: none;
|
||||
}
|
||||
.panel-loader-active .panel-controls > a.panel-control-loader {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.panel-control-loader:after {
|
||||
content: "\f110";
|
||||
/* fa-refresh */
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
-moz-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
/* loading icon animation */
|
||||
.fa-spin {
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
@-webkit-keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
.panel.mobile-controls .panel-heading > .panel-controls {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-top: 5px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #F4F4F4;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #EEE;
|
||||
}
|
||||
.panel.mobile-controls .panel-heading > .panel-controls:hover,
|
||||
.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open {
|
||||
background: #F0F0F0;
|
||||
border-color: #E6E6E6;
|
||||
}
|
||||
.panel.mobile-controls .panel-heading > .panel-controls:after {
|
||||
position: absolute;
|
||||
content: "\f0c9";
|
||||
font-family: "FontAwesome";
|
||||
top: 0;
|
||||
left: 7px;
|
||||
line-height: 28px;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #AAA;
|
||||
-webkit-transition: color 0.3s ease;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
/* menu open states */
|
||||
.panel.mobile-controls .panel-heading > .panel-controls:hover,
|
||||
.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open {
|
||||
background: #F0F0F0;
|
||||
border-color: #E6E6E6;
|
||||
}
|
||||
.panel.mobile-controls .panel-heading > .panel-controls:hover:after,
|
||||
.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open:after {
|
||||
color: #777;
|
||||
}
|
||||
.panel.mobile-controls .panel-controls a {
|
||||
color: #999 !important;
|
||||
}
|
||||
.panel.mobile-controls .panel-heading > .panel-controls > a {
|
||||
display: none;
|
||||
}
|
||||
.panel.mobile-controls .panel-heading .panel-controls a.panel-control-loader,
|
||||
.panel.mobile-controls .panel-heading .panel-controls a.panel-control-loader:after {
|
||||
display: none !important;
|
||||
opacity: 0 !important;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.panel.mobile-controls.panel-loader-active .panel-heading > .panel-controls:after {
|
||||
display: block;
|
||||
content: "\f110" !important;
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
-moz-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
.panel.mobile-controls .popover-content:after {
|
||||
display: none;
|
||||
}
|
||||
.panel.mobile-controls .panel-controls + .popover {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.panel.mobile-controls .panel-controls + .popover > .arrow {
|
||||
border-left-color: #ccc;
|
||||
}
|
||||
.panel.mobile-controls .panel-controls + .popover > .popover-content {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.panel.mobile-controls .popover-content {
|
||||
float: none;
|
||||
margin: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
background: none;
|
||||
border: 0;
|
||||
}
|
||||
.panel.mobile-controls .popover-content .panel-controls > a {
|
||||
display: inline-block;
|
||||
}
|
||||
/* mobile control modifications during panel fullscreen mode */
|
||||
.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls {
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-top: 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
}
|
||||
.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls:after {
|
||||
display: none !important;
|
||||
}
|
||||
.panel.mobile-controls.panel-fullscreen .panel-controls a {
|
||||
color: inherit !important;
|
||||
}
|
||||
.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls > a {
|
||||
display: inline-block;
|
||||
}
|
||||
.panel.mobile-controls.panel-fullscreen .popover {
|
||||
display: none !important;
|
||||
}
|
||||
49
libraries/framework/skin/base/plugins/all_plugins.less
Normal file
49
libraries/framework/skin/base/plugins/all_plugins.less
Normal file
@@ -0,0 +1,49 @@
|
||||
/* ================================================
|
||||
PLUGINS
|
||||
|
||||
* The following contain small changes applied
|
||||
* specifically to 3rd party addons. Please
|
||||
* see "vendor/plugins" for actual plugin styles
|
||||
================================================= */
|
||||
@import "circlegraphs.less";
|
||||
@import "ckeditor.less";
|
||||
@import "countdown.less";
|
||||
@import "datatables.less";
|
||||
@import "dropzone.less";
|
||||
@import "expose.less";
|
||||
@import "fileupload.less";
|
||||
@import "flot.less";
|
||||
@import "fullcalendar.less";
|
||||
@import "gmap.less";
|
||||
@import "highcharts.less";
|
||||
@import "jqueryspinner.less";
|
||||
@import "jvectormap.less";
|
||||
@import "magnific.less";
|
||||
@import "markitup.less";
|
||||
@import "mapplic.less";
|
||||
@import "multiselect.less";
|
||||
@import "nanoscroller.less";
|
||||
@import "nestable.less";
|
||||
@import "pickers.less";
|
||||
@import "pnotify.less";
|
||||
@import "rangeslider.less";
|
||||
@import "summernote.less";
|
||||
@import "tagmanager.less";
|
||||
@import "treeview.less";
|
||||
|
||||
@import "tagsinput.less"; // added patch v1.3
|
||||
|
||||
@import "datepicker.less"; // added patch v1.4
|
||||
@import "typeahead.less"; // added patch v1.4
|
||||
@import "duallistbox.less"; // added patch v1.4
|
||||
@import "cropper.less"; // added patch v1.4
|
||||
@import "markdown.less"; // added patch v1.4
|
||||
@import "nprogress.less"; // added patch v1.4
|
||||
@import "scroller.less"; // added patch v1.4
|
||||
@import "select2.less"; // added patch v1.4
|
||||
|
||||
@import "admindock.less"; // added patch v1.4
|
||||
@import "adminmodals.less"; // added patch v1.4
|
||||
@import "adminpanels.less"; // added patch v1.4
|
||||
|
||||
@import "footable.less"; // added patch v1.5
|
||||
21
libraries/framework/skin/base/plugins/circlegraphs.less
Normal file
21
libraries/framework/skin/base/plugins/circlegraphs.less
Normal file
@@ -0,0 +1,21 @@
|
||||
/* ===============================================
|
||||
Circle Graphs
|
||||
================================================= */
|
||||
.circle-text {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.circle-text h2 {
|
||||
font-weight: 600;
|
||||
font-size: 24px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.circle-text p {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
67
libraries/framework/skin/base/plugins/ckeditor.less
Normal file
67
libraries/framework/skin/base/plugins/ckeditor.less
Normal file
@@ -0,0 +1,67 @@
|
||||
/*===============================================
|
||||
CKEditor
|
||||
================================================= */
|
||||
|
||||
.admin-skin.cke_chrome {
|
||||
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 2px;
|
||||
background: #fafafa;
|
||||
border-color: #e7e7e7;
|
||||
}
|
||||
// editor header/toolbar
|
||||
.admin-skin .cke_top {
|
||||
background: #fafafa;
|
||||
border: 1px solid #e7e7e7;
|
||||
padding: 8px 10px 4px;
|
||||
}
|
||||
// editor toolbar buttons
|
||||
.admin-skin .cke_toolgroup,
|
||||
.admin-skin .cke_combo_button {
|
||||
margin-right: 10px;
|
||||
box-shadow: none;
|
||||
background: #FFF;
|
||||
border-radius: 1px;
|
||||
border-color: #DDD;
|
||||
}
|
||||
// editor textarea
|
||||
.admin-skin .cke_contents {
|
||||
border-radius: 0;
|
||||
border-color: #e7e7e7;
|
||||
}
|
||||
.admin-skin .cke_top + .cke_contents,
|
||||
.admin-skin .cke_contents + .cke_bottom {
|
||||
border-top: 0;
|
||||
}
|
||||
// editor footer
|
||||
.admin-skin .cke_bottom {
|
||||
background: none;
|
||||
padding: 6px 4px;
|
||||
border: 1px solid #e7e7e7;
|
||||
}
|
||||
// footer resizer
|
||||
.admin-skin .cke_resizer {
|
||||
margin-top: 6px;
|
||||
margin-right: 4px;
|
||||
border-right-color: #999;
|
||||
}
|
||||
// modify inline editing border
|
||||
.cke_editable_inline.cke_show_borders:focus {
|
||||
outline-width: 2px;
|
||||
outline-style: dashed;
|
||||
outline-offset: 6px;
|
||||
outline-color: @brand-warning;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
// option - remove bottom bar
|
||||
.cke-hide-bottom .cke_bottom {
|
||||
display: none;
|
||||
}
|
||||
// option - remove button toolbreak
|
||||
.cke_toolbar_break {
|
||||
clear: none !important;
|
||||
display: block !important;
|
||||
}
|
||||
90
libraries/framework/skin/base/plugins/countdown.less
Normal file
90
libraries/framework/skin/base/plugins/countdown.less
Normal file
@@ -0,0 +1,90 @@
|
||||
/* ==================================================
|
||||
Countdown
|
||||
==================================================== */
|
||||
|
||||
#counter {
|
||||
width: 100%;
|
||||
min-height: 200px;
|
||||
padding: 30px 20px;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.is-countdown {
|
||||
}
|
||||
.countdown-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.countdown-holding span {
|
||||
color: #888;
|
||||
}
|
||||
.countdown-row {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
padding: 0px 2px;
|
||||
text-align: center;
|
||||
}
|
||||
.countdown-show1 .countdown-section {
|
||||
width: 98%;
|
||||
}
|
||||
.countdown-show2 .countdown-section {
|
||||
width: 48%;
|
||||
}
|
||||
.countdown-show3 .countdown-section {
|
||||
width: 32.5%;
|
||||
}
|
||||
.countdown-show4 .countdown-section {
|
||||
width: 24.5%;
|
||||
}
|
||||
.countdown-show5 .countdown-section {
|
||||
width: 19.5%;
|
||||
}
|
||||
.countdown-show6 .countdown-section {
|
||||
width: 16.25%;
|
||||
}
|
||||
.countdown-show7 .countdown-section {
|
||||
width: 14%;
|
||||
}
|
||||
.countdown-section {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 75%;
|
||||
text-align: center;
|
||||
}
|
||||
.countdown-section:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 45%;
|
||||
margin-top: 18%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: rgba(255,255,255, 0.5);
|
||||
}
|
||||
// .countdown-section:after {
|
||||
// content: "";
|
||||
// position: absolute;
|
||||
// width: 25px;
|
||||
// height: 5px;
|
||||
// margin-top: 45%;
|
||||
// top: 0;
|
||||
// right: -8px;
|
||||
// background: rgba(255,255,255, 0.5);
|
||||
// }
|
||||
.countdown-section:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
.countdown-amount {
|
||||
color: #FFF;
|
||||
font-weight: 200;
|
||||
font-size: 90px;
|
||||
}
|
||||
.countdown-period {
|
||||
display: block;
|
||||
color: #FFF;
|
||||
font-weight: 200;
|
||||
font-size: 24px;
|
||||
}
|
||||
.countdown-descr {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
380
libraries/framework/skin/base/plugins/cropper.less
Normal file
380
libraries/framework/skin/base/plugins/cropper.less
Normal file
@@ -0,0 +1,380 @@
|
||||
/* ===============================================
|
||||
Cropper
|
||||
================================================= */
|
||||
.cropper-container {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
.cropper-container img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 0 !important;
|
||||
max-width: none !important;
|
||||
height: 100%;
|
||||
min-height: 0 !important;
|
||||
max-height: none !important;
|
||||
|
||||
image-orientation: 0deg !important;
|
||||
}
|
||||
.cropper-canvas,
|
||||
.cropper-drag-box,
|
||||
.cropper-crop-box,
|
||||
.cropper-modal {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.cropper-drag-box {
|
||||
background-color: #fff;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
}
|
||||
.cropper-modal {
|
||||
background-color: #000;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: .5;
|
||||
}
|
||||
.cropper-view-box {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
outline: 1px solid #69f;
|
||||
outline-color: rgba(102, 153, 255, .75);
|
||||
}
|
||||
.cropper-dashed {
|
||||
position: absolute;
|
||||
display: block;
|
||||
filter: alpha(opacity=50);
|
||||
border: 0 dashed #fff;
|
||||
opacity: .5;
|
||||
}
|
||||
.cropper-dashed.dashed-h {
|
||||
top: 33.33333333%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 33.33333333%;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
.cropper-dashed.dashed-v {
|
||||
top: 0;
|
||||
left: 33.33333333%;
|
||||
width: 33.33333333%;
|
||||
height: 100%;
|
||||
border-right-width: 1px;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
.cropper-face,
|
||||
.cropper-line,
|
||||
.cropper-point {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: alpha(opacity=10);
|
||||
opacity: .1;
|
||||
}
|
||||
.cropper-face {
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: move;
|
||||
background-color: #fff;
|
||||
}
|
||||
.cropper-line {
|
||||
background-color: #69f;
|
||||
}
|
||||
.cropper-line.line-e {
|
||||
top: 0;
|
||||
right: -3px;
|
||||
width: 5px;
|
||||
cursor: e-resize;
|
||||
}
|
||||
.cropper-line.line-n {
|
||||
top: -3px;
|
||||
left: 0;
|
||||
height: 5px;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.cropper-line.line-w {
|
||||
top: 0;
|
||||
left: -3px;
|
||||
width: 5px;
|
||||
cursor: w-resize;
|
||||
}
|
||||
.cropper-line.line-s {
|
||||
bottom: -3px;
|
||||
left: 0;
|
||||
height: 5px;
|
||||
cursor: s-resize;
|
||||
}
|
||||
.cropper-point {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background-color: #69f;
|
||||
filter: alpha(opacity=75);
|
||||
opacity: .75;
|
||||
}
|
||||
.cropper-point.point-e {
|
||||
top: 50%;
|
||||
right: -3px;
|
||||
margin-top: -3px;
|
||||
cursor: e-resize;
|
||||
}
|
||||
.cropper-point.point-n {
|
||||
top: -3px;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.cropper-point.point-w {
|
||||
top: 50%;
|
||||
left: -3px;
|
||||
margin-top: -3px;
|
||||
cursor: w-resize;
|
||||
}
|
||||
.cropper-point.point-s {
|
||||
bottom: -3px;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
cursor: s-resize;
|
||||
}
|
||||
.cropper-point.point-ne {
|
||||
top: -3px;
|
||||
right: -3px;
|
||||
cursor: ne-resize;
|
||||
}
|
||||
.cropper-point.point-nw {
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
cursor: nw-resize;
|
||||
}
|
||||
.cropper-point.point-sw {
|
||||
bottom: -3px;
|
||||
left: -3px;
|
||||
cursor: sw-resize;
|
||||
}
|
||||
.cropper-point.point-se {
|
||||
right: -3px;
|
||||
bottom: -3px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
cursor: se-resize;
|
||||
filter: alpha(opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
.cropper-point.point-se:before {
|
||||
position: absolute;
|
||||
right: -50%;
|
||||
bottom: -50%;
|
||||
display: block;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
content: " ";
|
||||
background-color: #69f;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.cropper-point.point-se {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.cropper-point.point-se {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.cropper-point.point-se {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
filter: alpha(opacity=75);
|
||||
opacity: .75;
|
||||
}
|
||||
}
|
||||
.cropper-bg {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
|
||||
}
|
||||
.cropper-invisible {
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
}
|
||||
.cropper-hide {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
width: auto!important;
|
||||
min-width: 0!important;
|
||||
max-width: none!important;
|
||||
height: auto!important;
|
||||
min-height: 0!important;
|
||||
max-height: none!important;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
}
|
||||
.cropper-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
.cropper-move {
|
||||
cursor: move;
|
||||
}
|
||||
.cropper-crop {
|
||||
cursor: crosshair;
|
||||
}
|
||||
.cropper-disabled .cropper-canvas,
|
||||
.cropper-disabled .cropper-face,
|
||||
.cropper-disabled .cropper-line,
|
||||
.cropper-disabled .cropper-point {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* Demo CSS */
|
||||
/* Content Containers */
|
||||
.img-container,
|
||||
.img-preview {
|
||||
background-color: #f7f7f7;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.img-container {
|
||||
min-height: 200px;
|
||||
max-height: 466px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.img-container {
|
||||
min-height: 466px;
|
||||
}
|
||||
}
|
||||
|
||||
.img-container > img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.img-preview {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.img-preview > img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.preview-lg {
|
||||
width: 263px;
|
||||
height: 148px;
|
||||
}
|
||||
.preview-md {
|
||||
width: 139px;
|
||||
height: 78px;
|
||||
}
|
||||
.preview-sm {
|
||||
width: 69px;
|
||||
height: 39px;
|
||||
}
|
||||
.preview-xs {
|
||||
width: 35px;
|
||||
height: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.docs-data > .input-group {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.docs-data > .input-group > label {
|
||||
min-width: 80px;
|
||||
}
|
||||
|
||||
.docs-data > .input-group > span {
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
.docs-buttons > .btn,
|
||||
.docs-buttons > .btn-group,
|
||||
.docs-buttons > .form-control {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.docs-toggles > .btn,
|
||||
.docs-toggles > .btn-group,
|
||||
.docs-toggles > .dropdown {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.docs-tooltip {
|
||||
display: block;
|
||||
margin: -6px -12px;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.docs-tooltip > .icon {
|
||||
margin: 0 -3px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.btn-upload .tooltip-inner {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.btn-group-crop {
|
||||
margin-right: -15px!important;
|
||||
}
|
||||
|
||||
.btn-group-crop > .btn {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.btn-group-crop .docs-tooltip {
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.docs-options .dropdown-menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.docs-options .dropdown-menu > li {
|
||||
padding: 3px 20px;
|
||||
}
|
||||
|
||||
.docs-options .dropdown-menu > li:hover {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
.docs-options .dropdown-menu > li > label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.docs-cropped .modal-body {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.docs-cropped .modal-body > img,
|
||||
.docs-cropped .modal-body > canvas {
|
||||
max-width: 100%;
|
||||
}
|
||||
233
libraries/framework/skin/base/plugins/datatables.less
Normal file
233
libraries/framework/skin/base/plugins/datatables.less
Normal file
@@ -0,0 +1,233 @@
|
||||
/*===============================================
|
||||
DataTables
|
||||
================================================= */
|
||||
/* DataTable */
|
||||
table.dataTable {
|
||||
margin: 0 !important;
|
||||
}
|
||||
/* Table Row Changes */
|
||||
table.dataTable tr.odd {
|
||||
background-color: #fff;
|
||||
}
|
||||
/* Table Header Changes */
|
||||
table.dataTable thead th {
|
||||
background: #f9f9f9;
|
||||
padding: 10px;
|
||||
}
|
||||
/* Table Footer Changes */
|
||||
table.dataTable tfoot th {
|
||||
border-top: 1px solid #ddd;
|
||||
padding: 4px 18px 4px 10px;
|
||||
font-weight: 600;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
/* DataTable panel-menu, commonly holds filters */
|
||||
.dt-panelmenu {
|
||||
padding: 10px 14px;
|
||||
background: #f8f8f8;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
/* DataTable panel-footer, commonly holds paginator */
|
||||
.dt-panelfooter {
|
||||
padding: 6px 14px;
|
||||
background: #f8f8f8;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
/* DataTable Length */
|
||||
.dataTables_length {
|
||||
float: left;
|
||||
}
|
||||
.dataTables_length select {
|
||||
margin: 0 5px;
|
||||
}
|
||||
/* DataTable Filter */
|
||||
.dataTables_filter {
|
||||
float: right;
|
||||
}
|
||||
.dataTables_length label,
|
||||
.dataTables_filter label {
|
||||
margin: 0;
|
||||
}
|
||||
/* DataTable Search bar */
|
||||
table.dataTable .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
/* DataTable Footer Elements */
|
||||
div.dataTables_info {
|
||||
float: left;
|
||||
padding-top: 12px;
|
||||
}
|
||||
div.dataTables_paginate {
|
||||
margin-top: 5px;
|
||||
}
|
||||
/* Filter Returned No results Pane */
|
||||
table.dataTable td.dataTables_empty {
|
||||
padding: 50px !important;
|
||||
background: #f6f6f6 !important;
|
||||
}
|
||||
/* Datatables abc filter */
|
||||
.dt-abc-filter {
|
||||
padding: 4px 0;
|
||||
}
|
||||
.dt-abc-filter span {
|
||||
cursor: pointer;
|
||||
padding: 0 9px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: #4a89dc;
|
||||
display: inline-block;
|
||||
}
|
||||
.dt-abc-filter .abc-label {
|
||||
color: #999;
|
||||
padding: 0 3px;
|
||||
}
|
||||
/* Contextual Row Filter Example */
|
||||
table.dataTable tr.row-label td {
|
||||
background: #f6f6f6;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
}
|
||||
/*
|
||||
* Table Selected/Active Row
|
||||
*/
|
||||
.table.dataTable tbody tr.active td,
|
||||
.table.dataTable tbody tr.active th {
|
||||
color: #555;
|
||||
border-color: #EEE;
|
||||
background-color: #FFFEF0 !important;
|
||||
}
|
||||
.table.dataTable tbody tr.active:hover td,
|
||||
.table.dataTable tbody tr.active:hover th {
|
||||
color: #555;
|
||||
border-color: #EEE;
|
||||
background-color: #FAF9DF !important;
|
||||
}
|
||||
/*
|
||||
* DataTable Modals
|
||||
*
|
||||
*/
|
||||
.DTE .DTE_Header {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.DTE .DTE_Header h3 {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.DTE .DTE_Body {
|
||||
min-height: 100px;
|
||||
}
|
||||
.DTE .DTE_Body:before,
|
||||
.DTE .DTE_Body:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.DTE .DTE_Body:after {
|
||||
clear: both;
|
||||
}
|
||||
.DTE .DTE_Body:before,
|
||||
.DTE .DTE_Body:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.DTE .DTE_Body:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
* DataTables Editor Addon - Checkbox
|
||||
*/
|
||||
.fchild-checkbox.dataTable thead th.sorting_disabled {
|
||||
background: #FFF;
|
||||
}
|
||||
.fchild-checkbox.dataTable tr td:first-child {
|
||||
text-align: center;
|
||||
}
|
||||
.fchild-checkbox.dataTable tr td:first-child:before {
|
||||
content: "\f096"; /* fa-square-o */
|
||||
font-family: FontAwesome;
|
||||
color: #BBB;
|
||||
}
|
||||
.fchild-checkbox.dataTable tr.active td:first-child:before {
|
||||
content: "\f046"; /* fa-check-square-o */
|
||||
color: #555;
|
||||
}
|
||||
.fchild-checkbox.dataTable tr td.dataTables_empty:first-child:before {
|
||||
content: "";
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input {
|
||||
background-color: #FFFEF0;
|
||||
}
|
||||
|
||||
/*
|
||||
* PRINTING
|
||||
* Print display styles
|
||||
*/
|
||||
.DTTT_Print #content_wrapper {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
}
|
||||
.DTTT_print_info {
|
||||
position: fixed;
|
||||
top: 10%;
|
||||
left: 50%;
|
||||
width: 400px;
|
||||
height: 150px;
|
||||
margin-left: -200px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
padding: 10px 30px;
|
||||
background: #ffffff;
|
||||
/* Old browsers */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* IE10+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* W3C */
|
||||
/* IE6-9 */
|
||||
opacity: 0.95;
|
||||
border: 1px solid black;
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-ms-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.DTTT_print_info h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
.DTTT_print_info p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
// Datatables Collapsible Rows
|
||||
//
|
||||
tr.shown + tr { background-color: #f7f7f7; }
|
||||
td.details-control {
|
||||
background: url('@{img-path}/plugins/details_open.png') no-repeat center center;
|
||||
cursor: pointer;
|
||||
}
|
||||
tr.shown td.details-control {
|
||||
background: url('@{img-path}/plugins/details_close.png') no-repeat center center;
|
||||
}
|
||||
16
libraries/framework/skin/base/plugins/datepicker.less
Normal file
16
libraries/framework/skin/base/plugins/datepicker.less
Normal file
@@ -0,0 +1,16 @@
|
||||
/*===============================================
|
||||
Bootstrap Datepicker
|
||||
================================================= */
|
||||
|
||||
/* today item - bg */
|
||||
.bootstrap-datetimepicker-widget td.today:before {
|
||||
border-bottom: 7px solid @brand-primary;
|
||||
}
|
||||
/* active/:hover item - bg */
|
||||
.bootstrap-datetimepicker-widget td.active,
|
||||
.bootstrap-datetimepicker-widget td.active:hover,
|
||||
.bootstrap-datetimepicker-widget td span.active {
|
||||
background-color: #428bca;
|
||||
color: #ffffff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
104
libraries/framework/skin/base/plugins/dropzone.less
Normal file
104
libraries/framework/skin/base/plugins/dropzone.less
Normal file
@@ -0,0 +1,104 @@
|
||||
/*===============================================
|
||||
Dropzone
|
||||
================================================= */
|
||||
.dropzone {
|
||||
min-height: 200px;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
padding: 15px;
|
||||
}
|
||||
.dropzone .dz-default.dz-message {
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 23%;
|
||||
margin-left: 0px;
|
||||
margin-top: -23px;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
}
|
||||
.dropzone .dz-default.dz-message span {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.dropzone .dz-default.dz-message span.main-text {
|
||||
cursor: pointer;
|
||||
font-size: 28px;
|
||||
font-weight: 400;
|
||||
color: #666;
|
||||
}
|
||||
.dropzone .dz-default.dz-message span.main-text b {
|
||||
cursor: pointer;
|
||||
font-size: 40px;
|
||||
color: #555;
|
||||
}
|
||||
.dropzone .dz-default.dz-message span.sub-text {
|
||||
font-size: 20px;
|
||||
color: #888;
|
||||
}
|
||||
.dropzone .dz-default.dz-message i.fa {
|
||||
cursor: pointer;
|
||||
color: #4a89dc;
|
||||
font-size: 100px;
|
||||
display: block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.dropzone a.dz-remove,
|
||||
.dropzone-previews a.dz-remove {
|
||||
cursor: pointer;
|
||||
}
|
||||
// dropzone preview
|
||||
.dropzone .dz-preview,
|
||||
.dropzone-previews .dz-preview {
|
||||
box-shadow: none;
|
||||
border-color: #DDD;
|
||||
}
|
||||
// dropzone preview file size
|
||||
.dropzone .dz-preview .dz-details .dz-size,
|
||||
.dropzone-previews .dz-preview .dz-details .dz-size {
|
||||
font-size: 13px;
|
||||
}
|
||||
// dropzone preview thumb
|
||||
.dropzone .dz-preview .dz-details,
|
||||
.dropzone-previews .dz-preview .dz-details,
|
||||
.dropzone .dz-preview .dz-details img,
|
||||
.dropzone-previews .dz-preview .dz-details img {
|
||||
width: 115px;
|
||||
}
|
||||
// dropzone preview remove btn
|
||||
.dropzone a.dz-remove,
|
||||
.dropzone-previews a.dz-remove {
|
||||
margin-top: 30px;
|
||||
border-radius: 0;
|
||||
}
|
||||
// dropzone preview error indicator
|
||||
.dropzone .dz-preview.dz-error .dz-error-mark,
|
||||
.dropzone-previews .dz-preview.dz-error .dz-error-mark,
|
||||
.dropzone .dz-preview.dz-error .dz-success-mark,
|
||||
.dropzone-previews .dz-preview.dz-error .dz-success-mark {
|
||||
-webkit-transform: scale(0.70);
|
||||
transform: scale(0.70);
|
||||
}
|
||||
// dropzone small
|
||||
.dropzone.dropzone-sm .dz-default.dz-message i.fa {
|
||||
color: #BBB;
|
||||
font-size: 70px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.dropzone.dropzone-sm .dz-default.dz-message span.main-text {
|
||||
font-size: 22px;
|
||||
}
|
||||
.dropzone.dropzone-sm .dz-default.dz-message span.main-text b {
|
||||
font-size: 32px;
|
||||
}
|
||||
.dropzone.dropzone-sm .dz-default.dz-message span.sub-text {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Demonstration Purposes ONLY */
|
||||
.dropzone .dz-preview .dz-error-message,
|
||||
.dropzone-previews .dz-preview .dz-error-message {
|
||||
display: none !important;
|
||||
}
|
||||
87
libraries/framework/skin/base/plugins/duallistbox.less
Normal file
87
libraries/framework/skin/base/plugins/duallistbox.less
Normal file
@@ -0,0 +1,87 @@
|
||||
/* ==================================================
|
||||
Bootstrap Dual Listbox
|
||||
==================================================== */
|
||||
.bootstrap-duallistbox-container .buttons {
|
||||
width: 100%;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container label {
|
||||
display: block;
|
||||
}
|
||||
form.hide-list-label .bootstrap-duallistbox-container label {
|
||||
display: none !important;
|
||||
}
|
||||
.bootstrap-duallistbox-container .info {
|
||||
display: inline-block;
|
||||
margin-bottom: 5px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container .clear1,
|
||||
.bootstrap-duallistbox-container .clear2 {
|
||||
display: none;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container .box1.filtered .clear1,
|
||||
.bootstrap-duallistbox-container .box2.filtered .clear2 {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container .move,
|
||||
.bootstrap-duallistbox-container .remove {
|
||||
width: 50%;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container .btn-group .btn {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.bootstrap-duallistbox-container select {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container .moveall,
|
||||
.bootstrap-duallistbox-container .removeall {
|
||||
width: 50%;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container select {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
padding: 4px 5px;
|
||||
}
|
||||
.bootstrap-duallistbox-container.moveonselect select option {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container .filter {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin: 0 0 -1px 0;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container .filter.placeholder {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container.moveonselect .move,
|
||||
.bootstrap-duallistbox-container.moveonselect .remove {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.bootstrap-duallistbox-container.moveonselect .moveall,
|
||||
.bootstrap-duallistbox-container.moveonselect .removeall {
|
||||
width: 100%;
|
||||
margin: 0 !important;
|
||||
}
|
||||
11
libraries/framework/skin/base/plugins/expose.less
Normal file
11
libraries/framework/skin/base/plugins/expose.less
Normal file
@@ -0,0 +1,11 @@
|
||||
/*===============================================
|
||||
Expose.js
|
||||
================================================= */
|
||||
|
||||
/* overlay */
|
||||
.expose-overlay {
|
||||
display: none;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 9999;
|
||||
//transition: all 4s ease;
|
||||
}
|
||||
100
libraries/framework/skin/base/plugins/fileupload.less
Normal file
100
libraries/framework/skin/base/plugins/fileupload.less
Normal file
@@ -0,0 +1,100 @@
|
||||
/*===============================================
|
||||
Bootstrap FileUpload
|
||||
================================================= */
|
||||
.btn-file {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.btn-file > input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
transform: translate(-300px, 0) scale(4);
|
||||
font-size: 23px;
|
||||
direction: ltr;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fileupload {} .fileupload .uneditable-input {
|
||||
display: inline-block;
|
||||
margin-bottom: 0px;
|
||||
vertical-align: middle;
|
||||
cursor: text;
|
||||
}
|
||||
.fileupload .thumbnail {
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
outline: 2px dashed #d9d9d9;
|
||||
border: 0;
|
||||
background: none;
|
||||
}
|
||||
.fileupload .thumbnail > img {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-height: 100%;
|
||||
}
|
||||
.fileupload .btn {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.fileupload-exists .fileupload-new,
|
||||
.fileupload-new .fileupload-exists {
|
||||
display: none !important;
|
||||
}
|
||||
.fileupload-inline .fileupload-controls {
|
||||
display: inline;
|
||||
}
|
||||
.fileupload-new .input-group .btn-file {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.thumbnail-borderless .thumbnail {
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
padding: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.fileupload-new.thumbnail-borderless .thumbnail {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.control-group.warning .fileupload .uneditable-input {
|
||||
color: #a47e3c;
|
||||
border-color: #a47e3c;
|
||||
}
|
||||
.control-group.warning .fileupload .fileupload-preview {
|
||||
color: #a47e3c;
|
||||
}
|
||||
.control-group.warning .fileupload .thumbnail {
|
||||
border-color: #a47e3c;
|
||||
}
|
||||
.control-group.error .fileupload .uneditable-input {
|
||||
color: #b94a48;
|
||||
border-color: #b94a48;
|
||||
}
|
||||
.control-group.error .fileupload .fileupload-preview {
|
||||
color: #b94a48;
|
||||
}
|
||||
.control-group.error .fileupload .thumbnail {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
.control-group.success .fileupload .uneditable-input {
|
||||
color: #468847;
|
||||
border-color: #468847;
|
||||
}
|
||||
.control-group.success .fileupload .fileupload-preview {
|
||||
color: #468847;
|
||||
}
|
||||
.control-group.success .fileupload .thumbnail {
|
||||
border-color: #468847;
|
||||
}
|
||||
26
libraries/framework/skin/base/plugins/flot.less
Normal file
26
libraries/framework/skin/base/plugins/flot.less
Normal file
@@ -0,0 +1,26 @@
|
||||
/*===============================================
|
||||
Flot Charts
|
||||
================================================= */
|
||||
|
||||
/* Shared Flot and Sparkline tooltip */
|
||||
.jqstooltip,
|
||||
#flotTip {
|
||||
color: #fff;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
padding: 2px 6px !important;
|
||||
background-color: rgba(0, 0, 0, 0.7) !important;
|
||||
border: 0 !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.flot-x-axis .flot-tick-label.tickLabel {
|
||||
color: #AAA;
|
||||
}
|
||||
.flot-y-axis .flot-tick-label.tickLabel {
|
||||
color: #AAA;
|
||||
padding-top: 6px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
td.legendColorBox {
|
||||
padding: 5px;
|
||||
}
|
||||
107
libraries/framework/skin/base/plugins/footable.less
Normal file
107
libraries/framework/skin/base/plugins/footable.less
Normal file
@@ -0,0 +1,107 @@
|
||||
/*===============================================
|
||||
FooTables
|
||||
================================================= */
|
||||
|
||||
/*table row hover*/
|
||||
table.footable > tbody > tr > td.footable-first-column {
|
||||
border-left: 4px solid transparent;
|
||||
}
|
||||
table.footable > tbody > tr:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show > td.footable-first-column {
|
||||
border-left-color: #AAA;
|
||||
}
|
||||
/* Primary Row */
|
||||
table.footable > tbody > tr.row-primary:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show.row-primary > td.footable-first-column {
|
||||
border-left-color: @brand-primary;
|
||||
}
|
||||
/* Info Row */
|
||||
table.footable > tbody > tr.row-info:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show.row-info > td.footable-first-column {
|
||||
border-left-color: @brand-info;
|
||||
}
|
||||
/* Success Row */
|
||||
table.footable > tbody > tr.row-success:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show.row-success > td.footable-first-column {
|
||||
border-left-color: @brand-success;
|
||||
}
|
||||
/* Warning Row */
|
||||
table.footable > tbody > tr.row-warning:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show.row-warning > td.footable-first-column {
|
||||
border-left-color: @brand-warning;
|
||||
}
|
||||
/* Danger Row */
|
||||
table.footable > tbody > tr.row-danger:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show.row-danger > td.footable-first-column {
|
||||
border-left-color: @brand-danger;
|
||||
}
|
||||
/* Alert Row */
|
||||
table.footable > tbody > tr.row-alert:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show.row-moved > td.footable-first-column {
|
||||
border-left-color: @brand-alert;
|
||||
}
|
||||
/* System Row */
|
||||
table.footable > tbody > tr.row-system:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show.row-system > td.footable-first-column {
|
||||
border-left-color: @brand-system;
|
||||
}
|
||||
/* Dark Row */
|
||||
table.footable > tbody > tr.row-dark:hover > td.footable-first-column,
|
||||
table.footable > tbody > tr.footable-detail-show.row-dark > td.footable-first-column {
|
||||
border-left-color: @brand-dark
|
||||
}
|
||||
|
||||
/* Fixed width labels - used only in first column */
|
||||
table.footable.fw-labels > tbody > tr > td:first-child {
|
||||
width: 90px;
|
||||
vertical-align: middle;
|
||||
padding: 11px 12px 11px 8px;
|
||||
}
|
||||
table.footable.fw-labels > tbody > tr > td:first-child .label {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
padding: 4px 4px 6px;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* expand row padding */
|
||||
.footable-row-detail-name,
|
||||
.footable-row-detail-value {
|
||||
padding: 7px 9px 9px;
|
||||
}
|
||||
|
||||
/* row bgs */
|
||||
table.footable .footable-odd {background-color: #FFF;}
|
||||
table.footable .footable-even {background-color: #fafafa;}
|
||||
|
||||
/* table row open */
|
||||
table.footable > tbody > tr.footable-row-detail {
|
||||
background-color: #FFF !important;
|
||||
}
|
||||
|
||||
/* table toggle row icon */
|
||||
table.footable.breakpoint>tbody>tr>td>span.footable-toggle {
|
||||
float: right;
|
||||
font-size: 10px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
.foo-header > tr > th { background-color: #f6f6f6; border: 1px solid #DDD !important;}
|
||||
.foo-footer > tr > td { background-color: #f6f6f6;}
|
||||
.footable-page-arrow a[data-page="first"],
|
||||
.footable-page-arrow a[data-page="last"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* footer style - menu */
|
||||
.footable > tfoot.footer-menu,
|
||||
.footable > tfoot.footer-menu > tr {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
/* pagination settings */
|
||||
.footable > tfoot .pagination {
|
||||
margin-top: 5px;
|
||||
}
|
||||
228
libraries/framework/skin/base/plugins/fullcalendar.less
Normal file
228
libraries/framework/skin/base/plugins/fullcalendar.less
Normal file
@@ -0,0 +1,228 @@
|
||||
/*==================================================
|
||||
FullCalendar.JS - Used on pages-calendar.html
|
||||
==================================================== */
|
||||
|
||||
/* External Events
|
||||
------------------------------*/
|
||||
// event
|
||||
.fc-event {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
padding: 8px;
|
||||
margin: 10px;
|
||||
color: #777;
|
||||
font-size: 12px;
|
||||
background: #f9f9f9;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #ddd;
|
||||
border-left: 4px solid #ddd;
|
||||
}
|
||||
// event desc
|
||||
.fc-event-desc {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding-left: 5px;
|
||||
}
|
||||
// event icon
|
||||
.fc-event-icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
// fc event hover state
|
||||
.fc-event:hover,
|
||||
.fc-event:focus {
|
||||
color: #777;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
// event inside calendar
|
||||
.fc-view-container .fc-event {
|
||||
padding: 6px;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
.fc-view-container .fc-event .fc-content {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
// event contextuals
|
||||
.fc-event-primary {
|
||||
border-left-color: @brand-primary
|
||||
}
|
||||
.fc-event-primary .fc-event-icon {
|
||||
color: @brand-primary
|
||||
}
|
||||
.fc-event-info {
|
||||
border-left-color: @brand-info
|
||||
}
|
||||
.fc-event-info .fc-event-icon {
|
||||
color: @brand-info
|
||||
}
|
||||
.fc-event-success {
|
||||
border-left-color: @brand-success
|
||||
}
|
||||
.fc-event-success .fc-event-icon {
|
||||
color: @brand-success
|
||||
}
|
||||
.fc-event-warning {
|
||||
border-left-color: @brand-warning
|
||||
}
|
||||
.fc-event-warning .fc-event-icon {
|
||||
color: @brand-warning
|
||||
}
|
||||
.fc-event-danger {
|
||||
border-left-color: @brand-danger
|
||||
}
|
||||
.fc-event-danger .fc-event-icon {
|
||||
color: @brand-danger
|
||||
}
|
||||
.fc-event-alert {
|
||||
border-left-color: @brand-alert
|
||||
}
|
||||
.fc-event-alert .fc-event-icon {
|
||||
color: @brand-alert
|
||||
}
|
||||
.fc-event-system {
|
||||
border-left-color: @brand-system
|
||||
}
|
||||
.fc-event-system .fc-event-icon {
|
||||
color: @brand-system
|
||||
}
|
||||
|
||||
/* Buttons (styled <button> tags, normalized to work cross-browser)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc button {
|
||||
|
||||
/* dimensions */
|
||||
.btn;
|
||||
.btn-default;
|
||||
height: auto;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
.fc-state-default {
|
||||
border: 1px solid;
|
||||
}
|
||||
.fc-state-default.fc-corner-left {
|
||||
border-top-left-radius: 1px;
|
||||
border-bottom-left-radius: 1px;
|
||||
}
|
||||
.fc-state-default.fc-corner-right {
|
||||
border-top-right-radius: 1px;
|
||||
border-bottom-right-radius: 1px;
|
||||
}
|
||||
|
||||
/* icons in buttons */
|
||||
.fc button .fc-icon {
|
||||
position: relative;
|
||||
margin: 0 .1em;
|
||||
}
|
||||
|
||||
/* button states
|
||||
*/
|
||||
.fc-state-default {
|
||||
background-color: #f5f5f5;
|
||||
background-image: none;
|
||||
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
color: #333;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.fc-state-hover,
|
||||
.fc-state-down,
|
||||
.fc-state-active,
|
||||
.fc-state-disabled {
|
||||
color: #333333;
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
.fc-state-hover {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.fc-state-down,
|
||||
.fc-state-active {
|
||||
background-color: #cccccc;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.fc-state-disabled {
|
||||
cursor: default;
|
||||
background-image: none;
|
||||
opacity: 0.65;
|
||||
filter: alpha(opacity=65);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// Added in update v1.31 - Fixes topbar dropdown z-index problem
|
||||
.fc-toolbar .fc-state-active,
|
||||
.fc-toolbar .ui-state-active {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Buttons Groups
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-button-group {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*
|
||||
every button that is not first in a button group should scootch over one pixel and cover the
|
||||
previous button's border...
|
||||
*/
|
||||
.fc .fc-button-group > * {
|
||||
|
||||
/* extra precedence b/c buttons have margin set to zero */
|
||||
float: left;
|
||||
margin: 0 0 0 -1px;
|
||||
}
|
||||
.fc .fc-button-group >:first-child {
|
||||
|
||||
/* same */
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Background
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-bg {
|
||||
background-color: #fefefe;
|
||||
}
|
||||
.fc-bg .fc-today {
|
||||
background-color: #FFFEF8;
|
||||
}
|
||||
.fc-bg .fc-other-month {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
/* Text
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-basic-view td.fc-day-number {
|
||||
color: #777;
|
||||
padding-top: 3px;
|
||||
padding-right: 7px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.fc-basic-view td.fc-today.fc-day-number {
|
||||
color: #444;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Minimal Style. Requires '.minimal-mp' parent class - Used on Calendar Page
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.minimal-mp .ui-datepicker {
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
.minimal-mp .ui-datepicker-header {
|
||||
display: none;
|
||||
}
|
||||
.minimal-mp .ui-datepicker td {
|
||||
padding: 8px 5px;
|
||||
}
|
||||
.minimal-mp .ui-datepicker td span,
|
||||
.minimal-mp .ui-datepicker td a {
|
||||
background: #DDD;
|
||||
padding: .50em .20em;
|
||||
}
|
||||
67
libraries/framework/skin/base/plugins/gmap.less
Normal file
67
libraries/framework/skin/base/plugins/gmap.less
Normal file
@@ -0,0 +1,67 @@
|
||||
/*===============================================
|
||||
Gmap
|
||||
================================================= */
|
||||
|
||||
/* Default map height/width */
|
||||
.map {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
/* Inline Map Pagination Styles */
|
||||
.map .pagination {
|
||||
text-shadow: 0 1px #ffffff;
|
||||
border-color: #ddd rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
|
||||
background-color: #fdfdfd;
|
||||
width: 92%;
|
||||
margin: 11px;
|
||||
-webkit-box-shadow: 0 2px 4px #AAA;
|
||||
box-shadow: 0 2px 4px #AAA;
|
||||
}
|
||||
.map .pagination .display {
|
||||
display: inline-block;
|
||||
width: 84%;
|
||||
height: 40px;
|
||||
border-right: 1px solid #fff;
|
||||
border-left: 1px solid #fff;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
text-shadow: 0 1px #FFF;
|
||||
}
|
||||
.map .pagination .btn {
|
||||
width: 8%;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
vertical-align: top;
|
||||
border: 0;
|
||||
}
|
||||
.map .pagination .back-btn {
|
||||
float: left;
|
||||
border-right: 1px solid #ddd;
|
||||
background: url("@{img-path}/plugins/arrow_left_12x12.png") no-repeat 50% 50%;
|
||||
}
|
||||
.map .pagination .fwd-btn {
|
||||
float: right;
|
||||
border-left: 1px solid #ddd;
|
||||
background: url("@{img-path}/plugins/arrow_right_12x12.png") no-repeat 50% 50%;
|
||||
}
|
||||
.map .checker {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
/* Map Styling Helper Classes */
|
||||
.map-shadow {
|
||||
-webkit-box-shadow: 0 2px 3px #999;
|
||||
box-shadow: 0 2px 3px #999;
|
||||
}
|
||||
.map-gradient {
|
||||
text-shadow: 0 1px #ffffff;
|
||||
border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
|
||||
background-color: #f0f0f0;
|
||||
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
|
||||
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
|
||||
}
|
||||
.map-rounded {
|
||||
border-radius: 4px;
|
||||
}
|
||||
16
libraries/framework/skin/base/plugins/highcharts.less
Normal file
16
libraries/framework/skin/base/plugins/highcharts.less
Normal file
@@ -0,0 +1,16 @@
|
||||
/*===============================================
|
||||
High Charts
|
||||
================================================= */
|
||||
|
||||
/* Custom Legend */
|
||||
.chart-legend {} .legend-item {
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 2s;
|
||||
}
|
||||
|
||||
/* Label Text */
|
||||
.highcharts-container .highcharts-axis-labels text {
|
||||
color: #AAA !important;
|
||||
fill: #AAA !important;
|
||||
}
|
||||
50
libraries/framework/skin/base/plugins/jqueryspinner.less
Normal file
50
libraries/framework/skin/base/plugins/jqueryspinner.less
Normal file
@@ -0,0 +1,50 @@
|
||||
/*===============================================
|
||||
jQuery Spinner
|
||||
================================================= */
|
||||
.ui-spinner-input {
|
||||
color: inherit;
|
||||
min-height: 36px;
|
||||
}
|
||||
.ui-spinner-button {
|
||||
z-index: 3;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 50%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: .5em;
|
||||
text-align: center;
|
||||
}
|
||||
.input-group .ui-spinner .form-control:first-child {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
.ui-spinner .ui-icon {
|
||||
position: absolute;
|
||||
margin-top: -2px;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
text-indent: 0;
|
||||
}
|
||||
.ui-spinner-up .ui-icon {
|
||||
margin-top: -6px
|
||||
}
|
||||
.ui-spinner-up {
|
||||
top: 0
|
||||
}
|
||||
.ui-spinner-down {
|
||||
bottom: 0
|
||||
}
|
||||
|
||||
/* TR overrides */
|
||||
.ui-spinner .ui-icon-triangle-1-s {
|
||||
|
||||
/* needed to correct false icon sprite pos */
|
||||
background-position: -65px -16px;
|
||||
}
|
||||
44
libraries/framework/skin/base/plugins/jvectormap.less
Normal file
44
libraries/framework/skin/base/plugins/jvectormap.less
Normal file
@@ -0,0 +1,44 @@
|
||||
/*===============================================
|
||||
Jvector Maps
|
||||
================================================= */
|
||||
.jvectormap-label {
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
display: none;
|
||||
border: solid 1px #CDCDCD;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: #292929;
|
||||
color: white;
|
||||
font-family: sans-serif, Verdana;
|
||||
font-size: smaller;
|
||||
padding: 3px;
|
||||
}
|
||||
.jvectormap-zoomin,
|
||||
.jvectormap-zoomout {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: auto;
|
||||
right: 30px;
|
||||
padding: 0;
|
||||
width: 40px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
border-radius: 2px;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.jvectormap-zoomout {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
/* used to hide zoom buttons */
|
||||
.hide-jzoom .jvectormap-zoomin,
|
||||
.hide-jzoom .jvectormap-zoomout {
|
||||
display: none;
|
||||
}
|
||||
81
libraries/framework/skin/base/plugins/magnific.less
Normal file
81
libraries/framework/skin/base/plugins/magnific.less
Normal file
@@ -0,0 +1,81 @@
|
||||
|
||||
/* ==================================================
|
||||
Magnific Popup
|
||||
==================================================== */
|
||||
|
||||
/* Inline Content Styling (container) */
|
||||
.modal-basic {
|
||||
max-width: 600px;
|
||||
margin: 40px auto;
|
||||
position: relative;
|
||||
}
|
||||
.modal-basic-bg {
|
||||
background: white;
|
||||
padding: 20px 30px;
|
||||
text-align: left;
|
||||
max-width: 600px;
|
||||
margin: 40px auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* unstyled popup */
|
||||
.popup-basic {
|
||||
position: relative;
|
||||
background: #FFF;
|
||||
width: auto;
|
||||
max-width: 450px;
|
||||
margin: 40px auto;
|
||||
}
|
||||
|
||||
/* popup sizes */
|
||||
.popup-sm {
|
||||
max-width: 300px;
|
||||
}
|
||||
.popup-lg {
|
||||
max-width: 700px;
|
||||
}
|
||||
.popup-xl {
|
||||
max-width: 1000px;
|
||||
}
|
||||
.popup-full {
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
|
||||
/* Basic Example */
|
||||
.mfp-no-margins img.mfp-img {
|
||||
padding: 0;
|
||||
}
|
||||
.mfp-no-margins .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.mfp-no-margins .mfp-container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*Simple fade transition*/
|
||||
.mfp-fade.mfp-bg {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.15s ease-out;
|
||||
-moz-transition: all 0.15s ease-out;
|
||||
transition: all 0.15s ease-out;
|
||||
}
|
||||
.mfp-fade.mfp-bg.mfp-ready {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mfp-fade.mfp-bg.mfp-removing {
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-fade.mfp-wrap .mfp-content {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.15s ease-out;
|
||||
-moz-transition: all 0.15s ease-out;
|
||||
transition: all 0.15s ease-out;
|
||||
}
|
||||
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
|
||||
opacity: 0;
|
||||
}
|
||||
14
libraries/framework/skin/base/plugins/mapplic.less
Normal file
14
libraries/framework/skin/base/plugins/mapplic.less
Normal file
@@ -0,0 +1,14 @@
|
||||
|
||||
/* ==================================================
|
||||
Mapplic Map Plugin
|
||||
==================================================== */
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.mapplic-sidebar {
|
||||
display: none
|
||||
}
|
||||
.mapplic-container {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
174
libraries/framework/skin/base/plugins/markdown.less
Normal file
174
libraries/framework/skin/base/plugins/markdown.less
Normal file
@@ -0,0 +1,174 @@
|
||||
/*===============================================
|
||||
Bootstrap Markdown Editor
|
||||
================================================= */
|
||||
.md-editor {
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* toolbar header */
|
||||
.md-editor .md-footer,.md-editor>.md-header {
|
||||
display:block;
|
||||
padding:8px 4px;
|
||||
background: #fafafa;
|
||||
}
|
||||
.md-editor>.md-header {margin:0}
|
||||
|
||||
.md-editor>.md-header .btn-group .btn-default,
|
||||
.md-editor>.md-header .btn-group .btn-primary {
|
||||
color: #666;
|
||||
border-color: rgba(0, 0, 0, 0.1);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* preview area */
|
||||
.md-editor>.md-preview {
|
||||
background:#fff;
|
||||
border-top:1px dashed #ddd;
|
||||
border-bottom:1px dashed #ddd;
|
||||
min-height:10px;
|
||||
overflow:auto
|
||||
}
|
||||
|
||||
/* editor area */
|
||||
.md-editor>textarea {
|
||||
font-size:14px;
|
||||
outline:0;
|
||||
margin:0;
|
||||
display:block;
|
||||
padding:15px;
|
||||
width:100%;
|
||||
border:0;
|
||||
border-top:1px solid #ddd;
|
||||
border-radius:0;
|
||||
box-shadow:none;
|
||||
background:#fff
|
||||
}
|
||||
.md-editor>textarea:focus {
|
||||
box-shadow:none;
|
||||
background:#fff
|
||||
}
|
||||
/* focus/active area */
|
||||
// .md-editor.active {
|
||||
// border-color:#66afe9;
|
||||
// outline:0;
|
||||
// -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
|
||||
// box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
|
||||
// }
|
||||
|
||||
.md-editor .md-controls {
|
||||
float:right;
|
||||
padding:3px
|
||||
}
|
||||
|
||||
.md-editor .md-controls .md-control {
|
||||
right:5px;
|
||||
color:#bebebe;
|
||||
padding:3px 3px 3px 10px
|
||||
}
|
||||
.md-editor .md-controls .md-control:hover {
|
||||
color:#333
|
||||
}
|
||||
.md-editor .md-controls .md-control-fullscreen {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode {
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:99999;
|
||||
padding:60px 30px 15px;
|
||||
background:#fff!important;
|
||||
border:0!important
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-footer {
|
||||
display:none
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview {
|
||||
margin:0 auto!important;
|
||||
height:100%!important;
|
||||
font-size:20px!important;
|
||||
padding:20px!important;
|
||||
color:#999;
|
||||
line-height:1.6em!important;
|
||||
resize:none!important;
|
||||
box-shadow:none!important;
|
||||
background:#fff!important;
|
||||
border:0!important
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-preview {
|
||||
color:#333;
|
||||
overflow:auto
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover {
|
||||
color:#333;
|
||||
background:#fff!important
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-header {
|
||||
background:0 0;
|
||||
text-align:center;
|
||||
position:fixed;
|
||||
width:100%;
|
||||
top:20px
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .btn-group {
|
||||
float:none
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .btn {
|
||||
border:0;
|
||||
background:0 0;
|
||||
color:#b3b3b3
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover {
|
||||
box-shadow:none;
|
||||
color:#333
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-fullscreen-controls {
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:20px;
|
||||
text-align:right;
|
||||
z-index:1002;
|
||||
display:block
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
|
||||
color:#b3b3b3;
|
||||
clear:right;
|
||||
margin:10px;
|
||||
width:30px;
|
||||
height:30px;
|
||||
text-align:center
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
|
||||
color:#333;
|
||||
text-decoration:none
|
||||
}
|
||||
|
||||
.md-editor.md-fullscreen-mode .md-editor {
|
||||
height:100%!important;
|
||||
position:relative
|
||||
}
|
||||
|
||||
.md-editor .md-fullscreen-controls {
|
||||
display:none
|
||||
}
|
||||
|
||||
.md-nooverflow {
|
||||
overflow:hidden;
|
||||
position:fixed;
|
||||
width:100%
|
||||
}
|
||||
55
libraries/framework/skin/base/plugins/markitup.less
Normal file
55
libraries/framework/skin/base/plugins/markitup.less
Normal file
@@ -0,0 +1,55 @@
|
||||
/*===============================================
|
||||
Markitup
|
||||
================================================= */
|
||||
|
||||
/* Container */
|
||||
.markItUp {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.markItUpHeader {
|
||||
min-height: 43px;
|
||||
padding: 8px 10px 0px;
|
||||
background: #fafafa;
|
||||
border: none;
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
}
|
||||
.markItUpButton {
|
||||
padding: 4px;
|
||||
background: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
}
|
||||
.markItUpButton + .markItUpButton {
|
||||
border-left: 0;
|
||||
}
|
||||
.markItUpHeader ul .markItUpSeparator {
|
||||
height: 25px;
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
/* Textarea */
|
||||
.markItUpEditor {
|
||||
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.markItUpFooter {
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
/* preview frame */
|
||||
.markItUpPreviewFrame {
|
||||
margin: 0;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
padding: 5px 8px;
|
||||
border-top: 1px solid #e7e7e7;
|
||||
background: #fafafa;
|
||||
}
|
||||
3
libraries/framework/skin/base/plugins/maxlength.less
Normal file
3
libraries/framework/skin/base/plugins/maxlength.less
Normal file
@@ -0,0 +1,3 @@
|
||||
/*===============================================
|
||||
Bootstrap Maxlength
|
||||
================================================= */
|
||||
78
libraries/framework/skin/base/plugins/multiselect.less
Normal file
78
libraries/framework/skin/base/plugins/multiselect.less
Normal file
@@ -0,0 +1,78 @@
|
||||
/*===============================================
|
||||
Bootstrap Multiselect
|
||||
================================================= */
|
||||
.multiselect-container.dropdown-menu {
|
||||
position: absolute;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.multiselect-container.dropdown-menu .input-group {
|
||||
margin: 5px
|
||||
}
|
||||
.multiselect-container.dropdown-menu > li {
|
||||
padding: 0
|
||||
}
|
||||
.multiselect-container.dropdown-menu > li > a.multiselect-all label {
|
||||
font-weight: 600
|
||||
}
|
||||
.multiselect-container.dropdown-menu > li.multiselect-group {
|
||||
background: #f3f3f3;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
.multiselect-container.dropdown-menu > li.multiselect-group label {
|
||||
margin: 0;
|
||||
padding: 6px 12px 5px;
|
||||
height: 100%;
|
||||
font-weight: 600
|
||||
}
|
||||
.multiselect-container.dropdown-menu > li.multiselect-group-clickable label {
|
||||
cursor: pointer
|
||||
}
|
||||
.multiselect-container.dropdown-menu > li > a {
|
||||
padding: 0
|
||||
}
|
||||
.multiselect-container.dropdown-menu >li>a>label {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
padding: 4px 20px 6px 32px
|
||||
}
|
||||
.multiselect-container.dropdown-menu>li>a>label.radio,
|
||||
.multiselect-container.dropdown-menu>li>a>label.checkbox {
|
||||
margin: 0
|
||||
}
|
||||
.multiselect-container.dropdown-menu>li>a>label>input[type=checkbox] {
|
||||
margin-bottom: 5px
|
||||
}
|
||||
.filter .btn.multiselect-clear-filter {
|
||||
padding: 9px 5px;
|
||||
}
|
||||
.filter .btn.multiselect-clear-filter i.glyphicon {
|
||||
font-size: 11px;
|
||||
color: #AAA;
|
||||
}
|
||||
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px
|
||||
}
|
||||
.form-inline .multiselect-container.dropdown-menu label.checkbox,
|
||||
.form-inline .multiselect-container.dropdown-menu label.radio {
|
||||
padding: 3px 20px 3px 40px
|
||||
}
|
||||
.form-inline .multiselect-container.dropdown-menu li a label.checkbox input[type=checkbox],
|
||||
.form-inline .multiselect-container.dropdown-menu li a label.radio input[type=radio] {
|
||||
margin-left: -20px;
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
/* item search bar */
|
||||
.multiselect-container.dropdown-menu > li.multiselect-item.filter {
|
||||
min-width: 175px;
|
||||
}
|
||||
// btn group caret
|
||||
.btn.multiselect .caret {
|
||||
margin-left: 5px;
|
||||
}
|
||||
84
libraries/framework/skin/base/plugins/nanoscroller.less
Normal file
84
libraries/framework/skin/base/plugins/nanoscroller.less
Normal file
@@ -0,0 +1,84 @@
|
||||
/*===============================================
|
||||
Nano Scroller
|
||||
================================================= */
|
||||
|
||||
/** initial setup **/
|
||||
.nano {
|
||||
position : relative;
|
||||
width : 100%;
|
||||
overflow : hidden;
|
||||
}
|
||||
.nano.affix {
|
||||
height: 100%;
|
||||
}
|
||||
.nano > .nano-content {}
|
||||
.nano.has-scrollbar > .nano-content {
|
||||
height: 100%;
|
||||
overflow-y : scroll;
|
||||
overflow-x : hidden;
|
||||
}
|
||||
.nano.affix > .nano-content:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.nano.affix > .nano-content::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.affix.has-scrollbar > .nano-content::-webkit-scrollbar {
|
||||
display: block;
|
||||
}
|
||||
.nano.affix > .nano-pane {
|
||||
background : rgba(0,0,0,.18);
|
||||
position : absolute;
|
||||
width : 5px;
|
||||
right : 0;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
|
||||
opacity : .01;
|
||||
-webkit-transition : .2s;
|
||||
-moz-transition : .2s;
|
||||
-o-transition : .2s;
|
||||
transition : .2s;
|
||||
-moz-border-radius : 0px;
|
||||
-webkit-border-radius : 0px;
|
||||
border-radius : 0px;
|
||||
}
|
||||
|
||||
.nano.affix > .nano-pane > .nano-slider {
|
||||
background: #999;
|
||||
position : relative;
|
||||
margin : 0;
|
||||
-moz-border-radius : 0px;
|
||||
-webkit-border-radius : 0px;
|
||||
border-radius : 0px;
|
||||
}
|
||||
.nano.affix:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
|
||||
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
|
||||
opacity : 0.99;
|
||||
}
|
||||
|
||||
/* Nano colors/contextuals - default color grey */
|
||||
.nano.affix.nano-primary > .nano-pane > .nano-slider {
|
||||
background: @brand-primary;
|
||||
}
|
||||
.nano.affix.nano-success > .nano-pane > .nano-slider {
|
||||
background: @brand-success;
|
||||
}
|
||||
.nano.affix.nano-info > .nano-pane > .nano-slider {
|
||||
background: @brand-info;
|
||||
}
|
||||
.nano.affix.nano-warning > .nano-pane > .nano-slider {
|
||||
background: @brand-warning;
|
||||
}
|
||||
.nano.affix.nano-danger > .nano-pane > .nano-slider {
|
||||
background: @brand-danger;
|
||||
}
|
||||
.nano.affix.nano-alert > .nano-pane > .nano-slider {
|
||||
background: @brand-alert;
|
||||
}
|
||||
.nano.affix.nano-system > .nano-pane > .nano-slider {
|
||||
background: @brand-system;
|
||||
}
|
||||
.nano.affix.nano-dark > .nano-pane > .nano-slider {
|
||||
background: @brand-dark;
|
||||
}
|
||||
76
libraries/framework/skin/base/plugins/nestable.less
Normal file
76
libraries/framework/skin/base/plugins/nestable.less
Normal file
@@ -0,0 +1,76 @@
|
||||
/*===============================================
|
||||
Nestable
|
||||
================================================= */
|
||||
.nestable-lists {
|
||||
.clearfix
|
||||
}
|
||||
.dd-handle,
|
||||
.dd-dragel,
|
||||
.dd-content {}
|
||||
/*nestable*/
|
||||
.dd {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Item heading */
|
||||
.dd-handle {
|
||||
display: block;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
margin: 5px 0;
|
||||
padding: 7px 10px;
|
||||
color: #777;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
border: 1px solid #ddd;
|
||||
background: #f5f5f5;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* heading hover */
|
||||
.dd-handle:hover {
|
||||
color: #333;
|
||||
background: #ededed;
|
||||
}
|
||||
.dd-handle:hover + .dd-content {
|
||||
border-color: lighten(@brand-warning, 15%);
|
||||
}
|
||||
.dd-item > button {
|
||||
margin: 7px 0;
|
||||
}
|
||||
|
||||
/* item content */
|
||||
.dd-content {
|
||||
margin-top: -5px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-top: 0;
|
||||
background: #fafafa;
|
||||
}
|
||||
.dd-list .dd-list {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
/* heading/content - dragged */
|
||||
.dd-dragel .dd-handle,
|
||||
.dd-dragel .dd-content {} // empty dd dragging port
|
||||
.dd-empty {
|
||||
background: #f8f8f8;
|
||||
}
|
||||
// dd handle contextuals
|
||||
.dd-item.dd-primary > button,
|
||||
.dd-item.dd-info > button {
|
||||
color: #FFF;
|
||||
}
|
||||
.dd-item.dd-primary .dd-handle {
|
||||
color: #FFF;
|
||||
background-color: #4a89dc !important;
|
||||
border-color: #4a89dc !important;
|
||||
}
|
||||
.dd-item.dd-info .dd-handle {
|
||||
color: #FFF;
|
||||
background-color: #3bafda !important;
|
||||
border-color: #3bafda !important;
|
||||
}
|
||||
100
libraries/framework/skin/base/plugins/nprogress.less
Normal file
100
libraries/framework/skin/base/plugins/nprogress.less
Normal file
@@ -0,0 +1,100 @@
|
||||
/* ===============================================
|
||||
NProgress (top page loader)
|
||||
================================================= */
|
||||
/* Make clicks pass-through */
|
||||
#nprogress {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#nprogress .bar {
|
||||
background-color: @nprogress-active-loader;
|
||||
|
||||
position: fixed;
|
||||
z-index: 1031;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
/* Fancy blur effect */
|
||||
#nprogress .peg {
|
||||
opacity: 1.0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
box-shadow: none !important;
|
||||
|
||||
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
||||
-ms-transform: rotate(3deg) translate(0px, -4px);
|
||||
transform: rotate(3deg) translate(0px, -4px);
|
||||
}
|
||||
|
||||
/* Remove these to get rid of the spinner */
|
||||
#nprogress .spinner {
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 1031;
|
||||
top: 20px;
|
||||
right: 48%;
|
||||
}
|
||||
|
||||
#nprogress .spinner-icon {
|
||||
opacity: 1;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
box-sizing: border-box;
|
||||
|
||||
border: solid 2px transparent;
|
||||
border-radius: 50%;
|
||||
border-top-color: @nprogress-active-spinner;
|
||||
border-left-color: @nprogress-active-spinner;
|
||||
|
||||
-webkit-animation: nprogress-spinner 400ms linear infinite;
|
||||
animation: nprogress-spinner 400ms linear infinite;
|
||||
}
|
||||
|
||||
.nprogress-custom-parent {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nprogress-custom-parent #nprogress .spinner,
|
||||
.nprogress-custom-parent #nprogress .bar {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
@-webkit-keyframes nprogress-spinner {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes nprogress-spinner {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
/* NPR "barPosition" Helpers */
|
||||
#nprogress.npr-header .bar {
|
||||
top: 60px;
|
||||
height: 2px;
|
||||
}
|
||||
#nprogress.npr-bottom .bar {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
/* NPR "barColor" Contextuals */
|
||||
#nprogress.npr-primary .bar {background-color: @brand-primary;}
|
||||
#nprogress.npr-success .bar {background-color: @brand-success;}
|
||||
#nprogress.npr-info .bar {background-color: @brand-info;}
|
||||
#nprogress.npr-warning .bar {background-color: @brand-warning;}
|
||||
#nprogress.npr-danger .bar {background-color: @brand-danger;}
|
||||
#nprogress.npr-alert .bar {background-color: @brand-alert;}
|
||||
#nprogress.npr-system .bar {background-color: @brand-system;}
|
||||
#nprogress.npr-dark .bar {background-color: @brand-dark;}
|
||||
#nprogress.npr-light .bar {background-color: @brand-light;}
|
||||
#nprogress.npr-muted .bar {background-color: #999;}
|
||||
106
libraries/framework/skin/base/plugins/pickers.less
Normal file
106
libraries/framework/skin/base/plugins/pickers.less
Normal file
@@ -0,0 +1,106 @@
|
||||
/* ==============================================
|
||||
Colorpicker/Datepicker/DateRangePicker
|
||||
================================================= */
|
||||
|
||||
/*alter picker z-indexes if inside an overlay*/
|
||||
body.mfp-bg-open .datepicker,
|
||||
body.mfp-bg-open .ui-datepicker,
|
||||
body.mfp-bg-open .colorpicker.dropdown-menu,
|
||||
body.mfp-bg-open .daterangepicker.dropdown-menu,
|
||||
body.mfp-bg-open .bootstrap-datetimepicker-widget {
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
/* disable z-index modifcation for inline pickers */
|
||||
body.mfp-bg-open .ui-datepicker-inline {
|
||||
z-index: inherit !important;
|
||||
}
|
||||
|
||||
/*colorpicker*/
|
||||
.colorpicker.dropdown-menu {
|
||||
z-index: 1025;
|
||||
padding: 6px 12px;
|
||||
min-width: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
min-width: 130px;
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border-color: 1px solid rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
/*datepicker*/
|
||||
.datepicker {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
/*daterangepicker*/
|
||||
.daterangepicker.dropdown-menu {
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.daterangepicker .calendar-date {
|
||||
border-radius: 2px;
|
||||
}
|
||||
.daterangepicker.opensleft .ranges,
|
||||
.daterangepicker.opensleft .calendar {
|
||||
margin: 4px 6px;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.daterangepicker.opensleft .calendar.left {
|
||||
margin-right: 2px;
|
||||
}
|
||||
.daterangepicker .ranges li {
|
||||
background: #FFF;
|
||||
border-radius: 1px;
|
||||
padding: 4px 12px;
|
||||
border: 1px solid #EEE;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.daterangepicker .ranges li.active,
|
||||
.daterangepicker .ranges li:hover {
|
||||
background: @brand-primary;
|
||||
border-color: @brand-primary;
|
||||
}
|
||||
.daterangepicker .ranges .input-mini {
|
||||
border-radius: 2px;
|
||||
}
|
||||
.daterangepicker td.active,
|
||||
.daterangepicker td.active:hover {
|
||||
background: @brand-primary;
|
||||
border-color: @brand-primary;
|
||||
}
|
||||
.daterangepicker td.start-date,
|
||||
.daterangepicker td.end-date {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
/*bootstrap datetimepicker*/
|
||||
.bootstrap-datetimepicker-widget td span.glyphicon,
|
||||
.bootstrap-datetimepicker-widget td span.glyphicons {
|
||||
line-height: 54px;
|
||||
}
|
||||
/*bootstrap datetimepicker toggle switch*/
|
||||
.bootstrap-datetimepicker-widget .picker-switch .btn {
|
||||
padding: 4px 12px;
|
||||
}
|
||||
.timepicker-sm .bootstrap-datetimepicker-widget td,
|
||||
.timepicker-sm .bootstrap-datetimepicker-widget td span,
|
||||
.timepicker-sm .bootstrap-datetimepicker-widget td span.glyphicons {
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
|
||||
/* inline datewidget */
|
||||
.datewidget-inline {
|
||||
z-index: 1020 !important;
|
||||
display: block !important;
|
||||
position: relative !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
bottom: auto !important;
|
||||
}
|
||||
107
libraries/framework/skin/base/plugins/pnotify.less
Normal file
107
libraries/framework/skin/base/plugins/pnotify.less
Normal file
@@ -0,0 +1,107 @@
|
||||
/*==================================================
|
||||
Pnotify
|
||||
==================================================== */
|
||||
|
||||
/* -- Notice */
|
||||
.ui-pnotify {
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
position: absolute;
|
||||
height: auto;
|
||||
|
||||
/* Ensures notices are above everything */
|
||||
z-index: 9999;
|
||||
}
|
||||
.ui-pnotify .alert {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Hides position: fixed from IE6 */
|
||||
html > body > .ui-pnotify {
|
||||
position: fixed;
|
||||
}
|
||||
.ui-pnotify .ui-pnotify-shadow {
|
||||
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
|
||||
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
|
||||
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
|
||||
}
|
||||
.ui-pnotify-container {
|
||||
background-position: 0 0;
|
||||
padding: .8em;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.ui-pnotify-sharp {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.ui-pnotify-title {
|
||||
display: block;
|
||||
margin-bottom: .4em;
|
||||
margin-top: 0;
|
||||
}
|
||||
.ui-pnotify-text {
|
||||
display: block;
|
||||
}
|
||||
.ui-pnotify-icon,
|
||||
.ui-pnotify-icon span {
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: .2em;
|
||||
}
|
||||
|
||||
/* Alternate stack initial positioning. */
|
||||
.ui-pnotify.stack_top_left,
|
||||
.ui-pnotify.stack_bottom_left {
|
||||
left: 15px;
|
||||
right: auto;
|
||||
}
|
||||
.ui-pnotify.stack_bottom_right,
|
||||
.ui-pnotify.stack_bottom_left {
|
||||
bottom: 25px;
|
||||
right: 8px;
|
||||
top: auto;
|
||||
}
|
||||
.ui-pnotify.stack_bottom_right {
|
||||
right: 12px;
|
||||
}
|
||||
.ui-pnotify-closer,
|
||||
.ui-pnotify-sticker {
|
||||
float: right;
|
||||
margin-left: .2em;
|
||||
}
|
||||
.ui-pnotify.stack_bar_top {
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
.ui-pnotify.stack_bar_top .alert {
|
||||
border-left-width: 0;
|
||||
border-right-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
.ui-pnotify.stack_bar_bottom {
|
||||
right: auto;
|
||||
top: auto;
|
||||
left: auto;
|
||||
margin-left: 15%;
|
||||
bottom: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/*wrapper */
|
||||
.ui-pnotify {
|
||||
top: 70px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
/*with icon*/
|
||||
.ui-pnotify-icon,
|
||||
.ui-pnotify-icon span {
|
||||
font-size: 30px;
|
||||
min-height: 40px;
|
||||
line-height: 40px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
89
libraries/framework/skin/base/plugins/rangeslider.less
Normal file
89
libraries/framework/skin/base/plugins/rangeslider.less
Normal file
@@ -0,0 +1,89 @@
|
||||
/*===============================================
|
||||
RangeSlider
|
||||
================================================= */
|
||||
|
||||
/* Slider Container */
|
||||
.ui-rangeSlider .ui-rangeSlider-bar {
|
||||
margin: 5px 0;
|
||||
height: 20px;
|
||||
background-color: #6390a7;
|
||||
}
|
||||
|
||||
/* Slider Inner bar */
|
||||
.ui-rangeSlider .ui-rangeSlider-innerBar {
|
||||
height: 24px;
|
||||
margin: 3px 0;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #CCC;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset;
|
||||
}
|
||||
|
||||
/* Slider Label */
|
||||
.ui-rangeSlider-label {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
background-image: none;
|
||||
}
|
||||
.ui-rangeSlider-label-value {
|
||||
position: relative;
|
||||
top: -8px;
|
||||
min-width: 40px;
|
||||
min-height: 25px;
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
border-radius: 4px;
|
||||
background: #fafafa;
|
||||
background-image: none;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ui-rangeSlider-label:after {
|
||||
content: "\f0d7";
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin: 0 -6px;
|
||||
color: #f8f8f8;
|
||||
font-family: FontAwesome;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
/* Slider Input Label */
|
||||
input.ui-editRangeSlider-inputValue {
|
||||
border: 1px solid #DDD;
|
||||
width: 2.2em;
|
||||
}
|
||||
|
||||
/* Slider Handles */
|
||||
.ui-rangeSlider .ui-rangeSlider-handle {
|
||||
background: none;
|
||||
}
|
||||
.ui-rangeSlider .ui-rangeSlider-handle-inner {
|
||||
background: url(../img/plugins/slider-knob.png) no-repeat center top;
|
||||
width: 22px;
|
||||
height: 24px;
|
||||
}
|
||||
.ui-rangeSlider-leftHandle .ui-rangeSlider-handle-inner {
|
||||
margin-left: -10px;
|
||||
}
|
||||
.ui-rangeSlider-rightHandle .ui-rangeSlider-handle-inner {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
/* Slider Arrows */
|
||||
.ui-rangeSlider-arrow {
|
||||
margin: 6px 0;
|
||||
}
|
||||
.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow {
|
||||
left: -13px !important;
|
||||
}
|
||||
.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow {
|
||||
right: -13px !important;
|
||||
}
|
||||
218
libraries/framework/skin/base/plugins/scroller.less
Normal file
218
libraries/framework/skin/base/plugins/scroller.less
Normal file
@@ -0,0 +1,218 @@
|
||||
/*===============================================
|
||||
Scroller
|
||||
================================================= */
|
||||
|
||||
.scroller {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.scroller,
|
||||
.scroller * {
|
||||
-webkit-user-select: none !important;
|
||||
-moz-user-select: none !important;
|
||||
-ms-user-select: none !important;
|
||||
user-select: none !important;
|
||||
}
|
||||
.scroller,
|
||||
.scroller-content,
|
||||
.scroller-bar,
|
||||
.scroller-track,
|
||||
.scroller-handle {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.scroller-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.scroller-content::-webkit-scrollbar,
|
||||
.scroller-content::-webkit-scrollbar-button,
|
||||
.scroller-content::-webkit-scrollbar-track,
|
||||
.scroller-content::-webkit-scrollbar-track-piece,
|
||||
.scroller-content::-webkit-scrollbar-thumb,
|
||||
.scroller-content::-webkit-scrollbar-corner,
|
||||
.scroller-content::-webkit-resizer {
|
||||
background: transparent;
|
||||
opacity: 0;
|
||||
}
|
||||
.scroller-bar {
|
||||
width: 6px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.scroller-active .scroller-bar { opacity: 1; }
|
||||
|
||||
.scroller-track {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.scroller-handle {
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 5px;
|
||||
height: 20px;
|
||||
background: #cccccc;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
-webkit-transition: height 0.3s ease;
|
||||
transition: height 0.3s ease;
|
||||
}
|
||||
.scroller-horizontal .scroller-content {
|
||||
overflow: auto;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
padding: 0 0 16px 0;
|
||||
}
|
||||
.scroller-horizontal .scroller-bar {
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
border-width: 1px 0 0 0;
|
||||
}
|
||||
.scroller-horizontal .scroller-handle {
|
||||
width: 20px;
|
||||
height: 5px;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: 3px;
|
||||
}
|
||||
.scroller-setup .scroller-content,
|
||||
.scroller-active .scroller-content {
|
||||
padding: 0;
|
||||
}
|
||||
.scroller-setup .scroller-bar,
|
||||
.scroller-active .scroller-bar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/*===============================================
|
||||
Scroller - Panel Style
|
||||
================================================= */
|
||||
.panel-scroller {
|
||||
padding: 0;
|
||||
height: 600px;
|
||||
max-height: 600px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* scroller content */
|
||||
.panel-scroller .scroller-content {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
/* scroller bar container */
|
||||
.panel-scroller .scroller-bar {
|
||||
width: 14px;
|
||||
background: #f7f7f7;
|
||||
border-left: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
/* scroller bar container handle */
|
||||
.panel-scroller .scroller-handle {
|
||||
right: 4px;
|
||||
width: 5px;
|
||||
height: 20px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/*===============================================
|
||||
Scroller Bar - Height Options
|
||||
================================================= */
|
||||
.scroller-xs {
|
||||
height: 125px;
|
||||
max-height: 125px;
|
||||
}
|
||||
.scroller-sm {
|
||||
height: 200px;
|
||||
max-height: 200px;
|
||||
}
|
||||
.scroller-md {
|
||||
height: 300px;
|
||||
max-height: 300px;
|
||||
}
|
||||
.scroller-lg {
|
||||
height: 400px;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
/*===============================================
|
||||
Scroller Bar Style
|
||||
================================================= */
|
||||
.scroller-thick .scroller-bar {
|
||||
width: 12px;
|
||||
}
|
||||
.scroller-thick .scroller-handle {
|
||||
width: 12px;
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/*===============================================
|
||||
Scroller Bar - Overlay Style
|
||||
================================================= */
|
||||
/* scroller bar container overlay mode */
|
||||
.panel-scroller.scroller-overlay {}
|
||||
.panel-scroller.scroller-overlay .scroller-bar {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
.panel-scroller.scroller-overlay .scroller-handle {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.panel-scroller.scroller-overlay:hover .scroller-handle {
|
||||
opacity: 1;
|
||||
}
|
||||
.panel-scroller.scroller-overlay .scroller-content {
|
||||
padding: 0;
|
||||
margin-right: -17px;
|
||||
}
|
||||
|
||||
/* scroller nopad helper */
|
||||
.scroller.scroller-pn .scroller-content {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/*===============================================
|
||||
Scroller Contextuals
|
||||
================================================= */
|
||||
.scroller-primary .scroller-handle { background: @brand-primary; }
|
||||
.scroller-success .scroller-handle { background: @brand-success; }
|
||||
.scroller-info .scroller-handle { background: @brand-info; }
|
||||
.scroller-warning .scroller-handle { background: @brand-warning; }
|
||||
.scroller-danger .scroller-handle { background: @brand-danger; }
|
||||
.scroller-alert .scroller-handle { background: @brand-alert; }
|
||||
.scroller-system .scroller-handle { background: @brand-system; }
|
||||
.scroller-dark .scroller-handle { background: @brand-dark; }
|
||||
|
||||
/* inverse light contextuals */
|
||||
.scroller-light .scroller-handle,
|
||||
.scroller-white .scroller-handle { background: @brand-light; }
|
||||
|
||||
.scroller-light .scroller-bar,
|
||||
.scroller-white .scroller-bar {
|
||||
border-left: 0;
|
||||
background: transparent;
|
||||
}
|
||||
127
libraries/framework/skin/base/plugins/select2.less
Normal file
127
libraries/framework/skin/base/plugins/select2.less
Normal file
@@ -0,0 +1,127 @@
|
||||
/*===============================================
|
||||
Select2 Contextuals
|
||||
================================================= */
|
||||
/* Select2 contextual */
|
||||
.select2-primary + .select2-container .select2-selection--single,
|
||||
.select2-primary + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: #FFF;
|
||||
border-color: @brand-primary;
|
||||
background-color: @brand-primary;
|
||||
}
|
||||
/* arrow */
|
||||
.select2-primary + .select2-container .select2-selection__arrow b {
|
||||
border-top-color: #FFF;
|
||||
}
|
||||
.select2-primary + .select2-container.select2-container--open .select2-selection__arrow b {
|
||||
border-bottom-color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
/* Select2 contextual */
|
||||
.select2-success + .select2-container .select2-selection--single,
|
||||
.select2-success + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: #FFF;
|
||||
border-color: @brand-success;
|
||||
background-color: @brand-success;
|
||||
}
|
||||
/* arrow */
|
||||
.select2-success + .select2-container .select2-selection__arrow b {
|
||||
border-top-color: #FFF;
|
||||
}
|
||||
.select2-success + .select2-container.select2-container--open .select2-selection__arrow b {
|
||||
border-bottom-color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
/* Select2 contextual */
|
||||
.select2-info + .select2-container .select2-selection--single,
|
||||
.select2-info + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: #FFF;
|
||||
border-color: @brand-info;
|
||||
background-color: @brand-info;
|
||||
}
|
||||
/* arrow */
|
||||
.select2-info + .select2-container .select2-selection__arrow b {
|
||||
border-top-color: #FFF;
|
||||
}
|
||||
.select2-info + .select2-container.select2-container--open .select2-selection__arrow b {
|
||||
border-bottom-color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
/* Select2 contextual */
|
||||
.select2-warning + .select2-container .select2-selection--single,
|
||||
.select2-warning + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: #FFF;
|
||||
border-color: @brand-warning;
|
||||
background-color: @brand-warning;
|
||||
}
|
||||
/* arrow */
|
||||
.select2-warning + .select2-container .select2-selection__arrow b {
|
||||
border-top-color: #FFF;
|
||||
}
|
||||
.select2-warning + .select2-container.select2-container--open .select2-selection__arrow b {
|
||||
border-bottom-color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
/* Select2 contextual */
|
||||
.select2-danger + .select2-container .select2-selection--single,
|
||||
.select2-danger + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: #FFF;
|
||||
border-color: @brand-danger;
|
||||
background-color: @brand-danger;
|
||||
}
|
||||
/* arrow */
|
||||
.select2-danger + .select2-container .select2-selection__arrow b {
|
||||
border-top-color: #FFF;
|
||||
}
|
||||
.select2-danger + .select2-container.select2-container--open .select2-selection__arrow b {
|
||||
border-bottom-color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
/* Select2 contextual */
|
||||
.select2-alert + .select2-container .select2-selection--single,
|
||||
.select2-alert + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: #FFF;
|
||||
border-color: @brand-alert;
|
||||
background-color: @brand-alert;
|
||||
}
|
||||
/* arrow */
|
||||
.select2-alert + .select2-container .select2-selection__arrow b {
|
||||
border-top-color: #FFF;
|
||||
}
|
||||
.select2-alert + .select2-container.select2-container--open .select2-selection__arrow b {
|
||||
border-bottom-color: #FFF;
|
||||
}
|
||||
|
||||
/* Select2 contextual */
|
||||
.select2-system + .select2-container .select2-selection--single,
|
||||
.select2-system + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: #FFF;
|
||||
border-color: @brand-system;
|
||||
background-color: @brand-system;
|
||||
}
|
||||
/* arrow */
|
||||
.select2-system + .select2-container .select2-selection__arrow b {
|
||||
border-top-color: #FFF;
|
||||
}
|
||||
.select2-system + .select2-container.select2-container--open .select2-selection__arrow b {
|
||||
border-bottom-color: #FFF;
|
||||
}
|
||||
|
||||
/* Select2 contextual */
|
||||
.select2-dark + .select2-container .select2-selection--single,
|
||||
.select2-dark + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: #FFF;
|
||||
border-color: @brand-dark;
|
||||
background-color: @brand-dark;
|
||||
}
|
||||
/* arrow */
|
||||
.select2-dark + .select2-container .select2-selection__arrow b {
|
||||
border-top-color: #FFF;
|
||||
}
|
||||
.select2-dark + .select2-container.select2-container--open .select2-selection__arrow b {
|
||||
border-bottom-color: #FFF;
|
||||
}
|
||||
44
libraries/framework/skin/base/plugins/summernote.less
Normal file
44
libraries/framework/skin/base/plugins/summernote.less
Normal file
@@ -0,0 +1,44 @@
|
||||
/*===============================================
|
||||
Summernote
|
||||
================================================= */
|
||||
// editor
|
||||
.note-editor {
|
||||
border: none;
|
||||
}
|
||||
// toolbar
|
||||
.note-editor .note-toolbar {
|
||||
background: #fafafa;
|
||||
border: none;
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
padding: 0 10px 9px;
|
||||
margin: 0;
|
||||
}
|
||||
// toolbar btn groups
|
||||
.note-editor .note-toolbar > .btn-group {
|
||||
margin-top: 8px;
|
||||
}
|
||||
// toolbar buttons
|
||||
.note-editor .btn-sm,
|
||||
.note-editor .btn-group-sm > .btn {
|
||||
padding: 3px 8px 4px;
|
||||
}
|
||||
.note-editor .btn-default {
|
||||
background-color: #FFF;
|
||||
border-color: #DDD;
|
||||
border-radius: 1px;
|
||||
}
|
||||
// textarea
|
||||
.note-editor .note-editable {
|
||||
overflow: auto;
|
||||
}
|
||||
// status bar
|
||||
.note-editor .note-statusbar {
|
||||
background: none;
|
||||
}
|
||||
.note-editor .note-statusbar .note-resizebar {
|
||||
border: none;
|
||||
}
|
||||
//note modal
|
||||
.note-dialog .modal-dialog {
|
||||
padding-top: 50px;
|
||||
}
|
||||
49
libraries/framework/skin/base/plugins/tagmanager.less
Normal file
49
libraries/framework/skin/base/plugins/tagmanager.less
Normal file
@@ -0,0 +1,49 @@
|
||||
/*===============================================
|
||||
Tags Manager
|
||||
================================================= */
|
||||
.tag-container {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tm-tag {
|
||||
margin-right: 8px;
|
||||
padding: 4px 8px;
|
||||
color: #FFF;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
border: 0;
|
||||
border-radius: 1px;
|
||||
box-shadow: none;
|
||||
background: #AAA;
|
||||
}
|
||||
.tm-tag .tm-tag-remove {
|
||||
color: #FFF;
|
||||
opacity: 0.6;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
padding: 0 3px;
|
||||
}
|
||||
.tm-tag .tm-tag-remove:hover {
|
||||
color: #FFF;
|
||||
opacity: 1;
|
||||
}
|
||||
.tm-tag.tm-tag-primary {
|
||||
.tag-variant(@brand-primary);
|
||||
}
|
||||
.tm-tag.tm-tag-info {
|
||||
.tag-variant(@brand-info);
|
||||
}
|
||||
.tm-tag.tm-tag-success {
|
||||
.tag-variant(@brand-success);
|
||||
}
|
||||
.tm-tag.tm-tag-warning {
|
||||
.tag-variant(@brand-warning);
|
||||
}
|
||||
.tm-tag.tm-tag-danger {
|
||||
.tag-variant(@brand-danger);
|
||||
}
|
||||
.tm-tag.tm-tag-alert {
|
||||
.tag-variant(@brand-alert);
|
||||
}
|
||||
.tm-tag.tm-tag-system {
|
||||
.tag-variant(@brand-system);
|
||||
}
|
||||
76
libraries/framework/skin/base/plugins/tagsinput.less
Normal file
76
libraries/framework/skin/base/plugins/tagsinput.less
Normal file
@@ -0,0 +1,76 @@
|
||||
.bootstrap-tagsinput {
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
min-height: 42px;
|
||||
outline: 0;
|
||||
padding: 3px 8px;
|
||||
margin: 0;
|
||||
|
||||
cursor: text;
|
||||
color: #626262;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
|
||||
border: 1px solid #E5E5E5;
|
||||
border-radius: 0;
|
||||
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
border-color: #DDD;
|
||||
background-color: #FFF !important;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: auto !important;
|
||||
max-width: inherit;
|
||||
|
||||
&:focus {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.tag {
|
||||
color: white;
|
||||
margin-right: 5px;
|
||||
line-height: 36px;
|
||||
padding: .6em .7em .7em;
|
||||
border-radius: 2px;
|
||||
|
||||
&.label-default {
|
||||
color: #AAA;
|
||||
font-weight: 500;
|
||||
background-color: #fff;
|
||||
border: 1px solid #eee;
|
||||
padding: .5em .7em .6em;
|
||||
}
|
||||
|
||||
[data-role="remove"] {
|
||||
margin-left:8px;
|
||||
cursor:pointer;
|
||||
&:after{
|
||||
content: "x";
|
||||
padding:0px 2px;
|
||||
}
|
||||
&:hover {
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
&:active {
|
||||
box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
121
libraries/framework/skin/base/plugins/treeview.less
Normal file
121
libraries/framework/skin/base/plugins/treeview.less
Normal file
@@ -0,0 +1,121 @@
|
||||
/*===============================================
|
||||
Treeview Plugin
|
||||
================================================= */
|
||||
|
||||
/*fancytree container*/
|
||||
ul.fancytree-container {
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/*fancytree items */
|
||||
ul.fancytree-container li {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
/*fancytree item*/
|
||||
span.fancytree-node {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
/*fancytree item title*/
|
||||
span.fancytree-title {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/*fancytree item icon*/
|
||||
span.fancytree-icon {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*fancytree item STATES*/
|
||||
|
||||
/*fancytree item hover*/
|
||||
span.fancytree-node:hover {
|
||||
background-color: #EEE;
|
||||
border-color: #CCC;
|
||||
}
|
||||
|
||||
/*fancytree active item*/
|
||||
span.fancytree-node.fancytree-active,
|
||||
span.fancytree-node.fancytree-selected {
|
||||
background-color: #EEE;
|
||||
border-color: #CCC;
|
||||
}
|
||||
|
||||
/*fancytree active item hover*/
|
||||
span.fancytree-node.fancytree-active:hover,
|
||||
span.fancytree-node.fancytree-selected:hover {
|
||||
background-color: #EEE;
|
||||
border-color: #CCC;
|
||||
}
|
||||
|
||||
/*fancytree active item focus*/
|
||||
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
|
||||
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected {
|
||||
background-color: #EEE;
|
||||
border-color: #CCC;
|
||||
}
|
||||
|
||||
/*fancytree addon - childcounter */
|
||||
span.fancytree-childcounter {
|
||||
color: #fff;
|
||||
background: #428BCA;
|
||||
|
||||
/* border: 1px solid gray; */
|
||||
position: absolute;
|
||||
top: -9px;
|
||||
right: -8px;
|
||||
min-width: 13px;
|
||||
height: 13px;
|
||||
line-height: 9px;
|
||||
vertical-align: baseline;
|
||||
border-radius: 10px;
|
||||
|
||||
/*50%;*/
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
/*fancytree addon - columnview*/
|
||||
table.fancytree-ext-columnview {
|
||||
outline: 0;
|
||||
border: 0;
|
||||
}
|
||||
table.fancytree-container tbody tr td {
|
||||
padding: 8px 14px;
|
||||
border-color: #EEE;
|
||||
max-width: 300px; /* width does not work */
|
||||
}
|
||||
/* prevent long lines to wrap */
|
||||
table.fancytree-container span.fancytree-node {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis;
|
||||
-ms-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
/* prevent long lines to start with a break after the icon */
|
||||
table.fancytree-container span.fancytree-title {
|
||||
display: inline;
|
||||
}
|
||||
table.fancytree-container span.selTag {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 3px 7px;
|
||||
margin: 1px 5px;
|
||||
background-color: #dec;
|
||||
border: 0;
|
||||
border-radius: 1px;
|
||||
}
|
||||
table.fancytree-ext-columnview tbody tr #tags,
|
||||
table.fancytree-ext-columnview tbody tr #preview {
|
||||
padding: 12px 14px;
|
||||
vertical-align: middle;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
41
libraries/framework/skin/base/plugins/typeahead.less
Normal file
41
libraries/framework/skin/base/plugins/typeahead.less
Normal file
@@ -0,0 +1,41 @@
|
||||
/*===============================================
|
||||
Twitters Typeahead.js
|
||||
================================================= */
|
||||
/* typeahead wrapper */
|
||||
span.twitter-typeahead {
|
||||
width: 100%;
|
||||
}
|
||||
/* dropdown suggestion menu */
|
||||
.tt-dropdown-menu {
|
||||
width: 100%;
|
||||
max-height: 250px;
|
||||
overflow: hidden;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
|
||||
margin-top: 8px;
|
||||
padding: 8px 0;
|
||||
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
|
||||
box-shadow: 0 5px 10px rgba(0,0,0,.1);
|
||||
}
|
||||
/* individual suggestions */
|
||||
.tt-suggestion {
|
||||
padding: 2px 12px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
/* active/:hover suggestion */
|
||||
.tt-suggestion.tt-cursor {
|
||||
cursor: pointer;
|
||||
color: @suggestion-active-text;
|
||||
background-color: @suggestion-active-bg;
|
||||
}
|
||||
.tt-suggestion p {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user