mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-11 22:41:38 +08:00
添加Metronic（作为LFS）
This commit is contained in:
164
frontend/static/css/modules/formValidation.css
Normal file
164
frontend/static/css/modules/formValidation.css
Normal file
@@ -0,0 +1,164 @@
|
||||
/**
|
||||
* FormValidation (http://formvalidation.io)
|
||||
* The best jQuery plugin to validate form fields. Support Bootstrap, Foundation, Pure, SemanticUI, UIKit and custom frameworks
|
||||
*
|
||||
* @author http://twitter.com/nghuuphuoc
|
||||
* @copyright (c) 2013 - 2015 Nguyen Huu Phuoc
|
||||
* @license http://formvalidation.io/license/
|
||||
*/
|
||||
|
||||
.fv-has-feedback {
|
||||
position: relative;
|
||||
}
|
||||
.fv-control-feedback {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
}
|
||||
.fv-has-feedback .fv-control-feedback {
|
||||
/*right: 15px;*/
|
||||
}
|
||||
.fv-help-block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For Bootstrap form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-bootstrap .help-block {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.fv-form-bootstrap .tooltip-inner {
|
||||
text-align: left;
|
||||
}
|
||||
/* Bootstrap stacked form without label */
|
||||
.fv-form-bootstrap .fv-icon-no-label {
|
||||
top: 0;
|
||||
}
|
||||
.fv-form-bootstrap .fv-bootstrap-icon-input-group {
|
||||
z-index: 100;
|
||||
}
|
||||
/* Bootstrap inline form */
|
||||
.form-inline.fv-form-bootstrap .form-group {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For Foundation form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-foundation .fv-control-feedback {
|
||||
top: 21px; /* The height of Foundation label */
|
||||
right: 15px; /* The padding-right of .columns */
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
line-height: 37px;
|
||||
}
|
||||
.fv-form-foundation .collapse .fv-control-feedback {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
/* Foundation horizontal form */
|
||||
.fv-form-horizontal.fv-form-foundation .fv-control-feedback {
|
||||
top: 0;
|
||||
}
|
||||
/* Foundation stacked form without label */
|
||||
.fv-form-foundation .fv-icon-no-label {
|
||||
top: 0;
|
||||
}
|
||||
.fv-form-foundation .error .fv-control-feedback {
|
||||
color: #f04124;
|
||||
}
|
||||
/**
|
||||
* Foundation reset the bottom marin to 0 when the row has '.error' class
|
||||
* I need to adjust it when using tooltip to show the error
|
||||
*/
|
||||
.fv-form-foundation .error.fv-has-tooltip input, .error.fv-has-tooltip textarea, .error.fv-has-tooltip select {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For Pure form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-pure .fv-control-feedback {
|
||||
top: 22px; /* Height of Pure label */
|
||||
width: 36px; /* Height of Pure input */
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
.pure-form-stacked.fv-form-pure .fv-control-feedback {
|
||||
top: 4px;
|
||||
}
|
||||
.pure-form-aligned .pure-control-group .fv-help-block {
|
||||
margin-top: 5px;
|
||||
margin-left: 180px;
|
||||
}
|
||||
.pure-form-aligned.fv-form-pure .fv-control-feedback, /* Pure horizontal form */
|
||||
.fv-form-pure .fv-icon-no-label { /* Pure stacked form without label */
|
||||
top: 0;
|
||||
}
|
||||
.fv-form-pure .fv-has-error label,
|
||||
.fv-form-pure .fv-has-error .fv-help-block,
|
||||
.fv-form-pure .fv-has-error .fv-control-feedback {
|
||||
color: #CA3C3C; /* Same as .button-error */
|
||||
}
|
||||
.fv-form-pure .fv-has-success label,
|
||||
.fv-form-pure .fv-has-success .fv-control-feedback {
|
||||
/*color: #1CB841;*/ /* Same as .button-success */
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For Semantic form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-semantic .fv-control-feedback.icon {
|
||||
right: 7px;
|
||||
}
|
||||
.fv-form-semantic .error .icon {
|
||||
color: #d95c5c;
|
||||
}
|
||||
/* Semantic horizontal form */
|
||||
.fv-form-horizontal.fv-form-semantic .row {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For UIKit form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-uikit .fv-control-feedback {
|
||||
top: 25px; /* Height of UIKit label */
|
||||
width: 30px; /* Height of UIKit input */
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.fv-form-uikit .uk-text-danger {
|
||||
display: block;
|
||||
}
|
||||
/* UIKit horizontal form */
|
||||
.uk-form-horizontal.fv-form-uikit .fv-control-feedback {
|
||||
/*line-height: normal;*/
|
||||
top: 0;
|
||||
}
|
||||
.fv-form-uikit .fv-has-error label,
|
||||
.fv-form-uikit .fv-has-error .uk-form-label,
|
||||
.fv-form-uikit .fv-has-error .fv-control-feedback {
|
||||
color: #D85030; /* Same as .uk-form-danger */
|
||||
}
|
||||
.fv-form-uikit .fv-has-success label,
|
||||
.fv-form-uikit .fv-has-success .uk-form-label,
|
||||
.fv-form-uikit .fv-has-success .fv-control-feedback {
|
||||
/*color: #659F13;*/ /* Same as .uk-form-success */
|
||||
}
|
||||
/* UIKit stacked form without label */
|
||||
.fv-form-uikit .fv-icon-no-label {
|
||||
top: 0;
|
||||
}
|
||||
206
frontend/static/css/modules/lightbox.css
Normal file
206
frontend/static/css/modules/lightbox.css
Normal file
@@ -0,0 +1,206 @@
|
||||
/* Preload images */
|
||||
body:after {
|
||||
content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.lb-disable-scrolling {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lightbox {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.lightbox .lb-image {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: inherit;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.lightbox a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
*zoom: 1;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-outerContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-container {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.lb-loader {
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 0;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.lb-cancel {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 auto;
|
||||
background: url(../images/loading.gif) no-repeat;
|
||||
}
|
||||
|
||||
.lb-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.lb-container > .nav {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.lb-nav a {
|
||||
outline: none;
|
||||
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
|
||||
}
|
||||
|
||||
.lb-prev, .lb-next {
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev {
|
||||
width: 34%;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: url(../images/prev.png) left 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next {
|
||||
width: 64%;
|
||||
right: 0;
|
||||
float: right;
|
||||
background: url(../images/next.png) right 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-dataContainer {
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
*zoom: 1;
|
||||
width: 100%;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-dataContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-data {
|
||||
padding: 0 4px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.lb-data .lb-details {
|
||||
width: 85%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-caption {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-number {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1em;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.lb-data .lb-close {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(../images/close.png) top right no-repeat;
|
||||
text-align: right;
|
||||
outline: none;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
-o-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.lb-data .lb-close:hover {
|
||||
cursor: pointer;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
Reference in New Issue
Block a user