Initial commit
This commit is contained in:
@@ -0,0 +1,365 @@
|
||||
/*
|
||||
Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre
|
||||
{
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
padding: 10px 30px;
|
||||
}
|
||||
|
||||
input, textarea, select, option, optgroup, button, td, th
|
||||
{
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
pre
|
||||
{
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
-webkit-tab-size: 4;
|
||||
tab-size: 4;
|
||||
}
|
||||
|
||||
pre, code, kbd, samp, tt
|
||||
{
|
||||
font-family: monospace,monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
code
|
||||
{
|
||||
background: #f3f3f3;
|
||||
border: 1px solid #ddd;
|
||||
padding: 1px 4px;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
abbr
|
||||
{
|
||||
border-bottom: 1px dotted #555;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.new, .beta
|
||||
{
|
||||
text-transform: uppercase;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
padding: 1px 4px;
|
||||
margin: 0 0 0 5px;
|
||||
color: #fff;
|
||||
float: right;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.new
|
||||
{
|
||||
background: #FF7E00;
|
||||
border: 1px solid #DA8028;
|
||||
text-shadow: 0 1px 0 #C97626;
|
||||
|
||||
-moz-box-shadow: 0 2px 3px 0 #FFA54E inset;
|
||||
-webkit-box-shadow: 0 2px 3px 0 #FFA54E inset;
|
||||
box-shadow: 0 2px 3px 0 #FFA54E inset;
|
||||
}
|
||||
|
||||
.beta
|
||||
{
|
||||
background: #18C0DF;
|
||||
border: 1px solid #19AAD8;
|
||||
text-shadow: 0 1px 0 #048CAD;
|
||||
font-style: italic;
|
||||
|
||||
-moz-box-shadow: 0 2px 3px 0 #50D4FD inset;
|
||||
-webkit-box-shadow: 0 2px 3px 0 #50D4FD inset;
|
||||
box-shadow: 0 2px 3px 0 #50D4FD inset;
|
||||
}
|
||||
|
||||
h1.samples
|
||||
{
|
||||
color: #0782C1;
|
||||
font-size: 200%;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1.samples a
|
||||
{
|
||||
color: #0782C1;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted #0782C1;
|
||||
}
|
||||
|
||||
.samples a:hover
|
||||
{
|
||||
border-bottom: 1px dotted #0782C1;
|
||||
}
|
||||
|
||||
h2.samples
|
||||
{
|
||||
color: #000000;
|
||||
font-size: 130%;
|
||||
margin: 15px 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p, blockquote, address, form, pre, dl, h1.samples, h2.samples
|
||||
{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
ul.samples
|
||||
{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.clear
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
fieldset
|
||||
{
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
body, input, textarea
|
||||
{
|
||||
color: #333333;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
a.samples
|
||||
{
|
||||
color: #189DE1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
form
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
pre.samples
|
||||
{
|
||||
background-color: #F7F7F7;
|
||||
border: 1px solid #D7D7D7;
|
||||
overflow: auto;
|
||||
padding: 0.25em;
|
||||
white-space: pre-wrap; /* CSS 2.1 */
|
||||
word-wrap: break-word; /* IE7 */
|
||||
}
|
||||
|
||||
#footer
|
||||
{
|
||||
clear: both;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#footer hr
|
||||
{
|
||||
margin: 10px 0 15px 0;
|
||||
height: 1px;
|
||||
border: solid 1px gray;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#footer p
|
||||
{
|
||||
margin: 0 10px 10px 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#footer #copy
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
#outputSample
|
||||
{
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
#outputSample thead th
|
||||
{
|
||||
color: #dddddd;
|
||||
background-color: #999999;
|
||||
padding: 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#outputSample tbody th
|
||||
{
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#outputSample pre
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.description
|
||||
{
|
||||
border: 1px dotted #B7B7B7;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px 10px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
label
|
||||
{
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
/**
|
||||
* CKEditor editables are automatically set with the "cke_editable" class
|
||||
* plus cke_editable_(inline|themed) depending on the editor type.
|
||||
*/
|
||||
|
||||
/* Style a bit the inline editables. */
|
||||
.cke_editable.cke_editable_inline
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Once an editable element gets focused, the "cke_focus" class is
|
||||
added to it, so we can style it differently. */
|
||||
.cke_editable.cke_editable_inline.cke_focus
|
||||
{
|
||||
box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
|
||||
outline: none;
|
||||
background: #eee;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
/* Avoid pre-formatted overflows inline editable. */
|
||||
.cke_editable_inline pre
|
||||
{
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/**
|
||||
* Samples index styles.
|
||||
*/
|
||||
|
||||
.twoColumns,
|
||||
.twoColumnsLeft,
|
||||
.twoColumnsRight
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.twoColumnsLeft,
|
||||
.twoColumnsRight
|
||||
{
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.twoColumnsLeft
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.twoColumnsRight
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
dl.samples
|
||||
{
|
||||
padding: 0 0 0 40px;
|
||||
}
|
||||
dl.samples > dt
|
||||
{
|
||||
display: list-item;
|
||||
list-style-type: disc;
|
||||
list-style-position: outside;
|
||||
margin: 0 0 3px;
|
||||
}
|
||||
dl.samples > dd
|
||||
{
|
||||
margin: 0 0 3px;
|
||||
}
|
||||
.warning
|
||||
{
|
||||
color: #ff0000;
|
||||
background-color: #FFCCBA;
|
||||
border: 2px dotted #ff0000;
|
||||
padding: 15px 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
/* Used on inline samples */
|
||||
|
||||
blockquote
|
||||
{
|
||||
font-style: italic;
|
||||
font-family: Georgia, Times, "Times New Roman", serif;
|
||||
padding: 2px 0;
|
||||
border-style: solid;
|
||||
border-color: #ccc;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.cke_contents_ltr blockquote
|
||||
{
|
||||
padding-left: 20px;
|
||||
padding-right: 8px;
|
||||
border-left-width: 5px;
|
||||
}
|
||||
|
||||
.cke_contents_rtl blockquote
|
||||
{
|
||||
padding-left: 8px;
|
||||
padding-right: 20px;
|
||||
border-right-width: 5px;
|
||||
}
|
||||
|
||||
img.right {
|
||||
border: 1px solid #ccc;
|
||||
float: right;
|
||||
margin-left: 15px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
img.left {
|
||||
border: 1px solid #ccc;
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.marker
|
||||
{
|
||||
background-color: Yellow;
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
.login_cointainer {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 30%;
|
||||
width: 40%;
|
||||
max-height: 350px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #0C7491;
|
||||
margin: 10% auto;
|
||||
padding: 10px;
|
||||
opacity:0.9;
|
||||
}
|
||||
|
||||
p.form_label
|
||||
{
|
||||
font-weight: bolder;
|
||||
font-size: 14px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
img.user_login
|
||||
{
|
||||
height: 25px;
|
||||
padding-top: 0px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border: 1px solid rgb(41,171,226);
|
||||
background-color: rgb(41,171,226);
|
||||
}
|
||||
input.log_pass
|
||||
{
|
||||
border: 1px solid rgb(41,171,226);
|
||||
font-size: 14px;
|
||||
height: 23px;
|
||||
padding-left: 5px;
|
||||
padding-top: 0px;
|
||||
vertical-align: top;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
select.log_branch
|
||||
{
|
||||
border: 1px solid rgb(41,171,226);
|
||||
font-size: 14px;
|
||||
height: 27px;
|
||||
padding-left: 5px;
|
||||
padding-top: 0px;
|
||||
vertical-align: top;
|
||||
width: 70%;
|
||||
}
|
||||
+142
@@ -0,0 +1,142 @@
|
||||
input, select, option, textarea {
|
||||
font-size: 13px;
|
||||
padding: 5px;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
|
||||
input[type=text]:focus {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
form.form_valid label.error, label.error, *.com_error {
|
||||
/* remove the next line when you have trouble in IE6 with labels in list */
|
||||
color: red;
|
||||
font-style: italic;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
input.req {
|
||||
color: #000000;
|
||||
border: 1px solid #ff0000;
|
||||
}
|
||||
input.text75 {
|
||||
color: #000000;
|
||||
width: 75%;
|
||||
}
|
||||
input.text75_req {
|
||||
color: #000000;
|
||||
width: 75%;
|
||||
border: 1px solid #ff0000;
|
||||
|
||||
}
|
||||
input.text50 {
|
||||
color: #000000;
|
||||
width: 50%;
|
||||
}
|
||||
input.text50_req {
|
||||
color: #000000;
|
||||
width: 50%;
|
||||
border: 1px solid #ff0000;
|
||||
}
|
||||
input.postcode {
|
||||
color: #000000;
|
||||
width: 75px;
|
||||
}
|
||||
|
||||
input.float {
|
||||
color: #000000;
|
||||
width: 75px;
|
||||
text-align: right;
|
||||
}
|
||||
input.float_req {
|
||||
color: #000000;
|
||||
width: 75px;
|
||||
text-align: right;
|
||||
border: 1px solid #ff0000;
|
||||
}
|
||||
|
||||
|
||||
input.add_button {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
background-color: #319600;
|
||||
width: 150px;
|
||||
height: 25px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
input.save_button {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
background-color: #319600;
|
||||
width: 150px;
|
||||
height: 25;
|
||||
border-radius: 4px;
|
||||
}
|
||||
input.cancel_button {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
background-color: #868686;
|
||||
width: 100px;
|
||||
height: 25px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
input.delete_button {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
background-color: #dc5142;
|
||||
width: 100px;
|
||||
height: 25px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
input.well_extra_button {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
background-color: #0C7491;
|
||||
width: 200px;
|
||||
height: 25px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
textarea {
|
||||
font-size: 13px;
|
||||
width: 75%;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
|
||||
input.readonly_hide
|
||||
{
|
||||
border-right: #fff 0px solid;
|
||||
border-top: #fff 0px solid;
|
||||
border-left: #fff 0px solid;
|
||||
border-bottom: #fff 0px solid;
|
||||
width: 95%;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
input.readonly_show
|
||||
{
|
||||
border-right: #000 1px solid;
|
||||
border-top: #000 1px solid;
|
||||
border-left: #000 1px solid;
|
||||
border-bottom: #000 1px solid;
|
||||
}
|
||||
|
||||
|
||||
select.req {
|
||||
color: #000000;
|
||||
border: 1px solid #ff0000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
a.knowledge
|
||||
{
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
vertical-align: middle;
|
||||
|
||||
}
|
||||
|
||||
a.blue
|
||||
{
|
||||
text-decoration: none;
|
||||
color: #0000FF;
|
||||
}
|
||||
|
||||
a.blue_under_table
|
||||
{
|
||||
text-decoration: none;
|
||||
color: #0000FF;
|
||||
}
|
||||
|
||||
a.blue_under_table:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
color: #009bc7;
|
||||
}
|
||||
|
||||
|
||||
a.kontrukcja
|
||||
{
|
||||
text-decoration: none;
|
||||
color: #4B4B4B;
|
||||
}
|
||||
|
||||
a.kontrukcja:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
color: #009bc7;
|
||||
}
|
||||
+269
@@ -0,0 +1,269 @@
|
||||
/* ============================================================================
|
||||
* SoftSPM — nowa strona logowania (uklad dwukolumnowy)
|
||||
* Lewa kolumna: ciemny panel + animacja "wave mesh" (napis SoftSPM).
|
||||
* Prawa kolumna: jasny formularz logowania z nowym logo.
|
||||
* Kolory marki: turkus #29ABE2 / #0C7491, czerwien #C1272D.
|
||||
* ========================================================================== */
|
||||
|
||||
:root {
|
||||
--spm-teal: #29abe2;
|
||||
--spm-teal-dark: #0c7491;
|
||||
--spm-red: #c1272d;
|
||||
--spm-ink: #26323a;
|
||||
--spm-muted: #7d8a93;
|
||||
--spm-line: #dfe6ea;
|
||||
}
|
||||
|
||||
/* nadpisanie tla body z index.php na ekranie logowania */
|
||||
body.spm-login-body {
|
||||
margin: 0;
|
||||
background: #06121a !important;
|
||||
}
|
||||
|
||||
.spm-auth {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
display: flex;
|
||||
font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
color: var(--spm-ink);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ---------------------------- LEWA: WIZUAL ------------------------------- */
|
||||
.spm-auth__visual {
|
||||
position: relative;
|
||||
flex: 1 1 50%;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
background:
|
||||
/* miekka figura: duze kolo w prawym-gornym rogu */
|
||||
radial-gradient(42% 42% at 96% 4%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 70%),
|
||||
/* miekka figura: duze kolo w lewym-dolnym rogu */
|
||||
radial-gradient(46% 46% at 4% 98%, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 70%),
|
||||
/* poswiata marki przy dolnej krawedzi */
|
||||
radial-gradient(60% 55% at 22% 104%, rgba(41, 171, 226, 0.22) 0%, rgba(41, 171, 226, 0) 60%),
|
||||
/* lekki turkusowy refleks w prawym-gornym rogu */
|
||||
radial-gradient(55% 50% at 100% 0%, rgba(41, 171, 226, 0.14) 0%, rgba(41, 171, 226, 0) 55%),
|
||||
/* bazowy gradient panelu */
|
||||
linear-gradient(155deg, #0a5366 0%, #074152 45%, #052b39 75%, #04212c 100%);
|
||||
}
|
||||
|
||||
/* wzor geometryczny: delikatna siatka punktow (wygasza sie ku dolowi) */
|
||||
.spm-auth__visual::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, rgba(255, 255, 255, 0) 1.6px);
|
||||
background-size: 24px 24px;
|
||||
opacity: 0.5;
|
||||
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 65%);
|
||||
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 65%);
|
||||
}
|
||||
|
||||
/* wzor geometryczny: kontur duzego okregu w prawym-gornym rogu */
|
||||
.spm-auth__visual::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
width: 560px;
|
||||
height: 560px;
|
||||
right: -180px;
|
||||
top: -190px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid rgba(255, 255, 255, 0.07);
|
||||
background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 68%);
|
||||
}
|
||||
|
||||
.spm-auth__canvas {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
top: 0; left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.spm-auth__visual-top {
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
left: 44px;
|
||||
z-index: 2;
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.spm-auth__kicker {
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.32em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(41, 171, 226, 0.85);
|
||||
margin: 0 0 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.spm-auth__lead {
|
||||
margin: 0;
|
||||
font-size: 44px;
|
||||
line-height: 1.15;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.01em;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.spm-auth__lead b {
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ---------------------------- PRAWA: FORMULARZ -------------------------- */
|
||||
.spm-auth__panel {
|
||||
flex: 1 1 50%;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #ffffff;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.spm-auth__card {
|
||||
width: 100%;
|
||||
max-width: 360px;
|
||||
padding: 32px 28px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.spm-auth__logo {
|
||||
display: block;
|
||||
width: 220px;
|
||||
max-width: 80%;
|
||||
height: auto;
|
||||
margin: 0 0 28px;
|
||||
}
|
||||
|
||||
.spm-auth__heading {
|
||||
margin: 0 0 4px;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: var(--spm-ink);
|
||||
}
|
||||
|
||||
.spm-auth__sub {
|
||||
margin: 0 0 26px;
|
||||
font-size: 13px;
|
||||
color: var(--spm-muted);
|
||||
}
|
||||
|
||||
.spm-field {
|
||||
position: relative;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.spm-field__icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 14px;
|
||||
transform: translateY(-50%);
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
color: var(--spm-teal);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.spm-input,
|
||||
.spm-select {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
height: 46px;
|
||||
padding: 0 14px 0 42px;
|
||||
font-size: 14px;
|
||||
color: var(--spm-ink);
|
||||
background: #f6f9fb;
|
||||
border: 1px solid var(--spm-line);
|
||||
border-radius: 8px;
|
||||
outline: none;
|
||||
transition: border-color .15s, box-shadow .15s, background .15s;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.spm-select {
|
||||
cursor: pointer;
|
||||
background-image:
|
||||
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%237d8a93' d='M1 1l5 5 5-5'/></svg>");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 14px center;
|
||||
}
|
||||
|
||||
.spm-input:focus,
|
||||
.spm-select:focus {
|
||||
border-color: var(--spm-teal);
|
||||
background: #fff;
|
||||
box-shadow: 0 0 0 3px rgba(41, 171, 226, 0.15);
|
||||
}
|
||||
|
||||
.spm-input::placeholder {
|
||||
color: #aab4ba;
|
||||
}
|
||||
|
||||
.spm-btn {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
margin-top: 8px;
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.02em;
|
||||
color: #fff;
|
||||
background: linear-gradient(135deg, var(--spm-teal) 0%, var(--spm-teal-dark) 100%);
|
||||
box-shadow: 0 6px 16px rgba(12, 116, 145, 0.25);
|
||||
transition: transform .08s, box-shadow .15s, filter .15s;
|
||||
}
|
||||
|
||||
.spm-btn:hover {
|
||||
filter: brightness(1.05);
|
||||
box-shadow: 0 8px 20px rgba(12, 116, 145, 0.32);
|
||||
}
|
||||
|
||||
.spm-btn:active {
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
.spm-auth__foot {
|
||||
margin-top: 22px;
|
||||
font-size: 12px;
|
||||
color: var(--spm-muted);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.spm-auth__foot b {
|
||||
color: var(--spm-red);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* ------------------------------ RESPONSYWNIE ---------------------------- */
|
||||
@media (max-width: 860px) {
|
||||
.spm-auth {
|
||||
flex-direction: column;
|
||||
}
|
||||
.spm-auth__visual {
|
||||
flex: 0 0 200px;
|
||||
}
|
||||
.spm-auth__visual-top {
|
||||
top: 22px;
|
||||
left: 24px;
|
||||
}
|
||||
.spm-auth__lead {
|
||||
font-size: 24px;
|
||||
}
|
||||
.spm-auth__panel {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
dl#map_01_pumps{
|
||||
background: transparent url(../foto/map_01_pumps.png) top left no-repeat;
|
||||
width: 900px;
|
||||
height: 521px;
|
||||
position: relative;
|
||||
}
|
||||
dd{ position: absolute; font-size: 85%; }
|
||||
|
||||
/* ---------- Pump 101 ---------- */
|
||||
dd#pomp_101Def{ left: 51px; top: 164px; }
|
||||
dd#pomp_101Def a{ position: absolute; width: 31px; height: 47px; text-decoration: none; }
|
||||
dd#pomp_101Def a span{ display: none; }
|
||||
dd#pomp_101Def a:hover span{
|
||||
display: block;
|
||||
color: #000;
|
||||
background-color: #F4F4F4;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
width: 200px;
|
||||
border-radius: 4px;
|
||||
top: 23px;
|
||||
left: 31px;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
/* ---------- Pump 102 ---------- */
|
||||
dd#pomp_102Def{ left: 587px; top: 230px; }
|
||||
dd#pomp_102Def a{ position: absolute; width: 31px; height: 47px; text-decoration: none; }
|
||||
dd#pomp_102Def a span{ display: none; }
|
||||
dd#pomp_102Def a:hover span{
|
||||
display: block;
|
||||
color: #000;
|
||||
background-color: #F4F4F4;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
width: 200px;
|
||||
border-radius: 4px;
|
||||
top: 23px;
|
||||
left: 31px;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
@@ -0,0 +1,120 @@
|
||||
.ms-container{
|
||||
background: transparent url('../images/switch.png') no-repeat 50% 50%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ms-container:after{
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
clear: both;
|
||||
min-height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable, .ms-container .ms-selection{
|
||||
background: #fff;
|
||||
color: #555555;
|
||||
float: left;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.ms-container .ms-list{
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
border: 1px solid #ccc;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
height: 300px;
|
||||
padding: 0;
|
||||
overflow-y: auto;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable{
|
||||
margin-right: 10%;
|
||||
}
|
||||
|
||||
.ms-container .ms-list.ms-focus{
|
||||
border-color: rgba(82, 168, 236, 0.8);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
outline: 0;
|
||||
outline: thin dotted \9;
|
||||
}
|
||||
|
||||
.ms-container ul{
|
||||
margin: 2;
|
||||
list-style-type: none;
|
||||
padding: 2;
|
||||
}
|
||||
|
||||
.ms-container .ms-optgroup-container{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ms-container .ms-optgroup-label{
|
||||
margin: 0;
|
||||
padding: 5px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable li.ms-elem-selectable,
|
||||
.ms-container .ms-selection li.ms-elem-selection{
|
||||
border-bottom: 1px #eee solid;
|
||||
padding: 2px 10px;
|
||||
color: #555;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable li.ms-hover,
|
||||
.ms-container .ms-selection li.ms-hover{
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #00b5fb;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable li.disabled,
|
||||
.ms-container .ms-selection li.disabled{
|
||||
background-color: #eee;
|
||||
color: #aaa;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
a.multi_sel_add
|
||||
{
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
padding: 5px;
|
||||
color: #319600;
|
||||
}
|
||||
a.multi_sel_add:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a.multi_sel_del
|
||||
{
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
padding: 5px;
|
||||
color: #dc0000;
|
||||
}
|
||||
a.multi_sel_del:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -0,0 +1,151 @@
|
||||
|
||||
#loader-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1000;
|
||||
}
|
||||
#loader {
|
||||
display: block;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin: -75px 0 0 -75px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #3498db;
|
||||
|
||||
-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
|
||||
animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
|
||||
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#loader:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #e74c3c;
|
||||
|
||||
-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
|
||||
animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
|
||||
}
|
||||
|
||||
#loader:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #f9c922;
|
||||
|
||||
-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
|
||||
animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
|
||||
-ms-transform: rotate(0deg); /* IE 9 */
|
||||
transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
|
||||
-ms-transform: rotate(360deg); /* IE 9 */
|
||||
transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
|
||||
}
|
||||
}
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
|
||||
-ms-transform: rotate(0deg); /* IE 9 */
|
||||
transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
|
||||
-ms-transform: rotate(360deg); /* IE 9 */
|
||||
transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
|
||||
}
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 51%;
|
||||
height: 100%;
|
||||
background: #222222;
|
||||
z-index: 1000;
|
||||
-webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
|
||||
-ms-transform: translateX(0); /* IE 9 */
|
||||
transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section.section-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section.section-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* Loaded */
|
||||
.loaded #loader-wrapper .loader-section.section-left {
|
||||
-webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
|
||||
-ms-transform: translateX(-100%); /* IE 9 */
|
||||
transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
|
||||
|
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
}
|
||||
|
||||
.loaded #loader-wrapper .loader-section.section-right {
|
||||
-webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
|
||||
-ms-transform: translateX(100%); /* IE 9 */
|
||||
transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
|
||||
|
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
}
|
||||
|
||||
.loaded #loader {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.loaded #loader-wrapper {
|
||||
visibility: hidden;
|
||||
|
||||
-webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
|
||||
-ms-transform: translateY(-100%); /* IE 9 */
|
||||
transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
|
||||
|
||||
-webkit-transition: all 0.3s 1s ease-out;
|
||||
transition: all 0.3s 1s ease-out;
|
||||
}
|
||||
|
||||
/* JavaScript Turned Off */
|
||||
.no-js #loader-wrapper {
|
||||
display: none;
|
||||
}
|
||||
.no-js h1 {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin: 0 auto;
|
||||
padding-bottom: 50px;
|
||||
width: 80%;
|
||||
max-width: 978px;
|
||||
}
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
+332
@@ -0,0 +1,332 @@
|
||||
* {
|
||||
color: #4B4B4B;
|
||||
font-family: Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* ==================================================================== */
|
||||
div.main {
|
||||
width: 1000px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 5px;
|
||||
}
|
||||
/* ==================================================================== */
|
||||
|
||||
/* pasek górny z logowaniem*/
|
||||
/* ==================================================================== */
|
||||
div.LogLog {
|
||||
position:relative;
|
||||
margin-top: 5px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
div.logo_name {
|
||||
position:absolute;
|
||||
width: 50%;
|
||||
}
|
||||
div.logged_block {
|
||||
position:absolute;
|
||||
width: 35%;
|
||||
right:0px;
|
||||
}
|
||||
span.login_name {
|
||||
position:absolute;
|
||||
width: 175px;
|
||||
right: 105px;
|
||||
top: 6px;
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
div.language {
|
||||
position:absolute;
|
||||
right:0px;
|
||||
}
|
||||
/* ==================================================================== */
|
||||
|
||||
|
||||
|
||||
/* ==================================================================== */
|
||||
div.system_name {
|
||||
display: block;
|
||||
margin-top:9px;
|
||||
color: #ffffff;
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
width: 365px;
|
||||
}
|
||||
div.head_space {
|
||||
display: block;
|
||||
height: 25px;
|
||||
}
|
||||
div.topmenu {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background-color: #BB0000;
|
||||
|
||||
}
|
||||
|
||||
/* ==================================================================== */
|
||||
div.work_area {
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
border: 1px solid #BB0000;
|
||||
}
|
||||
|
||||
/* ==================================================================== */
|
||||
div.path_map {
|
||||
display:inline-block;
|
||||
color: #0C7491;
|
||||
vertical-align: top;
|
||||
margin-left: 5px;
|
||||
padding: 5px;
|
||||
width: 98%;
|
||||
|
||||
}
|
||||
|
||||
div.footer {
|
||||
width: 100%;
|
||||
padding-top: 5px;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
/* TAGS =============================================================== */
|
||||
/* ==================================================================== */
|
||||
div.tag50_left {
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
margin-left: 5px;
|
||||
padding: 5px;
|
||||
width: 48%;
|
||||
|
||||
}
|
||||
|
||||
div.tag50_right {
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
margin-right: 5px;
|
||||
padding: 5px;
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
div.tag100 {
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
padding: 5px;
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
div.actionOK {
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
width: 955px;
|
||||
font-size: 13px;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
background-color: #319600;
|
||||
border-radius: 4px;
|
||||
}
|
||||
div.actionERROR {
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
width: 955px;
|
||||
font-size: 13px;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
background-color: #FF4848;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
div.infoENERGETIC {
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
width: 955px;
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
background-color: #ffff00;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
div.infoWATER {
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
width: 955px;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
background-color: #0080ff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
div.head_tag {
|
||||
display:inline-block;
|
||||
margin-bottom: 0px;
|
||||
width: 100%;
|
||||
height: 15px;
|
||||
padding: 2px;
|
||||
color: #ffffff;
|
||||
background-color: #0C7491;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
div.tag {
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 0px;
|
||||
padding: 2px;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
|
||||
div.steps {
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
div.footer_selection_info {
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
text-align: justify;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
div.footer_selection_alert {
|
||||
display:inline-block;
|
||||
color: #ff0000;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.tag_warning {
|
||||
display:inline-block;
|
||||
width: 99%;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 0px;
|
||||
padding: 10px;
|
||||
color: #dc0000;
|
||||
font-weight: bold;
|
||||
border: 1px solid #dc0000;
|
||||
}
|
||||
div.tag_center {
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 0px;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
|
||||
div.tag_OnOffButtons {
|
||||
display:inline-block;
|
||||
background: transparent url(../foto/backclaud.jpg) top left no-repeat;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 0px;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
|
||||
div.tag_WellName {
|
||||
display:inline-block;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
color: #dc0000;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 0px;
|
||||
padding: 2px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
|
||||
div.tag_WellDate {
|
||||
display:inline-block;
|
||||
font-size: 22px;
|
||||
color: #0080ff;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 0px;
|
||||
padding: 2px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
|
||||
|
||||
div.tag_buttons {
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
padding: 2px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.tag_ChemicalButtons {
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#progressBar {
|
||||
background:#0C7491;
|
||||
color: #bb0000;
|
||||
border-radius: 5px;
|
||||
height: 25px;
|
||||
width: 80%;
|
||||
padding: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
border: 0.5px solid #0C7491;
|
||||
}
|
||||
|
||||
/* ==================================================================== */
|
||||
/* preloader */
|
||||
|
||||
/* ==================================================================== */
|
||||
|
||||
|
||||
/* ==================================================================== */
|
||||
/* ==================================================================== */
|
||||
|
||||
|
||||
@@ -0,0 +1,757 @@
|
||||
body.stop-scrolling {
|
||||
height: 100%;
|
||||
overflow: hidden; }
|
||||
|
||||
.sweet-overlay {
|
||||
background-color: black;
|
||||
/* IE8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
/* IE8 */
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
z-index: 10000; }
|
||||
|
||||
.sweet-alert {
|
||||
background-color: white;
|
||||
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
width: 478px;
|
||||
padding: 17px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -256px;
|
||||
margin-top: -200px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 99999; }
|
||||
@media all and (max-width: 540px) {
|
||||
.sweet-alert {
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
left: 15px;
|
||||
right: 15px; } }
|
||||
.sweet-alert h2 {
|
||||
color: #575757;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
text-transform: none;
|
||||
position: relative;
|
||||
margin: 25px 0;
|
||||
padding: 0;
|
||||
line-height: 40px;
|
||||
display: block; }
|
||||
.sweet-alert p {
|
||||
color: #797979;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
position: relative;
|
||||
text-align: inherit;
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: normal; }
|
||||
.sweet-alert fieldset {
|
||||
border: none;
|
||||
position: relative; }
|
||||
.sweet-alert .sa-error-container {
|
||||
background-color: #f1f1f1;
|
||||
margin-left: -17px;
|
||||
margin-right: -17px;
|
||||
overflow: hidden;
|
||||
padding: 0 10px;
|
||||
max-height: 0;
|
||||
webkit-transition: padding 0.15s, max-height 0.15s;
|
||||
transition: padding 0.15s, max-height 0.15s; }
|
||||
.sweet-alert .sa-error-container.show {
|
||||
padding: 10px 0;
|
||||
max-height: 100px;
|
||||
webkit-transition: padding 0.2s, max-height 0.2s;
|
||||
transition: padding 0.25s, max-height 0.25s; }
|
||||
.sweet-alert .sa-error-container .icon {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
background-color: #ea7d7d;
|
||||
color: white;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
margin-right: 3px; }
|
||||
.sweet-alert .sa-error-container p {
|
||||
display: inline-block; }
|
||||
.sweet-alert .sa-input-error {
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
right: 26px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s; }
|
||||
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
|
||||
content: "";
|
||||
width: 20px;
|
||||
height: 6px;
|
||||
background-color: #f06e57;
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -4px;
|
||||
left: 50%;
|
||||
margin-left: -9px; }
|
||||
.sweet-alert .sa-input-error::before {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.sweet-alert .sa-input-error::after {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.sweet-alert .sa-input-error.show {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
.sweet-alert input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d7d7d7;
|
||||
height: 43px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 17px;
|
||||
font-size: 18px;
|
||||
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
|
||||
padding: 0 12px;
|
||||
display: none;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s; }
|
||||
.sweet-alert input:focus {
|
||||
outline: none;
|
||||
box-shadow: 0px 0px 3px #c4e6f5;
|
||||
border: 1px solid #b4dbed; }
|
||||
.sweet-alert input:focus::-moz-placeholder {
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.5; }
|
||||
.sweet-alert input:focus:-ms-input-placeholder {
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.5; }
|
||||
.sweet-alert input:focus::-webkit-input-placeholder {
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.5; }
|
||||
.sweet-alert input::-moz-placeholder {
|
||||
color: #bdbdbd; }
|
||||
.sweet-alert input:-ms-input-placeholder {
|
||||
color: #bdbdbd; }
|
||||
.sweet-alert input::-webkit-input-placeholder {
|
||||
color: #bdbdbd; }
|
||||
.sweet-alert.show-input input {
|
||||
display: block; }
|
||||
.sweet-alert button {
|
||||
background-color: #AEDEF4;
|
||||
color: white;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 5px;
|
||||
padding: 10px 32px;
|
||||
margin: 26px 5px 0 5px;
|
||||
cursor: pointer; }
|
||||
.sweet-alert button:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
|
||||
.sweet-alert button:hover {
|
||||
background-color: #a1d9f2; }
|
||||
.sweet-alert button:active {
|
||||
background-color: #81ccee; }
|
||||
.sweet-alert button.cancel {
|
||||
background-color: #D0D0D0; }
|
||||
.sweet-alert button.cancel:hover {
|
||||
background-color: #c8c8c8; }
|
||||
.sweet-alert button.cancel:active {
|
||||
background-color: #b6b6b6; }
|
||||
.sweet-alert button.cancel:focus {
|
||||
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
|
||||
.sweet-alert button::-moz-focus-inner {
|
||||
border: 0; }
|
||||
.sweet-alert[data-has-cancel-button=false] button {
|
||||
box-shadow: none !important; }
|
||||
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
|
||||
padding-bottom: 40px; }
|
||||
.sweet-alert .sa-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 4px solid gray;
|
||||
-webkit-border-radius: 40px;
|
||||
border-radius: 40px;
|
||||
border-radius: 50%;
|
||||
margin: 20px auto;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: content-box; }
|
||||
.sweet-alert .sa-icon.sa-error {
|
||||
border-color: #F27474; }
|
||||
.sweet-alert .sa-icon.sa-error .sa-x-mark {
|
||||
position: relative;
|
||||
display: block; }
|
||||
.sweet-alert .sa-icon.sa-error .sa-line {
|
||||
position: absolute;
|
||||
height: 5px;
|
||||
width: 47px;
|
||||
background-color: #F27474;
|
||||
display: block;
|
||||
top: 37px;
|
||||
border-radius: 2px; }
|
||||
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
left: 17px; }
|
||||
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
right: 16px; }
|
||||
.sweet-alert .sa-icon.sa-warning {
|
||||
border-color: #F8BB86; }
|
||||
.sweet-alert .sa-icon.sa-warning .sa-body {
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 47px;
|
||||
left: 50%;
|
||||
top: 10px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
margin-left: -2px;
|
||||
background-color: #F8BB86; }
|
||||
.sweet-alert .sa-icon.sa-warning .sa-dot {
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
margin-left: -3px;
|
||||
left: 50%;
|
||||
bottom: 10px;
|
||||
background-color: #F8BB86; }
|
||||
.sweet-alert .sa-icon.sa-info {
|
||||
border-color: #C9DAE1; }
|
||||
.sweet-alert .sa-icon.sa-info::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 29px;
|
||||
left: 50%;
|
||||
bottom: 17px;
|
||||
border-radius: 2px;
|
||||
margin-left: -2px;
|
||||
background-color: #C9DAE1; }
|
||||
.sweet-alert .sa-icon.sa-info::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 50%;
|
||||
margin-left: -3px;
|
||||
top: 19px;
|
||||
background-color: #C9DAE1; }
|
||||
.sweet-alert .sa-icon.sa-success {
|
||||
border-color: #A5DC86; }
|
||||
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
|
||||
content: '';
|
||||
-webkit-border-radius: 40px;
|
||||
border-radius: 40px;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 120px;
|
||||
background: white;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.sweet-alert .sa-icon.sa-success::before {
|
||||
-webkit-border-radius: 120px 0 0 120px;
|
||||
border-radius: 120px 0 0 120px;
|
||||
top: -7px;
|
||||
left: -33px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform-origin: 60px 60px;
|
||||
transform-origin: 60px 60px; }
|
||||
.sweet-alert .sa-icon.sa-success::after {
|
||||
-webkit-border-radius: 0 120px 120px 0;
|
||||
border-radius: 0 120px 120px 0;
|
||||
top: -11px;
|
||||
left: 30px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform-origin: 0px 60px;
|
||||
transform-origin: 0px 60px; }
|
||||
.sweet-alert .sa-icon.sa-success .sa-placeholder {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 4px solid rgba(165, 220, 134, 0.2);
|
||||
-webkit-border-radius: 40px;
|
||||
border-radius: 40px;
|
||||
border-radius: 50%;
|
||||
box-sizing: content-box;
|
||||
position: absolute;
|
||||
left: -4px;
|
||||
top: -4px;
|
||||
z-index: 2; }
|
||||
.sweet-alert .sa-icon.sa-success .sa-fix {
|
||||
width: 5px;
|
||||
height: 90px;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
left: 28px;
|
||||
top: 8px;
|
||||
z-index: 1;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.sweet-alert .sa-icon.sa-success .sa-line {
|
||||
height: 5px;
|
||||
background-color: #A5DC86;
|
||||
display: block;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
z-index: 2; }
|
||||
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 46px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.sweet-alert .sa-icon.sa-custom {
|
||||
background-size: contain;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat; }
|
||||
|
||||
/*
|
||||
* Animations
|
||||
*/
|
||||
@-webkit-keyframes showSweetAlert {
|
||||
0% {
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.7); }
|
||||
|
||||
45% {
|
||||
transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05); }
|
||||
|
||||
80% {
|
||||
transform: scale(0.95);
|
||||
-webkit-transform: scale(0.95); }
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
|
||||
@keyframes showSweetAlert {
|
||||
0% {
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.7); }
|
||||
|
||||
45% {
|
||||
transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05); }
|
||||
|
||||
80% {
|
||||
transform: scale(0.95);
|
||||
-webkit-transform: scale(0.95); }
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
|
||||
@-webkit-keyframes hideSweetAlert {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); }
|
||||
|
||||
100% {
|
||||
transform: scale(0.5);
|
||||
-webkit-transform: scale(0.5); } }
|
||||
|
||||
@keyframes hideSweetAlert {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); }
|
||||
|
||||
100% {
|
||||
transform: scale(0.5);
|
||||
-webkit-transform: scale(0.5); } }
|
||||
|
||||
@-webkit-keyframes slideFromTop {
|
||||
0% {
|
||||
top: 0%; }
|
||||
|
||||
100% {
|
||||
top: 50%; } }
|
||||
|
||||
@keyframes slideFromTop {
|
||||
0% {
|
||||
top: 0%; }
|
||||
|
||||
100% {
|
||||
top: 50%; } }
|
||||
|
||||
@-webkit-keyframes slideToTop {
|
||||
0% {
|
||||
top: 50%; }
|
||||
|
||||
100% {
|
||||
top: 0%; } }
|
||||
|
||||
@keyframes slideToTop {
|
||||
0% {
|
||||
top: 50%; }
|
||||
|
||||
100% {
|
||||
top: 0%; } }
|
||||
|
||||
@-webkit-keyframes slideFromBottom {
|
||||
0% {
|
||||
top: 70%; }
|
||||
|
||||
100% {
|
||||
top: 50%; } }
|
||||
|
||||
@keyframes slideFromBottom {
|
||||
0% {
|
||||
top: 70%; }
|
||||
|
||||
100% {
|
||||
top: 50%; } }
|
||||
|
||||
@-webkit-keyframes slideToBottom {
|
||||
0% {
|
||||
top: 50%; }
|
||||
|
||||
100% {
|
||||
top: 70%; } }
|
||||
|
||||
@keyframes slideToBottom {
|
||||
0% {
|
||||
top: 50%; }
|
||||
|
||||
100% {
|
||||
top: 70%; } }
|
||||
|
||||
.showSweetAlert[data-animation=pop] {
|
||||
-webkit-animation: showSweetAlert 0.3s;
|
||||
animation: showSweetAlert 0.3s; }
|
||||
.showSweetAlert[data-animation=none] {
|
||||
-webkit-animation: none;
|
||||
animation: none; }
|
||||
.showSweetAlert[data-animation=slide-from-top] {
|
||||
-webkit-animation: slideFromTop 0.3s;
|
||||
animation: slideFromTop 0.3s; }
|
||||
.showSweetAlert[data-animation=slide-from-bottom] {
|
||||
-webkit-animation: slideFromBottom 0.3s;
|
||||
animation: slideFromBottom 0.3s; }
|
||||
|
||||
.hideSweetAlert[data-animation=pop] {
|
||||
-webkit-animation: hideSweetAlert 0.2s;
|
||||
animation: hideSweetAlert 0.2s; }
|
||||
.hideSweetAlert[data-animation=none] {
|
||||
-webkit-animation: none;
|
||||
animation: none; }
|
||||
.hideSweetAlert[data-animation=slide-from-top] {
|
||||
-webkit-animation: slideToTop 0.4s;
|
||||
animation: slideToTop 0.4s; }
|
||||
.hideSweetAlert[data-animation=slide-from-bottom] {
|
||||
-webkit-animation: slideToBottom 0.3s;
|
||||
animation: slideToBottom 0.3s; }
|
||||
|
||||
@-webkit-keyframes animateSuccessTip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
|
||||
@keyframes animateSuccessTip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
|
||||
@-webkit-keyframes animateSuccessLong {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0px;
|
||||
top: 35px; }
|
||||
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
|
||||
@keyframes animateSuccessLong {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0px;
|
||||
top: 35px; }
|
||||
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
|
||||
@-webkit-keyframes rotatePlaceholder {
|
||||
0% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
|
||||
5% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
|
||||
12% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); }
|
||||
|
||||
100% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); } }
|
||||
|
||||
@keyframes rotatePlaceholder {
|
||||
0% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
|
||||
5% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
|
||||
12% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); }
|
||||
|
||||
100% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); } }
|
||||
|
||||
.animateSuccessTip {
|
||||
-webkit-animation: animateSuccessTip 0.75s;
|
||||
animation: animateSuccessTip 0.75s; }
|
||||
|
||||
.animateSuccessLong {
|
||||
-webkit-animation: animateSuccessLong 0.75s;
|
||||
animation: animateSuccessLong 0.75s; }
|
||||
|
||||
.sa-icon.sa-success.animate::after {
|
||||
-webkit-animation: rotatePlaceholder 4.25s ease-in;
|
||||
animation: rotatePlaceholder 4.25s ease-in; }
|
||||
|
||||
@-webkit-keyframes animateErrorIcon {
|
||||
0% {
|
||||
transform: rotateX(100deg);
|
||||
-webkit-transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
|
||||
@keyframes animateErrorIcon {
|
||||
0% {
|
||||
transform: rotateX(100deg);
|
||||
-webkit-transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
|
||||
.animateErrorIcon {
|
||||
-webkit-animation: animateErrorIcon 0.5s;
|
||||
animation: animateErrorIcon 0.5s; }
|
||||
|
||||
@-webkit-keyframes animateXMark {
|
||||
0% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
|
||||
80% {
|
||||
transform: scale(1.15);
|
||||
-webkit-transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
|
||||
@keyframes animateXMark {
|
||||
0% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
|
||||
80% {
|
||||
transform: scale(1.15);
|
||||
-webkit-transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
|
||||
.animateXMark {
|
||||
-webkit-animation: animateXMark 0.5s;
|
||||
animation: animateXMark 0.5s; }
|
||||
|
||||
@-webkit-keyframes pulseWarning {
|
||||
0% {
|
||||
border-color: #F8D486; }
|
||||
|
||||
100% {
|
||||
border-color: #F8BB86; } }
|
||||
|
||||
@keyframes pulseWarning {
|
||||
0% {
|
||||
border-color: #F8D486; }
|
||||
|
||||
100% {
|
||||
border-color: #F8BB86; } }
|
||||
|
||||
.pulseWarning {
|
||||
-webkit-animation: pulseWarning 0.75s infinite alternate;
|
||||
animation: pulseWarning 0.75s infinite alternate; }
|
||||
|
||||
@-webkit-keyframes pulseWarningIns {
|
||||
0% {
|
||||
background-color: #F8D486; }
|
||||
|
||||
100% {
|
||||
background-color: #F8BB86; } }
|
||||
|
||||
@keyframes pulseWarningIns {
|
||||
0% {
|
||||
background-color: #F8D486; }
|
||||
|
||||
100% {
|
||||
background-color: #F8BB86; } }
|
||||
|
||||
.pulseWarningIns {
|
||||
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
|
||||
animation: pulseWarningIns 0.75s infinite alternate; }
|
||||
|
||||
/* Internet Explorer 9 has some special quirks that are fixed here */
|
||||
/* The icons are not animated. */
|
||||
/* This file is automatically merged into sweet-alert.min.js through Gulp */
|
||||
/* Error icon */
|
||||
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
|
||||
-ms-transform: rotate(45deg) \9; }
|
||||
|
||||
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
|
||||
-ms-transform: rotate(-45deg) \9; }
|
||||
|
||||
/* Success icon */
|
||||
.sweet-alert .sa-icon.sa-success {
|
||||
border-color: transparent\9; }
|
||||
|
||||
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
|
||||
-ms-transform: rotate(45deg) \9; }
|
||||
|
||||
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
|
||||
-ms-transform: rotate(-45deg) \9; }
|
||||
@@ -0,0 +1,598 @@
|
||||
.swal2-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
z-index: 1000; }
|
||||
|
||||
.swal2-modal {
|
||||
background-color: #fff;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-top: -200px;
|
||||
max-height: 90%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
display: none;
|
||||
z-index: 2000; }
|
||||
.swal2-modal:focus {
|
||||
outline: none; }
|
||||
.swal2-modal.loading {
|
||||
overflow-y: hidden; }
|
||||
.swal2-modal h2 {
|
||||
color: #575757;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
text-transform: none;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 60px;
|
||||
display: block; }
|
||||
.swal2-modal hr {
|
||||
height: 10px;
|
||||
color: transparent;
|
||||
border: 0; }
|
||||
.swal2-modal button.styled {
|
||||
color: #fff;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
border-radius: 5px;
|
||||
padding: 10px 32px;
|
||||
margin: 0 5px;
|
||||
cursor: pointer; }
|
||||
.swal2-modal button.styled:focus {
|
||||
outline: none; }
|
||||
.swal2-modal button.styled[disabled] {
|
||||
opacity: .4;
|
||||
cursor: no-drop; }
|
||||
.swal2-modal button.styled.loading {
|
||||
box-sizing: border-box;
|
||||
border: 4px solid transparent;
|
||||
border-color: transparent;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 0;
|
||||
margin: -2px 30px;
|
||||
vertical-align: top;
|
||||
background-color: transparent !important;
|
||||
color: transparent;
|
||||
cursor: default;
|
||||
border-radius: 100%;
|
||||
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
|
||||
animation: rotate-loading 1.5s linear 0s infinite normal; }
|
||||
.swal2-modal button.styled::-moz-focus-inner {
|
||||
border: 0; }
|
||||
.swal2-modal .swal2-image {
|
||||
margin: 20px auto; }
|
||||
.swal2-modal .swal2-close {
|
||||
font-size: 36px;
|
||||
line-height: 36px;
|
||||
font-family: serif;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 13px;
|
||||
cursor: pointer;
|
||||
color: #cfcfcf;
|
||||
-webkit-transition: all 0.1s ease;
|
||||
transition: all 0.1s ease; }
|
||||
.swal2-modal .swal2-close:hover {
|
||||
color: #d55; }
|
||||
|
||||
.swal2-content {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
position: relative;
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: normal;
|
||||
color: #555; }
|
||||
|
||||
.swal2-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 4px solid #808080;
|
||||
border-radius: 50%;
|
||||
margin: 20px auto 30px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: content-box;
|
||||
cursor: default;
|
||||
/* http://stackoverflow.com/a/4407335/1331425 */
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
.swal2-icon.swal2-error {
|
||||
border-color: #f27474; }
|
||||
.swal2-icon.swal2-error .x-mark {
|
||||
position: relative;
|
||||
display: block; }
|
||||
.swal2-icon.swal2-error .line {
|
||||
position: absolute;
|
||||
height: 5px;
|
||||
width: 47px;
|
||||
background-color: #f27474;
|
||||
display: block;
|
||||
top: 37px;
|
||||
border-radius: 2px; }
|
||||
.swal2-icon.swal2-error .line.left {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
left: 17px; }
|
||||
.swal2-icon.swal2-error .line.right {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
right: 16px; }
|
||||
.swal2-icon.swal2-warning {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color: #f8bb86;
|
||||
border-color: #f8bb86;
|
||||
font-size: 60px;
|
||||
line-height: 80px;
|
||||
text-align: center; }
|
||||
.swal2-icon.swal2-info {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
color: #3fc3ee;
|
||||
border-color: #3fc3ee;
|
||||
font-size: 60px;
|
||||
line-height: 80px;
|
||||
text-align: center; }
|
||||
.swal2-icon.swal2-question {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color: #c9dae1;
|
||||
border-color: #c9dae1;
|
||||
font-size: 60px;
|
||||
line-height: 80px;
|
||||
text-align: center; }
|
||||
.swal2-icon.swal2-success {
|
||||
border-color: #a5dc86; }
|
||||
.swal2-icon.swal2-success::before, .swal2-icon.swal2-success::after {
|
||||
content: '';
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 120px;
|
||||
background: #fff;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.swal2-icon.swal2-success::before {
|
||||
border-radius: 120px 0 0 120px;
|
||||
top: -7px;
|
||||
left: -33px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform-origin: 60px 60px;
|
||||
transform-origin: 60px 60px; }
|
||||
.swal2-icon.swal2-success::after {
|
||||
border-radius: 0 120px 120px 0;
|
||||
top: -11px;
|
||||
left: 30px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform-origin: 0 60px;
|
||||
transform-origin: 0 60px; }
|
||||
.swal2-icon.swal2-success .placeholder {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 4px solid rgba(165, 220, 134, 0.2);
|
||||
border-radius: 50%;
|
||||
box-sizing: content-box;
|
||||
position: absolute;
|
||||
left: -4px;
|
||||
top: -4px;
|
||||
z-index: 2; }
|
||||
.swal2-icon.swal2-success .fix {
|
||||
width: 7px;
|
||||
height: 90px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
left: 28px;
|
||||
top: 8px;
|
||||
z-index: 1;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.swal2-icon.swal2-success .line {
|
||||
height: 5px;
|
||||
background-color: #a5dc86;
|
||||
display: block;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
z-index: 2; }
|
||||
.swal2-icon.swal2-success .line.tip {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 46px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.swal2-icon.swal2-success .line.long {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
|
||||
.swal2-input, .swal2-textarea {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d7d7d7;
|
||||
margin: 20px auto;
|
||||
font-size: 18px;
|
||||
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s; }
|
||||
.swal2-input.error, .swal2-textarea.error {
|
||||
border-color: #f06e57 !important; }
|
||||
.swal2-input:focus, .swal2-textarea:focus {
|
||||
outline: none;
|
||||
box-shadow: 0px 0px 3px #c4e6f5;
|
||||
border: 1px solid #b4dbed; }
|
||||
.swal2-input:focus::-moz-placeholder, .swal2-textarea:focus::-moz-placeholder {
|
||||
-webkit-transition: opacity 0.3s 0.03s ease;
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.8; }
|
||||
.swal2-input:focus:-ms-input-placeholder, .swal2-textarea:focus:-ms-input-placeholder {
|
||||
-webkit-transition: opacity 0.3s 0.03s ease;
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.8; }
|
||||
.swal2-input:focus::-webkit-input-placeholder, .swal2-textarea:focus::-webkit-input-placeholder {
|
||||
-webkit-transition: opacity 0.3s 0.03s ease;
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.8; }
|
||||
.swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder {
|
||||
color: #bdbdbd; }
|
||||
.swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
|
||||
color: #bdbdbd; }
|
||||
.swal2-input::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
|
||||
color: #bdbdbd; }
|
||||
|
||||
.swal2-input {
|
||||
height: 43px;
|
||||
padding: 0 12px; }
|
||||
|
||||
.swal2-textarea {
|
||||
height: 108px;
|
||||
padding: 12px; }
|
||||
|
||||
.swal2-select {
|
||||
color: #555;
|
||||
font-size: inherit;
|
||||
margin: 20px auto;
|
||||
padding: 5px 10px;
|
||||
min-width: 40%;
|
||||
max-width: 100%; }
|
||||
|
||||
.swal2-radio {
|
||||
border: 0;
|
||||
margin: 20px auto; }
|
||||
.swal2-radio label:not(:first-child) {
|
||||
margin-left: 20px; }
|
||||
.swal2-radio input, .swal2-radio span {
|
||||
vertical-align: middle; }
|
||||
.swal2-radio input {
|
||||
margin: 0 3px 0 0; }
|
||||
|
||||
.swal2-checkbox {
|
||||
color: #555;
|
||||
margin: 20px auto; }
|
||||
.swal2-checkbox input, .swal2-checkbox span {
|
||||
vertical-align: middle; }
|
||||
|
||||
.swal2-validationerror {
|
||||
background-color: #f1f1f1;
|
||||
margin: 0 -20px;
|
||||
overflow: hidden;
|
||||
padding: 10px;
|
||||
color: #797979;
|
||||
font-size: 16px;
|
||||
font-weight: 300; }
|
||||
.swal2-validationerror::before {
|
||||
content: "!";
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
background-color: #ea7d7d;
|
||||
color: white;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
margin-right: 10px; }
|
||||
|
||||
@-webkit-keyframes showSweetAlert {
|
||||
0% {
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7); }
|
||||
45% {
|
||||
-webkit-transform: scale(1.05);
|
||||
transform: scale(1.05); }
|
||||
80% {
|
||||
-webkit-transform: scale(0.95);
|
||||
transform: scale(0.95); }
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
|
||||
@keyframes showSweetAlert {
|
||||
0% {
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7); }
|
||||
45% {
|
||||
-webkit-transform: scale(1.05);
|
||||
transform: scale(1.05); }
|
||||
80% {
|
||||
-webkit-transform: scale(0.95);
|
||||
transform: scale(0.95); }
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
|
||||
@-webkit-keyframes hideSweetAlert {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1; }
|
||||
100% {
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
opacity: 0; } }
|
||||
|
||||
@keyframes hideSweetAlert {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1; }
|
||||
100% {
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
opacity: 0; } }
|
||||
|
||||
.show-swal2 {
|
||||
-webkit-animation: showSweetAlert 0.3s;
|
||||
animation: showSweetAlert 0.3s; }
|
||||
.show-swal2.no-animation {
|
||||
-webkit-animation: none;
|
||||
animation: none; }
|
||||
|
||||
.hide-swal2 {
|
||||
-webkit-animation: hideSweetAlert 0.15s;
|
||||
animation: hideSweetAlert 0.15s; }
|
||||
.hide-swal2.no-animation {
|
||||
-webkit-animation: none;
|
||||
animation: none; }
|
||||
|
||||
@-webkit-keyframes animate-success-tip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
|
||||
@keyframes animate-success-tip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
|
||||
@-webkit-keyframes animate-success-long {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0;
|
||||
top: 35px; }
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
|
||||
@keyframes animate-success-long {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0;
|
||||
top: 35px; }
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
|
||||
@-webkit-keyframes rotatePlaceholder {
|
||||
0% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
5% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
12% {
|
||||
-webkit-transform: rotate(-405deg);
|
||||
transform: rotate(-405deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(-405deg);
|
||||
transform: rotate(-405deg); } }
|
||||
|
||||
@keyframes rotatePlaceholder {
|
||||
0% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
5% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
12% {
|
||||
-webkit-transform: rotate(-405deg);
|
||||
transform: rotate(-405deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(-405deg);
|
||||
transform: rotate(-405deg); } }
|
||||
|
||||
.animate-success-tip {
|
||||
-webkit-animation: animate-success-tip 0.75s;
|
||||
animation: animate-success-tip 0.75s; }
|
||||
|
||||
.animate-success-long {
|
||||
-webkit-animation: animate-success-long 0.75s;
|
||||
animation: animate-success-long 0.75s; }
|
||||
|
||||
.swal2-icon.swal2-success.animate::after {
|
||||
-webkit-animation: rotatePlaceholder 4.25s ease-in;
|
||||
animation: rotatePlaceholder 4.25s ease-in; }
|
||||
|
||||
@-webkit-keyframes animate-error-icon {
|
||||
0% {
|
||||
-webkit-transform: rotateX(100deg);
|
||||
transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
|
||||
@keyframes animate-error-icon {
|
||||
0% {
|
||||
-webkit-transform: rotateX(100deg);
|
||||
transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
|
||||
.animate-error-icon {
|
||||
-webkit-animation: animate-error-icon 0.5s;
|
||||
animation: animate-error-icon 0.5s; }
|
||||
|
||||
@-webkit-keyframes animate-x-mark {
|
||||
0% {
|
||||
-webkit-transform: scale(0.4);
|
||||
transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
50% {
|
||||
-webkit-transform: scale(0.4);
|
||||
transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
80% {
|
||||
-webkit-transform: scale(1.15);
|
||||
transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
|
||||
@keyframes animate-x-mark {
|
||||
0% {
|
||||
-webkit-transform: scale(0.4);
|
||||
transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
50% {
|
||||
-webkit-transform: scale(0.4);
|
||||
transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
80% {
|
||||
-webkit-transform: scale(1.15);
|
||||
transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
|
||||
.animate-x-mark {
|
||||
-webkit-animation: animate-x-mark 0.5s;
|
||||
animation: animate-x-mark 0.5s; }
|
||||
|
||||
@-webkit-keyframes pulse-warning {
|
||||
0% {
|
||||
border-color: #f8d486; }
|
||||
100% {
|
||||
border-color: #f8bb86; } }
|
||||
|
||||
@keyframes pulse-warning {
|
||||
0% {
|
||||
border-color: #f8d486; }
|
||||
100% {
|
||||
border-color: #f8bb86; } }
|
||||
|
||||
.pulse-warning {
|
||||
-webkit-animation: pulse-warning 0.75s infinite alternate;
|
||||
animation: pulse-warning 0.75s infinite alternate; }
|
||||
|
||||
@-webkit-keyframes rotate-loading {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes rotate-loading {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,151 @@
|
||||
table.tag {
|
||||
border-collapse:collapse;
|
||||
width:100%;
|
||||
border:1px dashed #000;
|
||||
}
|
||||
table.tag tbody tr td {
|
||||
border:1px dashed #000;
|
||||
}
|
||||
table.tag tr:hover {
|
||||
background-color:#EAEAEA;
|
||||
}
|
||||
table.desc_val {
|
||||
border-collapse:collapse;
|
||||
width:100%;
|
||||
border:1px dashed #000;
|
||||
}
|
||||
table.foot_buttons {
|
||||
width:100%;
|
||||
border:0px
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
td.label {
|
||||
text-align:center;
|
||||
padding: 5px;
|
||||
background-color:#DFF;
|
||||
font-weight: bold;
|
||||
border:1px dashed #000;
|
||||
}
|
||||
td.label_gray {
|
||||
text-align:center;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
background-color:#EAEAEA;
|
||||
border:1px dashed #fff;
|
||||
}
|
||||
|
||||
td.desc {
|
||||
text-align:right;
|
||||
padding: 5px;
|
||||
width: 25%;
|
||||
background-color:#EAEAEA;
|
||||
border:1px dashed #fff;
|
||||
}
|
||||
td.desc_well_param {
|
||||
text-align:right;
|
||||
padding: 5px;
|
||||
width: 42%;
|
||||
background-color:#EAEAEA;
|
||||
border:1px dashed #fff;
|
||||
}
|
||||
td.desc_equipment {
|
||||
text-align:right;
|
||||
padding: 5px;
|
||||
width: 33%;
|
||||
background-color:#EAEAEA;
|
||||
border:1px dashed #fff;
|
||||
}
|
||||
td.desc_well_choice {
|
||||
text-align:right;
|
||||
padding: 5px;
|
||||
width: 60%;
|
||||
background-color:#EAEAEA;
|
||||
border:1px dashed #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td.desc_value {
|
||||
text-align:left;
|
||||
word-wrap: break-word;
|
||||
padding: 5px;
|
||||
border:1px dashed #EAEAEA;
|
||||
}
|
||||
td.red_value {
|
||||
background-color: #ffb494;
|
||||
text-align:left;
|
||||
padding: 5px;
|
||||
border:1px dashed #EAEAEA;
|
||||
}
|
||||
td.orange_value {
|
||||
background-color: #ff6600;
|
||||
text-align:left;
|
||||
padding: 5px;
|
||||
border:1px dashed #EAEAEA;
|
||||
}
|
||||
td.yellow_value {
|
||||
background-color: #ffffb8;
|
||||
text-align:left;
|
||||
padding: 5px;
|
||||
border:1px dashed #EAEAEA;
|
||||
}
|
||||
td.green_value {
|
||||
background-color: #caffaa;
|
||||
text-align:left;
|
||||
padding: 5px;
|
||||
border:1px dashed #EAEAEA;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td.field_left {
|
||||
text-align:left;
|
||||
padding: 5px;
|
||||
border:1px dashed #000;
|
||||
}
|
||||
td.field_right {
|
||||
text-align:right;
|
||||
padding: 5px;
|
||||
border:1px dashed #000;
|
||||
}
|
||||
td.field_center {
|
||||
text-align:center;
|
||||
padding: 5px;
|
||||
border:1px dashed #000;
|
||||
}
|
||||
|
||||
td.foot_butt_add {
|
||||
width: 20%;
|
||||
text-align:center;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
td.eq_label {
|
||||
text-align:center;
|
||||
padding: 2px;
|
||||
background-color: #bbffd8;
|
||||
font-weight: bold;
|
||||
border:1px dashed #000;
|
||||
}
|
||||
td.eq_details {
|
||||
background-color: #ffffff;
|
||||
text-align:left;
|
||||
padding: 2px;
|
||||
border:1px dashed #000;
|
||||
}
|
||||
|
||||
span.resume
|
||||
{
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
td.group_color
|
||||
{
|
||||
color: #0000FF;
|
||||
}
|
||||
+296
@@ -0,0 +1,296 @@
|
||||
/*! Generated by Live LESS Theme Customizer */
|
||||
|
||||
|
||||
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
|
||||
.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}
|
||||
.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
|
||||
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
|
||||
a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
|
||||
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
|
||||
.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
|
||||
.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
|
||||
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
|
||||
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}
|
||||
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}
|
||||
.btn-default .badge{color:#fff;background-color:#333}
|
||||
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
|
||||
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
|
||||
.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}
|
||||
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}
|
||||
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}
|
||||
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}
|
||||
.btn-primary .badge{color:#337ab7;background-color:#fff}
|
||||
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
|
||||
.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}
|
||||
.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}
|
||||
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}
|
||||
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}
|
||||
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}
|
||||
.btn-success .badge{color:#5cb85c;background-color:#fff}
|
||||
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
|
||||
.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}
|
||||
.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}
|
||||
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}
|
||||
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}
|
||||
.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}
|
||||
.btn-info .badge{color:#5bc0de;background-color:#fff}
|
||||
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
|
||||
.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}
|
||||
.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}
|
||||
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}
|
||||
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}
|
||||
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}
|
||||
.btn-warning .badge{color:#f0ad4e;background-color:#fff}
|
||||
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
|
||||
.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}
|
||||
.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}
|
||||
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}
|
||||
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}
|
||||
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}
|
||||
.btn-danger .badge{color:#d9534f;background-color:#fff}
|
||||
.btn-link{color:#337ab7;font-weight:400;border-radius:0}
|
||||
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
|
||||
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}
|
||||
.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}
|
||||
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}
|
||||
.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
|
||||
.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
|
||||
.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
|
||||
.btn-block{display:block;width:100%}
|
||||
.btn-block+.btn-block{margin-top:5px}
|
||||
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}
|
||||
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
|
||||
.fade.in{opacity:1}
|
||||
.collapse{display:none}
|
||||
.collapse.in{display:block}
|
||||
tr.collapse.in{display:table-row}
|
||||
tbody.collapse.in{display:table-row-group}
|
||||
.breadcrumb>li,.btn-group,.btn-group-vertical,.caret,.pagination{display:inline-block}
|
||||
.collapsing{height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
|
||||
.caret{width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}
|
||||
.dropdown-toggle:focus{outline:0}
|
||||
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}
|
||||
.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
|
||||
.dropdown-header,.dropdown-menu>li>a{line-height:1.42857143;white-space:nowrap;padding:3px 20px}
|
||||
.dropdown-menu-right,.dropdown-menu.pull-right{right:0;left:auto}
|
||||
.dropdown-menu .divider{margin:9px 0;background-color:#e5e5e5}
|
||||
.dropdown-menu>li>a{display:block;clear:both;font-weight:400;color:#333}
|
||||
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}
|
||||
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}
|
||||
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
|
||||
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}
|
||||
.open>.dropdown-menu{display:block}
|
||||
.open>a{outline:0}
|
||||
.dropdown-menu-left{left:0;right:auto}
|
||||
.dropdown-header{display:block;font-size:12px;color:#777}
|
||||
.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}
|
||||
.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}
|
||||
.pull-right>.dropdown-menu{right:0;left:auto}
|
||||
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9;content:""}
|
||||
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
|
||||
@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}
|
||||
.navbar-right .dropdown-menu-left{left:0;right:auto}
|
||||
}
|
||||
.btn-group,.btn-group-vertical{position:relative;vertical-align:middle}
|
||||
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}
|
||||
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}
|
||||
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
|
||||
.btn-toolbar{margin-left:-5px}
|
||||
.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}
|
||||
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}
|
||||
.btn-group>.btn:first-child{margin-left:0}
|
||||
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
|
||||
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
|
||||
.btn-group>.btn-group{float:left}
|
||||
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}
|
||||
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}
|
||||
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
|
||||
.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}
|
||||
.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}
|
||||
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
|
||||
.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}
|
||||
.btn .caret{margin-left:0}
|
||||
.btn-lg .caret{border-width:5px 5px 0}
|
||||
.dropup .btn-lg .caret{border-width:0 5px 5px}
|
||||
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}
|
||||
.btn-group-vertical>.btn-group>.btn{float:none}
|
||||
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}
|
||||
.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
|
||||
.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}
|
||||
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
|
||||
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
|
||||
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}
|
||||
.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}
|
||||
.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}
|
||||
.btn-group-justified>.btn-group .btn{width:100%}
|
||||
.btn-group-justified>.btn-group .dropdown-menu{left:auto}
|
||||
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
|
||||
.input-group,.input-group .form-control,.input-group-btn,.input-group-btn>.btn,.nav>li,.nav>li>a,.navbar{position:relative}
|
||||
.input-group{display:table;border-collapse:separate}
|
||||
.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}
|
||||
.input-group .form-control{z-index:2;float:left;width:100%;margin-bottom:0}
|
||||
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
|
||||
select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}
|
||||
select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}
|
||||
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
|
||||
select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}
|
||||
.badge,.input-group-addon,.label{line-height:1;text-align:center}
|
||||
select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}
|
||||
.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}
|
||||
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}
|
||||
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
|
||||
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;color:#555;background-color:#eee;border:1px solid #ccc;border-radius:4px}
|
||||
.badge,.label{font-weight:700;white-space:nowrap}
|
||||
.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}
|
||||
.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}
|
||||
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}
|
||||
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
|
||||
.input-group-addon:first-child{border-right:0}
|
||||
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}
|
||||
.input-group-addon:last-child{border-left:0}
|
||||
.input-group-btn{font-size:0;white-space:nowrap}
|
||||
.input-group-btn>.btn+.btn{margin-left:-1px}
|
||||
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}
|
||||
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
|
||||
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}
|
||||
|
||||
|
||||
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5}
|
||||
.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}
|
||||
.breadcrumb>.active{color:#777}
|
||||
.pagination{padding-left:0;margin:10px 0}
|
||||
.pager li,.pagination>li{display:inline}
|
||||
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
|
||||
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
|
||||
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
|
||||
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}
|
||||
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}
|
||||
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}
|
||||
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
|
||||
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
|
||||
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
|
||||
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
|
||||
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
|
||||
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
|
||||
.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}
|
||||
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
|
||||
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
|
||||
.pager .next>a,.pager .next>span{float:right}
|
||||
.pager .previous>a,.pager .previous>span{float:left}
|
||||
.close,.list-group-item>.badge{float:right}
|
||||
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}
|
||||
|
||||
|
||||
.alert,.panel-body{padding:15px}
|
||||
.alert{border:1px solid transparent;border-radius:4px}
|
||||
.alert h4{margin-top:0;color:inherit}
|
||||
.alert>p,.alert>ul{margin-bottom:0}
|
||||
.alert>p+p{margin-top:5px}
|
||||
.alert-dismissable,.alert-dismissible{padding-right:35px}
|
||||
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
|
||||
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}
|
||||
.alert-success hr{border-top-color:#c9e2b3}
|
||||
.alert-success .alert-link{color:#2b542c}
|
||||
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}
|
||||
.alert-info hr{border-top-color:#a6e1ec}
|
||||
.alert-info .alert-link{color:#245269}
|
||||
.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
|
||||
.alert-warning hr{border-top-color:#f7e1b5}
|
||||
.alert-warning .alert-link{color:#66512c}
|
||||
.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}
|
||||
.alert-danger hr{border-top-color:#e4b9c0}
|
||||
.alert-danger .alert-link{color:#843534}
|
||||
|
||||
|
||||
.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
|
||||
.progress-bar{float:left;width:0;height:100%;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
|
||||
.progress-bar-striped,.progress-striped .progress-bar{background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}
|
||||
.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
|
||||
.progress-bar-success{background-color:#5cb85c}
|
||||
.progress-striped .progress-bar-success{background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
|
||||
.progress-bar-info{background-color:#5bc0de}
|
||||
.progress-striped .progress-bar-info{background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
|
||||
.progress-bar-warning{background-color:#f0ad4e}
|
||||
.progress-striped .progress-bar-warning{background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
|
||||
.progress-bar-danger{background-color:#d9534f}
|
||||
.progress-striped .progress-bar-danger{background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
|
||||
|
||||
|
||||
|
||||
|
||||
.modal-content,.popover{background-color:#fff;background-clip:padding-box}
|
||||
.modal-open{overflow:hidden}
|
||||
.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
|
||||
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
|
||||
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
|
||||
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
|
||||
.modal-dialog{position:relative;width:auto;margin:10px}
|
||||
.modal-content{position:relative;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}
|
||||
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
|
||||
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
|
||||
.carousel-control,.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
|
||||
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.43px}
|
||||
.modal-header .close{margin-top:-2px}
|
||||
.modal-title{margin:0;line-height:1.42857143}
|
||||
.modal-body{position:relative;padding:15px}
|
||||
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
|
||||
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
|
||||
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
|
||||
.modal-footer .btn-block+.btn-block{margin-left:0}
|
||||
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
|
||||
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
|
||||
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
|
||||
.modal-sm{width:300px}
|
||||
}
|
||||
.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{border-width:5px 5px 0;bottom:0;margin-bottom:-5px;border-top-color:#000}
|
||||
@media (min-width:992px){.modal-lg{width:900px}
|
||||
}
|
||||
.tooltip{position:absolute;z-index:1070;display:block;text-align:left;text-align:start;text-shadow:none;word-break:normal;word-spacing:normal;word-wrap:normal;opacity:0;filter:alpha(opacity=0)}
|
||||
.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
|
||||
.tooltip.top{margin-top:-3px;padding:5px 0}
|
||||
.tooltip.right{margin-left:3px;padding:0 5px}
|
||||
.tooltip.bottom{margin-top:3px;padding:5px 0}
|
||||
.tooltip.left{margin-left:-3px;padding:0 5px}
|
||||
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}
|
||||
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
|
||||
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
|
||||
.tooltip.top-left .tooltip-arrow{right:5px}
|
||||
.tooltip.top-right .tooltip-arrow{left:5px}
|
||||
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
|
||||
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
|
||||
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
|
||||
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
|
||||
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
|
||||
.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;text-align:start;text-shadow:none;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
|
||||
.popover.top{margin-top:-10px}
|
||||
.popover.right{margin-left:10px}
|
||||
.popover.bottom{margin-top:10px}
|
||||
.popover.left{margin-left:-10px}
|
||||
.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
|
||||
.popover-content{padding:9px 14px}
|
||||
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
|
||||
.popover>.arrow{border-width:11px}
|
||||
.popover>.arrow:after{border-width:10px;content:""}
|
||||
.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}
|
||||
.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}
|
||||
.popover.left>.arrow:after,.popover.right>.arrow:after{bottom:-10px;content:" "}
|
||||
.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}
|
||||
.popover.right>.arrow:after{left:1px;border-left-width:0;border-right-color:#fff}
|
||||
.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}
|
||||
.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}
|
||||
.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
|
||||
.popover.left>.arrow:after{right:1px;border-right-width:0;border-left-color:#fff}
|
||||
|
||||
|
||||
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}
|
||||
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}
|
||||
.center-block{display:block;margin-left:auto;margin-right:auto}
|
||||
.pull-right{float:right!important}
|
||||
.pull-left{float:left!important}
|
||||
.hide{display:none!important}
|
||||
.show{display:block!important}
|
||||
.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
|
||||
.invisible{visibility:hidden}
|
||||
.text-hide{font:0/0 a;color:transparent;background-color:transparent;border:0}
|
||||
.affix{position:fixed}
|
||||
@@ -0,0 +1,71 @@
|
||||
.tooltip { position: relative; z-index: 20;}
|
||||
.tooltip span { display: none; }
|
||||
.tooltip:hover { z-index: 21;}
|
||||
.tooltip:hover span {
|
||||
display: block;
|
||||
width: 150px;
|
||||
padding: 5px;
|
||||
color: #000;
|
||||
background: #f0f0f0;
|
||||
font-size: 11px;
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
border-radius: 6px;
|
||||
top: -6px;
|
||||
left: 24px;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
|
||||
.tooltip_help { position: relative; z-index: 20; vertical-align: top;}
|
||||
.tooltip_help span { display: none; }
|
||||
.tooltip_help:hover { z-index: 21;}
|
||||
.tooltip_help:hover span {
|
||||
display: block;
|
||||
width: 150px;
|
||||
padding: 5px;
|
||||
color: #000;
|
||||
background: #f0f0f0;
|
||||
font-size: 11px;
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
border-radius: 6px;
|
||||
top: -6px;
|
||||
left: 24px;
|
||||
border: 1px solid #0C7491;
|
||||
}
|
||||
|
||||
.tooltip_warning { position: relative; z-index: 20; }
|
||||
.tooltip_warning span { display: none; }
|
||||
.tooltip_warning:hover { z-index: 21;}
|
||||
.tooltip_warning:hover span {
|
||||
display: block;
|
||||
width: 150px;
|
||||
padding: 5px;
|
||||
color: #000;
|
||||
background: #f0f0f0;
|
||||
font-size: 11px;
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
border-radius: 6px;
|
||||
top: -6px;
|
||||
left: 24px;
|
||||
border: 1px solid #bb0000;
|
||||
}
|
||||
|
||||
.tooltip_logout { position: relative; z-index: 20;}
|
||||
.tooltip_logout span { display: none; }
|
||||
.tooltip_logout:hover { z-index: 21;}
|
||||
.tooltip_logout:hover span {
|
||||
display: block;
|
||||
width: 195px;
|
||||
padding: 5px;
|
||||
color: #ffffff;
|
||||
background: #0c7491;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
border-radius: 5px;
|
||||
top: 10px;
|
||||
left: 52px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,49 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#menu li {
|
||||
position: relative;
|
||||
float: left;
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
padding-bottom: 1px;
|
||||
line-height: 0;
|
||||
z-index: 90;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#menu li:hover ul {
|
||||
display: block;
|
||||
font: 16px/30px sans-serif;
|
||||
text-decoration: none;
|
||||
background-color: #BB0000;
|
||||
color: #E6E6E6;
|
||||
z-index: 91;
|
||||
}
|
||||
|
||||
#menu a, #menu li:hover li a {
|
||||
display: block;
|
||||
font: 16px/30px sans-serif;
|
||||
text-decoration: none;
|
||||
color: #E6E6E6;
|
||||
background-color: #BB0000;
|
||||
z-index: 91;
|
||||
}
|
||||
#menu li:hover a, #menu li:hover li:hover a {
|
||||
color: #ffffff;
|
||||
background-color: #C80000;
|
||||
z-index: 91;
|
||||
}
|
||||
|
||||
#menu ul, #menu li:hover li a {
|
||||
width: 300px;
|
||||
z-index: 91;
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user