mirror of
https://e.coding.net/circlecloud/McAccount.git
synced 2026-04-16 13:16:28 +00:00
init project...
This commit is contained in:
502647092
369
View/public/css/bootstrap/bootstrap-overrides.css
vendored
Normal file
369
View/public/css/bootstrap/bootstrap-overrides.css
vendored
Normal file
@@ -0,0 +1,369 @@
|
||||
/* Some overrides from default bootstrap styles */
|
||||
|
||||
h1,h2,h3,h4,h5,h6{
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* COMPONENTS */
|
||||
|
||||
|
||||
/* labels */
|
||||
.label, .badge {font-weight: lighter;}
|
||||
.label-success, .badge-success {
|
||||
background-color: rgb(129, 189, 130);
|
||||
}
|
||||
.label-info, .badge-info {
|
||||
background-color: rgb(104, 163, 213);
|
||||
}
|
||||
|
||||
/* alerts */
|
||||
.alert [class^="icon-"],
|
||||
.alert [class*=" icon-"] {
|
||||
font-size: 27px;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
margin-bottom: 8px;
|
||||
margin-right: 17px;
|
||||
display: inline-block;
|
||||
color: #f1c359;
|
||||
}
|
||||
.alert-success [class^="icon-"],
|
||||
.alert-success [class*=" icon-"] {
|
||||
color: #81ad53;
|
||||
}
|
||||
.alert-info [class^="icon-"],
|
||||
.alert-info [class*=" icon-"] {
|
||||
color: #4993c6;
|
||||
}
|
||||
.alert-error [class^="icon-"],
|
||||
.alert-error [class*=" icon-"] {
|
||||
color: #d5393e;
|
||||
}
|
||||
|
||||
|
||||
/* code*/
|
||||
code {
|
||||
color: rgb(78, 153, 223);
|
||||
}
|
||||
|
||||
|
||||
/* HTML ELEMENTS */
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
font-family: "Open Sans", Arial;
|
||||
}
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
textarea {
|
||||
font-size: 13px;
|
||||
-webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
|
||||
|
||||
/*border: none;
|
||||
-webkit-box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
|
||||
-moz-box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
|
||||
box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;*/
|
||||
}
|
||||
.inline-input input[type="text"],
|
||||
.inline-input input[type="password"],
|
||||
input[type="text"].inline-input,
|
||||
input[type="password"].inline-input {
|
||||
background: #fff;
|
||||
border-top: 0 none;
|
||||
border-left: 0 none;
|
||||
border-right: 0 none;
|
||||
border-bottom: 1px solid #d0dde9;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
border-color: #dee3ea;
|
||||
}
|
||||
.inline-input input[type="text"]:focus,
|
||||
.inline-input input[type="password"]:focus,
|
||||
input[type="text"].inline-input:focus,
|
||||
input[type="password"].inline-input:focus {
|
||||
box-shadow: none;
|
||||
border-color: #5d6a80;
|
||||
}
|
||||
.inline-input input[type="text"]:hover,
|
||||
.inline-input input[type="password"]:hover,
|
||||
input[type="text"].inline-input:hover,
|
||||
input[type="password"].inline-input:hover {
|
||||
border-color: #959fb0;
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
textarea:focus{
|
||||
border-color: #A2CEF0;
|
||||
-webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
|
||||
-moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
|
||||
box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
|
||||
|
||||
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);*/
|
||||
}
|
||||
input[type="reset"]{
|
||||
text-transform: uppercase;
|
||||
border:0 none;
|
||||
background: none;
|
||||
text-decoration: underline;
|
||||
font-size: 12px;
|
||||
}
|
||||
input[type="password"]{
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
textarea{
|
||||
background: #fff;
|
||||
border-color: #dee3ea;
|
||||
}
|
||||
select{
|
||||
margin: 0;
|
||||
height: 24px;
|
||||
border-color: #d0dde9;
|
||||
border-radius: 2px;
|
||||
font-size: 13px;
|
||||
}
|
||||
input[type="file"] {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
input[disabled], textarea[disabled], input[readonly], textarea[readonly] {
|
||||
color: rgb(177, 177, 177);
|
||||
}
|
||||
/* native placeholders */
|
||||
input:-moz-placeholder,
|
||||
textarea:-moz-placeholder {
|
||||
color: #9ba0a5;
|
||||
font-family: "Open Sans", Arial;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
color: #9ba0a5;
|
||||
font-family: "Open Sans", Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
color: #9ba0a5;
|
||||
font-family: "Open Sans", Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
/* PREPEND & APPEND INPUT */
|
||||
.input-append input,
|
||||
.input-prepend input,
|
||||
.input-append .uneditable-input,
|
||||
.input-prepend .uneditable-input {
|
||||
border: 1px solid #d6e2eb;
|
||||
}
|
||||
.input-append .add-on,
|
||||
.input-prepend .add-on {
|
||||
background-color: #f2f5f9;
|
||||
border: 1px solid #d6e2eb;
|
||||
padding: 4px 8px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* NAVBAR */
|
||||
|
||||
.navbar-inverse {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.navbar-inverse .navbar-inner {
|
||||
border-radius: 0px;
|
||||
border-bottom: 1px solid #191e23;
|
||||
|
||||
background: #2c3742; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #2c3742 0%, #28303a 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3742), color-stop(100%,#28303a)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #2c3742 0%,#28303a 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #2c3742 0%,#28303a 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #2c3742 0%,#28303a 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #2c3742 0%,#28303a 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3742', endColorstr='#28303a',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
.navbar-inverse .btn-navbar {
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.navbar-inverse .brand {
|
||||
color: #ffffff;
|
||||
text-transform: uppercase;
|
||||
font-weight: lighter;
|
||||
padding: 12px 20px 12px;
|
||||
}
|
||||
.navbar-inverse .brand strong {
|
||||
font-weight: normal;
|
||||
}
|
||||
.navbar-inverse .nav > li > a {
|
||||
padding: 13px 15px 8px;
|
||||
border-left: 1px solid #101417;
|
||||
color: rgb(214, 214, 214);
|
||||
outline: 0px;
|
||||
height: 25px;
|
||||
transition: background .1s linear;
|
||||
-moz-transition: background .1s linear; /* Firefox 4 */
|
||||
-webkit-transition: background .1s linear; /* Safari and Chrome */
|
||||
-o-transition: background .1s linear; /* Opera */
|
||||
}
|
||||
.navbar-inverse .nav > li > a:hover {
|
||||
background: rgba(25, 31, 36,0.6);
|
||||
}
|
||||
/* TODO: deprecated mobile-menu, ya no se usa, remover despues de migrar todos los htmls al nuevo diseno */
|
||||
.navbar-inverse .mobile-menu .nav > li > a {
|
||||
color: #fff;
|
||||
border-left: 0px;
|
||||
}
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus,
|
||||
.dropdown-submenu:hover > a,
|
||||
.dropdown-submenu:focus > a {
|
||||
background: rgb(60, 91, 121) !important;
|
||||
}
|
||||
|
||||
|
||||
/* PAGINATION */
|
||||
|
||||
.pagination {
|
||||
margin: 8px 0;
|
||||
}
|
||||
.pagination ul > li:last-child > a,
|
||||
.pagination ul > li:last-child > span,
|
||||
.pagination ul > li:first-child > a,
|
||||
.pagination ul > li:first-child > span{
|
||||
font-size: 23px;
|
||||
color: #bcc6d3;
|
||||
padding: 1px 9px 3px 9px;
|
||||
}
|
||||
.pagination ul > li:last-child > a:hover,
|
||||
.pagination ul > li:last-child > span:hover,
|
||||
.pagination ul > li:first-child > a:hover,
|
||||
.pagination ul > li:first-child > span:hover{
|
||||
color: #4f4f4f;
|
||||
}
|
||||
.pagination ul > li > a, .pagination ul > li > span{
|
||||
border-color: #d0dde9;
|
||||
color: #4f4f4f;
|
||||
font-weight: 600;
|
||||
padding: 2px 12px;
|
||||
box-shadow: 0px 1px 0px 0px #efefef;
|
||||
transition: background-color .1s linear;
|
||||
-moz-transition: background-color .1s linear; /* Firefox 4 */
|
||||
-webkit-transition: background-color .1s linear; /* Safari and Chrome */
|
||||
-o-transition: background-color .1s linear; /* Opera */
|
||||
}
|
||||
.pagination ul > li > a.active{
|
||||
color: #3b9ff3;
|
||||
}
|
||||
.pagination ul > li > a:hover,
|
||||
.pagination ul > li > a:focus,
|
||||
.pagination ul > .active > a,
|
||||
.pagination ul > .active > span {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* pagination inverse */
|
||||
|
||||
.pagination.inverse ul > li:last-child > a,
|
||||
.pagination.inverse ul > li:last-child > span,
|
||||
.pagination.inverse ul > li:first-child > a,
|
||||
.pagination.inverse ul > li:first-child > span{
|
||||
font-size: 23px;
|
||||
color: #fff;
|
||||
padding: 1px 9px 3px 9px;
|
||||
}
|
||||
.pagination.inverse ul > li:last-child > a:hover,
|
||||
.pagination.inverse ul > li:last-child > span:hover,
|
||||
.pagination.inverse ul > li:first-child > a:hover,
|
||||
.pagination.inverse ul > li:first-child > span:hover{
|
||||
color: #fff;
|
||||
}
|
||||
.pagination.inverse ul > li > a, .pagination.inverse ul > li > span{
|
||||
border-top-color: #333e4a;
|
||||
border-bottom-color: #333e4a;
|
||||
border-right-color: #566676;
|
||||
border-left: 0px;
|
||||
color: rgb(241, 241, 241);
|
||||
font-weight: 600;
|
||||
padding: 2px 12px;
|
||||
background: #333e4a;
|
||||
transition: background-color .1s linear;
|
||||
-moz-transition: background-color .1s linear; /* Firefox 4 */
|
||||
-webkit-transition: background-color .1s linear; /* Safari and Chrome */
|
||||
-o-transition: background-color .1s linear; /* Opera */
|
||||
}
|
||||
.pagination.inverse ul > li > a.active{
|
||||
color: #3b9ff3;
|
||||
background-color: #212b36;
|
||||
border-right-color: #212b36;
|
||||
margin-left: -1px;
|
||||
}
|
||||
.pagination.inverse ul > li > a:hover,
|
||||
.pagination.inverse ul > li > a:focus,
|
||||
.pagination.inverse ul > .active > a,
|
||||
.pagination.inverse ul > .active > span {
|
||||
background-color: #212b36;
|
||||
}
|
||||
|
||||
|
||||
/* TABLES*/
|
||||
|
||||
.table thead{
|
||||
border-top:1px solid #dee3ea;
|
||||
}
|
||||
.table-hover tbody tr:hover > td,
|
||||
.table-hover tbody tr:hover > th {
|
||||
background-color: #f5fafc;
|
||||
}
|
||||
.table th.sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.table th.sortable:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.table thead th{
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
padding-bottom: 20px;
|
||||
padding-top: 5px;
|
||||
text-transform: uppercase;
|
||||
font-size: 11px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.table td{
|
||||
color: #526273;
|
||||
border-top-color: #edf2f7;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.table th.align-right,
|
||||
.table td.align-right {
|
||||
text-align: right;
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
table tr.first td{
|
||||
border-top: 0 none;
|
||||
}
|
||||
table th span.line{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -8px;
|
||||
border-left: 1px solid #dee3ea;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
|
||||
1109
View/public/css/bootstrap/bootstrap-responsive.css
vendored
Normal file
1109
View/public/css/bootstrap/bootstrap-responsive.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6158
View/public/css/bootstrap/bootstrap.css
vendored
Normal file
6158
View/public/css/bootstrap/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
12
View/public/css/code-editor.css
Normal file
12
View/public/css/code-editor.css
Normal file
@@ -0,0 +1,12 @@
|
||||
.editor-header {
|
||||
margin-top: -10px;
|
||||
}
|
||||
#editor {
|
||||
height: 525px;
|
||||
width: 100%;
|
||||
border: 1px solid #DDD;
|
||||
border-radius: 4px;
|
||||
border-bottom-right-radius: 0px;
|
||||
margin-bottom: 100px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
80
View/public/css/compiled/calendar.css
Normal file
80
View/public/css/compiled/calendar.css
Normal file
@@ -0,0 +1,80 @@
|
||||
#calendar {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
margin-top: -10px; }
|
||||
|
||||
.calendar-wrapper {
|
||||
position: relative;
|
||||
/* calendar-wrapper popup */ }
|
||||
.calendar-wrapper .popup {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
width: 260px;
|
||||
border: 1px solid #b2b4b6;
|
||||
box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.35);
|
||||
border-radius: 4px;
|
||||
padding: 14px 20px 14px 20px;
|
||||
z-index: 999;
|
||||
left: 635px;
|
||||
top: 50px; }
|
||||
.calendar-wrapper .popup h5 {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
margin: 0 0 21px 0;
|
||||
font-size: 14px;
|
||||
color: #7e91aa; }
|
||||
.calendar-wrapper .popup .field {
|
||||
margin-bottom: 7px; }
|
||||
.calendar-wrapper .popup .field .date {
|
||||
margin-left: 15px; }
|
||||
.calendar-wrapper .popup .field .event-input {
|
||||
position: relative;
|
||||
top: 5px;
|
||||
margin-left: 10px;
|
||||
width: 70%; }
|
||||
.calendar-wrapper .popup input[type="submit"] {
|
||||
float: right;
|
||||
margin-right: 15px; }
|
||||
.calendar-wrapper .popup i.close-pop {
|
||||
position: absolute;
|
||||
right: 11px;
|
||||
cursor: pointer;
|
||||
top: 12px;
|
||||
opacity: 0.6;
|
||||
transition: opacity .1s linear;
|
||||
-moz-transition: opacity .1s linear;
|
||||
-webkit-transition: opacity .1s linear;
|
||||
-o-transition: opacity .1s linear; }
|
||||
.calendar-wrapper .popup i.close-pop:hover {
|
||||
opacity: 1; }
|
||||
.calendar-wrapper .popup .pointer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 46%; }
|
||||
.calendar-wrapper .popup .pointer .arrow,
|
||||
.calendar-wrapper .popup .pointer .arrow_border {
|
||||
border-color: #fff transparent transparent transparent;
|
||||
border-width: 11px;
|
||||
border-style: solid;
|
||||
font-size: 0;
|
||||
left: 50%;
|
||||
line-height: 0;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0;
|
||||
z-index: 1002;
|
||||
left: 0;
|
||||
margin-left: 45%; }
|
||||
.calendar-wrapper .popup .pointer .arrow_border {
|
||||
border-color: #888888 transparent transparent transparent;
|
||||
border-width: 12px;
|
||||
margin-left: -1px;
|
||||
border-style: solid;
|
||||
z-index: 1001;
|
||||
top: 0px; }
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.calendar-wrapper .popup {
|
||||
display: none; } }
|
||||
23
View/public/css/compiled/chart-showcase.css
Normal file
23
View/public/css/compiled/chart-showcase.css
Normal file
@@ -0,0 +1,23 @@
|
||||
/* Stats chart */
|
||||
#statsChart {
|
||||
width: 97%;
|
||||
height: 250px;
|
||||
margin-top: 35px; }
|
||||
|
||||
/* specific chart styles */
|
||||
.legendLabel {
|
||||
font-size: 12px;
|
||||
font-family: "Open Sans", Arial;
|
||||
color: #9da3a9; }
|
||||
|
||||
#pad-wrapper .section {
|
||||
border-top: 1px solid #edeff1;
|
||||
margin-top: 70px;
|
||||
padding-top: 45px;
|
||||
box-shadow: inset 0px 3px 4px -1px #fafafa; }
|
||||
#pad-wrapper h4.title {
|
||||
margin-bottom: 45px; }
|
||||
#pad-wrapper .section .chart h5 {
|
||||
margin-bottom: 10px; }
|
||||
|
||||
/*Responsive*/
|
||||
580
View/public/css/compiled/elements.css
Normal file
580
View/public/css/compiled/elements.css
Normal file
@@ -0,0 +1,580 @@
|
||||
/* THIS ARE ALL NEW EXTRA ELEMENTS BESIDE TWITTER BOOTSTRAP */
|
||||
/* glow btn group */
|
||||
.btn-group.large button.glow {
|
||||
padding: 6px 15px;
|
||||
font-size: 13px; }
|
||||
.btn-group.large i {
|
||||
font-size: 13px; }
|
||||
.btn-group .dropdown-menu > li > a {
|
||||
font-size: 12px; }
|
||||
.btn-group button.glow {
|
||||
font-size: 11px;
|
||||
font-family: "Open sans", Helvetica, Arial;
|
||||
color: #313d4c;
|
||||
font-weight: 700;
|
||||
padding: 5px 10px;
|
||||
line-height: 14px;
|
||||
background: #fefefe;
|
||||
/* Old browsers */
|
||||
background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f7f7f7));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, #fefefe 0%, #f7f7f7 100%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 );
|
||||
/* IE6-9 */
|
||||
border: 1px solid #d0dde9;
|
||||
transition: color .1s linear;
|
||||
-moz-transition: color .1s linear;
|
||||
/* Firefox 4 */
|
||||
-webkit-transition: color .1s linear;
|
||||
/* Safari and Chrome */
|
||||
-o-transition: color .1s linear;
|
||||
/* Opera */ }
|
||||
.btn-group button.glow.large {
|
||||
font-size: 12px; }
|
||||
.btn-group button.glow:active, .btn-group button.glow.active {
|
||||
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
|
||||
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
|
||||
color: #a8b5c7; }
|
||||
.btn-group button.glow:hover {
|
||||
color: #a8b5c7; }
|
||||
.btn-group button.glow.left {
|
||||
border-radius: 4px 0 0 4px;
|
||||
border-right: 0; }
|
||||
.btn-group button.glow.middle {
|
||||
border-right: 0; }
|
||||
.btn-group button.glow.right {
|
||||
border-radius: 0 4px 4px 0; }
|
||||
.btn-group > .btn.glow {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
padding: 6px 14px;
|
||||
color: #313d4c;
|
||||
line-height: 14px;
|
||||
border: 1px solid #d0dde9; }
|
||||
.btn-group > .btn.glow:hover {
|
||||
background: #fefefe;
|
||||
background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f7f7f7));
|
||||
background: -webkit-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
background: -o-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
background: -ms-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
background: linear-gradient(to bottom, #fefefe 0%, #f7f7f7 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 ); }
|
||||
.btn-group > .btn.glow.dropdown-toggle {
|
||||
padding: 6px 9px; }
|
||||
.btn-group > .btn.glow .caret {
|
||||
margin-top: 6px; }
|
||||
|
||||
/* FLAT BUTTONS */
|
||||
.btn-flat {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
line-height: 15px;
|
||||
vertical-align: middle;
|
||||
font-size: 12px;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
background-image: none;
|
||||
border: 0 none;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
border-radius: 4px;
|
||||
background: #4387bf;
|
||||
border: 1px solid #3883c0;
|
||||
cursor: pointer;
|
||||
padding: 7px 14px;
|
||||
-webkit-transition: all .1s linear;
|
||||
-moz-transition: all .1s linear;
|
||||
transition: all .1s linear; }
|
||||
.btn-flat [class^="icon-"],
|
||||
.btn-flat [class*=" icon-"] {
|
||||
margin-right: 3px; }
|
||||
.btn-flat:active {
|
||||
-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset;
|
||||
-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset;
|
||||
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset;
|
||||
background: #30628b;
|
||||
opacity: 1; }
|
||||
.btn-flat:hover {
|
||||
text-decoration: none;
|
||||
opacity: 0.87;
|
||||
color: #fff; }
|
||||
.btn-flat.large {
|
||||
font-size: 13px;
|
||||
padding: 10px 16px; }
|
||||
.btn-flat.small {
|
||||
font-size: 11px;
|
||||
padding: 5px 9px; }
|
||||
.btn-flat.inverse {
|
||||
background: #343e4b;
|
||||
border: 1px solid #000; }
|
||||
.btn-flat.inverse:active {
|
||||
background: #000; }
|
||||
.btn-flat.gray {
|
||||
background: #7e91aa;
|
||||
border: 1px solid #888e97; }
|
||||
.btn-flat.gray:active {
|
||||
background: #5d6b7e;
|
||||
color: #f3f3f3; }
|
||||
.btn-flat.primary {
|
||||
background: #3b9ff3;
|
||||
border: 1px solid #3596e7; }
|
||||
.btn-flat.primary:active {
|
||||
background: #2b76b6;
|
||||
color: #edf6fd; }
|
||||
.btn-flat.success {
|
||||
background: #96bf48;
|
||||
border: 1px solid #7ea13d;
|
||||
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
|
||||
font-weight: 600; }
|
||||
.btn-flat.white {
|
||||
color: #626263;
|
||||
background: #fff;
|
||||
border: 1px solid #d0dde9; }
|
||||
.btn-flat.white:hover {
|
||||
border-color: #bbb;
|
||||
color: #000; }
|
||||
.btn-flat.info {
|
||||
background: #5ba0a3;
|
||||
color: #fff;
|
||||
border-color: #5ba0a3; }
|
||||
.btn-flat.info:active {
|
||||
background: #30696c; }
|
||||
.btn-flat.danger {
|
||||
background: #b85e80;
|
||||
border-color: #b85e80;
|
||||
color: #fff; }
|
||||
.btn-flat.danger:active {
|
||||
background: #6e354a; }
|
||||
.btn-flat.icon {
|
||||
padding: 7px 10px;
|
||||
color: #1a2129;
|
||||
background: #e6ebf3;
|
||||
border: 1px solid #d8dde4;
|
||||
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.4) inset, 0px 1px 0px 0px #cccccc; }
|
||||
.btn-flat.icon:active {
|
||||
background: #e0e6ef;
|
||||
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3) inset;
|
||||
-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3) inset;
|
||||
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3) inset; }
|
||||
.btn-flat.icon i {
|
||||
font-size: 14px; }
|
||||
|
||||
/* GLOW BUTTONS */
|
||||
.btn-glow {
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
color: #333;
|
||||
padding: 5px 10px;
|
||||
text-align: center;
|
||||
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 0px 0px #cccccc;
|
||||
display: inline-block;
|
||||
border: 1px solid #e5e5e5;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background: #ffffff;
|
||||
background: -moz-linear-gradient(top, white 0%, #eef0f1 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eef0f1));
|
||||
background: -webkit-linear-gradient(top, white 0%, #eef0f1 100%);
|
||||
background: -o-linear-gradient(top, white 0%, #eef0f1 100%);
|
||||
background: -ms-linear-gradient(top, white 0%, #eef0f1 100%);
|
||||
background: linear-gradient(to bottom, white 0%, #eef0f1 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef0f1',GradientType=0 ); }
|
||||
.btn-glow:hover {
|
||||
text-decoration: none;
|
||||
background: #ffffff;
|
||||
background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
|
||||
background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
|
||||
background: -o-linear-gradient(top, white 0%, #e6e6e6 100%);
|
||||
background: -ms-linear-gradient(top, white 0%, #e6e6e6 100%);
|
||||
background: linear-gradient(to bottom, white 0%, #e6e6e6 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E6E6E6',GradientType=0 ); }
|
||||
.btn-glow.large {
|
||||
font-size: 14px;
|
||||
padding: 9px 16px; }
|
||||
.btn-glow.small {
|
||||
font-size: 11px;
|
||||
padding: 4px 7px; }
|
||||
.btn-glow:active, .btn-glow.active {
|
||||
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important;
|
||||
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important; }
|
||||
.btn-glow [class^="icon-"],
|
||||
.btn-glow [class*=" icon-"] {
|
||||
margin-right: 3px; }
|
||||
.btn-glow i.shuffle {
|
||||
top: 2px; }
|
||||
.btn-glow.inverse {
|
||||
border-color: #000;
|
||||
color: #fff;
|
||||
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
|
||||
background: #353f4c;
|
||||
/* Old browsers */
|
||||
background: -moz-linear-gradient(top, #353f4c 0%, #222a33 100%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353f4c), color-stop(100%, #222a33));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #353f4c 0%, #222a33 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #353f4c 0%, #222a33 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #353f4c 0%, #222a33 100%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, #353f4c 0%, #222a33 100%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353f4c', endColorstr='#222a33',GradientType=0 );
|
||||
/* IE6-9 */ }
|
||||
.btn-glow.inverse:hover {
|
||||
background: -webkit-linear-gradient(top, #434c58 0%, #424a53 100%); }
|
||||
.btn-glow.primary {
|
||||
border-color: #2480c2;
|
||||
color: #fff;
|
||||
text-shadow: rgba(0, 0, 0, 0.35) 0 1px 0;
|
||||
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
|
||||
background: #54b3ff;
|
||||
background: -moz-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #54b3ff), color-stop(100%, #0078d9));
|
||||
background: -webkit-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
|
||||
background: linear-gradient(#54b3ff, #0078d9);
|
||||
background: -o-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
|
||||
background: -ms-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54b3ff', endColorstr='#0078d9',GradientType=0 ); }
|
||||
.btn-glow.primary:hover {
|
||||
background: #389beb;
|
||||
background: -moz-linear-gradient(top, #389beb 0%, #0078d9 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #389beb), color-stop(100%, #0078d9));
|
||||
background: -webkit-linear-gradient(top, #389beb 0%, #0078d9 100%);
|
||||
background: linear-gradient(#389beb, #0078d9);
|
||||
background: -o-linear-gradient(top, #389beb 0%, #0078d9 100%);
|
||||
background: -ms-linear-gradient(top, #389beb 0%, #0078d9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(56, 155, 235)', endColorstr='#0078d9',GradientType=0 ); }
|
||||
.btn-glow.primary:active {
|
||||
background: #389beb;
|
||||
background: -moz-linear-gradient(top, #389beb 0%, #0078d9 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #389beb), color-stop(100%, #0078d9));
|
||||
background: -webkit-linear-gradient(top, #389beb 0%, #0078d9 100%);
|
||||
background: linear-gradient(#389beb, #0078d9);
|
||||
background: -o-linear-gradient(top, #389beb 0%, #0078d9 100%);
|
||||
background: -ms-linear-gradient(top, #389beb 0%, #0078d9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(56, 155, 235)', endColorstr='#0078d9',GradientType=0 ); }
|
||||
.btn-glow.primary[disabled] {
|
||||
border: 0px;
|
||||
box-shadow: none !important;
|
||||
background: #81b7e2 !important;
|
||||
cursor: default; }
|
||||
.btn-glow.success {
|
||||
background: #96bf48;
|
||||
background: linear-gradient(to bottom, #a9d651 0%, #96bf48 100%);
|
||||
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
|
||||
border: 1px solid #99bd56;
|
||||
text-shadow: rgba(0, 0, 0, 0.24706) 0px 1px 0px;
|
||||
color: #fff; }
|
||||
|
||||
/* Switch slider button */
|
||||
.slider-frame {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
width: 67px;
|
||||
background-color: #d5dde4;
|
||||
height: 23px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.3); }
|
||||
.slider-frame.info {
|
||||
background-color: rgba(92, 160, 163, 0.9); }
|
||||
.slider-frame.success {
|
||||
background-color: rgba(151, 192, 73, 0.9); }
|
||||
.slider-frame.primary {
|
||||
background-color: rgba(91, 158, 214, 0.9); }
|
||||
.slider-frame.danger {
|
||||
background-color: #d94774; }
|
||||
|
||||
.slider-button {
|
||||
display: block;
|
||||
width: 37px;
|
||||
height: 21px;
|
||||
line-height: 23px;
|
||||
background: #fff;
|
||||
border: 1px solid #d0dde9;
|
||||
-moz-border-radius: 9px;
|
||||
border-radius: 9px;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
-moz-transition: all 0.25s ease-in-out;
|
||||
transition: all 0.25s ease-in-out;
|
||||
color: #000;
|
||||
font-family: sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
cursor: pointer; }
|
||||
.slider-button.on {
|
||||
margin-left: 29px; }
|
||||
|
||||
/* Custom Select */
|
||||
.ui-select {
|
||||
width: 137px;
|
||||
margin-left: 0px !important;
|
||||
vertical-align: middle;
|
||||
min-width: 100px;
|
||||
height: 25px;
|
||||
min-height: 25px !important;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
background: url("../../img/select-bg.png"), -moz-linear-gradient(top, white 0%, #f0f1f2 100%);
|
||||
background: url("../../img/select-bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f0f1f2));
|
||||
background: url("../../img/select-bg.png"), -webkit-linear-gradient(top, white 0%, #f0f1f2 100%);
|
||||
background: url("../../img/select-bg.png"), -o-linear-gradient(top, white 0%, #f0f1f2 100%);
|
||||
background: url("../../img/select-bg.png"), -ms-linear-gradient(top, white 0%, #f0f1f2 100%);
|
||||
background: url("../../img/select-bg.png"), linear-gradient(to bottom, white 0%, #f0f1f2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f1f2',GradientType=0 );
|
||||
display: inline-block;
|
||||
border: 1px solid #cfdde8;
|
||||
border-radius: 5px;
|
||||
background-position: 94%;
|
||||
background-repeat: no-repeat; }
|
||||
.ui-select select {
|
||||
line-height: inherit;
|
||||
width: 135%;
|
||||
font-family: "Open Sans", Arial;
|
||||
font-size: 12px;
|
||||
border: none;
|
||||
padding: 1px 30px 0px 7px;
|
||||
height: 25px;
|
||||
-webkit-appearance: none;
|
||||
color: #737f8d;
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
background: transparent; }
|
||||
|
||||
/* jQuery UI Slider overrides */
|
||||
.ui-slider {
|
||||
border: 1px solid #cfdde8;
|
||||
height: 4px;
|
||||
background: #edeeef;
|
||||
box-shadow: inset 0px -3px 7px 0px #fff; }
|
||||
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
background: url("../../img/jquery-ui/slider-handler.png") no-repeat;
|
||||
border: none;
|
||||
width: 16px;
|
||||
height: 17px;
|
||||
top: -6px;
|
||||
outline: 0; }
|
||||
|
||||
.ui-slider.vertical-handler .ui-state-default {
|
||||
background: url("../../img/jquery-ui/slider-handler2.png") no-repeat;
|
||||
width: 11px;
|
||||
height: 21px;
|
||||
top: -8px; }
|
||||
|
||||
.ui-slider .ui-slider-range {
|
||||
border: 1px solid #30a1ec;
|
||||
background: #4faeef;
|
||||
box-shadow: inset 0px 0px 3px 0px white; }
|
||||
|
||||
.ui-slider.success .ui-slider-range {
|
||||
background: #96bf48;
|
||||
border: 1px solid #79af5e; }
|
||||
|
||||
.ui-slider.info .ui-slider-range {
|
||||
background: #5ba0a3;
|
||||
border: 1px solid #5ba0a3; }
|
||||
|
||||
/* Custom Dialog */
|
||||
.pop-dialog {
|
||||
z-index: 10000;
|
||||
display: inline-block; }
|
||||
.pop-dialog.is-visible {
|
||||
display: block;
|
||||
-webkit-animation: reveal .2s ease-out;
|
||||
-moz-animation: reveal .2s ease-out;
|
||||
animation: reveal .2s ease-out; }
|
||||
.pop-dialog .pointer {
|
||||
position: relative;
|
||||
top: -22px;
|
||||
/* pop-dialog with pointer to the right */ }
|
||||
.pop-dialog .pointer .arrow,
|
||||
.pop-dialog .pointer .arrow_border {
|
||||
border-color: transparent transparent #fff;
|
||||
border-style: solid;
|
||||
border-width: 8px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
z-index: 1002;
|
||||
left: 25px; }
|
||||
.pop-dialog .pointer .arrow_border {
|
||||
border-color: transparent transparent #a1a1a1;
|
||||
border-width: 9px;
|
||||
top: 4px;
|
||||
z-index: 1001;
|
||||
left: 24px; }
|
||||
.pop-dialog .pointer.right .arrow {
|
||||
left: auto;
|
||||
right: 25px; }
|
||||
.pop-dialog .pointer.right .arrow_border {
|
||||
left: auto;
|
||||
right: 24px; }
|
||||
.pop-dialog .body {
|
||||
width: auto;
|
||||
background-color: #fff;
|
||||
border: 1px solid #a1a1a1;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0px 0px 9px 0px #d6d6d6;
|
||||
padding: 10px; }
|
||||
|
||||
/* Dropdown with dialog */
|
||||
.ui-dropdown {
|
||||
position: relative;
|
||||
display: inline-block; }
|
||||
.ui-dropdown .head {
|
||||
color: #272727;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
border: 1px solid #dedede;
|
||||
border-radius: 4px;
|
||||
padding: 4px 46px 4px 12px;
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
box-shadow: 1px 1px 4px 0px #efefef;
|
||||
cursor: pointer;
|
||||
background: #ffffff;
|
||||
/* Old browsers */
|
||||
background: -moz-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(47%, #f8f8f8), color-stop(100%, #f4f4f4));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, white 0%, #f8f8f8 47%, #f4f4f4 100%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
|
||||
/* IE6-9 */ }
|
||||
.ui-dropdown .head:hover, .ui-dropdown .head.active {
|
||||
background: #fefefe;
|
||||
/* Old browsers */
|
||||
background: -moz-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(47%, #fdfdfd), color-stop(100%, #f1f1f1));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, white 0%, #fdfdfd 47%, #f1f1f1 100%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F1F1F1',GradientType=0 );
|
||||
/* IE6-9 */ }
|
||||
.ui-dropdown .head:active, .ui-dropdown .head.active {
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
|
||||
.ui-dropdown .head i.arrow-down {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 16px; }
|
||||
.ui-dropdown .dialog {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 42px;
|
||||
z-index: 100; }
|
||||
.ui-dropdown .dialog.is-visible {
|
||||
display: block;
|
||||
-webkit-animation: reveal .2s ease-out;
|
||||
-moz-animation: reveal .2s ease-out;
|
||||
animation: reveal .2s ease-out; }
|
||||
.ui-dropdown .dialog .pointer {
|
||||
position: relative;
|
||||
top: -22px; }
|
||||
.ui-dropdown .dialog .pointer .arrow,
|
||||
.ui-dropdown .dialog .pointer .arrow_border {
|
||||
border-color: transparent transparent #fff;
|
||||
border-style: solid;
|
||||
border-width: 8px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
z-index: 1002;
|
||||
right: 25px; }
|
||||
.ui-dropdown .dialog .pointer .arrow_border {
|
||||
border-color: transparent transparent #a1a1a1;
|
||||
border-width: 9px;
|
||||
top: 4px;
|
||||
z-index: 1001;
|
||||
right: 24px; }
|
||||
.ui-dropdown .dialog .body {
|
||||
width: 440px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #a1a1a1;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0px 0px 9px 0px #d6d6d6;
|
||||
padding: 8px 10px 8px 10px; }
|
||||
.ui-dropdown .dialog .body p.title {
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px; }
|
||||
.ui-dropdown .dialog .body form select {
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
vertical-align: top;
|
||||
height: 27px;
|
||||
margin-right: 2px; }
|
||||
.ui-dropdown .dialog .body form input[type="text"] {
|
||||
height: 17px;
|
||||
width: 90px;
|
||||
margin-right: 2px; }
|
||||
.ui-dropdown .dialog .body form a {
|
||||
vertical-align: top; }
|
||||
|
||||
@-webkit-keyframes reveal {
|
||||
0% {
|
||||
margin-left: -999px;
|
||||
opacity: 0; }
|
||||
|
||||
1% {
|
||||
margin-left: 0;
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.98) translateY(-15px); }
|
||||
|
||||
80% {
|
||||
-webkit-transform: scale(1); }
|
||||
|
||||
100% {
|
||||
-webkit-transform: translateY(0); } }
|
||||
|
||||
@-moz-keyframes reveal {
|
||||
0% {
|
||||
margin-left: -999px;
|
||||
opacity: 0; }
|
||||
|
||||
1% {
|
||||
margin-left: 0;
|
||||
opacity: 0;
|
||||
-moz-transform: scale(0.98) translateY(-15px); }
|
||||
|
||||
80% {
|
||||
-moz-transform: scale(1); }
|
||||
|
||||
100% {
|
||||
-moz-transform: translateY(0); } }
|
||||
62
View/public/css/compiled/form-showcase.css
Normal file
62
View/public/css/compiled/form-showcase.css
Normal file
@@ -0,0 +1,62 @@
|
||||
.form-page .form-wrapper {
|
||||
margin-bottom: 40px; }
|
||||
.form-page .form-wrapper .field-box {
|
||||
margin-bottom: 30px;
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
width: 100%; }
|
||||
.form-page .form-wrapper label {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font-weight: 600;
|
||||
cursor: auto;
|
||||
font-size: 12px;
|
||||
width: 140px;
|
||||
text-align: left; }
|
||||
.form-page .form-wrapper input:-moz-placeholder {
|
||||
font-style: italic; }
|
||||
.form-page .form-wrapper input:-ms-input-placeholder {
|
||||
font-style: italic; }
|
||||
.form-page .form-wrapper input::-webkit-input-placeholder {
|
||||
font-style: italic; }
|
||||
.form-page .form-wrapper .predefined {
|
||||
position: relative; }
|
||||
.form-page .form-wrapper .predefined input {
|
||||
padding-left: 40px; }
|
||||
.form-page .form-wrapper .predefined .value {
|
||||
position: absolute;
|
||||
top: 6px; }
|
||||
.form-page .form-wrapper label.checkbox {
|
||||
cursor: pointer;
|
||||
color: #555; }
|
||||
.form-page .form-wrapper label.radio {
|
||||
position: relative;
|
||||
left: -20px;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
color: #555; }
|
||||
.form-page .form-wrapper label.checkbox,
|
||||
.form-page .form-wrapper label.radio {
|
||||
padding-left: 0px;
|
||||
font-weight: lighter; }
|
||||
.form-page .form-wrapper label.checkbox input[type="checkbox"],
|
||||
.form-page .form-wrapper label.checkbox input[type="radio"],
|
||||
.form-page .form-wrapper label.radio input[type="checkbox"],
|
||||
.form-page .form-wrapper label.radio input[type="radio"] {
|
||||
font-size: large;
|
||||
margin-left: 0px; }
|
||||
.form-page .form-wrapper .wysi-column {
|
||||
float: left;
|
||||
width: 75%; }
|
||||
.form-page .form-wrapper .column.pull-right label {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.form-page .form-wrapper .column.pull-right .ui-select {
|
||||
width: 250px; }
|
||||
.form-page .form-wrapper .select2-container {
|
||||
margin-left: 0px; }
|
||||
|
||||
/*Responsive*/
|
||||
@media (max-width: 767px) {
|
||||
.form-page .form-wrapper label.radio {
|
||||
left: 0px; } }
|
||||
139
View/public/css/compiled/form-wizard.css
Normal file
139
View/public/css/compiled/form-wizard.css
Normal file
@@ -0,0 +1,139 @@
|
||||
#fuelux-wizard {
|
||||
margin-top: 60px; }
|
||||
|
||||
.wizard-steps {
|
||||
list-style: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 12px 0 0;
|
||||
position: relative;
|
||||
left: -40px; }
|
||||
.wizard-steps li {
|
||||
display: block;
|
||||
text-align: center;
|
||||
float: left;
|
||||
min-width: 25%;
|
||||
max-width: 25%; }
|
||||
.wizard-steps li:before {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-top: 3px solid #e5e8ed;
|
||||
position: relative;
|
||||
top: 12px;
|
||||
z-index: 1; }
|
||||
.wizard-steps li:first-child:before {
|
||||
max-width: 50%;
|
||||
left: 50%; }
|
||||
.wizard-steps li:last-child:before {
|
||||
max-width: 50%;
|
||||
width: 50%; }
|
||||
.wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step {
|
||||
border-color: #cbdeee;
|
||||
color: #34a0ed;
|
||||
background-color: #f2f7fb;
|
||||
font-weight: bold;
|
||||
box-shadow: inset 0px 0px 1px 2px #fff; }
|
||||
.wizard-steps li .step {
|
||||
text-align: center;
|
||||
border: 2px solid #e5e8ed;
|
||||
color: #d8dce6;
|
||||
font-size: 19px;
|
||||
border-radius: 32px;
|
||||
line-height: 12px;
|
||||
padding: 7px 15px;
|
||||
background-color: #FFF;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: inline; }
|
||||
.wizard-steps li.complete .title, .wizard-steps li.active .title {
|
||||
color: #2b3d53; }
|
||||
.wizard-steps li .title {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
color: #b1bcc5;
|
||||
font-size: 13px;
|
||||
z-index: 104;
|
||||
text-align: center;
|
||||
table-layout: fixed;
|
||||
word-wrap: break-word;
|
||||
position: relative;
|
||||
top: -76px;
|
||||
line-height: 15px; }
|
||||
|
||||
/* step content */
|
||||
.step-content {
|
||||
margin-top: 40px;
|
||||
margin-left: 60px; }
|
||||
.step-content .step-pane {
|
||||
display: none;
|
||||
min-height: 267px; }
|
||||
.step-content .active {
|
||||
display: block; }
|
||||
|
||||
/* step forms */
|
||||
.form-wrapper .field-box {
|
||||
margin-bottom: 25px;
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
width: 100%; }
|
||||
.form-wrapper .field-box:last-child {
|
||||
margin-bottom: 0px; }
|
||||
.form-wrapper label {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font-weight: 600;
|
||||
cursor: auto;
|
||||
font-size: 12px;
|
||||
width: 120px;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
top: 2px; }
|
||||
.form-wrapper.payment-info label {
|
||||
width: 150px; }
|
||||
.form-wrapper .alert-msg {
|
||||
display: block;
|
||||
margin-left: 120px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-bottom: -4px; }
|
||||
.form-wrapper .alert-msg i {
|
||||
font-size: 14px; }
|
||||
|
||||
/*** Form states ***/
|
||||
.form-wrapper .field-box {
|
||||
/* error */
|
||||
/* success */ }
|
||||
.form-wrapper .field-box.error label,
|
||||
.form-wrapper .field-box.error .alert-msg {
|
||||
color: #c73939; }
|
||||
.form-wrapper .field-box.error input {
|
||||
border-color: #c73939; }
|
||||
.form-wrapper .field-box.success label,
|
||||
.form-wrapper .field-box.success .alert-msg {
|
||||
color: #379e48; }
|
||||
.form-wrapper .field-box.success input {
|
||||
border-color: #379e48; }
|
||||
|
||||
/* actions */
|
||||
.wizard-actions {
|
||||
float: right;
|
||||
margin-top: 30px;
|
||||
margin-right: 130px; }
|
||||
.wizard-actions .btn-next {
|
||||
margin-left: 15px; }
|
||||
.wizard-actions .btn-finish {
|
||||
display: none;
|
||||
margin-left: 15px; }
|
||||
|
||||
/* responsive */
|
||||
@media (max-width: 979px) {
|
||||
.step-content {
|
||||
margin-left: 0px; } }
|
||||
@media (max-width: 600px) {
|
||||
.wizard-steps {
|
||||
left: 0px; } }
|
||||
162
View/public/css/compiled/gallery.css
Normal file
162
View/public/css/compiled/gallery.css
Normal file
@@ -0,0 +1,162 @@
|
||||
.gallery {
|
||||
/* gallery popup */ }
|
||||
.gallery .gallery-wrapper {
|
||||
text-align: center;
|
||||
padding-left: 45px;
|
||||
position: relative; }
|
||||
.gallery .img-container {
|
||||
margin-bottom: 50px; }
|
||||
.gallery .img-container .img-box {
|
||||
display: inline-block;
|
||||
position: relative; }
|
||||
.gallery .img-container .img-box:hover span {
|
||||
visibility: visible; }
|
||||
.gallery .img-container img {
|
||||
border: 4px solid #dff0fd;
|
||||
border-radius: 3px;
|
||||
cursor: pointer; }
|
||||
.gallery .img-container .title {
|
||||
margin-top: 5px;
|
||||
font-size: 13px; }
|
||||
.gallery .img-container .icon {
|
||||
position: absolute;
|
||||
background: rgba(56, 156, 240, 0.8);
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
visibility: hidden;
|
||||
left: 41%;
|
||||
border-radius: 100%;
|
||||
cursor: pointer;
|
||||
text-align: center; }
|
||||
.gallery .img-container i {
|
||||
display: inline-block;
|
||||
margin-top: 14px; }
|
||||
.gallery .img-container span.edit {
|
||||
top: 23%; }
|
||||
.gallery .img-container span.trash {
|
||||
top: 48%; }
|
||||
.gallery .new-img img {
|
||||
border: 2px dashed #dee3e8;
|
||||
cursor: pointer;
|
||||
margin-bottom: 50px; }
|
||||
.gallery .new-img img:hover {
|
||||
opacity: 0.8;
|
||||
border-color: #ccc; }
|
||||
.gallery .popup {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
width: 260px;
|
||||
border: 1px solid #2b3b48;
|
||||
box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.45);
|
||||
border-radius: 4px;
|
||||
padding: 14px 20px 14px 20px;
|
||||
z-index: 5;
|
||||
left: 240px;
|
||||
top: 285px; }
|
||||
.gallery .popup h5 {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
margin: 0 0 21px 0;
|
||||
font-size: 14px;
|
||||
color: #7e91aa; }
|
||||
.gallery .popup .thumb {
|
||||
float: left; }
|
||||
.gallery .popup img {
|
||||
cursor: pointer;
|
||||
border: 2px solid #dff0fd;
|
||||
border-radius: 3px; }
|
||||
.gallery .popup .title {
|
||||
float: right;
|
||||
width: 58%; }
|
||||
.gallery .popup .title input {
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
margin: 7px 0 18px; }
|
||||
.gallery .popup .title .ui-select {
|
||||
width: 96%; }
|
||||
.gallery .popup .title input:-moz-placeholder {
|
||||
font-style: italic; }
|
||||
.gallery .popup .title input:-ms-input-placeholder {
|
||||
font-style: italic; }
|
||||
.gallery .popup .title input::-webkit-input-placeholder {
|
||||
font-style: italic; }
|
||||
.gallery .popup .description {
|
||||
width: 100%;
|
||||
margin-top: 22px;
|
||||
display: inline-block; }
|
||||
.gallery .popup .description h6 {
|
||||
margin: 0 0 5px 0;
|
||||
color: #364453;
|
||||
font-weight: 600;
|
||||
font-size: 13px; }
|
||||
.gallery .popup .description textarea {
|
||||
width: 95%;
|
||||
margin-bottom: 13px;
|
||||
height: 60px; }
|
||||
.gallery .popup .description input[type="submit"] {
|
||||
float: right; }
|
||||
.gallery .popup i.close-pop {
|
||||
position: absolute;
|
||||
right: 11px;
|
||||
cursor: pointer;
|
||||
top: 12px;
|
||||
opacity: 0.6;
|
||||
transition: opacity .1s linear;
|
||||
-moz-transition: opacity .1s linear;
|
||||
-webkit-transition: opacity .1s linear;
|
||||
-o-transition: opacity .1s linear; }
|
||||
.gallery .popup i.close-pop:hover {
|
||||
opacity: 1; }
|
||||
.gallery .popup .pointer {
|
||||
position: absolute;
|
||||
top: 35%;
|
||||
left: -22px; }
|
||||
.gallery .popup .pointer .arrow,
|
||||
.gallery .popup .pointer .arrow_border {
|
||||
border-color: transparent #fff transparent transparent;
|
||||
border-width: 11px;
|
||||
border-style: solid;
|
||||
font-size: 0;
|
||||
left: 50%;
|
||||
line-height: 0;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0;
|
||||
z-index: 1002;
|
||||
left: 0;
|
||||
margin-left: 45%; }
|
||||
.gallery .popup .pointer .arrow_border {
|
||||
border-color: transparent #000 transparent transparent;
|
||||
border-width: 11px;
|
||||
margin-left: -1px;
|
||||
border-style: solid;
|
||||
z-index: 1001;
|
||||
top: 0px; }
|
||||
|
||||
/* gallery blank state */
|
||||
.no-gallery {
|
||||
border-top: 1px solid #edeff1;
|
||||
padding-top: 40px;
|
||||
box-shadow: 0px 4px 9px -6px rgba(0, 0, 0, 0.12) inset;
|
||||
margin-bottom: 100px; }
|
||||
.no-gallery .center {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
width: 42%; }
|
||||
.no-gallery .center h6 {
|
||||
color: #364453;
|
||||
font-weight: 600;
|
||||
margin: 30px 0 9px;
|
||||
font-size: 15px; }
|
||||
.no-gallery .center p {
|
||||
color: #364453;
|
||||
font-size: 13px; }
|
||||
.no-gallery .center a {
|
||||
margin-top: 30px; }
|
||||
|
||||
/*Responsive*/
|
||||
@media (max-width: 979px) {
|
||||
.gallery .popup {
|
||||
display: none; } }
|
||||
16
View/public/css/compiled/grids.css
Normal file
16
View/public/css/compiled/grids.css
Normal file
@@ -0,0 +1,16 @@
|
||||
.grid-wrapper {
|
||||
margin-bottom: 60px; }
|
||||
.grid-wrapper .head {
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.show-grid {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px; }
|
||||
.show-grid [class*="span"] {
|
||||
background-color: #eee;
|
||||
text-align: center;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
min-height: 40px;
|
||||
line-height: 40px; }
|
||||
195
View/public/css/compiled/index.css
Normal file
195
View/public/css/compiled/index.css
Normal file
@@ -0,0 +1,195 @@
|
||||
/* Main stats up of screen */
|
||||
#main-stats {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
background-color: #fdfdfd;
|
||||
border-bottom: 1px solid #efeef3; }
|
||||
#main-stats .stats-row {
|
||||
box-shadow: inset -1px 0px 5px 2px #f9f9f9; }
|
||||
#main-stats .stat {
|
||||
text-align: right;
|
||||
padding: 30px 0px 35px 0px;
|
||||
border-right: 1px solid #e8e9ee;
|
||||
position: relative;
|
||||
box-shadow: 1px 0px 0px 0px white; }
|
||||
#main-stats .stat.last {
|
||||
border-right: 0px; }
|
||||
#main-stats .stat .data {
|
||||
color: #29323a;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
padding-right: 50px; }
|
||||
#main-stats .stat .data .number {
|
||||
color: #32a0ee;
|
||||
font-size: 25px;
|
||||
margin-right: 15px; }
|
||||
#main-stats .stat .date {
|
||||
color: #b4b8bb;
|
||||
font-weight: lighter;
|
||||
font-family: 'Lato', 'Open Sans';
|
||||
font-style: italic;
|
||||
font-size: 13px;
|
||||
position: absolute;
|
||||
right: 50px; }
|
||||
|
||||
.section {
|
||||
border-top: 1px solid #edeff1;
|
||||
margin-top: 100px;
|
||||
padding-top: 45px;
|
||||
box-shadow: inset 0px 3px 4px -1px #fafafa; }
|
||||
|
||||
/* Stats chart */
|
||||
#statsChart {
|
||||
width: 97%;
|
||||
height: 250px;
|
||||
margin-top: 35px; }
|
||||
|
||||
/* specific chart styles */
|
||||
.legendLabel {
|
||||
font-size: 12px;
|
||||
font-family: "Open Sans", Arial;
|
||||
color: #9da3a9; }
|
||||
|
||||
/* UI elements section */
|
||||
#pad-wrapper .ui-elements h4 {
|
||||
margin-bottom: 35px; }
|
||||
#pad-wrapper .ui-elements .btn-flat {
|
||||
text-transform: uppercase; }
|
||||
#pad-wrapper .ui-elements .btn-flat.icon {
|
||||
text-transform: none; }
|
||||
#pad-wrapper .ui-elements .btn-flat.icon i {
|
||||
margin-right: 3px; }
|
||||
#pad-wrapper .ui-elements .ui-sliders {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 50px; }
|
||||
#pad-wrapper .ui-elements .ui-sliders .ui-slider {
|
||||
width: 95%; }
|
||||
#pad-wrapper .ui-elements .ui-sliders .ui-slider.slider-sample2, #pad-wrapper .ui-elements .ui-sliders .ui-slider.slider-sample3 {
|
||||
margin-top: 20px; }
|
||||
#pad-wrapper .ui-elements .ui-group {
|
||||
margin-top: 35px; }
|
||||
#pad-wrapper .ui-elements .ui-group > * {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px; }
|
||||
#pad-wrapper .ui-elements .knobs {
|
||||
overflow: auto; }
|
||||
#pad-wrapper .ui-elements .knob-wrapper {
|
||||
float: left; }
|
||||
#pad-wrapper .ui-elements .knob-wrapper .knob {
|
||||
box-shadow: none; }
|
||||
#pad-wrapper .ui-elements .knob-wrapper .info {
|
||||
position: relative;
|
||||
top: -20px; }
|
||||
#pad-wrapper .ui-elements .knob-wrapper .info .param {
|
||||
color: #9da3a9;
|
||||
text-align: center; }
|
||||
#pad-wrapper .ui-elements .knob-wrapper .info .param .line {
|
||||
background-color: #c4cdd8;
|
||||
height: 3px;
|
||||
width: 25px;
|
||||
display: inline-block;
|
||||
margin-right: 10px; }
|
||||
#pad-wrapper .ui-elements .knob-wrapper .info .param .line.blue {
|
||||
background-color: #30a1ec; }
|
||||
|
||||
/* table sample below */
|
||||
.table-products {
|
||||
width: 100%; }
|
||||
.table-products .filter-block {
|
||||
margin-bottom: 34px; }
|
||||
.table-products .filter-block .ui-select {
|
||||
margin-right: 20px;
|
||||
top: 1px;
|
||||
height: 24px;
|
||||
width: 150px; }
|
||||
.table-products .filter-block .search {
|
||||
margin: 0 60px 0 0; }
|
||||
.table-products .filter-block .new-product {
|
||||
padding: 4px 14px; }
|
||||
.table-products .table tr.first td {
|
||||
border-top: 0 none; }
|
||||
.table-products .table td.description {
|
||||
vertical-align: middle;
|
||||
color: #516372; }
|
||||
.table-products .table td a {
|
||||
text-decoration: underline;
|
||||
margin-top: 6px;
|
||||
display: inline-block; }
|
||||
.table-products .table th input[type="checkbox"] {
|
||||
margin-top: 4px; }
|
||||
.table-products .table input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-top: 11px;
|
||||
margin-right: 23px; }
|
||||
.table-products .table .img {
|
||||
height: 31px;
|
||||
float: left;
|
||||
background: white;
|
||||
width: 31px;
|
||||
border: 1px solid #dfe4eb;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
margin-right: 23px; }
|
||||
.table-products .table .img img {
|
||||
margin-top: 4px; }
|
||||
.table-products .table ul.actions {
|
||||
margin: 5px 0 0 0;
|
||||
padding: 0;
|
||||
float: right; }
|
||||
.table-products .table ul.actions li {
|
||||
display: inline;
|
||||
border-right: 1px solid #d0dde9;
|
||||
padding: 5px 6px 0px 3px; }
|
||||
.table-products .table ul.actions li.last {
|
||||
border: 0 none; }
|
||||
.table-products .table ul.actions i {
|
||||
cursor: pointer;
|
||||
opacity: 0.6;
|
||||
transition: opacity .1s linear;
|
||||
-moz-transition: opacity .1s linear;
|
||||
-webkit-transition: opacity .1s linear;
|
||||
-o-transition: opacity .1s linear; }
|
||||
.table-products .table ul.actions i:hover {
|
||||
opacity: 1; }
|
||||
.table-products .label {
|
||||
position: relative; }
|
||||
.table-products .pagination {
|
||||
float: right;
|
||||
margin-top: 35px; }
|
||||
|
||||
/* responsive */
|
||||
@media (max-width: 767px) {
|
||||
#main-stats {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px; }
|
||||
|
||||
#pad-wrapper .ui-elements .knobs {
|
||||
text-align: center; }
|
||||
#pad-wrapper .ui-elements .knobs .knob-wrapper {
|
||||
float: inherit; }
|
||||
#pad-wrapper .ui-elements .showcase {
|
||||
text-align: center; }
|
||||
#pad-wrapper .table-products .table .img {
|
||||
display: none; }
|
||||
#pad-wrapper .table-products .table input[type="checkbox"] {
|
||||
margin-right: 10px; }
|
||||
#pad-wrapper .table-products .table .label {
|
||||
display: none; } }
|
||||
@media (max-width: 979px) {
|
||||
#main-stats .stat .data {
|
||||
padding-right: 17px; }
|
||||
|
||||
#pad-wrapper .knob-wrapper .info {
|
||||
display: none; }
|
||||
|
||||
.pointer {
|
||||
top: 5%; } }
|
||||
@media (min-width: 980px) {
|
||||
#pad-wrapper .ui-elements .knob-wrapper + .knob-wrapper {
|
||||
margin-left: 5px; } }
|
||||
@media (min-width: 1200px) {
|
||||
#pad-wrapper .ui-elements .showcase {
|
||||
width: 53%; }
|
||||
#pad-wrapper .ui-elements .knob-wrapper + .knob-wrapper {
|
||||
margin-left: 35px; } }
|
||||
112
View/public/css/compiled/new-user.css
Normal file
112
View/public/css/compiled/new-user.css
Normal file
@@ -0,0 +1,112 @@
|
||||
.new-user {
|
||||
/* form sidebar*/ }
|
||||
.new-user .form-wrapper .with-sidebar {
|
||||
border-right: 1px solid #edeef1;
|
||||
box-shadow: 4px 0px 3px -1px rgba(226, 226, 226, 0.1); }
|
||||
.new-user .form-wrapper .container {
|
||||
width: 90%;
|
||||
float: left; }
|
||||
.new-user .form-wrapper .field-box {
|
||||
margin-bottom: 25px;
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
width: 100%; }
|
||||
.new-user .form-wrapper label {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
cursor: auto;
|
||||
width: 120px; }
|
||||
.new-user .form-wrapper input[type="text"] {
|
||||
margin: 0;
|
||||
padding: 3px 6px; }
|
||||
.new-user .form-wrapper .address-fields {
|
||||
margin-left: 0px;
|
||||
float: left;
|
||||
width: 75%; }
|
||||
.new-user .form-wrapper input.small {
|
||||
width: 30%;
|
||||
margin-top: 20px;
|
||||
margin-right: 20px; }
|
||||
.new-user .form-wrapper input.last {
|
||||
margin-right: 0; }
|
||||
.new-user .form-wrapper input:-moz-placeholder {
|
||||
font-style: italic; }
|
||||
.new-user .form-wrapper input:-ms-input-placeholder {
|
||||
font-style: italic; }
|
||||
.new-user .form-wrapper input::-webkit-input-placeholder {
|
||||
font-style: italic; }
|
||||
.new-user .form-wrapper textarea {
|
||||
height: 88px; }
|
||||
.new-user .textarea {
|
||||
margin-top: 27px; }
|
||||
.new-user .textarea span.charactersleft {
|
||||
display: block;
|
||||
color: #9ba0a5;
|
||||
text-align: left;
|
||||
margin-left: 18%;
|
||||
font-size: 13px;
|
||||
font-style: italic; }
|
||||
.new-user .actions {
|
||||
margin-top: 30px;
|
||||
text-align: right;
|
||||
padding-right: 40px; }
|
||||
.new-user .actions span {
|
||||
text-transform: uppercase;
|
||||
color: #7e91aa;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 2px 0 8px; }
|
||||
.new-user .actions input.reset {
|
||||
color: #7e91aa;
|
||||
font-weight: 500; }
|
||||
.new-user .form-sidebar .alert {
|
||||
margin: 20px 0px 60px 0px; }
|
||||
.new-user .form-sidebar .alert i {
|
||||
margin-bottom: 40px; }
|
||||
.new-user .form-sidebar h6 {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase; }
|
||||
.new-user .form-sidebar p {
|
||||
color: #777e86; }
|
||||
.new-user .form-sidebar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.new-user .form-sidebar ul a {
|
||||
text-decoration: underline; }
|
||||
|
||||
/* responsive */
|
||||
@media (max-width: 767px) {
|
||||
.new-user .form-wrapper .container {
|
||||
width: 100%;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #edeef1;
|
||||
box-shadow: 0px 4px 3px -1px rgba(226, 226, 226, 0.1); }
|
||||
.new-user .form-wrapper .with-sidebar {
|
||||
border-right: 0 none;
|
||||
box-shadow: none; }
|
||||
.new-user .form-wrapper label {
|
||||
margin: 0; }
|
||||
.new-user .form-wrapper .textarea label {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
margin-bottom: 10px; }
|
||||
.new-user .form-wrapper .textarea textarea {
|
||||
width: 97%; }
|
||||
.new-user .textarea span.charactersleft {
|
||||
display: inline-block;
|
||||
margin-left: 0; }
|
||||
.new-user .actions {
|
||||
margin-top: 0; }
|
||||
.new-user .form-sidebar {
|
||||
margin-top: 40px; } }
|
||||
@media (max-width: 979px) {
|
||||
.new-user .form-wrapper .address-fields {
|
||||
margin-top: 30px;
|
||||
width: 100%; }
|
||||
.new-user .form-wrapper input.small {
|
||||
width: inherit;
|
||||
margin: 20px 0px 0px 0px; } }
|
||||
90
View/public/css/compiled/personal-info.css
Normal file
90
View/public/css/compiled/personal-info.css
Normal file
@@ -0,0 +1,90 @@
|
||||
.settings-wrapper .wrapp {
|
||||
margin-top: 100px; }
|
||||
.settings-wrapper .avatar-box img {
|
||||
border: 3px solid #c3cddb;
|
||||
margin-bottom: 28px; }
|
||||
.settings-wrapper .avatar-box p {
|
||||
font-weight: 700;
|
||||
margin-bottom: 12px; }
|
||||
.settings-wrapper .avatar-box input[type="file"] {
|
||||
font-size: 11px; }
|
||||
.settings-wrapper .personal-info {
|
||||
border-left: 1px solid #edeff1;
|
||||
box-shadow: inset 3px 0px 4px -1px #fafafa; }
|
||||
.settings-wrapper .personal-info .alert {
|
||||
margin-bottom: 50px;
|
||||
display: inline-block;
|
||||
font-size: 13px; }
|
||||
.settings-wrapper .personal-info .alert i {
|
||||
float: left; }
|
||||
.settings-wrapper .personal-info h5.personal-title {
|
||||
font-size: 22px;
|
||||
margin: 0 0 50px 50px;
|
||||
color: #696d73;
|
||||
font-style: italic; }
|
||||
.settings-wrapper .personal-info form {
|
||||
margin-left: 50px; }
|
||||
.settings-wrapper .personal-info .field-box {
|
||||
margin-bottom: 20px; }
|
||||
.settings-wrapper .personal-info label {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
cursor: auto;
|
||||
width: 20%;
|
||||
margin-right: 10px; }
|
||||
.settings-wrapper .personal-info .input[type="text"] {
|
||||
font-weight: 600; }
|
||||
.settings-wrapper .personal-info .ui-select {
|
||||
width: 50%;
|
||||
margin-bottom: 10px; }
|
||||
.settings-wrapper .personal-info .actions {
|
||||
margin-bottom: 25px;
|
||||
margin-left: 0;
|
||||
margin-top: 30px;
|
||||
float: left;
|
||||
text-align: right; }
|
||||
.settings-wrapper .personal-info .actions span {
|
||||
text-transform: uppercase;
|
||||
color: #7e91aa;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 2px 0 8px; }
|
||||
.settings-wrapper .personal-info input.reset {
|
||||
color: #7e91aa;
|
||||
font-weight: 500; }
|
||||
|
||||
/* responsive */
|
||||
@media (max-width: 767px) {
|
||||
.settings-wrapper #pad-wrapper {
|
||||
padding: 0px 20px; }
|
||||
.settings-wrapper .avatar-box {
|
||||
text-align: center; }
|
||||
.settings-wrapper .personal-info {
|
||||
border: 0 none;
|
||||
box-shadow: none;
|
||||
margin-top: 40px; }
|
||||
.settings-wrapper .personal-info h5.personal-title {
|
||||
margin-left: 0; }
|
||||
.settings-wrapper .personal-info .field-box {
|
||||
margin-left: 0; }
|
||||
.settings-wrapper .personal-info .ui-select {
|
||||
width: 90%; }
|
||||
.settings-wrapper .personal-info label {
|
||||
width: 100%; }
|
||||
.settings-wrapper .personal-info .actions {
|
||||
text-align: center; }
|
||||
.settings-wrapper .personal-info form {
|
||||
margin-left: 0;
|
||||
padding: 0px 10px 0px 10px; } }
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.settings-wrapper .personal-info .ui-select {
|
||||
width: 77%; } }
|
||||
@media (min-width: 768px) {
|
||||
.settings-wrapper .personal-info .alert {
|
||||
margin-left: 50px; } }
|
||||
@media (min-width: 980px) {
|
||||
.settings-wrapper .personal-info .ui-select {
|
||||
width: 60%; } }
|
||||
134
View/public/css/compiled/signin.css
Normal file
134
View/public/css/compiled/signin.css
Normal file
@@ -0,0 +1,134 @@
|
||||
/*
|
||||
.login-bg {
|
||||
background: url("../../img/bgs/landscape.jpg") no-repeat center center fixed;
|
||||
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bgs/landscape.jpg', sizingMethod='scale');
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bgs/landscape.jpg', sizingMethod='scale')";
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover; }
|
||||
*/
|
||||
.login-wrapper {
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
text-align: center; }
|
||||
.login-wrapper .logo {
|
||||
margin-bottom: 45px;
|
||||
position: relative;
|
||||
left: -2px; }
|
||||
.login-wrapper .box {
|
||||
margin: 0 auto;
|
||||
padding: 35px 0 30px;
|
||||
float: none;
|
||||
width: 400px;
|
||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 5px;
|
||||
background: rgba(255, 255, 255, 0.65); }
|
||||
.login-wrapper .box .content-wrap {
|
||||
width: 82%;
|
||||
margin: 0 auto; }
|
||||
.login-wrapper .box h6 {
|
||||
text-transform: uppercase;
|
||||
margin: 0 0 30px 0;
|
||||
font-size: 18px;
|
||||
font-weight: 600; }
|
||||
.login-wrapper .box input[type="text"],
|
||||
.login-wrapper .box input[type="password"] {
|
||||
font-size: 15px;
|
||||
height: 40px;
|
||||
margin-bottom: 18px;
|
||||
border-color: #b2bfc7;
|
||||
padding-left: 12px; }
|
||||
.login-wrapper .box input[type="password"] {
|
||||
margin-bottom: 10px; }
|
||||
.login-wrapper .box input:-moz-placeholder {
|
||||
color: #9ba8b6;
|
||||
font-size: 15px;
|
||||
letter-spacing: 0px;
|
||||
font-style: italic; }
|
||||
.login-wrapper .box input:-ms-input-placeholder {
|
||||
color: #9ba8b6;
|
||||
font-style: italic;
|
||||
letter-spacing: 0px;
|
||||
font-size: 15px; }
|
||||
.login-wrapper .box input::-webkit-input-placeholder {
|
||||
color: #9ba8b6;
|
||||
font-style: italic;
|
||||
letter-spacing: 0px;
|
||||
font-size: 15px; }
|
||||
.login-wrapper .box a.forgot {
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-style: italic;
|
||||
text-decoration: underline;
|
||||
color: #3d88ba;
|
||||
font-size: 13px;
|
||||
margin-bottom: 6px; }
|
||||
.login-wrapper .box .remember {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px; }
|
||||
.login-wrapper .box .remember input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-right: 8px; }
|
||||
.login-wrapper .box .remember label {
|
||||
float: left;
|
||||
color: #4a576a;
|
||||
font-size: 13px; }
|
||||
.login-wrapper .box .login {
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
padding: 8px 30px; }
|
||||
.login-wrapper .no-account {
|
||||
margin: 0 auto;
|
||||
float: none;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 25px; }
|
||||
.login-wrapper .no-account p {
|
||||
display: inline-block;
|
||||
color: #aaaaaa; }
|
||||
.login-wrapper .no-account a {
|
||||
color: #aaaaaa;
|
||||
margin-left: 7px;
|
||||
border-bottom: 1px solid;
|
||||
transition: all .1s linear;
|
||||
-moz-transition: all .1s linear;
|
||||
/* Firefox 4 */
|
||||
-webkit-transition: all .1s linear;
|
||||
/* Safari and Chrome */
|
||||
-o-transition: all .1s linear;
|
||||
/* Opera */ }
|
||||
.login-wrapper .no-account a:hover {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
border-bottom-color: #fff; }
|
||||
|
||||
/* background switcher */
|
||||
.bg-switch {
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
top: 60px;
|
||||
border-radius: 0px 10px 10px 0px;
|
||||
padding: 10px 10px 0px 10px;
|
||||
z-index: 999; }
|
||||
.bg-switch .bgs .bg {
|
||||
text-align: center;
|
||||
margin-bottom: 13px;
|
||||
text-decoration: none;
|
||||
display: block; }
|
||||
.bg-switch .bgs .bg.active img {
|
||||
border-color: #000; }
|
||||
.bg-switch .bgs .bg img {
|
||||
width: 80px;
|
||||
height: 60px;
|
||||
border: 2px solid #9fcef1;
|
||||
cursor: pointer; }
|
||||
|
||||
/* responsive */
|
||||
@media (max-width: 767px) {
|
||||
.login-wrapper .box {
|
||||
width: 350px; } }
|
||||
@media (max-width: 480px) {
|
||||
.login-wrapper .box {
|
||||
width: 90%; } }
|
||||
135
View/public/css/compiled/signup.css
Normal file
135
View/public/css/compiled/signup.css
Normal file
@@ -0,0 +1,135 @@
|
||||
.login-bg {
|
||||
background: rgba(255, 255, 255, 0);
|
||||
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
|
||||
background: -moz-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
|
||||
background: -ms-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
|
||||
background: -o-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
|
||||
background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
|
||||
background-color: #eff0f3;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%; }
|
||||
|
||||
body {
|
||||
background-color: #eff0f3; }
|
||||
|
||||
.header {
|
||||
background: #2c3742;
|
||||
box-shadow: inset rgba(255, 255, 255, 0.3) 0 1px 0, inset rgba(0, 0, 0, 0.22) 0 -1px 0, rgba(0, 0, 0, 0.14) 0 1px 2px;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
text-align: center;
|
||||
padding-top: 28px; }
|
||||
|
||||
.login-wrapper {
|
||||
position: absolute;
|
||||
text-align: center; }
|
||||
.login-wrapper .logo {
|
||||
margin-bottom: 45px;
|
||||
position: relative;
|
||||
left: -2px;
|
||||
-webkit-filter: invert(100%); }
|
||||
.login-wrapper .box {
|
||||
margin: 0 auto;
|
||||
padding: 15px 0 30px;
|
||||
float: none;
|
||||
width: 800px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
|
||||
-ms-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
|
||||
-o-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
|
||||
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.35) 0 0 1px;
|
||||
background: #fff;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-ms-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
border-radius: 6px; }
|
||||
.login-wrapper .box .content-wrap {
|
||||
width: 82%;
|
||||
margin: 0 auto; }
|
||||
.login-wrapper .box h6 {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 35px;
|
||||
font-size: 18px;
|
||||
font-weight: 600; }
|
||||
.login-wrapper .box input[type="text"],
|
||||
.login-wrapper .box input[type="password"] {
|
||||
font-size: 15px;
|
||||
height: 40px;
|
||||
margin-bottom: 10px;
|
||||
border-color: #b2bfc7;
|
||||
padding-left: 12px; }
|
||||
.login-wrapper .box input[type="text"]:focus,
|
||||
.login-wrapper .box input[type="password"]:focus {
|
||||
border: 1px solid #28a0e5;
|
||||
outline: none;
|
||||
-webkit-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
|
||||
-moz-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
|
||||
-ms-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
|
||||
-o-box-shadow: inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
|
||||
box-shadow: inset 0 1px 2px #dddddd, 0px 0 5px #28a0e5; }
|
||||
.login-wrapper .box input[type="password"] {
|
||||
margin-bottom: 10px; }
|
||||
.login-wrapper .box input:-moz-placeholder {
|
||||
color: #9ba8b6;
|
||||
font-size: 14px;
|
||||
letter-spacing: 0px;
|
||||
font-style: italic; }
|
||||
.login-wrapper .box input:-ms-input-placeholder {
|
||||
color: #9ba8b6;
|
||||
font-style: italic;
|
||||
letter-spacing: 0px;
|
||||
font-size: 14px; }
|
||||
.login-wrapper .box input::-webkit-input-placeholder {
|
||||
color: #9ba8b6;
|
||||
font-style: italic;
|
||||
letter-spacing: 0px;
|
||||
font-size: 14px; }
|
||||
.login-wrapper .box .action {
|
||||
border-top: 1px solid #d3d7db;
|
||||
background-color: #f4f5f6;
|
||||
margin: 0px -36px;
|
||||
position: relative;
|
||||
top: 30px;
|
||||
border-radius: 0px 0px 7px 7px;
|
||||
padding: 15px 0px; }
|
||||
.login-wrapper .box .signup {
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
padding: 7px 25px;
|
||||
border-radius: 5px; }
|
||||
.login-wrapper .already {
|
||||
margin: 0 auto;
|
||||
float: none;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
margin-top: 30px; }
|
||||
.login-wrapper .already p {
|
||||
display: inline-block;
|
||||
color: #222; }
|
||||
.login-wrapper .already a {
|
||||
color: #222;
|
||||
margin-left: 7px;
|
||||
border-bottom: 1px solid;
|
||||
transition: all .1s linear;
|
||||
-moz-transition: all .1s linear;
|
||||
/* Firefox 4 */
|
||||
-webkit-transition: all .1s linear;
|
||||
/* Safari and Chrome */
|
||||
-o-transition: all .1s linear;
|
||||
/* Opera */ }
|
||||
.login-wrapper .already a:hover {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
border-bottom-color: #000; }
|
||||
|
||||
/* responsive */
|
||||
@media (max-width: 767px) {
|
||||
.login-wrapper .box {
|
||||
width: 350px; }
|
||||
|
||||
.login-wrapper .box .action {
|
||||
margin: 0px -31px; } }
|
||||
@media (max-width: 480px) {
|
||||
.login-wrapper .box {
|
||||
width: 90%; } }
|
||||
134
View/public/css/compiled/tables.css
Normal file
134
View/public/css/compiled/tables.css
Normal file
@@ -0,0 +1,134 @@
|
||||
/* general table styles */
|
||||
.table-wrapper {
|
||||
width: 100%;
|
||||
margin-bottom: 100px; }
|
||||
.table-wrapper .filter-block {
|
||||
margin-bottom: 34px; }
|
||||
.table-wrapper .filter-block .ui-select {
|
||||
margin-right: 20px;
|
||||
top: 1px;
|
||||
height: 24px;
|
||||
width: 150px; }
|
||||
.table-wrapper .filter-block .search {
|
||||
margin: 0 60px 0 0; }
|
||||
.table-wrapper .filter-block .new-product {
|
||||
padding: 4px 14px; }
|
||||
.table-wrapper .table th input[type="checkbox"] {
|
||||
margin-top: 4px; }
|
||||
.table-wrapper .table input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-top: 11px;
|
||||
margin-right: 23px; }
|
||||
.table-wrapper .table .img {
|
||||
height: 31px;
|
||||
float: left;
|
||||
background: white;
|
||||
width: 31px;
|
||||
border: 1px solid #dfe4eb;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
margin-right: 23px; }
|
||||
.table-wrapper .table .img img {
|
||||
margin-top: 4px; }
|
||||
.table-wrapper .table tr.first td {
|
||||
border-top: 0 none; }
|
||||
.table-wrapper .table td a {
|
||||
text-decoration: underline;
|
||||
display: inline-block; }
|
||||
.table-wrapper .table td.description {
|
||||
vertical-align: middle;
|
||||
color: #516372; }
|
||||
.table-wrapper .table ul.actions {
|
||||
margin: 5px 0 0 0;
|
||||
padding: 0;
|
||||
float: right; }
|
||||
.table-wrapper .table ul.actions li {
|
||||
display: inline;
|
||||
padding: 5px 6px 0px 3px; }
|
||||
.table-wrapper .table ul.actions li.last {
|
||||
border: 0 none; }
|
||||
.table-wrapper .table ul.actions i {
|
||||
cursor: pointer;
|
||||
opacity: 0.6;
|
||||
transition: opacity .1s linear;
|
||||
-moz-transition: opacity .1s linear;
|
||||
-webkit-transition: opacity .1s linear;
|
||||
-o-transition: opacity .1s linear; }
|
||||
.table-wrapper .table ul.actions i:hover {
|
||||
opacity: 1; }
|
||||
.table-wrapper .label {
|
||||
position: relative; }
|
||||
|
||||
/* products table specific styles */
|
||||
.table-wrapper.products-table a.name {
|
||||
position: relative;
|
||||
top: 6px; }
|
||||
|
||||
/* orders table specific styles */
|
||||
.table-wrapper.orders-table td {
|
||||
padding: 12px 8px; }
|
||||
|
||||
/* users table specific styles */
|
||||
.table-wrapper.users-table .table td {
|
||||
vertical-align: middle;
|
||||
font-size: 13px; }
|
||||
.table-wrapper.users-table .table img.avatar {
|
||||
float: left;
|
||||
margin-right: 14px;
|
||||
max-width: 45px;
|
||||
position: relative;
|
||||
top: 8px; }
|
||||
.table-wrapper.users-table .table a.name {
|
||||
color: #3389d1;
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
margin: 15px 0 0 0; }
|
||||
.table-wrapper.users-table .table .subtext {
|
||||
font-size: 12px;
|
||||
margin-left: 0;
|
||||
color: #778391;
|
||||
font-style: italic;
|
||||
margin-top: 0; }
|
||||
|
||||
/*Responsive*/
|
||||
@media (max-width: 979px) {
|
||||
.pointer {
|
||||
top: 26.8%; } }
|
||||
@media (max-width: 767px) {
|
||||
.table-wrapper .table .img {
|
||||
display: none; }
|
||||
.table-wrapper .table input[type="checkbox"] {
|
||||
margin-right: 10px; }
|
||||
.table-wrapper .table .label {
|
||||
display: none; }
|
||||
.table-wrapper .filter-block .search {
|
||||
width: 30%;
|
||||
margin: 0 10px 0 0; }
|
||||
.table-wrapper .filter-block .order-search {
|
||||
float: left;
|
||||
margin: 0;
|
||||
width: 40%; }
|
||||
.table-wrapper .filter-block .user-search {
|
||||
float: left;
|
||||
margin: 0;
|
||||
width: 55%; }
|
||||
.table-wrapper .filter-block .add-user {
|
||||
margin-top: 0; } }
|
||||
@media (max-width: 480px) {
|
||||
.table-wrapper .filter-block .search {
|
||||
float: right;
|
||||
width: 48%;
|
||||
margin: 0; }
|
||||
.table-wrapper .filter-block .new-product {
|
||||
float: right;
|
||||
margin-top: 15px; }
|
||||
.table-wrapper .filter-block .order-search {
|
||||
float: left;
|
||||
width: 43%; }
|
||||
.table-wrapper .filter-block .add-user {
|
||||
margin-top: 0; }
|
||||
.table-wrapper .filter-block .user-search {
|
||||
float: left;
|
||||
margin: 0;
|
||||
width: 55%; } }
|
||||
115
View/public/css/compiled/ui-elements.css
Normal file
115
View/public/css/compiled/ui-elements.css
Normal file
@@ -0,0 +1,115 @@
|
||||
#pad-wrapper {
|
||||
/* separator */
|
||||
/* pop dialogs specific styles */ }
|
||||
#pad-wrapper .title {
|
||||
margin-bottom: 30px; }
|
||||
#pad-wrapper .section {
|
||||
margin-bottom: 40px; }
|
||||
#pad-wrapper .section a.btn-flat,
|
||||
#pad-wrapper .section a.btn-glow {
|
||||
margin-right: 5px; }
|
||||
#pad-wrapper .section.btns a.btn-flat,
|
||||
#pad-wrapper .section.btns a.btn-glow {
|
||||
margin-bottom: 12px; }
|
||||
#pad-wrapper .section code {
|
||||
margin-right: 25px; }
|
||||
#pad-wrapper .section .btn-group i {
|
||||
color: #7d8892; }
|
||||
#pad-wrapper .section .btn-group.audio i {
|
||||
color: #96a9b8;
|
||||
font-size: 12px; }
|
||||
#pad-wrapper .ctrls {
|
||||
margin-bottom: 20px; }
|
||||
#pad-wrapper .ctrls .btn-glow {
|
||||
margin-right: 8px; }
|
||||
#pad-wrapper .ctrls .btn-flat.icon {
|
||||
margin-right: 8px; }
|
||||
#pad-wrapper .ctrls .btn-group.settings {
|
||||
margin-left: 20px; }
|
||||
#pad-wrapper .ctrls .btn-group.settings i {
|
||||
font-size: 13px;
|
||||
color: #444; }
|
||||
#pad-wrapper .ctrls .slider-frame {
|
||||
margin-right: 10px; }
|
||||
#pad-wrapper .ctrls .pagination {
|
||||
margin: 5px 0px; }
|
||||
#pad-wrapper .ctrls .pagination.inverse {
|
||||
margin-left: 25px; }
|
||||
#pad-wrapper .ctrls h4 {
|
||||
margin: 20px 0px 20px 0px; }
|
||||
#pad-wrapper .sliders .slider {
|
||||
margin-bottom: 20px; }
|
||||
#pad-wrapper .separator {
|
||||
border-top: 1px solid #edeff1;
|
||||
margin-top: 100px;
|
||||
padding-top: 45px;
|
||||
box-shadow: inset 0px 3px 4px -1px #fafafa; }
|
||||
#pad-wrapper .section.dialogs h4 {
|
||||
margin-bottom: 30px; }
|
||||
|
||||
/* for menu dialog sample */
|
||||
.pop-dialog .menu {
|
||||
width: 200px;
|
||||
margin: 5px -10px 0px -10px; }
|
||||
.pop-dialog .menu .item {
|
||||
display: block;
|
||||
padding: 5px 0px 5px 20px;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
margin-bottom: 5px; }
|
||||
.pop-dialog .menu .item:hover {
|
||||
background-color: #30a1ec;
|
||||
color: #fff; }
|
||||
.pop-dialog .menu .footer {
|
||||
border-top: 1px solid #e6e8e9;
|
||||
background-color: #eff4f7;
|
||||
margin: 15px 0px -10px 0px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
padding: 12px 20px; }
|
||||
.pop-dialog .menu .footer .logout {
|
||||
font-weight: 600;
|
||||
color: #7d91a8; }
|
||||
|
||||
/* styles for settings dialog sample */
|
||||
.pop-dialog.full {
|
||||
width: 100%; }
|
||||
|
||||
.pop-dialog .settings {
|
||||
width: auto;
|
||||
margin: 5px -10px 0px -10px;
|
||||
position: relative; }
|
||||
.pop-dialog .settings .close-icon {
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: 10px; }
|
||||
.pop-dialog .settings .icon-remove-sign {
|
||||
font-size: 15px;
|
||||
color: #95a8b7;
|
||||
cursor: pointer; }
|
||||
.pop-dialog .settings .items {
|
||||
margin-top: 15px; }
|
||||
.pop-dialog .settings .items .item {
|
||||
display: block;
|
||||
padding: 7px 0px 7px 20px;
|
||||
color: #333;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
border-top: 1px solid #e6e8e9; }
|
||||
.pop-dialog .settings .items .item:hover {
|
||||
color: #6187c0; }
|
||||
.pop-dialog .settings .items .item:first-child {
|
||||
border-top: 0px; }
|
||||
.pop-dialog .settings .items .item .check {
|
||||
float: right;
|
||||
margin-right: 30px; }
|
||||
.pop-dialog .settings .items .item .icon-reorder {
|
||||
color: #d9e4ee;
|
||||
font-size: 18px;
|
||||
margin-right: 13px; }
|
||||
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
#pad-wrapper .section.dialogs > .span4 {
|
||||
width: 100%;
|
||||
margin-bottom: 30px; } }
|
||||
67
View/public/css/compiled/user-list.css
Normal file
67
View/public/css/compiled/user-list.css
Normal file
@@ -0,0 +1,67 @@
|
||||
.users-list .header input.search {
|
||||
padding: 5px 6px;
|
||||
position: relative;
|
||||
top: -1px; }
|
||||
.users-list .header input.search:focus {
|
||||
box-shadow: none;
|
||||
border: 1px solid #888; }
|
||||
.users-list .header .ui-select {
|
||||
margin: 3px 40px 0 0; }
|
||||
.users-list .header .ui-dropdown {
|
||||
margin-left: 20px; }
|
||||
.users-list .header a.btn-flat span {
|
||||
font-size: 17px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
margin-right: 4px; }
|
||||
.users-list .table td {
|
||||
vertical-align: middle;
|
||||
font-size: 13px; }
|
||||
.users-list .table img.avatar {
|
||||
float: left;
|
||||
margin-right: 14px;
|
||||
max-width: 45px;
|
||||
position: relative;
|
||||
top: 8px; }
|
||||
.users-list .table a.name {
|
||||
color: #3389d1;
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
margin: 15px 0 0 0; }
|
||||
.users-list .table .subtext {
|
||||
font-size: 12px;
|
||||
margin-left: 0;
|
||||
color: #778391;
|
||||
font-style: italic;
|
||||
margin-top: 0; }
|
||||
.users-list .pagination {
|
||||
margin-top: 25px; }
|
||||
|
||||
/* responsive */
|
||||
@media (max-width: 767px) {
|
||||
.ui-dropdown .dialog .body {
|
||||
width: 250px;
|
||||
left: 58%;
|
||||
position: relative; }
|
||||
|
||||
.users-list .table a.name {
|
||||
font-size: 12px; }
|
||||
.users-list .table td {
|
||||
font-size: 12px; }
|
||||
.users-list h3 {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-bottom: 30px; }
|
||||
.users-list .header input.search {
|
||||
margin-bottom: 18px; }
|
||||
.users-list .header .ui-dropdown {
|
||||
float: left;
|
||||
margin-left: 0; }
|
||||
|
||||
.ui-dropdown .dialog .body .form input[type="text"] {
|
||||
margin-top: 10px; }
|
||||
|
||||
.ui-dropdown .dialog .body .form a {
|
||||
margin-top: 10px;
|
||||
margin-left: 18px; } }
|
||||
120
View/public/css/compiled/user-profile.css
Normal file
120
View/public/css/compiled/user-profile.css
Normal file
@@ -0,0 +1,120 @@
|
||||
.user-profile .header .avatar {
|
||||
float: left;
|
||||
margin-right: 25px;
|
||||
border: 2px solid #e9ecee;
|
||||
position: relative;
|
||||
top: 3px; }
|
||||
.user-profile .header .name {
|
||||
font-weight: 600;
|
||||
margin: 20px 0 8px 0;
|
||||
line-height: 26px;
|
||||
margin-bottom: 10px;
|
||||
float: none; }
|
||||
.user-profile .header span.area {
|
||||
color: #7d848c;
|
||||
font-style: italic;
|
||||
font-size: 14px; }
|
||||
.user-profile .header a.btn-flat {
|
||||
margin-top: 18px; }
|
||||
.user-profile .header a.delete-user {
|
||||
margin-left: 10px;
|
||||
font-size: 14px; }
|
||||
.user-profile .profile .profile-box {
|
||||
border-top: 1px solid #dde2e9;
|
||||
padding-top: 23px;
|
||||
width: 90%; }
|
||||
.user-profile .profile .section {
|
||||
margin-bottom: 80px; }
|
||||
.user-profile .profile .section.comment {
|
||||
margin-bottom: 100px;
|
||||
margin-top: 60px; }
|
||||
.user-profile .profile .bio {
|
||||
box-shadow: 4px 0px 3px -1px rgba(226, 226, 226, 0.1);
|
||||
border-right: 1px solid #edeef1; }
|
||||
.user-profile .profile .bio .span12 {
|
||||
margin-left: 0; }
|
||||
.user-profile .profile .bio h6 {
|
||||
font-weight: 600;
|
||||
font-size: 14px; }
|
||||
.user-profile .profile .bio p {
|
||||
color: #777e86; }
|
||||
.user-profile .profile .bio textarea {
|
||||
width: 97%;
|
||||
margin-bottom: 13px;
|
||||
height: 80px; }
|
||||
.user-profile .profile .bio .submit-box {
|
||||
text-align: right; }
|
||||
.user-profile .profile .bio .submit-box input.btn-flat {
|
||||
font-weight: 500; }
|
||||
.user-profile .profile .bio .submit-box span {
|
||||
text-transform: uppercase;
|
||||
color: #7e91aa;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 2px 0 8px; }
|
||||
.user-profile .profile .bio .submit-box input.reset {
|
||||
color: #7e91aa;
|
||||
font-weight: 500; }
|
||||
.user-profile .address h6 {
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
margin-bottom: 30px;
|
||||
margin-left: 30px; }
|
||||
.user-profile .address iframe {
|
||||
width: 90%;
|
||||
margin-bottom: 30px;
|
||||
float: right; }
|
||||
.user-profile .address ul {
|
||||
padding: 0;
|
||||
margin-left: 30px;
|
||||
list-style: none; }
|
||||
.user-profile .address ul li {
|
||||
font-size: 13px;
|
||||
line-height: 21px; }
|
||||
.user-profile .address ul li.ico-li {
|
||||
margin: 7px 0 7px; }
|
||||
.user-profile .address ul i {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
margin-right: 7px; }
|
||||
.user-profile .address ul i.ico-mail {
|
||||
margin-right: 5px; }
|
||||
|
||||
/* responsive */
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.user-profile .address ul {
|
||||
margin-left: 18px; }
|
||||
.user-profile .address ul i {
|
||||
display: none; }
|
||||
.user-profile .address ul li.ico-li {
|
||||
font-weight: bold; }
|
||||
.user-profile .address ul li.ico-li a {
|
||||
font-weight: normal; } }
|
||||
@media (max-width: 767px) {
|
||||
.user-profile .profile .bio {
|
||||
border-right: 0 none;
|
||||
border-bottom: 1px solid #edeef1;
|
||||
box-shadow: 0px 4px 3px -1px rgba(226, 226, 226, 0.1); }
|
||||
.user-profile .profile .bio .span12 {
|
||||
width: auto; }
|
||||
.user-profile .profile .profile-box {
|
||||
width: 100%; }
|
||||
.user-profile .address {
|
||||
margin-top: 44px; }
|
||||
.user-profile .address iframe {
|
||||
width: 100%; }
|
||||
.user-profile .address h6 {
|
||||
margin-left: 0; }
|
||||
.user-profile .address ul {
|
||||
margin: 0; }
|
||||
.user-profile .header a.btn-flat {
|
||||
margin: 0; }
|
||||
.user-profile .header a.edit {
|
||||
margin-right: 10px; } }
|
||||
@media (max-width: 480px) {
|
||||
.user-profile .header a.btn-flat {
|
||||
margin: 0; }
|
||||
.user-profile .header a.edit {
|
||||
margin-right: 10px; } }
|
||||
20
View/public/css/compiled/web-app-icons.css
Normal file
20
View/public/css/compiled/web-app-icons.css
Normal file
@@ -0,0 +1,20 @@
|
||||
.icons-wrapper {
|
||||
margin-bottom: 60px; }
|
||||
.icons-wrapper h4 {
|
||||
margin-bottom: 40px !important; }
|
||||
.icons-wrapper ul {
|
||||
list-style: none;
|
||||
margin: 0; }
|
||||
.icons-wrapper ul li {
|
||||
font-size: 13px;
|
||||
line-height: 32px;
|
||||
margin-right: 10px; }
|
||||
.icons-wrapper ul i {
|
||||
width: 32px;
|
||||
font-size: 16px;
|
||||
margin-right: 13px; }
|
||||
|
||||
.icons-wrapper-border {
|
||||
border-top: 1px solid #edeff1;
|
||||
padding-top: 60px;
|
||||
box-shadow: 0px 4px 7px -5px rgba(68, 68, 68, 0.14) inset; }
|
||||
653
View/public/css/elements.css
Normal file
653
View/public/css/elements.css
Normal file
@@ -0,0 +1,653 @@
|
||||
/* THIS ARE ALL NEW EXTRA ELEMENTS BESIDE TWITTER BOOTSTRAP */
|
||||
|
||||
|
||||
/* glow btn group */
|
||||
.btn-group.large button.glow {
|
||||
padding: 6px 15px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.btn-group button.glow.large {
|
||||
font-size: 12px;
|
||||
}
|
||||
.btn-group.large i {
|
||||
font-size: 13px;
|
||||
}
|
||||
.btn-group button.glow {
|
||||
font-size: 11px;
|
||||
font-family: "Open sans", Helvetica, Arial;
|
||||
color: #313d4c;
|
||||
font-weight: 700;
|
||||
padding: 5px 10px;
|
||||
line-height: 14px;
|
||||
background: #fefefe; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #fefefe 0%,#f7f7f7 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
|
||||
border: 1px solid #d0dde9;
|
||||
|
||||
transition: color .1s linear;
|
||||
-moz-transition: color .1s linear; /* Firefox 4 */
|
||||
-webkit-transition: color .1s linear; /* Safari and Chrome */
|
||||
-o-transition: color .1s linear; /* Opera */
|
||||
}
|
||||
.btn-group button.glow:active, .btn-group button.glow.active {
|
||||
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;
|
||||
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;
|
||||
box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;
|
||||
color: #a8b5c7;
|
||||
}
|
||||
.btn-group button.glow.left{
|
||||
border-radius: 4px 0 0 4px;
|
||||
border-right: 0;
|
||||
}
|
||||
.btn-group button.glow.middle{
|
||||
border-right: 0;
|
||||
}
|
||||
.btn-group button.glow.right{
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
.btn-group button.glow:hover{
|
||||
color: #a8b5c7;
|
||||
}
|
||||
.btn-group > .btn.glow {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
padding: 6px 14px;
|
||||
color: #313d4c;
|
||||
line-height: 14px;
|
||||
border: 1px solid #d0dde9;
|
||||
}
|
||||
.btn-group > .btn.glow.dropdown-toggle {
|
||||
padding: 6px 9px;
|
||||
}
|
||||
.btn-group > .btn.glow .caret {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.btn-group > .btn.glow:hover {
|
||||
background: #fefefe;
|
||||
background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f7f7f7));
|
||||
background: -webkit-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);
|
||||
background: -o-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);
|
||||
background: -ms-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);
|
||||
background: linear-gradient(to bottom, #fefefe 0%,#f7f7f7 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 );
|
||||
}
|
||||
.btn-group .dropdown-menu > li > a {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* FLAT BUTTONS */
|
||||
|
||||
.btn-flat.small {
|
||||
font-size: 11px;
|
||||
padding: 5px 9px;
|
||||
}
|
||||
.btn-flat.large {
|
||||
font-size: 13px;
|
||||
padding: 10px 16px;
|
||||
}
|
||||
.btn-flat, .btn-flat.default{
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
line-height: 15px;
|
||||
vertical-align: middle;
|
||||
font-size: 12px;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
background-image: none;
|
||||
border: 0 none;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
border-radius: 4px;
|
||||
background: #4387bf;
|
||||
border: 1px solid rgb(56, 131, 192);
|
||||
cursor: pointer;
|
||||
padding: 7px 14px;
|
||||
-webkit-transition: all .1s linear;
|
||||
-moz-transition: all .1s linear;
|
||||
transition: all .1s linear;
|
||||
}
|
||||
.btn-flat:active {
|
||||
-webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3) inset;
|
||||
-moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3) inset;
|
||||
box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3) inset;
|
||||
}
|
||||
.btn-flat:hover{
|
||||
text-decoration: none;
|
||||
opacity: 0.87;
|
||||
color: #fff;
|
||||
}
|
||||
.btn-flat:active{
|
||||
background: rgb(48, 98, 139);
|
||||
opacity: 1;
|
||||
}
|
||||
.btn-flat.inverse{
|
||||
background: #343e4b;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
.btn-flat.inverse:active{
|
||||
background: #000;
|
||||
}
|
||||
.btn-flat.gray{
|
||||
background: #7e91aa;
|
||||
border: 1px solid rgb(136, 142, 151);
|
||||
}
|
||||
.btn-flat.gray:active{
|
||||
background: rgb(93, 107, 126);
|
||||
color: rgb(243, 243, 243);
|
||||
}
|
||||
.btn-flat.primary{
|
||||
background: #3b9ff3;
|
||||
border: 1px solid rgb(53, 150, 231);
|
||||
}
|
||||
.btn-flat.primary:active{
|
||||
background: rgb(43, 118, 182);
|
||||
color: rgb(237, 246, 253);
|
||||
}
|
||||
.btn-flat.success {
|
||||
background: #96bf48;
|
||||
border: 1px solid #7ea13d;
|
||||
text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
|
||||
font-weight: 600;
|
||||
}
|
||||
.btn-flat.white {
|
||||
color: #626263;
|
||||
background: #fff;
|
||||
border: 1px solid #d0dde9;
|
||||
}
|
||||
.btn-flat.white:hover {
|
||||
border-color: #bbb;
|
||||
color: #000;
|
||||
}
|
||||
.btn-flat.info {
|
||||
background: #5ba0a3;
|
||||
color: #fff;
|
||||
border-color: #5ba0a3;
|
||||
}
|
||||
.btn-flat.info:active {
|
||||
background: #30696c;
|
||||
}
|
||||
.btn-flat.danger {
|
||||
background: #b85e80;
|
||||
border-color: #b85e80;
|
||||
color: #fff;
|
||||
}
|
||||
.btn-flat.danger:active {
|
||||
background: #6e354a;
|
||||
}
|
||||
.btn-flat.icon {
|
||||
padding: 7px 10px;
|
||||
color: #1a2129;
|
||||
background: #e6ebf3;
|
||||
border: 1px solid rgb(216, 221, 228);
|
||||
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255,0.4) inset, 0px 1px 0px 0px rgb(204, 204, 204);
|
||||
}
|
||||
.btn-flat.icon:active {
|
||||
background: #e0e6ef;
|
||||
-webkit-box-shadow:0px 2px 1px 0px rgba(0,0,0,0.3) inset;
|
||||
-moz-box-shadow:0px 2px 1px 0px rgba(0,0,0,0.3) inset;
|
||||
box-shadow:0px 2px 1px 0px rgba(0,0,0,0.3) inset;
|
||||
}
|
||||
.btn-flat.icon i {font-size: 14px;}
|
||||
|
||||
.btn-flat [class^="icon-"],
|
||||
.btn-flat [class*=" icon-"] {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* GLOW BUTTONS */
|
||||
|
||||
.btn-glow.small {
|
||||
font-size: 11px;
|
||||
padding: 4px 7px;
|
||||
}
|
||||
.btn-glow.large {
|
||||
font-size: 14px;
|
||||
padding: 9px 16px;
|
||||
}
|
||||
.btn-glow{
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
color: #333;
|
||||
padding: 5px 10px;
|
||||
text-align: center;
|
||||
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255,0.2) inset, 0px 1px 0px 0px rgb(204, 204, 204);
|
||||
display: inline-block;
|
||||
border: 1px solid #e5e5e5;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background: #ffffff;
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #eef0f1 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eef0f1));
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#eef0f1 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#eef0f1 100%);
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#eef0f1 100%);
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#eef0f1 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0f1',GradientType=0 );
|
||||
}
|
||||
.btn-glow:hover {
|
||||
text-decoration: none;
|
||||
background: #ffffff;
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #E6E6E6 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E6E6E6));
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#E6E6E6 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#E6E6E6 100%);
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#E6E6E6 100%);
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#E6E6E6 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E6E6E6',GradientType=0 );
|
||||
}
|
||||
.btn-glow:active,.btn-glow.active {
|
||||
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset !important;
|
||||
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset !important;
|
||||
box-shadow:0 1px 0 rgba(0,0,0,0.2) inset !important;
|
||||
}
|
||||
.btn-glow [class^="icon-"],
|
||||
.btn-glow [class*=" icon-"] {
|
||||
margin-right: 3px;
|
||||
}
|
||||
.btn-glow i.shuffle {top: 2px;}
|
||||
|
||||
.btn-glow.inverse{
|
||||
border-color: #000;
|
||||
color: #fff;
|
||||
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);
|
||||
background: #353f4c; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #353f4c 0%, #222a33 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353f4c), color-stop(100%,#222a33)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #353f4c 0%,#222a33 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #353f4c 0%,#222a33 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #353f4c 0%,#222a33 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #353f4c 0%,#222a33 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353f4c', endColorstr='#222a33',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
.btn-glow.inverse:hover {
|
||||
background: -webkit-linear-gradient(top, rgb(67, 76, 88) 0%,rgb(66, 74, 83) 100%);
|
||||
}
|
||||
.btn-glow.primary{
|
||||
border-color: #2480c2;
|
||||
color: #fff;
|
||||
text-shadow: rgba(0,0,0,0.35) 0 1px 0;
|
||||
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);
|
||||
background: #54b3ff;
|
||||
background: -moz-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54b3ff), color-stop(100%,#0078d9));
|
||||
background: -webkit-linear-gradient(top, #54b3ff 0%,#0078d9 100%);
|
||||
background: linear-gradient(#54b3ff,#0078d9);
|
||||
background: -o-linear-gradient(top, #54b3ff 0%,#0078d9 100%);
|
||||
background: -ms-linear-gradient(top, #54b3ff 0%,#0078d9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b3ff', endColorstr='#0078d9',GradientType=0 );
|
||||
}
|
||||
.btn-glow.primary:hover {
|
||||
background: rgb(56, 155, 235);
|
||||
background: -moz-linear-gradient(top, rgb(56, 155, 235) 0%, #0078d9 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(56, 155, 235)), color-stop(100%,#0078d9));
|
||||
background: -webkit-linear-gradient(top, rgb(56, 155, 235) 0%,#0078d9 100%);
|
||||
background: linear-gradient(rgb(56, 155, 235),#0078d9);
|
||||
background: -o-linear-gradient(top, rgb(56, 155, 235) 0%,#0078d9 100%);
|
||||
background: -ms-linear-gradient(top, rgb(56, 155, 235) 0%,#0078d9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(56, 155, 235)', endColorstr='#0078d9',GradientType=0 );
|
||||
}
|
||||
.btn-glow.primary:active {
|
||||
background: rgb(56, 155, 235);
|
||||
background: -moz-linear-gradient(top, rgb(56, 155, 235) 0%, #0078d9 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(56, 155, 235)), color-stop(100%,#0078d9));
|
||||
background: -webkit-linear-gradient(top, rgb(56, 155, 235) 0%,#0078d9 100%);
|
||||
background: linear-gradient(rgb(56, 155, 235),#0078d9);
|
||||
background: -o-linear-gradient(top, rgb(56, 155, 235) 0%,#0078d9 100%);
|
||||
background: -ms-linear-gradient(top, rgb(56, 155, 235) 0%,#0078d9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(56, 155, 235)', endColorstr='#0078d9',GradientType=0 );
|
||||
}
|
||||
.btn-glow.primary[disabled] {
|
||||
border: 0px;
|
||||
box-shadow: none !important;
|
||||
background: rgb(129, 183, 226) !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.btn-glow.success {
|
||||
background: #96bf48;
|
||||
background: linear-gradient(to bottom, rgb(169, 214, 81) 0%,#96bf48 100%);
|
||||
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);
|
||||
border: 1px solid rgb(153, 189, 86);
|
||||
text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Switch slider button */
|
||||
.slider-frame.info { background-color: rgba(92, 160, 163, 0.9); }
|
||||
.slider-frame.success { background-color: rgba(151, 192, 73, 0.9); }
|
||||
.slider-frame.primary { background-color: rgba(91, 158, 214, 0.9); }
|
||||
.slider-frame.danger { background-color: #d94774; }
|
||||
.slider-frame {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
width: 67px;
|
||||
background-color: #d5dde4;
|
||||
height: 23px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.30);
|
||||
}
|
||||
.slider-button {
|
||||
display: block;
|
||||
width: 37px;
|
||||
height: 21px;
|
||||
line-height: 23px;
|
||||
background: #fff;
|
||||
border: 1px solid #d0dde9;
|
||||
-moz-border-radius: 9px;
|
||||
border-radius: 9px;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
-moz-transition: all 0.25s ease-in-out;
|
||||
transition: all 0.25s ease-in-out;
|
||||
color: #000;
|
||||
font-family:sans-serif;
|
||||
font-size:11px;
|
||||
font-weight:bold;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.slider-button.on {
|
||||
margin-left: 29px;
|
||||
/*background: #EDF2F7;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Custom Select */
|
||||
|
||||
.ui-select {
|
||||
width: 137px;
|
||||
margin-left: 0px !important;
|
||||
vertical-align: middle;
|
||||
min-width: 100px;
|
||||
height: 25px;
|
||||
min-height: 25px !important;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
background: url("../img/select-bg.png"), -moz-linear-gradient(top, #ffffff 0%, #f0f1f2 100%);
|
||||
background: url("../img/select-bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f1f2));
|
||||
background: url("../img/select-bg.png"), -webkit-linear-gradient(top, #ffffff 0%,#f0f1f2 100%);
|
||||
background: url("../img/select-bg.png"), -o-linear-gradient(top, #ffffff 0%,#f0f1f2 100%);
|
||||
background: url("../img/select-bg.png"), -ms-linear-gradient(top, #ffffff 0%,#f0f1f2 100%);
|
||||
background: url("../img/select-bg.png"), linear-gradient(to bottom, #ffffff 0%,#f0f1f2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f1f2',GradientType=0 );
|
||||
|
||||
display: inline-block;
|
||||
border: 1px solid #cfdde8;
|
||||
border-radius: 5px;
|
||||
|
||||
background-position: 94%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.ui-select select {
|
||||
line-height: inherit;
|
||||
width: 135%;
|
||||
font-family: "Open Sans", Arial;
|
||||
font-size: 12px;
|
||||
border: none;
|
||||
padding: 1px 30px 0px 7px;
|
||||
height: 25px;
|
||||
-webkit-appearance: none;
|
||||
color: #737f8d;
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* jQuery UI Slider overrides */
|
||||
.ui-slider {
|
||||
border: 1px solid #cfdde8;
|
||||
height: 4px;
|
||||
background: #edeeef;
|
||||
box-shadow: inset 0px -3px 7px 0px #fff;
|
||||
}
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
background: url("../img/jquery-ui/slider-handler.png") no-repeat;
|
||||
border: none;
|
||||
width: 16px;
|
||||
height: 17px;
|
||||
top: -6px;
|
||||
outline: 0;
|
||||
}
|
||||
.ui-slider.vertical-handler .ui-state-default {
|
||||
background: url("../img/jquery-ui/slider-handler2.png") no-repeat;
|
||||
width: 11px;
|
||||
height: 21px;
|
||||
top: -8px;
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
border: 1px solid #30a1ec;
|
||||
background: #4faeef;
|
||||
box-shadow: inset 0px 0px 3px 0px rgb(255, 255, 255);
|
||||
}
|
||||
.ui-slider.success .ui-slider-range {
|
||||
background: #96bf48;
|
||||
border: 1px solid rgb(121, 175, 94);
|
||||
}
|
||||
.ui-slider.info .ui-slider-range {
|
||||
background: #5ba0a3;
|
||||
border: 1px solid #5ba0a3;
|
||||
}
|
||||
|
||||
|
||||
/* Custom Dialog */
|
||||
.pop-dialog {
|
||||
z-index: 10000;
|
||||
display: inline-block;
|
||||
}
|
||||
.pop-dialog.is-visible {
|
||||
display: block;
|
||||
-webkit-animation: reveal .2s ease-out;
|
||||
-moz-animation: reveal .2s ease-out;
|
||||
animation: reveal .2s ease-out;
|
||||
}
|
||||
.pop-dialog .pointer {
|
||||
position: relative;
|
||||
top: -22px;
|
||||
}
|
||||
.pop-dialog .pointer .arrow,
|
||||
.pop-dialog .pointer .arrow_border {
|
||||
border-color: transparent transparent #fff;
|
||||
border-style: solid;
|
||||
border-width: 8px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
z-index: 1002;
|
||||
left: 25px;
|
||||
}
|
||||
.pop-dialog .pointer .arrow_border {
|
||||
border-color: transparent transparent #a1a1a1;
|
||||
border-width: 9px;
|
||||
top: 4px;
|
||||
z-index: 1001;
|
||||
left: 24px;
|
||||
}
|
||||
/* pop-dialog with pointer to the right */
|
||||
.pop-dialog .pointer.right .arrow {left: auto;right:25px;}
|
||||
.pop-dialog .pointer.right .arrow_border {left: auto;right:24px;}
|
||||
|
||||
.pop-dialog .body {
|
||||
width: auto;
|
||||
background-color: #fff;
|
||||
border: 1px solid #a1a1a1;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0px 0px 9px 0px rgb(214, 214, 214);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Dropdown with dialog */
|
||||
.ui-dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.ui-dropdown .head {
|
||||
color: #272727;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
border: 1px solid #dedede;
|
||||
border-radius: 4px;
|
||||
padding: 4px 46px 4px 12px;
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
box-shadow: 1px 1px 4px 0px #efefef;
|
||||
cursor: pointer;
|
||||
|
||||
background: #ffffff; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 47%, #f4f4f4 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f8f8f8), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 47%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 47%,#f4f4f4 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 47%,#f4f4f4 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 47%,#f4f4f4 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
.ui-dropdown .head:hover,
|
||||
.ui-dropdown .head.active {
|
||||
background: #fefefe; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #FDFDFD 47%, #F1F1F1 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#FDFDFD), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#FDFDFD 47%,#F1F1F1 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#FDFDFD 47%,#F1F1F1 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#FDFDFD 47%,#F1F1F1 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#FDFDFD 47%,#F1F1F1 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
.ui-dropdown .head:active,
|
||||
.ui-dropdown .head.active {
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.ui-dropdown .head i.arrow-down{
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 16px;
|
||||
}
|
||||
.ui-dropdown .dialog {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 42px;
|
||||
z-index: 100;
|
||||
}
|
||||
.ui-dropdown .dialog.is-visible {
|
||||
display: block;
|
||||
-webkit-animation: reveal .2s ease-out;
|
||||
-moz-animation: reveal .2s ease-out;
|
||||
animation: reveal .2s ease-out;
|
||||
}
|
||||
.ui-dropdown .dialog .pointer {
|
||||
position: relative;
|
||||
top: -22px;
|
||||
}
|
||||
.ui-dropdown .dialog .pointer .arrow,
|
||||
.ui-dropdown .dialog .pointer .arrow_border {
|
||||
border-color: transparent transparent #fff;
|
||||
border-style: solid;
|
||||
border-width: 8px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
z-index: 1002;
|
||||
right: 25px;
|
||||
}
|
||||
.ui-dropdown .dialog .pointer .arrow_border {
|
||||
border-color: transparent transparent #a1a1a1;
|
||||
border-width: 9px;
|
||||
top: 4px;
|
||||
z-index: 1001;
|
||||
right: 24px;
|
||||
}
|
||||
.ui-dropdown .dialog .body {
|
||||
width: 440px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #a1a1a1;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0px 0px 9px 0px rgb(214, 214, 214);
|
||||
padding: 8px 10px 8px 10px;
|
||||
}
|
||||
.ui-dropdown .dialog .body p.title {
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.ui-dropdown .dialog .body .form { }
|
||||
.ui-dropdown .dialog .body .form select {
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
vertical-align: top;
|
||||
height: 27px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.ui-dropdown .dialog .body .form input[type="text"] {
|
||||
height: 17px;
|
||||
width: 90px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.ui-dropdown .dialog .body .form a {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes reveal{
|
||||
0% {
|
||||
margin-left:-999px;
|
||||
opacity:0;
|
||||
}
|
||||
1% {
|
||||
margin-left:0;
|
||||
opacity:0;
|
||||
-webkit-transform:scale(0.98) translateY(-15px);
|
||||
}
|
||||
80% {
|
||||
-webkit-transform:scale(1);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform:translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes reveal {
|
||||
0% {
|
||||
margin-left:-999px;
|
||||
opacity:0;
|
||||
}
|
||||
1% {
|
||||
margin-left:0;
|
||||
opacity:0;
|
||||
-moz-transform:scale(0.98) translateY(-15px);
|
||||
}
|
||||
80% {
|
||||
-moz-transform:scale(1);
|
||||
}
|
||||
100% {
|
||||
-moz-transform:translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
115
View/public/css/icons.css
Normal file
115
View/public/css/icons.css
Normal file
@@ -0,0 +1,115 @@
|
||||
i.tool{
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
background: url("../img/btn-tool.png") no-repeat;
|
||||
display: inline-block;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.arrow-down {
|
||||
background: url("../img/ico-arrow-black.png") no-repeat;
|
||||
width: 9px;
|
||||
height: 6px;
|
||||
display: inline-block;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.shuffle{
|
||||
background: url("../img/btn-shuffle.png") no-repeat;
|
||||
display: inline-block;
|
||||
height: 13px;
|
||||
width: 18px;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.setting{
|
||||
background: url("../img/btn-setting.png") no-repeat;
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.attach{
|
||||
background: url("../img/btn-attach.png") no-repeat;
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.ico-phone{
|
||||
background: url("../img/ico-phone.png") no-repeat;
|
||||
height: 18px;
|
||||
width: 13px;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.ico-mail{
|
||||
background: url("../img/ico-mail.png") no-repeat;
|
||||
height:11px;
|
||||
width: 17px;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.gallery-edit{
|
||||
background: url("../img/ico-gallery-edit.png") no-repeat;
|
||||
height:20px;
|
||||
width: 20px;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.gallery-trash{
|
||||
background: url("../img/ico-gallery-trash.png") no-repeat;
|
||||
height:19px;
|
||||
width: 17px;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.table-edit{
|
||||
background: url("../img/ico-table-new.png") no-repeat;
|
||||
width: 14px;
|
||||
height: 13px;
|
||||
display: inline-block;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.table-settings{
|
||||
background: url("../img/ico-table-edit.png") no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
i.table-delete{
|
||||
background: url("../img/ico-table-delete.png") no-repeat;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: inline-block;
|
||||
margin-top: 1px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
570
View/public/css/layout.css
Normal file
570
View/public/css/layout.css
Normal file
@@ -0,0 +1,570 @@
|
||||
body {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
background-color: #f7f7f7;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
font-size: 12px;
|
||||
padding: 0px;
|
||||
/*-webkit-font-smoothing: antialiased;*/
|
||||
}
|
||||
h1,h2,h3,h4,h5 {
|
||||
margin: 0;
|
||||
line-height: inherit;
|
||||
color: #29323d;
|
||||
}
|
||||
h1 small,h2 small,h3 small,h4 small,h5 small {
|
||||
margin-left: 15px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
input.search{
|
||||
background: url("../img/lens.png") #fcfcfc no-repeat 95%;
|
||||
box-shadow: none;
|
||||
height: 19px;
|
||||
font-size: 13px;
|
||||
padding: 2px 6px;
|
||||
border:1px solid #d0dde9;
|
||||
margin: 0;
|
||||
border-radius: 2px;
|
||||
top: 11px;
|
||||
}
|
||||
|
||||
.header{
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.header h1,
|
||||
.header h2,
|
||||
.header h3,
|
||||
.header h4,
|
||||
.header h5 {
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Custom navbar stuff */
|
||||
|
||||
/* search input */
|
||||
.navbar-inverse input.search {
|
||||
background: url("../img/lens.png") #0f1217 no-repeat 95%;
|
||||
border: 1px solid #0f1217;
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
top: 9px;
|
||||
padding: 3px 6px;
|
||||
color: #000;
|
||||
font-size: 13px;
|
||||
margin-right: 40px;
|
||||
-webkit-transition: all .3s linear;
|
||||
-moz-transition: all .3s linear;
|
||||
transition: all .3s linear;
|
||||
}
|
||||
.navbar-inverse input.search:focus {
|
||||
background-color: #fff;
|
||||
}
|
||||
/* navbar settings and logout icons */
|
||||
.navbar-inverse .settings i {
|
||||
color: #9ba3ad;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
|
||||
|
||||
/* notification menu with custom dropdowns */
|
||||
.navbar-inverse .notification-dropdown {
|
||||
position: relative;
|
||||
}
|
||||
.navbar-inverse .notification-dropdown > a:hover,
|
||||
.navbar-inverse .notification-dropdown > a.active {
|
||||
background: #254261 !important;
|
||||
box-shadow: inset 1px 0px 1px 0px rgb(62, 90, 121);
|
||||
}
|
||||
.navbar-inverse .notification-dropdown i {
|
||||
font-size: 17px;
|
||||
color: #9ba3ad;
|
||||
}
|
||||
.navbar-inverse .notification-dropdown .count {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 58%;
|
||||
background: rgb(53, 186, 196);
|
||||
padding: 0px 5px;
|
||||
border-radius: 30px;
|
||||
color: #fff;
|
||||
line-height: 16px;
|
||||
z-index: 9999;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* navbar popup dialog */
|
||||
.navbar-inverse .pop-dialog {
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
top: 55px;
|
||||
display: none;
|
||||
}
|
||||
.navbar-inverse .pop-dialog.is-visible {
|
||||
display: block;
|
||||
-webkit-animation: reveal .2s ease-out;
|
||||
-moz-animation: reveal .2s ease-out;
|
||||
animation: reveal .2s ease-out;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .body {
|
||||
box-shadow: 0px 1px 9px 1px #c2c2c2;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .close-icon {
|
||||
float: right;
|
||||
text-decoration: none;
|
||||
z-index: 9999;
|
||||
position: relative;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .footer {
|
||||
border-top: 1px solid #e6e8e9;
|
||||
background-color: #eff4f7;
|
||||
margin: 15px 0px -10px 0px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
padding: 12px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .footer a {
|
||||
font-weight: 600;
|
||||
color: #7d91a8;
|
||||
}
|
||||
|
||||
/* navar popup dialog for notifications */
|
||||
.navbar-inverse .pop-dialog .notifications {
|
||||
width: 330px;
|
||||
margin: 10px -10px 0px -10px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .notifications h3 {
|
||||
font-size: 13px;
|
||||
color: #404951;
|
||||
font-weight: bold;
|
||||
padding-left: 20px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .notifications .item {
|
||||
display: block;
|
||||
padding: 10px 0px 8px 20px;
|
||||
border-top: 1px solid #e7e8ea;
|
||||
color: rgb(54, 54, 54);
|
||||
text-decoration: none;
|
||||
padding-left: 50px;
|
||||
position: relative;
|
||||
transition: all .25s linear;
|
||||
-moz-transition: all .25s linear;
|
||||
-webkit-transition: all .25s linear;
|
||||
-o-transition: all .25s linear;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .notifications .item:hover {
|
||||
background: rgb(240, 246, 255);
|
||||
}
|
||||
.navbar-inverse .pop-dialog .notifications .item > i {
|
||||
color: rgb(252, 130, 123);
|
||||
position: absolute;
|
||||
left: 19px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .notifications .item > i.icon-user {
|
||||
left: 18px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .notifications .item .time {
|
||||
float: right;
|
||||
color: #82a3c1;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .notifications .item .time i {
|
||||
font-size: 13px;
|
||||
color: #cfcfcf;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
/* navar popup dialog for messages */
|
||||
.navbar-inverse .pop-dialog .messages {
|
||||
width: 330px;
|
||||
margin: 10px -10px 0px -10px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .item {
|
||||
display: block;
|
||||
padding: 10px 20px 15px 20px;
|
||||
height: 54px;
|
||||
border-bottom: 1px solid #e7e8ea;
|
||||
color: rgb(54, 54, 54);
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
transition: all .25s linear;
|
||||
-moz-transition: all .25s linear;
|
||||
-webkit-transition: all .25s linear;
|
||||
-o-transition: all .25s linear;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .item.last {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .item:hover {
|
||||
background: rgb(240, 246, 255);
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .item .display {
|
||||
float: left;
|
||||
border-radius: 50px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .item .name {
|
||||
font-size: 12px;
|
||||
color: #404951;
|
||||
font-weight: bold;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .item .msg {
|
||||
font-size: 11px;
|
||||
color: rgb(117, 118, 119);
|
||||
font-weight: 600;
|
||||
line-height: 13px;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .item .time {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 6px;
|
||||
color: #82a3c1;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .item .time i {
|
||||
font-size: 13px;
|
||||
color: #cfcfcf;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.navbar-inverse .pop-dialog .messages .footer {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Sidebar */
|
||||
#sidebar-nav {
|
||||
position: absolute;
|
||||
width: 180px;
|
||||
float: left;
|
||||
margin: 0em;
|
||||
padding-top: 5.8em;
|
||||
}
|
||||
#dashboard-menu {
|
||||
list-style: none;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 0;
|
||||
margin-left: 20px;
|
||||
}
|
||||
#dashboard-menu > li > a {
|
||||
display: block;
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
padding: 19px 14px 15px 14px;
|
||||
margin-bottom: 5px;
|
||||
border-bottom: 1px solid #dae1e8;
|
||||
box-shadow: 0 2px 1px -1px #FFFFFF;
|
||||
color: rgb(110, 130, 155);
|
||||
outline: 0px;
|
||||
width: 88%;
|
||||
}
|
||||
#dashboard-menu > li {
|
||||
position: relative;
|
||||
}
|
||||
/* font awesome icon */
|
||||
#dashboard-menu > li .icon-group {
|
||||
font-size: 22px;
|
||||
}
|
||||
#dashboard-menu > li i {
|
||||
font-size: 23px;
|
||||
top: 17px;
|
||||
}
|
||||
#dashboard-menu .pointer {
|
||||
position: absolute;
|
||||
right: 9px;
|
||||
top: 20px;
|
||||
}
|
||||
#dashboard-menu .pointer .arrow,
|
||||
#dashboard-menu .pointer .arrow_border {
|
||||
border-color: transparent #fff transparent transparent;
|
||||
border-width: 11px;
|
||||
border-style: solid;
|
||||
font-size: 0;
|
||||
left: 50%;
|
||||
line-height: 0;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0;
|
||||
z-index: 1002;
|
||||
left: 0;
|
||||
margin-left: 45%;
|
||||
}
|
||||
#dashboard-menu .pointer .arrow_border {
|
||||
border-color: transparent rgb(192, 210, 221) transparent transparent;
|
||||
border-width: 11px;
|
||||
margin-left: -1px;
|
||||
border-style: solid;
|
||||
z-index: 1001;
|
||||
top: 0px;
|
||||
}
|
||||
#dashboard-menu a span {
|
||||
margin-left: 35px;
|
||||
transition: color .1s linear;
|
||||
-moz-transition: color .1s linear;
|
||||
-webkit-transition: color .1s linear;
|
||||
-o-transition: color .1s linear;
|
||||
}
|
||||
#dashboard-menu a.ui-elements span {
|
||||
margin-left: 25px;
|
||||
}
|
||||
#dashboard-menu a i {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
opacity: 0.7;
|
||||
transition: opacity .1s ease;
|
||||
-moz-transition: opacity .1s ease;
|
||||
-webkit-transition: opacity .1s ease;
|
||||
-o-transition: opacity .1s ease;
|
||||
}
|
||||
#dashboard-menu a i.icon-chevron-down {
|
||||
position: relative;
|
||||
float: right;
|
||||
top: 5px;
|
||||
font-size: 11px;
|
||||
color: rgb(104, 104, 104);
|
||||
width: initial;
|
||||
height: initial;
|
||||
}
|
||||
#dashboard-menu > li:hover i{
|
||||
opacity: 1;
|
||||
}
|
||||
#dashboard-menu > li.active > a,
|
||||
#dashboard-menu > li > a:hover {
|
||||
color: rgba(51, 69, 90, 1);
|
||||
text-decoration: none;
|
||||
}
|
||||
#dashboard-menu > li.active a {
|
||||
font-weight: 600;
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
}
|
||||
#dashboard-menu > li.active i{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* sidebar submenus */
|
||||
#dashboard-menu > li.active .dropdown-toggle {
|
||||
border-bottom: 0px;
|
||||
box-shadow: none;
|
||||
}
|
||||
#dashboard-menu ul.submenu {
|
||||
list-style-type: none;
|
||||
display: none;
|
||||
margin-top: 7px;
|
||||
margin-bottom: 15px;
|
||||
margin-right: 5px;
|
||||
margin-left: -15px;
|
||||
padding-left: 15px;
|
||||
border-bottom: 1px solid #dae1e8;
|
||||
box-shadow: 0 2px 1px -1px #FFFFFF;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#dashboard-menu ul.submenu.active {
|
||||
display: block;
|
||||
}
|
||||
#dashboard-menu ul.submenu a {
|
||||
font-weight: normal;
|
||||
font-size: 13px;
|
||||
color: rgb(76, 83, 90);
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
#dashboard-menu ul.submenu a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#dashboard-menu ul.submenu a.active {
|
||||
font-weight: bold;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
#pad-wrapper {
|
||||
padding: 0px 25px;
|
||||
margin-top: 55px;
|
||||
}
|
||||
#pad-wrapper h4 {
|
||||
margin: 0 0 0 20px;
|
||||
color: #696d73;
|
||||
font-style: italic;
|
||||
}
|
||||
.content {
|
||||
min-width: 400px;
|
||||
min-height: 620px;
|
||||
margin-bottom: 100px;
|
||||
padding-bottom: 50px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
margin-left: 177px;
|
||||
border-left: 1px solid #dae3e9;
|
||||
border-bottom: 1px solid #dae3e9;
|
||||
box-shadow: -3px 3px 3px -2px #f1f1f3;
|
||||
border-radius: 0px 0px 0px 5px;
|
||||
}
|
||||
.content.wide-content {
|
||||
margin-left: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* starts skins changer */
|
||||
.content .skins-nav {
|
||||
opacity: 1;
|
||||
-webkit-transition: right .3s;
|
||||
-moz-transition: right .3s;
|
||||
-ms-transition: right .3s;
|
||||
-o-transition: right .3s;
|
||||
transition: right .3s;
|
||||
|
||||
position: fixed;
|
||||
right: -85px;
|
||||
top: 135px;
|
||||
font-size: 13px;
|
||||
z-index: 9999;
|
||||
}
|
||||
.content .skins-nav:hover {
|
||||
right: 0;
|
||||
}
|
||||
.content .skins-nav a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding-left: 10px;
|
||||
height: 37px;
|
||||
-webkit-border-radius: 4px 0 0 4px;
|
||||
-moz-border-radius: 4px 0 0 4px;
|
||||
border-radius: 4px 0 0 4px;
|
||||
margin-bottom: 3px;
|
||||
-webkit-transition: all .5s;
|
||||
-moz-transition: all .5s;
|
||||
-ms-transition: all .5s;
|
||||
-o-transition: all .5s;
|
||||
transition: all .5s;
|
||||
}
|
||||
.content .skins-nav a.first_nav {
|
||||
background: rgba(95, 175, 228, 0.8);
|
||||
}
|
||||
.content .skins-nav a.second_nav {
|
||||
background: rgba(36, 43, 77, 0.8);
|
||||
}
|
||||
.content .skins-nav a.first_nav:hover {
|
||||
background: rgba(95, 175, 228, 1);
|
||||
}
|
||||
.content .skins-nav a.second_nav:hover {
|
||||
background: rgba(36, 43, 77, 1);
|
||||
}
|
||||
.content .skins-nav a .icon {
|
||||
float: left;
|
||||
width: 9px;
|
||||
height: 10px;
|
||||
background: url('../img/skin-nav-bullets.png') 0 0 no-repeat;
|
||||
margin: 15px 15px 0 5px;
|
||||
}
|
||||
.content .skins-nav a.selected .icon {
|
||||
background-position: 0 -9px;
|
||||
}
|
||||
.content .skins-nav a .text {
|
||||
padding-right: 12px;
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
width: 100px;
|
||||
position: relative;
|
||||
top: 9px;
|
||||
-webkit-transition: width .2s;
|
||||
-moz-transition: width .2s;
|
||||
-ms-transition: width .2s;
|
||||
-o-transition: width .2s;
|
||||
transition: width .2s;
|
||||
}
|
||||
/* end skin changer*/
|
||||
|
||||
|
||||
|
||||
/* responsive */
|
||||
@media (max-width: 1020px) {
|
||||
.content {
|
||||
margin-left: 65px;
|
||||
}
|
||||
#dashboard-menu {
|
||||
margin-left: 5px;
|
||||
}
|
||||
#dashboard-menu .pointer {
|
||||
display: none;
|
||||
}
|
||||
#dashboard-menu li a span {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.content {
|
||||
margin-left: 0em;
|
||||
border-left-width: 0px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 822px) {
|
||||
.navbar-inverse input.search {display: none;}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#pad-wrapper {
|
||||
padding: 0px 10px;
|
||||
}
|
||||
.content {
|
||||
min-width: 0px;
|
||||
margin:0;
|
||||
}
|
||||
#main-stats .stat{
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#sidebar-nav {
|
||||
left: -200px;
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
background-color: #f7f7f7;
|
||||
padding-top: 0px;
|
||||
border-right: 1px solid #ccc;
|
||||
width: 165px;
|
||||
box-shadow: 1px 1px 4px 1px rgb(233, 233, 233);
|
||||
|
||||
-webkit-transition: left .25s ease;
|
||||
-moz-transition: left .25s ease;
|
||||
-o-transition: left .25s ease;
|
||||
-ms-transition: left .25s ease;
|
||||
transition: left .25s ease;
|
||||
}
|
||||
#sidebar-nav #dashboard-menu {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#sidebar-nav #dashboard-menu li a span {
|
||||
visibility: visible;
|
||||
}
|
||||
#sidebar-nav #dashboard-menu li:last-child a {
|
||||
border-bottom: 0px;
|
||||
box-shadow: none;
|
||||
}
|
||||
#sidebar-nav.display {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
48
View/public/css/lib/bootstrap-wysihtml5.css
vendored
Normal file
48
View/public/css/lib/bootstrap-wysihtml5.css
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
ul.wysihtml5-toolbar {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar::after {
|
||||
clear: both;
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar > li {
|
||||
float: left;
|
||||
display: list-item;
|
||||
list-style: none;
|
||||
margin: 0 5px 10px 0;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
|
||||
background-image: none;
|
||||
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
background-color: #E6E6E6;
|
||||
background-color: #D9D9D9 9;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
ul.wysihtml5-commands-disabled .dropdown-menu {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar .btn {
|
||||
font-size: 13px;
|
||||
}
|
||||
301
View/public/css/lib/bootstrap.datepicker.css
vendored
Normal file
301
View/public/css/lib/bootstrap.datepicker.css
vendored
Normal file
@@ -0,0 +1,301 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.datepicker {
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
/*.dow {
|
||||
border-top: 1px solid #ddd !important;
|
||||
}*/
|
||||
|
||||
}
|
||||
.datepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datepicker.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker.datepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker > div {
|
||||
display: none;
|
||||
}
|
||||
.datepicker.days div.datepicker-days {
|
||||
display: block;
|
||||
}
|
||||
.datepicker.months div.datepicker-months {
|
||||
display: block;
|
||||
}
|
||||
.datepicker.years div.datepicker-years {
|
||||
display: block;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
}
|
||||
.datepicker td,
|
||||
.datepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datepicker table tr td.day:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker table tr td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span.old {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker thead tr:first-child th,
|
||||
.datepicker tfoot tr:first-child th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover,
|
||||
.datepicker tfoot tr:first-child th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.datepicker thead tr:first-child th.cw {
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
}
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
1268
View/public/css/lib/font-awesome.css
vendored
Normal file
1268
View/public/css/lib/font-awesome.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
600
View/public/css/lib/fullcalendar.css
Normal file
600
View/public/css/lib/fullcalendar.css
Normal file
@@ -0,0 +1,600 @@
|
||||
/*!
|
||||
* FullCalendar v1.6.1 Stylesheet
|
||||
* Docs & License: http://arshaw.com/fullcalendar/
|
||||
* (c) 2013 Adam Shaw
|
||||
*/
|
||||
|
||||
|
||||
.fc {
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.fc table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
html .fc,
|
||||
.fc table {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.fc td,
|
||||
.fc th {
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Header
|
||||
------------------------------------------------------------------------*/
|
||||
.fc-header {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.fc-header td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc-header-left {
|
||||
width: 25%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.fc-header-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-header-right {
|
||||
width: 25%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.fc-header-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fc-header-title h2 {
|
||||
margin-top: 0;
|
||||
white-space: nowrap;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.fc .fc-header-space {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.fc-header .fc-button {
|
||||
margin-bottom: 1em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* buttons edges butting together */
|
||||
|
||||
.fc-header .fc-button {
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.fc-header .fc-corner-right, /* non-theme */
|
||||
.fc-header .ui-corner-right { /* theme */
|
||||
margin-right: 0; /* back to normal */
|
||||
}
|
||||
|
||||
/* button layering (for border precedence) */
|
||||
|
||||
.fc-header .fc-state-hover,
|
||||
.fc-header .ui-state-hover {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-header .fc-state-down {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.fc-header .fc-state-active,
|
||||
.fc-header .ui-state-active {
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Content
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-content {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.fc-view {
|
||||
width: 100%; /* needed for view switching (when view is absolute) */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Cell Styles
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-widget-header, /* <th>, usually */
|
||||
.fc-widget-content { /* <td>, usually */
|
||||
border: 1px solid #ebf0f2;
|
||||
}
|
||||
|
||||
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
|
||||
background: #fcf8e3;
|
||||
}
|
||||
|
||||
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
|
||||
background: #bce8f1;
|
||||
opacity: .3;
|
||||
filter: alpha(opacity=30); /* for IE */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Buttons
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0 .6em;
|
||||
overflow: hidden;
|
||||
height: 1.9em;
|
||||
line-height: 1.9em;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fc-state-default { /* non-theme */
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.fc-state-default.fc-corner-left { /* non-theme */
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
.fc-state-default.fc-corner-right { /* non-theme */
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
/*
|
||||
Our default prev/next buttons use HTML entities like ‹ › « »
|
||||
and we'll try to make them look good cross-browser.
|
||||
*/
|
||||
|
||||
.fc-text-arrow {
|
||||
margin: 0 .1em;
|
||||
font-size: 2em;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
vertical-align: baseline; /* for IE7 */
|
||||
}
|
||||
|
||||
.fc-button-prev .fc-text-arrow,
|
||||
.fc-button-next .fc-text-arrow { /* for ‹ › */
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* icon (for jquery ui) */
|
||||
|
||||
.fc-button .fc-icon-wrap {
|
||||
position: relative;
|
||||
float: left;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.fc-button .ui-icon {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-top: -50%;
|
||||
*margin-top: 0;
|
||||
*top: -50%;
|
||||
}
|
||||
|
||||
/*
|
||||
button states
|
||||
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
|
||||
*/
|
||||
|
||||
.fc-state-default {
|
||||
font-size: 12px;
|
||||
font-family: "Open sans", Helvetica, Arial;
|
||||
color: #313d4c;
|
||||
font-weight: 700;
|
||||
padding: 2px 10px;
|
||||
background: #fefefe; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #fefefe 0%,#f7f7f7 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
|
||||
border: 1px solid #d0dde9;
|
||||
|
||||
transition: color .1s linear;
|
||||
-moz-transition: color .1s linear; /* Firefox 4 */
|
||||
-webkit-transition: color .1s linear; /* Safari and Chrome */
|
||||
-o-transition: color .1s linear; /* Opera */
|
||||
}
|
||||
|
||||
/*.fc-state-hover,*/
|
||||
.fc-state-down,
|
||||
.fc-state-active,
|
||||
.fc-state-disabled {
|
||||
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;
|
||||
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;
|
||||
box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;
|
||||
color: #a8b5c7;
|
||||
}
|
||||
|
||||
.fc-state-hover {
|
||||
color: #a8b5c7;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fc-state-down,
|
||||
.fc-state-active {
|
||||
outline: 0;
|
||||
/*box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);*/
|
||||
}
|
||||
|
||||
.fc-state-disabled {
|
||||
cursor: default;
|
||||
/*background-image: none;*/
|
||||
opacity: 8.5;
|
||||
filter: alpha(opacity=85);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Global Event Styles
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event {
|
||||
border: 0px solid #3a87ad; /* default BORDER color */
|
||||
background-color: #3a87ad; /* default BACKGROUND color */
|
||||
color: #fff; /* default TEXT color */
|
||||
font-size: 11px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
a.fc-event {
|
||||
text-decoration: none;
|
||||
}
|
||||
a.fc-event:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.fc-event,
|
||||
.fc-event-draggable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-event {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.fc-event-inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-event-time,
|
||||
.fc-event-title {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.fc .ui-resizable-handle {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
overflow: hidden; /* hacky spaces (IE6/7) */
|
||||
font-size: 300%; /* */
|
||||
line-height: 50%; /* */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Horizontal Events
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event-hori {
|
||||
border-width: 0;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-event-hori.fc-event-start,
|
||||
.fc-rtl .fc-event-hori.fc-event-end {
|
||||
border-left-width: 1px;
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-event-hori.fc-event-end,
|
||||
.fc-rtl .fc-event-hori.fc-event-start {
|
||||
border-right-width: 1px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
|
||||
/* resizable */
|
||||
|
||||
.fc-event-hori .ui-resizable-e {
|
||||
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
|
||||
right: -3px !important;
|
||||
width: 7px !important;
|
||||
height: 100% !important;
|
||||
cursor: e-resize;
|
||||
}
|
||||
|
||||
.fc-event-hori .ui-resizable-w {
|
||||
top: 0 !important;
|
||||
left: -3px !important;
|
||||
width: 7px !important;
|
||||
height: 100% !important;
|
||||
cursor: w-resize;
|
||||
}
|
||||
|
||||
.fc-event-hori .ui-resizable-handle {
|
||||
_padding-bottom: 14px; /* IE6 had 0 height */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Reusable Separate-border Table
|
||||
------------------------------------------------------------*/
|
||||
|
||||
table.fc-border-separate {
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.fc-border-separate th,
|
||||
.fc-border-separate td {
|
||||
border-width: 1px 0 0 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate th.fc-last,
|
||||
.fc-border-separate td.fc-last {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate tr.fc-last th,
|
||||
.fc-border-separate tr.fc-last td {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate tbody tr.fc-first td,
|
||||
.fc-border-separate tbody tr.fc-first th {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Month View, Basic Week View, Basic Day View
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-grid th {
|
||||
text-align: right;
|
||||
border-width: 0px 0px 1px 0px !important;
|
||||
padding-right: 15px;
|
||||
color: #a9b6c5;
|
||||
text-transform: uppercase;
|
||||
font-weight: lighter;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.fc .fc-week-number {
|
||||
width: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc .fc-week-number div {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.fc-grid .fc-day-number {
|
||||
float: right;
|
||||
padding: 5px 10px 0px 0px;
|
||||
color: #a9aeb3;
|
||||
font-size: 13px;
|
||||
}
|
||||
.fc-state-highlight .fc-day-number {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.fc-grid .fc-other-month .fc-day-number {
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity=30); /* for IE */
|
||||
/* opacity with small font can sometimes look too faded
|
||||
might want to set the 'color' property instead
|
||||
making day-numbers bold also fixes the problem */
|
||||
}
|
||||
|
||||
.fc-grid .fc-day-content {
|
||||
clear: both;
|
||||
padding: 2px 2px 1px; /* distance between events and day edges */
|
||||
}
|
||||
|
||||
/* event styles */
|
||||
|
||||
.fc-grid .fc-event-time {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* right-to-left */
|
||||
|
||||
.fc-rtl .fc-grid .fc-day-number {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-grid .fc-event-time {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Agenda Week View, Agenda Day View
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-agenda table {
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.fc-agenda-days th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-agenda .fc-agenda-axis {
|
||||
width: 50px;
|
||||
padding: 0 4px;
|
||||
vertical-align: middle;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.fc-agenda .fc-week-number {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fc-agenda .fc-day-content {
|
||||
padding: 2px 2px 1px;
|
||||
}
|
||||
|
||||
/* make axis border take precedence */
|
||||
|
||||
.fc-agenda-days .fc-agenda-axis {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.fc-agenda-days .fc-col0 {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
/* all-day area */
|
||||
|
||||
.fc-agenda-allday th {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.fc-agenda-allday .fc-day-content {
|
||||
min-height: 34px; /* TODO: doesnt work well in quirksmode */
|
||||
_height: 34px;
|
||||
}
|
||||
|
||||
/* divider (between all-day and slots) */
|
||||
|
||||
.fc-agenda-divider-inner {
|
||||
height: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-widget-header .fc-agenda-divider-inner {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
/* slot rows */
|
||||
|
||||
.fc-agenda-slots th {
|
||||
border-width: 1px 1px 0;
|
||||
}
|
||||
|
||||
.fc-agenda-slots td {
|
||||
border-width: 1px 0 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.fc-agenda-slots td div {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-slot0 th,
|
||||
.fc-agenda-slots tr.fc-slot0 td {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-minor th,
|
||||
.fc-agenda-slots tr.fc-minor td {
|
||||
border-top-style: dotted;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
|
||||
*border-top-style: solid; /* doesn't work with background in IE6/7 */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Vertical Events
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event-vert {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.fc-event-vert.fc-event-start {
|
||||
border-top-width: 1px;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
.fc-event-vert.fc-event-end {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-time {
|
||||
white-space: nowrap;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-inner {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
opacity: .25;
|
||||
filter: alpha(opacity=25);
|
||||
}
|
||||
|
||||
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
|
||||
.fc-select-helper .fc-event-bg {
|
||||
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
|
||||
}
|
||||
|
||||
/* resizable */
|
||||
|
||||
.fc-event-vert .ui-resizable-s {
|
||||
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
|
||||
width: 100% !important;
|
||||
height: 8px !important;
|
||||
overflow: hidden !important;
|
||||
line-height: 8px !important;
|
||||
font-size: 11px !important;
|
||||
font-family: monospace;
|
||||
text-align: center;
|
||||
cursor: s-resize;
|
||||
}
|
||||
|
||||
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
|
||||
_overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
32
View/public/css/lib/fullcalendar.print.css
Normal file
32
View/public/css/lib/fullcalendar.print.css
Normal file
@@ -0,0 +1,32 @@
|
||||
/*!
|
||||
* FullCalendar v1.6.1 Print Stylesheet
|
||||
* Docs & License: http://arshaw.com/fullcalendar/
|
||||
* (c) 2013 Adam Shaw
|
||||
*/
|
||||
|
||||
/*
|
||||
* Include this stylesheet on your page to get a more printer-friendly calendar.
|
||||
* When including this stylesheet, use the media='print' attribute of the <link> tag.
|
||||
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
|
||||
*/
|
||||
|
||||
|
||||
/* Events
|
||||
-----------------------------------------------------*/
|
||||
|
||||
.fc-event {
|
||||
background: #fff !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
/* for vertical events */
|
||||
|
||||
.fc-event-bg {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.fc-event .ui-resizable-handle {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
544
View/public/css/lib/jquery-ui-1.10.2.custom.css
vendored
Normal file
544
View/public/css/lib/jquery-ui-1.10.2.custom.css
vendored
Normal file
@@ -0,0 +1,544 @@
|
||||
/*! jQuery UI - v1.10.2 - 2013-03-19
|
||||
* http://jqueryui.com
|
||||
* Includes: jquery.ui.core.css, jquery.ui.slider.css
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
|
||||
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ui-helper-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
.ui-helper-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
.ui-helper-clearfix:before,
|
||||
.ui-helper-clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.ui-helper-clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.ui-helper-clearfix {
|
||||
min-height: 0; /* support: IE7 */
|
||||
}
|
||||
.ui-helper-zfix {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter:Alpha(Opacity=0);
|
||||
}
|
||||
|
||||
.ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-slider .ui-slider-handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
cursor: default;
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: .7em;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
/* For IE8 - See #6727 */
|
||||
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||
filter: inherit;
|
||||
}
|
||||
|
||||
.ui-slider-horizontal {
|
||||
height: .8em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-handle {
|
||||
top: -.3em;
|
||||
margin-left: -.6em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-min {
|
||||
left: 0;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-max {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ui-slider-vertical {
|
||||
width: .8em;
|
||||
height: 100px;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-handle {
|
||||
left: -.3em;
|
||||
margin-left: 0;
|
||||
margin-bottom: -.6em;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-min {
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-max {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget {
|
||||
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.ui-widget .ui-widget {
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget input,
|
||||
.ui-widget select,
|
||||
.ui-widget textarea,
|
||||
.ui-widget button {
|
||||
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget-content {
|
||||
border: 1px solid #dddddd;
|
||||
background: #eeeeee url(../../img/jquery-ui/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
|
||||
color: #333333;
|
||||
}
|
||||
.ui-widget-content a {
|
||||
color: #333333;
|
||||
}
|
||||
.ui-widget-header {
|
||||
border: 1px solid #e78f08;
|
||||
background: #f6a828 url(../../img/jquery-ui/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-widget-header a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
border: 1px solid #cccccc;
|
||||
background: #f6f6f6 url(../img/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
|
||||
font-weight: bold;
|
||||
color: #1c94c4;
|
||||
}
|
||||
.ui-state-default a,
|
||||
.ui-state-default a:link,
|
||||
.ui-state-default a:visited {
|
||||
color: #1c94c4;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus {
|
||||
border: 1px solid #fbcb09;
|
||||
background: #fdf5ce url(../img/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
|
||||
font-weight: bold;
|
||||
color: #c77405;
|
||||
}
|
||||
.ui-state-hover a,
|
||||
.ui-state-hover a:hover,
|
||||
.ui-state-hover a:link,
|
||||
.ui-state-hover a:visited {
|
||||
color: #c77405;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active {
|
||||
border: 1px solid #fbd850;
|
||||
background: #ffffff url(../img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
|
||||
font-weight: bold;
|
||||
color: #eb8f00;
|
||||
}
|
||||
.ui-state-active a,
|
||||
.ui-state-active a:link,
|
||||
.ui-state-active a:visited {
|
||||
color: #eb8f00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight,
|
||||
.ui-widget-content .ui-state-highlight,
|
||||
.ui-widget-header .ui-state-highlight {
|
||||
border: 1px solid #fed22f;
|
||||
background: #ffe45c url(../img/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
|
||||
color: #363636;
|
||||
}
|
||||
.ui-state-highlight a,
|
||||
.ui-widget-content .ui-state-highlight a,
|
||||
.ui-widget-header .ui-state-highlight a {
|
||||
color: #363636;
|
||||
}
|
||||
.ui-state-error,
|
||||
.ui-widget-content .ui-state-error,
|
||||
.ui-widget-header .ui-state-error {
|
||||
border: 1px solid #cd0a0a;
|
||||
background: #b81900 url(../img/jquery-ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
|
||||
color: #ffffff;
|
||||
}
|
||||
.ui-state-error a,
|
||||
.ui-widget-content .ui-state-error a,
|
||||
.ui-widget-header .ui-state-error a {
|
||||
color: #ffffff;
|
||||
}
|
||||
.ui-state-error-text,
|
||||
.ui-widget-content .ui-state-error-text,
|
||||
.ui-widget-header .ui-state-error-text {
|
||||
color: #ffffff;
|
||||
}
|
||||
.ui-priority-primary,
|
||||
.ui-widget-content .ui-priority-primary,
|
||||
.ui-widget-header .ui-priority-primary {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary,
|
||||
.ui-widget-header .ui-priority-secondary {
|
||||
opacity: .7;
|
||||
filter:Alpha(Opacity=70);
|
||||
font-weight: normal;
|
||||
}
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled,
|
||||
.ui-widget-header .ui-state-disabled {
|
||||
opacity: .35;
|
||||
filter:Alpha(Opacity=35);
|
||||
background-image: none;
|
||||
}
|
||||
.ui-state-disabled .ui-icon {
|
||||
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
|
||||
}
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.ui-icon,
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url(../img/jquery-ui/ui-icons_222222_256x240.png);
|
||||
}
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url(../img/jquery-ui/ui-icons_ffffff_256x240.png);
|
||||
}
|
||||
.ui-state-default .ui-icon {
|
||||
background-image: url(../img/jquery-ui/ui-icons_ef8c08_256x240.png);
|
||||
}
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon {
|
||||
background-image: url(../img/jquery-ui/ui-icons_ef8c08_256x240.png);
|
||||
}
|
||||
.ui-state-active .ui-icon {
|
||||
background-image: url(../img/jquery-ui/ui-icons_ef8c08_256x240.png);
|
||||
}
|
||||
.ui-state-highlight .ui-icon {
|
||||
background-image: url(../img/jquery-ui/ui-icons_228ef1_256x240.png);
|
||||
}
|
||||
.ui-state-error .ui-icon,
|
||||
.ui-state-error-text .ui-icon {
|
||||
background-image: url(../img/jquery-ui/ui-icons_ffd27a_256x240.png);
|
||||
}
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-blank { background-position: 16px 16px; }
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-on { background-position: -96px -144px; }
|
||||
.ui-icon-radio-off { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
background: #666666 url(../img/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
|
||||
opacity: .5;
|
||||
filter: Alpha(Opacity=50);
|
||||
}
|
||||
.ui-widget-shadow {
|
||||
margin: -5px 0 0 -5px;
|
||||
padding: 5px;
|
||||
background: #000000 url(../img/jquery-ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
|
||||
opacity: .2;
|
||||
filter: Alpha(Opacity=20);
|
||||
border-radius: 5px;
|
||||
}
|
||||
2
View/public/css/lib/morris.css
Normal file
2
View/public/css/lib/morris.css
Normal file
@@ -0,0 +1,2 @@
|
||||
.morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
|
||||
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
|
||||
514
View/public/css/lib/select2.css
Normal file
514
View/public/css/lib/select2.css
Normal file
@@ -0,0 +1,514 @@
|
||||
/*
|
||||
Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
|
||||
*/
|
||||
.select2-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
/* inline-block for ie7 */
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.select2-container,
|
||||
.select2-drop,
|
||||
.select2-search,
|
||||
.select2-search input{
|
||||
/*
|
||||
Force border-box so that % widths fit the parent
|
||||
container without overlap because of margin/padding.
|
||||
|
||||
More Info : http://www.quirksmode.org/css/box.html
|
||||
*/
|
||||
-moz-box-sizing: border-box; /* firefox */
|
||||
-ms-box-sizing: border-box; /* ie */
|
||||
-webkit-box-sizing: border-box; /* webkit */
|
||||
-khtml-box-sizing: border-box; /* konqueror */
|
||||
box-sizing: border-box; /* css3 */
|
||||
}
|
||||
|
||||
.select2-container .select2-choice {
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(243, 243, 243)), color-stop(0.5, white));
|
||||
background-image: -webkit-linear-gradient(center bottom, rgb(243, 243, 243) 0%, white 50%);
|
||||
background-image: -moz-linear-gradient(center bottom, rgb(243, 243, 243) 0%, white 50%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(243, 243, 243) 0%, #ffffff 50%);
|
||||
background-image: -ms-linear-gradient(top, rgb(243, 243, 243) 0%, #ffffff 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
|
||||
background-image: linear-gradient(top, rgb(243, 243, 243) 0%, #ffffff 50%);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #cfdde8;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
padding: 0 0 0 8px;
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.select2-container.select2-drop-above .select2-choice
|
||||
{
|
||||
border-bottom-color: #aaa;
|
||||
-webkit-border-radius:0px 0px 4px 4px;
|
||||
-moz-border-radius:0px 0px 4px 4px;
|
||||
border-radius:0px 0px 4px 4px;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
|
||||
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
|
||||
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
|
||||
background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
|
||||
background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
|
||||
background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
|
||||
}
|
||||
|
||||
.select2-container .select2-choice span {
|
||||
margin-right: 26px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
-o-text-overflow: ellipsis;
|
||||
-ms-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice abbr {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 26px;
|
||||
top: 8px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 1px;
|
||||
background: url('../../img/select2/select2.png') right top no-repeat;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
border:0;
|
||||
outline: 0;
|
||||
}
|
||||
.select2-container .select2-choice abbr:hover {
|
||||
background-position: right -11px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select2-drop {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
|
||||
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
|
||||
-o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
|
||||
z-index: 9999;
|
||||
width:100%;
|
||||
margin-top:-1px;
|
||||
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius: 0 0 4px 4px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above {
|
||||
-webkit-border-radius: 4px 4px 0px 0px;
|
||||
-moz-border-radius: 4px 4px 0px 0px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
margin-top:1px;
|
||||
border-top: 1px solid #aaa;
|
||||
border-bottom: 0;
|
||||
|
||||
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
|
||||
-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
|
||||
-o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
|
||||
box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
|
||||
}
|
||||
|
||||
.select2-container .select2-choice div {
|
||||
-webkit-border-radius: 0 4px 4px 0;
|
||||
-moz-border-radius: 0 4px 4px 0;
|
||||
border-radius: 0 4px 4px 0;
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
background: #fff;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(243, 243, 243)), color-stop(0.5, white));
|
||||
background-image: -webkit-linear-gradient(center bottom, rgb(243, 243, 243) 0%, white 50%);
|
||||
background-image: -moz-linear-gradient(center bottom, rgb(243, 243, 243) 0%, white 50%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(243, 243, 243) 0%, #ffffff 50%);
|
||||
background-image: -ms-linear-gradient(top, rgb(243, 243, 243) 0%, #ffffff 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
|
||||
background-image: linear-gradient(top, rgb(243, 243, 243) 0%, #ffffff 50%);
|
||||
border-left: 1px solid #cfdde8;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice div b {
|
||||
background: url('../../img/select2/select2.png') no-repeat 0 1px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.select2-search {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
z-index: 10000;
|
||||
min-height: 26px;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.select2-search-hidden {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
background: #fff url('../../img/select2/select2.png') no-repeat 100% -22px;
|
||||
background: url('../../img/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
|
||||
background: url('../../img/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
||||
background: url('../../img/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
||||
background: url('../../img/select2/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
|
||||
background: url('../../img/select2/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
|
||||
background: url('../../img/select2/select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
|
||||
padding: 4px 20px 4px 5px;
|
||||
outline: 0;
|
||||
border: 1px solid #aaa;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
width:100%;
|
||||
margin:0;
|
||||
height:auto !important;
|
||||
min-height: 26px;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above .select2-search input
|
||||
{
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
.select2-search input.select2-active {
|
||||
background: #fff url('../../img/select2/spinner.gif') no-repeat 100%;
|
||||
background: url('../../img/select2/spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
|
||||
background: url('../../img/select2/spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
||||
background: url('../../img/select2/spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
||||
background: url('../../img/select2/spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
|
||||
background: url('../../img/select2/spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
|
||||
background: url('../../img/select2/spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
|
||||
}
|
||||
|
||||
|
||||
.select2-container-active .select2-choice,
|
||||
.select2-container-active .select2-choices {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice {
|
||||
border: 1px solid #aaa;
|
||||
border-bottom-color: transparent;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
-moz-box-shadow : 0 1px 0 #fff inset;
|
||||
-o-box-shadow : 0 1px 0 #fff inset;
|
||||
box-shadow : 0 1px 0 #fff inset;
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
|
||||
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
|
||||
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
|
||||
background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
|
||||
background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
|
||||
background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
|
||||
-webkit-border-bottom-left-radius : 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-moz-border-radius-bottomleft : 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
border-bottom-left-radius : 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice div {
|
||||
background: transparent;
|
||||
border-left: none;
|
||||
}
|
||||
.select2-dropdown-open .select2-choice div b {
|
||||
background-position: -18px 1px;
|
||||
}
|
||||
|
||||
/* results */
|
||||
.select2-results {
|
||||
margin: 4px 4px 4px 0;
|
||||
padding: 0 0 0 4px;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub {
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
|
||||
|
||||
.select2-results li {
|
||||
list-style: none;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
.select2-results li.select2-result-with-children > .select2-result-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.select2-results .select2-result-label {
|
||||
padding: 3px 7px 4px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted {
|
||||
background: #30a1ec;
|
||||
color: #fff;
|
||||
}
|
||||
.select2-results li em {
|
||||
background: #feffde;
|
||||
font-style: normal;
|
||||
}
|
||||
.select2-results .select2-highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
.select2-results .select2-no-results,
|
||||
.select2-results .select2-searching,
|
||||
.select2-results .select2-selection-limit {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/*
|
||||
disabled look for already selected choices in the results dropdown
|
||||
.select2-results .select2-disabled.select2-highlighted {
|
||||
color: #666;
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
cursor: default;
|
||||
}
|
||||
.select2-results .select2-disabled {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
cursor: default;
|
||||
}
|
||||
*/
|
||||
.select2-results .select2-disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-more-results.select2-active {
|
||||
background: #f4f4f4 url('../../img/select2/spinner.gif') no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-more-results {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice div {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
|
||||
/* multiselect */
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
background-color: #fff;
|
||||
/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);*/
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: text;
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
min-height: 26px;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-active .select2-choices {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
outline: none;
|
||||
}
|
||||
.select2-container-multi .select2-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-field {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input {
|
||||
color: #666;
|
||||
background: transparent !important;
|
||||
font-size: 100%;
|
||||
height: 15px;
|
||||
padding: 5px;
|
||||
margin: 1px 0;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow : none;
|
||||
-o-box-shadow : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||
background: #fff url('../../img/select2/spinner.gif') no-repeat 100% !important;
|
||||
}
|
||||
|
||||
.select2-default {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius : 3px;
|
||||
border-radius : 3px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
background-color: #f2f5f9;
|
||||
color: #333;
|
||||
border: 1px solid #d6e2eb;
|
||||
line-height: 13px;
|
||||
padding: 3px 5px 3px 18px;
|
||||
margin: 3px 0 3px 5px;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-choice span {
|
||||
cursor: default;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
|
||||
.select2-search-choice-close {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 3px;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
font-size: 1px;
|
||||
background: url('../../img/select2/select2.png') right top no-repeat;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-search-choice-close {
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
|
||||
background-position: right -11px;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices{
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
||||
background-image: none;
|
||||
background-color: #f4f4f4;
|
||||
border: 1px solid #ddd;
|
||||
padding: 3px 5px 3px 5px;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
|
||||
display: none;
|
||||
}
|
||||
/* end multiselect */
|
||||
|
||||
.select2-result-selectable .select2-match,
|
||||
.select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
|
||||
.select2-result-unselectable .select2-match { text-decoration: none; }
|
||||
|
||||
.select2-offscreen { position: absolute; left: -10000px; }
|
||||
|
||||
/* Retina-ize icons */
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
|
||||
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
|
||||
background-image: url(../../img/select2/select2x2.png) !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 60px 40px !important;
|
||||
}
|
||||
.select2-search input {
|
||||
background-position: 100% -21px !important;
|
||||
}
|
||||
}
|
||||
366
View/public/css/lib/uniform.default.css
Normal file
366
View/public/css/lib/uniform.default.css
Normal file
@@ -0,0 +1,366 @@
|
||||
/*
|
||||
|
||||
Uniform Theme: Uniform Default
|
||||
Version: 1.8
|
||||
By: Josh Pyles
|
||||
License: MIT License
|
||||
---
|
||||
For use with the Uniform plugin:
|
||||
http://uniformjs.com/
|
||||
|
||||
*/
|
||||
/* General settings */
|
||||
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
|
||||
background-image: url("../../img/uniform/sprite.png");
|
||||
background-repeat: no-repeat;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
div.selector, div.checker, div.button, div.radio, div.uploader {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
vertical-align: middle;
|
||||
/* Keeping this as :focus to remove browser styles */ }
|
||||
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
|
||||
outline: 0; }
|
||||
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
.highContrastDetect {
|
||||
background: url("../../img/uniform/bg-input.png") repeat-x 0 0;
|
||||
width: 0px;
|
||||
height: 0px; }
|
||||
|
||||
/* Input & Textarea */
|
||||
input.uniform-input,
|
||||
select.uniform-multiselect,
|
||||
textarea.uniform {
|
||||
padding: 3px;
|
||||
background: url("../../img/uniform/bg-input.png") repeat-x 0 0;
|
||||
outline: 0; }
|
||||
input.uniform-input.active,
|
||||
select.uniform-multiselect.active,
|
||||
textarea.uniform.active {
|
||||
background: url("../../img/uniform/bg-input-focus.png") repeat-x 0 0; }
|
||||
|
||||
/* Remove default webkit and possible mozilla .search styles.
|
||||
* Keeping this as :active to remove browser styles */
|
||||
div.checker input,
|
||||
input[type="search"],
|
||||
input[type="search"]:active {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none; }
|
||||
|
||||
/* Select */
|
||||
div.selector {
|
||||
background-position: 0 -130px;
|
||||
line-height: 26px;
|
||||
height: 26px;
|
||||
padding: 0 0 0 10px;
|
||||
position: relative;
|
||||
overflow: hidden; }
|
||||
div.selector span {
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
background-position: right 0;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
padding-right: 25px;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
display: block; }
|
||||
div.selector.fixedWidth {
|
||||
width: 190px; }
|
||||
div.selector.fixedWidth span {
|
||||
width: 155px; }
|
||||
div.selector select {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-moz-opacity: 0;
|
||||
border: none;
|
||||
background: none;
|
||||
position: absolute;
|
||||
height: 22px;
|
||||
top: 2px;
|
||||
left: 0px;
|
||||
width: 100%; }
|
||||
div.selector.active {
|
||||
background-position: 0 -156px; }
|
||||
div.selector.active span {
|
||||
background-position: right -26px; }
|
||||
div.selector.hover, div.selector.focus {
|
||||
background-position: 0 -182px; }
|
||||
div.selector.hover span, div.selector.focus span {
|
||||
background-position: right -52px; }
|
||||
div.selector.hover.active, div.selector.focus.active {
|
||||
background-position: 0 -208px; }
|
||||
div.selector.hover.active span, div.selector.focus.active span {
|
||||
background-position: right -78px; }
|
||||
div.selector.disabled, div.selector.disabled.active {
|
||||
background-position: 0 -234px; }
|
||||
div.selector.disabled span, div.selector.disabled.active span {
|
||||
background-position: right -104px; }
|
||||
|
||||
/* Checkbox */
|
||||
div.checker {
|
||||
position: relative; }
|
||||
div.checker, div.checker span, div.checker input {
|
||||
width: 19px;
|
||||
height: 19px; }
|
||||
div.checker span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
text-align: center;
|
||||
background-position: 0 -260px; }
|
||||
div.checker span.checked {
|
||||
background-position: -76px -260px; }
|
||||
div.checker input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-moz-opacity: 0;
|
||||
border: none;
|
||||
background: none;
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1; }
|
||||
div.checker.active span {
|
||||
background-position: -19px -260px; }
|
||||
div.checker.active span.checked {
|
||||
background-position: -95px -260px; }
|
||||
div.checker.hover span, div.checker.focus span {
|
||||
background-position: -38px -260px; }
|
||||
div.checker.hover span.checked, div.checker.focus span.checked {
|
||||
background-position: -114px -260px; }
|
||||
div.checker.hover.active span, div.checker.focus.active span {
|
||||
background-position: -57px -260px; }
|
||||
div.checker.hover.active span.checked, div.checker.focus.active span.checked {
|
||||
background-position: -133px -260px; }
|
||||
div.checker.disabled, div.checker.disabled.active {
|
||||
background-position: -152px -260px; }
|
||||
div.checker.disabled span.checked, div.checker.disabled.active span.checked {
|
||||
background-position: -171px -260px; }
|
||||
|
||||
/* Radio */
|
||||
div.radio {
|
||||
position: relative; }
|
||||
div.radio, div.radio span, div.radio input {
|
||||
width: 18px;
|
||||
height: 18px; }
|
||||
div.radio span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
text-align: center;
|
||||
background-position: 0 -279px; }
|
||||
div.radio span.checked {
|
||||
background-position: -72px -279px; }
|
||||
div.radio input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-moz-opacity: 0;
|
||||
border: none;
|
||||
background: none;
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
text-align: center; }
|
||||
div.radio.active span {
|
||||
background-position: -18px -18px -279px; }
|
||||
div.radio.active span.checked {
|
||||
background-position: -90px -279px; }
|
||||
div.radio.hover span, div.radio.focus span {
|
||||
background-position: -36px -36px -279px; }
|
||||
div.radio.hover span.checked, div.radio.focus span.checked {
|
||||
background-position: -108px -279px; }
|
||||
div.radio.hover.active span, div.radio.focus.active span {
|
||||
background-position: -54px -279px; }
|
||||
div.radio.hover.active span.checked, div.radio.focus.active span.checked {
|
||||
background-position: -126px -279px; }
|
||||
div.radio.disabled span, div.radio.disabled.active span {
|
||||
background-position: -144px -279px; }
|
||||
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
|
||||
background-position: -162px -279px; }
|
||||
|
||||
/* Uploader */
|
||||
div.uploader {
|
||||
background-position: 0 -297px;
|
||||
height: 28px;
|
||||
width: 190px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden; }
|
||||
div.uploader span.action {
|
||||
background-position: right -409px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
width: 82px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
cursor: pointer; }
|
||||
div.uploader span.filename {
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
float: left;
|
||||
cursor: default;
|
||||
height: 24px;
|
||||
margin: 2px 0 2px 2px;
|
||||
line-height: 24px;
|
||||
width: 85px;
|
||||
padding: 0 10px; }
|
||||
div.uploader input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-moz-opacity: 0;
|
||||
border: none;
|
||||
background: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
float: right;
|
||||
cursor: default;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
div.uploader.active span.action {
|
||||
background-position: right -465px; }
|
||||
div.uploader.hover, div.uploader.focus {
|
||||
background-position: 0 -353px; }
|
||||
div.uploader.hover span.action, div.uploader.focus span.action {
|
||||
background-position: right -437px; }
|
||||
div.uploader.hover.active span.action, div.uploader.focus.active span.action {
|
||||
background-position: right -493px; }
|
||||
div.uploader.disabled, div.uploader.disabled.active {
|
||||
background-position: 0 -325px; }
|
||||
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
|
||||
background-position: right -381px; }
|
||||
|
||||
/* Buttons */
|
||||
div.button {
|
||||
background-position: 0 -641px;
|
||||
height: 30px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
/* Keep buttons barely visible so they can get focus */ }
|
||||
div.button a, div.button button, div.button input {
|
||||
opacity: 0.01;
|
||||
filter: alpha(opacity=1);
|
||||
-moz-opacity: 0.01;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: absolute; }
|
||||
div.button span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
background-position: right -521px;
|
||||
height: 22px;
|
||||
margin-left: 13px;
|
||||
padding: 8px 15px 0 2px; }
|
||||
div.button.active {
|
||||
background-position: 0 -671px; }
|
||||
div.button.active span {
|
||||
background-position: right -551px;
|
||||
cursor: default; }
|
||||
div.button.hover, div.button.focus {
|
||||
background-position: 0 -701px; }
|
||||
div.button.hover span, div.button.focus span {
|
||||
background-position: right -581px; }
|
||||
div.button.disabled, div.button.disabled.active {
|
||||
background-position: 0 -731px; }
|
||||
div.button.disabled span, div.button.disabled.active span {
|
||||
background-position: right -611px;
|
||||
cursor: default; }
|
||||
|
||||
/* INPUT & TEXTAREA */
|
||||
input.uniform-input,
|
||||
select.uniform-multiselect,
|
||||
textarea.uniform {
|
||||
font-size: 12px;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
font-weight: normal;
|
||||
color: #777;
|
||||
border-top: solid 1px #aaaaaa;
|
||||
border-left: solid 1px #aaaaaa;
|
||||
border-bottom: solid 1px #cccccc;
|
||||
border-right: solid 1px #cccccc;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px; }
|
||||
input.uniform-input.hover, input.uniform-input.focus,
|
||||
select.uniform-multiselect.hover,
|
||||
select.uniform-multiselect.focus,
|
||||
textarea.uniform.hover,
|
||||
textarea.uniform.focus {
|
||||
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
|
||||
border-color: #999; }
|
||||
|
||||
/* PRESENTATION */
|
||||
/* Buttons */
|
||||
div.button span {
|
||||
font-weight: bold;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase; }
|
||||
div.button.hover span, div.button.focus span {
|
||||
color: #555; }
|
||||
div.button.disabled span, div.button.disabled.active span {
|
||||
color: #bbb; }
|
||||
|
||||
/* Select */
|
||||
div.selector {
|
||||
font-size: 12px; }
|
||||
div.selector span {
|
||||
color: #666;
|
||||
text-shadow: 0 1px 0 white; }
|
||||
div.selector select {
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
font-size: 12px; }
|
||||
div.selector.disabled span, div.selector.disabled.active span {
|
||||
color: #bbb; }
|
||||
|
||||
/* Checker */
|
||||
div.checker {
|
||||
margin-right: 5px; }
|
||||
|
||||
/* Radio */
|
||||
div.radio {
|
||||
margin-right: 3px; }
|
||||
|
||||
/* Uploader */
|
||||
div.uploader span.action {
|
||||
text-shadow: white 0px 1px 0px;
|
||||
background-color: #fff;
|
||||
font-size: 11px;
|
||||
font-weight: bold; }
|
||||
div.uploader span.filename {
|
||||
color: #777;
|
||||
border-right: solid 1px #bbbbbb;
|
||||
font-size: 11px; }
|
||||
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
|
||||
color: #aaa; }
|
||||
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
|
||||
border-color: #ddd;
|
||||
color: #aaa; }
|
||||
|
||||
input.uniform-input, input.uniform-input:focus {
|
||||
background-color: #fff; }
|
||||
Reference in New Issue
Block a user