New UI changes(tags, categories, authorisations, module index…)
To run: - ruby lib/remove_old_tags.rb DB_NAME - rake new_ui:migrate_tags - rake new_ui:migrate_categories['APP_KEY,''MODEL_NAME'] (check new_ui.rake for more details)
This commit is contained in:
chris committed
1 parent
07b3857465
commit
856898016b
1495 files changed
+52132
-9876
No files matched your search
@@ -1,221 +0,0 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.clearfix {
|
||||
*zoom:1;
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display:table;
|
||||
content:"";
|
||||
line-height:0;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear:both;
|
||||
}
|
||||
.hide-text {
|
||||
font:0/0 a;
|
||||
color:transparent;
|
||||
text-shadow:none;
|
||||
background-color:transparent;
|
||||
border:0;
|
||||
}
|
||||
.input-block-level {
|
||||
display:block;
|
||||
width:100%;
|
||||
min-height:30px;
|
||||
-webkit-box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget {
|
||||
top:0;
|
||||
left:0;
|
||||
min-width: 113px;
|
||||
padding:4px;
|
||||
margin-top:1px;
|
||||
-webkit-border-radius:4px;
|
||||
-moz-border-radius:4px;
|
||||
border-radius:4px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget: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;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget:after {
|
||||
content:'';
|
||||
display:inline-block;
|
||||
border-left:6px solid transparent;
|
||||
border-right:6px solid transparent;
|
||||
border-bottom:6px solid #fff;
|
||||
position:absolute;
|
||||
top:-6px;
|
||||
left:7px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .timepicker {
|
||||
min-width: 110px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget>ul {
|
||||
list-style-type:none;
|
||||
margin:0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .timepicker-hour,
|
||||
.bootstrap-datetimepicker-widget .timepicker-minute,
|
||||
.bootstrap-datetimepicker-widget .timepicker-second {
|
||||
font-weight:bold;
|
||||
font-size:1.2em;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
|
||||
width:4px;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .datepicker>div {
|
||||
display:none;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch {
|
||||
text-align:center;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table {
|
||||
width:100%;
|
||||
margin:0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td,
|
||||
.bootstrap-datetimepicker-widget th {
|
||||
text-align:center;
|
||||
width:20px;
|
||||
height:20px;
|
||||
-webkit-border-radius:4px;
|
||||
-moz-border-radius:4px;
|
||||
border-radius:4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td.day:hover,
|
||||
.bootstrap-datetimepicker-widget td.hour:hover,
|
||||
.bootstrap-datetimepicker-widget td.minute:hover,
|
||||
.bootstrap-datetimepicker-widget td.second:hover {
|
||||
background:#eee;
|
||||
cursor:pointer;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td.old,
|
||||
.bootstrap-datetimepicker-widget td.new {
|
||||
color:#999;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td.active,
|
||||
.bootstrap-datetimepicker-widget td.active:hover {
|
||||
color:#fff;
|
||||
background-color:#006dcc;
|
||||
background-image:-moz-linear-gradient(top,#08c,#04c);
|
||||
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
|
||||
background-image:-webkit-linear-gradient(top,#08c,#04c);
|
||||
background-image:-o-linear-gradient(top,#08c,#04c);
|
||||
background-image:linear-gradient(to bottom,#08c,#04c);
|
||||
background-repeat:repeat-x;
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
|
||||
border-color:#04c #04c #002a80;
|
||||
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
|
||||
*background-color:#04c;
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
color:#fff;
|
||||
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td.active:hover,
|
||||
.bootstrap-datetimepicker-widget td.active:hover:hover,
|
||||
.bootstrap-datetimepicker-widget td.active:active,
|
||||
.bootstrap-datetimepicker-widget td.active:hover:active,
|
||||
.bootstrap-datetimepicker-widget td.active.active,
|
||||
.bootstrap-datetimepicker-widget td.active:hover.active,
|
||||
.bootstrap-datetimepicker-widget td.active.disabled,
|
||||
.bootstrap-datetimepicker-widget td.active:hover.disabled,
|
||||
.bootstrap-datetimepicker-widget td.active[disabled],
|
||||
.bootstrap-datetimepicker-widget td.active:hover[disabled] {
|
||||
color:#fff;
|
||||
background-color:#04c;
|
||||
*background-color:#003bb3;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td.active:active,
|
||||
.bootstrap-datetimepicker-widget td.active:hover:active,
|
||||
.bootstrap-datetimepicker-widget td.active.active,
|
||||
.bootstrap-datetimepicker-widget td.active:hover.active {
|
||||
background-color:#039 \9;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td span {
|
||||
display:block;
|
||||
width:100%;
|
||||
height:54px;
|
||||
line-height:54px;
|
||||
float:left;
|
||||
cursor:pointer;
|
||||
-webkit-border-radius:4px;
|
||||
-moz-border-radius:4px;
|
||||
border-radius:4px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .datepicker-months td span,
|
||||
.bootstrap-datetimepicker-widget .datepicker-years td span {
|
||||
width: 50px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td span:hover {
|
||||
background:#eee;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td span.active {
|
||||
color:#fff;
|
||||
background-color:#006dcc;
|
||||
background-image:-moz-linear-gradient(top,#08c,#04c);
|
||||
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
|
||||
background-image:-webkit-linear-gradient(top,#08c,#04c);
|
||||
background-image:-o-linear-gradient(top,#08c,#04c);
|
||||
background-image:linear-gradient(to bottom,#08c,#04c);
|
||||
background-repeat:repeat-x;
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
|
||||
border-color:#04c #04c #002a80;
|
||||
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
|
||||
*background-color:#04c;
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
color:#fff;
|
||||
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td span.active:hover,
|
||||
.bootstrap-datetimepicker-widget td span.active:active,
|
||||
.bootstrap-datetimepicker-widget td span.active.active,
|
||||
.bootstrap-datetimepicker-widget td span.active.disabled,
|
||||
.bootstrap-datetimepicker-widget td span.active[disabled] {
|
||||
color:#fff;
|
||||
background-color:#04c;
|
||||
*background-color:#003bb3;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td span.active:active,
|
||||
.bootstrap-datetimepicker-widget td span.active.active {
|
||||
background-color:#039 \9;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td span.old {
|
||||
color:#999;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget th.switch {
|
||||
width:145px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget th.next,
|
||||
.bootstrap-datetimepicker-widget th.prev {
|
||||
font-size:21px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget thead tr:first-child th {
|
||||
cursor:pointer;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
|
||||
background:#eee;
|
||||
}
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i {
|
||||
cursor:pointer;
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
.mini-layout {
|
||||
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar {
|
||||
position: relative;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar:before {
|
||||
content: "";
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: -8.5555%;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar .nav-stacked {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar .pane {
|
||||
right: 0px;
|
||||
}
|
||||
.checkbox-card {
|
||||
margin: 0;
|
||||
}
|
||||
.checkbox-card li {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
color: #FFFFFF;
|
||||
width: 180px;
|
||||
height: 40px;
|
||||
margin: 0 10px 10px 0;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
background-color: #cccccc;
|
||||
overflow: hidden;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
.checkbox-card li.mark {
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.checkbox-card li:hover {
|
||||
background-color: #0088cc;
|
||||
}
|
||||
.checkbox-card li:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.checkbox-card li.active:before {
|
||||
-webkit-text-size-adjust : none;
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
color: #FFF;
|
||||
text-decoration: inherit;
|
||||
content: "\f00c";
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
line-height: 14px;
|
||||
text-indent: 10px;
|
||||
font-size: 10px;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-style: solid;
|
||||
border-width: 0 22px 22px 0;
|
||||
border-color: transparent #51a351 transparent transparent;
|
||||
}
|
||||
.checkbox-card li.active label {
|
||||
}
|
||||
.checkbox-card li label {
|
||||
margin-bottom: 0px;
|
||||
overflow: hidden;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.checkbox-card li input {
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
.checkbox-card li label span {
|
||||
-webkit-text-size-adjust : none;
|
||||
font-size: 10px;
|
||||
display: block;
|
||||
width: 130px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #666666;
|
||||
margin-top: -3px;
|
||||
}
|
||||
.checkbox-card li:hover label span,
|
||||
.checkbox-card li:hover label span.user-name {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.checkbox-card li label span.user-name {
|
||||
font-size: 12px;
|
||||
color: #363636;
|
||||
padding: 2px 0 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.checkbox-card li .user-pic {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 767px) {
|
||||
.mini-layout .mini-layout-sidebar,
|
||||
.mini-layout .mini-layout-body {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar .nav {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar:before {
|
||||
border-right: none;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar .nav-stacked > li {
|
||||
float: left;
|
||||
}
|
||||
.checkbox-card li {
|
||||
width: 210px;
|
||||
margin: 0 0 10px 9px;
|
||||
}
|
||||
.checkbox-card li label span {
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
#dashboards hr {
|
||||
border-top: 1px solid #e0dfdf;
|
||||
border-bottom: 1px solid #fefefe;
|
||||
}
|
||||
#dashboards .box {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#dashboards .box-header {
|
||||
height: 20px;
|
||||
border: 1px solid #ddd;
|
||||
margin-bottom: -1px;
|
||||
padding: 10px;
|
||||
background-color: #fafafa;
|
||||
background-image: -moz-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: -o-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: linear-gradient(to bottom, #fafafa, #efefef);
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-border-radius: 2px 2px 0px 0px;
|
||||
-moz-border-radius: 2px 2px 0px 0px;
|
||||
border-radius: 2px 2px 0px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#dashboards .box-header h2{
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
float:left;
|
||||
margin-top: 0px;
|
||||
color: #646464;
|
||||
font-weight: normal;
|
||||
text-shadow: 0px 1px 0px #fff;
|
||||
}
|
||||
#dashboards .box-header h2 i{
|
||||
margin: 1px 0px 0px 5px;
|
||||
text-shadow: 0px 1px 0px rgba(255, 255, 255, .9);
|
||||
}
|
||||
#dashboards .box-header .break{
|
||||
border-left: 1px solid #fcfcfc;
|
||||
border-right: 1px solid #ddd;
|
||||
margin: -13px 10px -9px 10px;
|
||||
padding: 13px 0px 9px 0px;
|
||||
|
||||
}
|
||||
#dashboards .box-content {
|
||||
margin-top: -1px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
background: #fcfcfc;
|
||||
-webkit-border-radius: 0px 0px 2px 2px;
|
||||
-moz-border-radius: 0px 0px 2px 2px;
|
||||
border-radius: 0px 0px 2px 2px;
|
||||
-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
|
||||
-moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
|
||||
box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
|
||||
}
|
||||
#dashboards .box-content .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#dashboards .box-content .pager {
|
||||
margin: 10px 0 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 480px) {
|
||||
#dashboards hr {
|
||||
display: none;
|
||||
}
|
||||
#dashboards .row-fluid {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
}
|
||||
@@ -1,205 +0,0 @@
|
||||
div.datepicker {
|
||||
position: relative;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
height: 147px;
|
||||
cursor: default;
|
||||
display: none;
|
||||
}
|
||||
.datepickerContainer {
|
||||
padding: 10px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/*
|
||||
.datepickerBorderT {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_t.png);
|
||||
}
|
||||
.datepickerBorderB {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
bottom: 0;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_b.png);
|
||||
}
|
||||
.datepickerBorderL {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 10px;
|
||||
top: 10px;
|
||||
width: 10px;
|
||||
background: url(../images/datepicker_l.png);
|
||||
}
|
||||
.datepickerBorderR {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 10px;
|
||||
top: 10px;
|
||||
width: 10px;
|
||||
background: url(../images/datepicker_r.png);
|
||||
}
|
||||
.datepickerBorderTL {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_tl.png);
|
||||
}
|
||||
.datepickerBorderTR {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_tr.png);
|
||||
}
|
||||
.datepickerBorderBL {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_bl.png);
|
||||
}
|
||||
.datepickerBorderBR {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_br.png);
|
||||
}
|
||||
*/
|
||||
.datepickerHidden {
|
||||
display: none;
|
||||
}
|
||||
div.datepicker table {
|
||||
width: 260px;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
div.datepicker a {
|
||||
text-decoration: none;
|
||||
cursor: default;
|
||||
outline: none;
|
||||
}
|
||||
div.datepicker table td {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
div.datepicker th {
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.datepicker tbody th {
|
||||
/*text-align: left;*/
|
||||
}
|
||||
div.datepicker tbody a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.datepickerWeek a {
|
||||
color: #F60;
|
||||
}
|
||||
.datepickerWeek a:hover {
|
||||
color: #FC0 !important;
|
||||
}
|
||||
.datepickerDays a {
|
||||
width: 20px;
|
||||
line-height: 16px;
|
||||
height: 16px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
.datepickerYears a,
|
||||
.datepickerMonths a{
|
||||
width: 44px;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
td.datepickerNotInMonth a {
|
||||
color: #666;
|
||||
}
|
||||
tbody.datepickerDays td.datepickerSelected{
|
||||
background: #0088CC;
|
||||
}
|
||||
tbody.datepickerDays td.datepickerSelected a{
|
||||
color: #FFF;
|
||||
}
|
||||
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
|
||||
background: #17384d;
|
||||
}
|
||||
tbody.datepickerYears td.datepickerSelected,
|
||||
tbody.datepickerMonths td.datepickerSelected{
|
||||
background: #17384d;
|
||||
}
|
||||
div.datepicker a:hover,
|
||||
div.datepicker a:hover {
|
||||
color: #88c5eb;
|
||||
}
|
||||
div.datepicker td.datepickerNotInMonth a:hover {
|
||||
color: #999;
|
||||
}
|
||||
div.datepicker tbody th {
|
||||
/*text-align: left;*/
|
||||
}
|
||||
.datepickerSpace div {
|
||||
width: 20px;
|
||||
}
|
||||
.datepickerGoNext a,
|
||||
.datepickerGoPrev a,
|
||||
.datepickerMonth a {
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.datepickerGoNext a {
|
||||
float: right;
|
||||
width: 20px;
|
||||
}
|
||||
.datepickerGoPrev a {
|
||||
float: left;
|
||||
width: 20px;
|
||||
}
|
||||
table.datepickerViewDays tbody.datepickerMonths,
|
||||
table.datepickerViewDays tbody.datepickerYears {
|
||||
display: none;
|
||||
}
|
||||
table.datepickerViewMonths tbody.datepickerDays,
|
||||
table.datepickerViewMonths tbody.datepickerYears,
|
||||
table.datepickerViewMonths tr.datepickerDoW {
|
||||
display: none;
|
||||
}
|
||||
table.datepickerViewYears tbody.datepickerDays,
|
||||
table.datepickerViewYears tbody.datepickerMonths,
|
||||
table.datepickerViewYears tr.datepickerDoW {
|
||||
display: none;
|
||||
}
|
||||
td.datepickerDisabled a,
|
||||
td.datepickerDisabled.datepickerNotInMonth a{
|
||||
color: #333;
|
||||
}
|
||||
td.datepickerDisabled a:hover {
|
||||
color: #333;
|
||||
}
|
||||
td.datepickerSpecial a {
|
||||
background: #700;
|
||||
}
|
||||
td.datepickerSpecial.datepickerSelected a {
|
||||
background: #a00;
|
||||
}
|
||||
|
||||
/*Layout*/
|
||||
#widgetCalendar {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
@@ -0,0 +1,163 @@
|
||||
.fileupload {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
|
||||
.fileupload .input-prepend label,
|
||||
.fileupload .input-append label {
|
||||
display: inline;
|
||||
}
|
||||
.fileupload .input-prepend label .uneditable-input,
|
||||
.fileupload .input-append label .uneditable-input {
|
||||
margin-left: -4px;
|
||||
margin-right: -4px;
|
||||
}
|
||||
.fileupload .uneditable-input {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
vertical-align: top;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.fileupload .thumbnail {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fileupload .thumbnail > img {
|
||||
display: inline-block;
|
||||
max-height: 200px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fileupload .btn {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fileupload .btn-file {
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fileupload .btn-file > input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
font-size: 23px;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
transform: translate(-300px, 0) scale(4);
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.fileupload-exists .fileupload-new,
|
||||
.fileupload-new .fileupload-exists {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fileupload .controls {
|
||||
display: none;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.fileupload.fileupload-edit .controls {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.fileupload.fileupload-exists .controls {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fileupload-edit .btn .fileupload-exists {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fileupload-edit .btn .fileupload-new {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fileupload-inline .fileupload-controls {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.fileupload-new .input-append .btn-file {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
|
||||
.fileupload-new,
|
||||
.fileupload-preview {
|
||||
/*max-width: 200px;*/
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.thumbnail-borderless .thumbnail {
|
||||
padding: 0;
|
||||
border: none;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.fileupload-new.thumbnail-borderless .thumbnail {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.control-group.warning .fileupload .uneditable-input {
|
||||
color: #a47e3c;
|
||||
border-color: #a47e3c;
|
||||
}
|
||||
|
||||
.control-group.warning .fileupload .fileupload-preview {
|
||||
color: #a47e3c;
|
||||
}
|
||||
|
||||
.control-group.warning .fileupload .thumbnail {
|
||||
border-color: #a47e3c;
|
||||
}
|
||||
|
||||
.control-group.error .fileupload .uneditable-input {
|
||||
color: #b94a48;
|
||||
border-color: #b94a48;
|
||||
}
|
||||
|
||||
.control-group.error .fileupload .fileupload-preview {
|
||||
color: #b94a48;
|
||||
}
|
||||
|
||||
.control-group.error .fileupload .thumbnail {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
|
||||
.control-group.success .fileupload .uneditable-input {
|
||||
color: #468847;
|
||||
border-color: #468847;
|
||||
}
|
||||
|
||||
.control-group.success .fileupload .fileupload-preview {
|
||||
color: #468847;
|
||||
}
|
||||
|
||||
.control-group.success .fileupload .thumbnail {
|
||||
border-color: #468847;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.fileupload .input-medium {
|
||||
width: 90px!important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.fileupload .input-medium {
|
||||
width: 90px!important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
/* Filter */
|
||||
#filter.open {
|
||||
border-bottom: none;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#filter .filter-nav {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#filter.open .filter-nav {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#filter .filter-nav a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#filter .filter-nav .accordion-group {
|
||||
border: none;
|
||||
}
|
||||
#filter .filter-nav .accordion-group.active {
|
||||
background-color: #08c;
|
||||
position: relative;
|
||||
}
|
||||
#filter .filter-nav .accordion-group.active a {
|
||||
color: #FFF;
|
||||
}
|
||||
#filter .filter-nav .accordion-group.active:after {
|
||||
display: block;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
content: "";
|
||||
border-style: solid;
|
||||
border-width: 0 6px 6px 6px;
|
||||
border-color: transparent transparent #e5e5e5 transparent;
|
||||
z-index: 5
|
||||
}
|
||||
#filter .filter-group {
|
||||
clear: both;
|
||||
border: none;
|
||||
margin-bottom: 0px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#filter .filter-group .accordion-body {
|
||||
background-color: #e5e5e5;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#filter .filter-group .accordion-body .filter-clear {
|
||||
padding: 4px;
|
||||
border-top: 1px solid #D5D5D5;
|
||||
text-align: right;
|
||||
-webkit-box-shadow: inset 0px 1px 0px #ECECEC;
|
||||
-moz-box-shadow: inset 0px 1px 0px #ECECEC;
|
||||
-o-box-shadow: inset 0px 1px 0px #ECECEC;
|
||||
box-shadow: inset 0px 1px 0px #ECECEC;
|
||||
}
|
||||
#filter .filter-group .accordion-body .filter-clear a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#filter .filter-group .collapse.in {
|
||||
}
|
||||
#filter .filter-group .accordion-inner {
|
||||
padding: 8px 8px 5px;
|
||||
/*margin-top: 10px;*/
|
||||
}
|
||||
#filter .filter-group .accordion-inner > .btn {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 480px) {
|
||||
/* Filter */
|
||||
#filter .filter-nav {
|
||||
float: left;
|
||||
}
|
||||
#filter .accordion-inner.pagination-right {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,299 @@
|
||||
#orbit_gallery {
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
#orbit_gallery .rgalbum {
|
||||
margin: 5px;
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
background: #FFFFFF;
|
||||
-webkit-transition-property: left, right, top;
|
||||
-moz-transition-property: left, right, top;
|
||||
-ms-transition-property: left, right, top;
|
||||
-o-transition-property: left, right, top;
|
||||
transition-property: left, right, top;
|
||||
}
|
||||
#orbit_gallery .rgalbum:hover {
|
||||
box-shadow: 0px 0px 5px rgba(0,0,0,.2);
|
||||
}
|
||||
#orbit_gallery .rgalbum a {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0 0 10px;
|
||||
width: 200px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
#orbit_gallery .rgalbum a img {
|
||||
max-width: 200px;
|
||||
}
|
||||
#orbit_gallery .rgalbum:hover a img {
|
||||
-webkit-filter: blur(2px);
|
||||
}
|
||||
#orbit_gallery .rgalbum a span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
margin: 0;
|
||||
background-color: #000000;
|
||||
opacity: .0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
#orbit_gallery .rgalbum:hover a span {
|
||||
opacity: .4;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
filter: alpha(opacity=40);
|
||||
}
|
||||
#orbit_gallery .rgalbum a .albumname {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
color: #F2F2F2;
|
||||
text-shadow: 0px -1px 0 rgba(0,0,0,0.4);
|
||||
letter-spacing: -0.5px;
|
||||
font-size: 30px;
|
||||
font-family: 'Playfair Display SC', sans-serif;
|
||||
line-height: 28px;
|
||||
opacity: .0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
-webkit-text-size-adjust : none;
|
||||
}
|
||||
#orbit_gallery .rgalbum:hover a .albumname {
|
||||
opacity: 1;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
filter: alpha(opacity=100);
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
color: #777777;
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
cursor: pointer;
|
||||
-webkit-text-size-adjust : none;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li:hover {
|
||||
color: #0088CC;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li .icons-tag {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li.albumcateg {
|
||||
float: right;
|
||||
overflow: hidden;
|
||||
max-width: 125px;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li.view {
|
||||
overflow: hidden;
|
||||
max-width: 50px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#orbit_gallery .rgalbum .albumtag {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Gallery Body */
|
||||
.rgbody .gallery-info {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.rgbody .gallery-info h3 {
|
||||
margin: 5px 0 0;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
font-family: 'Playfair Display SC', sans-serif;
|
||||
}
|
||||
.rgbody .gallery-info .muted {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
}
|
||||
|
||||
#imgholder {
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
#imgholder .rgalbum {
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
width: 200px;
|
||||
background: #FFFFFF;
|
||||
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
|
||||
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
|
||||
box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
|
||||
-webkit-transition-property: left, right, top;
|
||||
-moz-transition-property: left, right, top;
|
||||
-ms-transition-property: left, right, top;
|
||||
-o-transition-property: left, right, top;
|
||||
transition-property: left, right, top;
|
||||
-o-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
|
||||
}
|
||||
#imgholder .rgalbum a {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
width: 200px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
#imgholder .rgalbum a img {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
|
||||
/* File Upload */
|
||||
#fileupload {
|
||||
position: relative;
|
||||
display: none;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin: 40px 0 15px;
|
||||
/*height: 300px;*/
|
||||
border: 1px solid #d4d4d4;
|
||||
border-radius: 4px;
|
||||
background-color: #FDFDFD;
|
||||
/*-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .15) inset;
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, .15) inset;*/
|
||||
}
|
||||
#fileupload form, #fileupload table {
|
||||
margin: 0;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar button {
|
||||
border: none;
|
||||
border-right: 1px solid #d4d4d4;
|
||||
background-color: transparent;
|
||||
padding: 10px 15px 10px;
|
||||
color: #777777;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar button:hover {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar .fileinput-button {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar .fileinput-button input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
font-size: 23px;
|
||||
opacity: 0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
cursor: pointer;
|
||||
-webkit-transform: translate(-300px, 0) scale(4);
|
||||
-moz-transform: translate(-300px, 0) scale(4);
|
||||
-ms-transform: translate(-300px, 0) scale(4);
|
||||
-o-transform: translate(-300px, 0) scale(4);
|
||||
transform: translate(-300px, 0) scale(4);
|
||||
direction: ltr;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar-inner {
|
||||
border-width: 0 0 1px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fileupload .fileupload-progress .progress {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin-bottom: 0;
|
||||
height: 5px;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
#fileupload .fileupload-progress .progress-success.progress-striped .bar {
|
||||
background-color: #0088CC;
|
||||
}
|
||||
#fileupload .fileupload-progress .progress-extended {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 0;
|
||||
padding-right: 15px;
|
||||
color: #0088CC;
|
||||
text-align: right;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
letter-spacing: -0.1em;
|
||||
font-size: 20px;
|
||||
font-family: 'Varela Round', sans-serif;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
#fileupload #dropzone {
|
||||
margin: 15px 10px 10px;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
font-family: 'Raleway';
|
||||
line-height: 1.2em;
|
||||
color: #e4e4e4;
|
||||
}
|
||||
#fileupload #dropzone div[data-icons] {
|
||||
font-size: 4em;
|
||||
height: 70px;
|
||||
padding-top: 30px;
|
||||
text-shadow: 0px -1px 0px #ececec;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
#fileupload #dropzone.drop {
|
||||
padding: 28px;
|
||||
border: 2px dashed #0088CC;
|
||||
border-radius: 10px;
|
||||
color: #0088CC;
|
||||
}
|
||||
#fileupload #dropzone.drop div[data-icons] {
|
||||
text-shadow: 0px -1px 0px #0c5f80;
|
||||
color: #0088CC;
|
||||
}
|
||||
|
||||
#fileupload .fileupload-loading {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
background: url(../img/loading.gif) center no-repeat;
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,277 @@
|
||||
#items .ui-tooltip {
|
||||
color: #FFFFFF;
|
||||
padding: 0px 5px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
max-width: 300px;
|
||||
border-radius: 3px;
|
||||
background-color: #000;
|
||||
}
|
||||
#items .ui-tooltip:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -3px;
|
||||
margin-left: -4px;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-style: solid;
|
||||
border-width: 4px 4px 0 4px;
|
||||
border-color: #000000 transparent transparent transparent;
|
||||
}
|
||||
#items .sortable {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0 10px;
|
||||
border: 1px solid #d4d4d4;
|
||||
background-color: rgb(236, 236, 236);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#items .sortable ol,
|
||||
#items .sortable ul {
|
||||
list-style: none;
|
||||
}
|
||||
#items .sortable .navbar {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#items .sortable > .navbar {
|
||||
margin: -1px -11px 10px;
|
||||
}
|
||||
#items .sortable .navbar .nav > li > a,
|
||||
#items .sortable .navbar .brand {
|
||||
padding: 10px;
|
||||
}
|
||||
#items .sortable .navbar .item-title {
|
||||
color: #777777;
|
||||
padding: 0 10px;
|
||||
position: relative;
|
||||
line-height: 3.5em;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
#items .sortable .navbar .item-title:hover {
|
||||
}
|
||||
#items .sortable .navbar .item-title a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
/*#items .sortable .navbar .active .item-title>a {
|
||||
max-width: 70px;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}*/
|
||||
#items .sortable .navbar .item-title .item-menu a {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
color: #333333;
|
||||
white-space: nowrap;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#items .sortable .navbar .item-title .item-menu a:hover,
|
||||
#items .sortable .navbar .item-title .item-menu a:focus,
|
||||
#items .sortable .navbar .item-title .item-menu a.active {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
background-color: #0081c2;
|
||||
}
|
||||
#items .sortable .navbar .item-title .item-menu a.delete:hover,
|
||||
#items .sortable .navbar .item-title .item-menu a.delete:focus {
|
||||
background-color: #bd362f;
|
||||
}
|
||||
#items .sortable .navbar .item-title .item-menu:before {
|
||||
/*position: absolute;
|
||||
top: 50%;
|
||||
left: -5px;
|
||||
margin-top: -5px;
|
||||
display: inline-block;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-style: solid;
|
||||
border-width: 5px 5px 5px 0;
|
||||
border-color: transparent rgb(233, 233, 233) transparent transparent;
|
||||
content: '';*/
|
||||
}
|
||||
#items .sortable .navbar .item-title em {
|
||||
display: inline-block;
|
||||
padding: 0 5px;
|
||||
max-width: 300px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#items .sortable .navbar .item-info {
|
||||
margin-top: 12px;
|
||||
color: #DDDDDD;
|
||||
text-align: right;
|
||||
}
|
||||
#items .sortable ol {
|
||||
margin-left: 12px;
|
||||
}
|
||||
#items .sortable ol {
|
||||
margin: -59px 0 15px;
|
||||
padding: 59px 10px 0;
|
||||
border: 1px solid #d4d4d4;
|
||||
background-color: rgb(236, 236, 236);
|
||||
-webkit-box-shadow: 0 0 10px rgba(150, 150, 150, .3);
|
||||
-moz-box-shadow: 0 0 10px rgba(150, 150, 150, .3);
|
||||
box-shadow: 0 0 10px rgba(150, 150, 150, .3);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#items .sortable li {
|
||||
margin-left: 30px;
|
||||
margin-left: 0\9;
|
||||
position: relative;
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
#items .sortable li:after {
|
||||
top: 10px;
|
||||
z-index: 1;
|
||||
content: "";
|
||||
width: 10px;
|
||||
left: -20px;
|
||||
height: 10px;
|
||||
display: block;
|
||||
position: absolute;;
|
||||
border-width: 0 0 2px 2px;
|
||||
border-color: rgba(100, 100, 100, .5);
|
||||
border-style: solid;
|
||||
display: none\9; /* 用IE的去死 */
|
||||
}
|
||||
#items .sortable li:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -20px;
|
||||
bottom: -15px;
|
||||
border-left: 2px solid rgb(226, 226, 226);
|
||||
box-shadow: 1px 1px 0px rgba(255, 255, 255, .4);
|
||||
display: none\9; /* 用IE的去死 */
|
||||
}
|
||||
#items .sortable li:last-child:before {
|
||||
bottom: auto;
|
||||
height: 20px;
|
||||
}
|
||||
#items .sortable li.collapsed > ol {
|
||||
display: none;
|
||||
}
|
||||
#items .sortable li.collapsed > .navbar {
|
||||
position: relative;
|
||||
margin-right: 8px;
|
||||
}
|
||||
#items .sortable li.collapsed > .navbar:before,
|
||||
#items .sortable li.collapsed > .navbar:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
background-color: rgb(235, 235, 235);
|
||||
border: 1px solid rgb(221, 221, 221);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#items .sortable li.collapsed > .navbar:before {
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
z-index: 1;
|
||||
background-color: rgb(241, 241, 241);
|
||||
}
|
||||
#items .sortable li.disabled .navbar .navbar-inner {
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
filter: alpha(opacity=40);
|
||||
opacity: .4;
|
||||
}
|
||||
#items .sortable li > .navbar .navbar-inner {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
#items .sortable .navbar .navbar-inner.active {
|
||||
border: 2px solid #3a87ad;
|
||||
}
|
||||
#items .sortable .navbar .navbar-inner .item-menu {
|
||||
display: none;
|
||||
padding: 0 10px;
|
||||
/*margin-left: 10px;*/
|
||||
line-height: 34px;
|
||||
position: relative;
|
||||
/*background-color: rgb(233, 233, 233);
|
||||
background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238));
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(224, 224, 224)), to(rgb(238, 238, 238)));
|
||||
background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238));
|
||||
background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238));
|
||||
background-image: linear-gradient(to bottom, rgb(224, 224, 224), rgb(238, 238, 238));
|
||||
border-top: 1px solid rgb(213, 213, 213);
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;*/
|
||||
}
|
||||
#items .sortable .navbar .navbar-inner:hover .item-menu {
|
||||
display: inline-block!important;
|
||||
}
|
||||
#items .sortable li .navbar .brand {
|
||||
line-height: 14px;
|
||||
cursor: move;
|
||||
color: #DDDDDD;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
||||
}
|
||||
#items .sortable li .navbar .brand:hover {
|
||||
color: #CCCCCC;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
||||
}
|
||||
#items .sortable li .navbar .item-type {
|
||||
line-height: 14px;
|
||||
padding: 13px 0 12px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: -5px;
|
||||
font-size: 16px;
|
||||
font-weight: 200;
|
||||
}
|
||||
#items .sortable li .navbar .item-type.link {
|
||||
color: #51a351;
|
||||
}
|
||||
#items .sortable li .navbar .item-type.page {
|
||||
color: #2f96b4;
|
||||
}
|
||||
#items .sortable .placeholder {
|
||||
height: 40px;
|
||||
margin-bottom: 10px;
|
||||
border: 2px dashed #bce8f1;
|
||||
background-color: #d9edf7;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
#items .sortable .mjs-nestedSortable-error {
|
||||
background: #f2dede;
|
||||
border-color: #eed3d7;
|
||||
}
|
||||
|
||||
|
||||
/* IE go dead */
|
||||
:root #items .sortable li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
:root #items .sortable li:after,
|
||||
:root #items .sortable li:before {
|
||||
display: block\9;
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
@charset "UTF-8";
|
||||
/*
|
||||
* jQuery File Upload UI Plugin CSS 7.4
|
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
*
|
||||
* Copyright 2010, Sebastian Tschan
|
||||
* https://blueimp.net
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/
|
||||
|
||||
.fileinput-button {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.fileinput-button input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
transform: translate(-300px, 0) scale(4);
|
||||
font-size: 23px;
|
||||
direction: ltr;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fileupload-buttonbar .btn,
|
||||
.fileupload-buttonbar .toggle {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.files .progress {
|
||||
width: 200px;
|
||||
}
|
||||
.progress-animated .bar {
|
||||
background: url(../img/progressbar.gif) !important;
|
||||
filter: none;
|
||||
}
|
||||
.fileupload-loading {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
background: url(../img/loading.gif) center no-repeat;
|
||||
display: none;
|
||||
}
|
||||
.fileupload-processing .fileupload-loading {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Fix for IE 6: */
|
||||
* html .fileinput-button {
|
||||
line-height: 24px;
|
||||
margin: 1px -3px 0 0;
|
||||
}
|
||||
|
||||
/* Fix for IE 7: */
|
||||
* + html .fileinput-button {
|
||||
padding: 2px 15px;
|
||||
margin: 1px 0 0 0;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.fileupload-buttonbar .toggle,
|
||||
.files .toggle,
|
||||
.files .btn span {
|
||||
display: none;
|
||||
}
|
||||
.files .preview * {
|
||||
width: 40px;
|
||||
}
|
||||
.files .name * {
|
||||
width: 80px;
|
||||
display: inline-block;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.files .progress {
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,322 @@
|
||||
.main-forms > h3 {
|
||||
margin: 5px 0 10px;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
font-family: 'Playfair Display SC', sans-serif;
|
||||
}
|
||||
.main-forms fieldset {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #EDEDED;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.main-forms fieldset .input-area {
|
||||
padding: 20px 20px 0;
|
||||
}
|
||||
.main-forms fieldset .input-area:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.main-forms fieldset .input-area .nav-name {
|
||||
float: left;
|
||||
width: 100px;
|
||||
padding-top: 5px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
}
|
||||
.main-forms fieldset .input-area .control-label {
|
||||
width: 100px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls {
|
||||
margin-left: 120px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls hr {
|
||||
margin: 5px 0 10px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls h5 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .file-link {
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
width: 178px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .input-prepend {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .exist .input-prepend,
|
||||
.main-forms fieldset .input-area .controls .add-target .input-prepend {
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .exist .fileupload-new {
|
||||
display: block;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .exist .fileupload-new .input-prepend {
|
||||
display: inline-block;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .input-prepend a {
|
||||
text-decoration: none;
|
||||
color: #333333;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .input-prepend .tab-content > .active {
|
||||
display: inline-block;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .add-btn {
|
||||
margin: 3px 0;
|
||||
}
|
||||
.main-forms fieldset .input-area .fileupload {
|
||||
margin-right: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.main-forms fieldset .input-area .datetimepick {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.main-forms fieldset .input-area .language-area .input-content .mceLayout {
|
||||
width: 100%!important;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav,
|
||||
.main-forms fieldset .input-area .language-nav {
|
||||
margin: 0 0 20px;
|
||||
padding: 0 0 15px 120px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav li,
|
||||
.main-forms fieldset .input-area .language-nav li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .module-nav li.active:before,
|
||||
.main-forms fieldset .input-area .module-nav li.active:after,
|
||||
.main-forms fieldset .input-area .language-nav li.active:before,
|
||||
.main-forms fieldset .input-area .language-nav li.active:after {
|
||||
display: block;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
position: absolute;
|
||||
bottom: -15px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
content: "";
|
||||
border-style: solid;
|
||||
border-width: 0 6px 6px 6px;
|
||||
border-color: transparent transparent #EDEDED transparent;
|
||||
z-index: 5
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav li.active:after {
|
||||
display: none;
|
||||
}
|
||||
.main-forms fieldset .input-area .language-nav li.active:after {
|
||||
bottom: -16px;
|
||||
margin-left: -4px;
|
||||
border-width: 0 5px 5px 5px;
|
||||
border-color: transparent transparent #FFFFFF transparent;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav {
|
||||
margin-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav li > span.label {
|
||||
padding: 10px;
|
||||
}
|
||||
.main-forms fieldset .input-area .language-area,
|
||||
.main-forms fieldset .input-area .module-area {
|
||||
overflow: hidden;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-area {
|
||||
padding-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
background-color: #EDEDED;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.main-forms fieldset .form-actions {
|
||||
padding-left: 140px;
|
||||
margin: 0px;
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius: 0 0 4px 4px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.main-forms fieldset .input-area .nav-scroll {
|
||||
margin-left: 120px;
|
||||
width:800px;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
overflow:hidden;
|
||||
}
|
||||
.main-forms fieldset .input-area .nav-scroll .scroller {
|
||||
width: 1000px;
|
||||
height:100%;
|
||||
float:left;
|
||||
padding:0;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] label {
|
||||
position: relative;
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="radio"],
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="checkbox"] {
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
}
|
||||
.main-forms fieldset .input-area .question {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* User Role Forms */
|
||||
#attributes-area.clickHere {
|
||||
min-height: 150px;
|
||||
position: relative;
|
||||
}
|
||||
#attributes-area.clickHere:before {
|
||||
font-family: 'entypo';
|
||||
content: '\e0be';
|
||||
position: absolute;
|
||||
font-size: 8em;
|
||||
display: block;
|
||||
bottom: 50px;
|
||||
left: 175px;
|
||||
color: #51a351;
|
||||
opacity: .4;
|
||||
filter: alpha(opacity=40);
|
||||
|
||||
|
||||
}
|
||||
#user-role-forms .input-append .tab-content {
|
||||
display: inline-block;
|
||||
}
|
||||
#user-role-forms .input-append .tab-content .active {
|
||||
display: inline-block;
|
||||
background-color: transparent;
|
||||
}
|
||||
#user-role-forms .input-append .active {
|
||||
border-color: #c5c5c5;
|
||||
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
#user-role-forms .input-append > .btn-group > .btn:first-child {
|
||||
margin-left: -1px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 0px;
|
||||
}
|
||||
#user-role-forms .attributes {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
#user-role-forms .attributes .tab-content {
|
||||
overflow: inherit;
|
||||
}
|
||||
#user-role-forms .attributes.disabled label,
|
||||
#user-role-forms .attributes.disabled h4 {
|
||||
color: #e6e6e6;
|
||||
}
|
||||
#user-role-forms .attributes-header {
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#user-role-forms .attributes-header .btn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
#user-role-forms .attributes-header h4 {
|
||||
font-family: 'Chivo';
|
||||
line-height: 26px;
|
||||
margin: 0;
|
||||
}
|
||||
#user-role-forms .field-type {
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
#user-role-forms .field-type.fade {
|
||||
padding: 0px 10px;
|
||||
-webkit-transition: all 0.15s linear;
|
||||
-moz-transition: all 0.15s linear;
|
||||
-o-transition: all 0.15s linear;
|
||||
transition: all 0.15s linear;
|
||||
}
|
||||
#user-role-forms .field-type.in {
|
||||
padding: 20px 10px;
|
||||
-webkit-transition: all 0.15s linear;
|
||||
-moz-transition: all 0.15s linear;
|
||||
-o-transition: all 0.15s linear;
|
||||
transition: all 0.15s linear;
|
||||
}
|
||||
#user-role-forms .field-type .control-group {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group:last-child {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group .add-target .input-append {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group .add-target .input-append:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group .add-target .input-append input + input {
|
||||
border-radius: 0;
|
||||
margin-left: -1px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group .add-target.single .input-append input.last {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.main-forms fieldset .input-area .nav-name {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-area {
|
||||
padding: 20px;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav,
|
||||
.main-forms fieldset .input-area .language-nav {
|
||||
padding: 0 0 15px 0px;
|
||||
}
|
||||
.main-forms fieldset .form-actions {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.main-forms fieldset .input-area .control-label {
|
||||
width: auto;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls {
|
||||
margin-left: 0;
|
||||
}
|
||||
.main-forms fieldset .form-actions {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,184 @@
|
||||
/* Main List */
|
||||
.main-list {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.main-list tbody {
|
||||
border: 1px solid #dddddd;
|
||||
}
|
||||
.main-list thead {
|
||||
border: 1px solid #454545;
|
||||
}
|
||||
.main-list thead th {
|
||||
vertical-align: middle;
|
||||
background-color: #454545;
|
||||
white-space: nowrap;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.main-list tbody tr.disable td {
|
||||
color: #C5C5C5;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.main-list tbody tr.disable td .label-info {
|
||||
background-color: #999999;
|
||||
}
|
||||
.main-list tbody tr.active td:first-child {
|
||||
position: relative;
|
||||
}
|
||||
.main-list tbody tr.active td:first-child:before {
|
||||
content: "";
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
left: -21px;
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-width: 6px 0 6px 6px;
|
||||
border-color: transparent transparent transparent #333333;
|
||||
}
|
||||
.main-list td {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.main-list td.preview img {
|
||||
width: 100%;
|
||||
}
|
||||
.main-list td .banner-link {
|
||||
width: 100px;
|
||||
max-width: 120px;
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.main-list td .file-list {
|
||||
display: inline-block;
|
||||
margin: 0 0 -6px;
|
||||
}
|
||||
.main-list td .file-list:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.main-list td .file-type {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
}
|
||||
.main-list td .file-type a {
|
||||
background-color: #A6A6A6;
|
||||
color: #FFFFFF;
|
||||
margin-right: 10px;
|
||||
padding: 2px 5px 2px 3px;
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
text-shadow: 0px -1px 0px rgba(100, 100, 100, .6);
|
||||
}
|
||||
.main-list td .file-type i,
|
||||
.main-forms fieldset .input-area .controls .file-type i {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-bottom: -1px;
|
||||
display: inline-block;
|
||||
}
|
||||
.main-list td .file-type[class^="type-"] i,
|
||||
.main-list td .file-type[class*=" type-"] i,
|
||||
.main-forms fieldset .input-area .controls .file-type[class*=" type-"] i,
|
||||
.main-forms fieldset .input-area .controls .file-type[class^="type-"] i {
|
||||
background-image: url(<%= asset_path 'file_type.png' %>);
|
||||
}
|
||||
.file-type.type-pdf i {background-position: 0px 0px;}
|
||||
.file-type.type-psd i {background-position: -16px 0px;}
|
||||
.file-type.type-ai i {background-position: -32px 0px;}
|
||||
.file-type.type-fla i {background-position: -48px 0px;}
|
||||
.file-type.type-in i {background-position: -64px 0px;}
|
||||
.file-type.type-acc i {background-position: 0px -16px;}
|
||||
.file-type.type-do i {background-position: -16px -16px;}
|
||||
.file-type.type-xl i {background-position: -32px -16px;}
|
||||
.file-type.type-pp i {background-position: -48px -16px;}
|
||||
.file-type.type-zip i {background-position: -64px -16px;}
|
||||
.file-type.type-txt i {background-position: 0px -32px;}
|
||||
.file-type.type-jp i {background-position: -16px -32px;}
|
||||
.file-type.type-gif i {background-position: -32px -32px;}
|
||||
.file-type.type-png i {background-position: -48px -32px;}
|
||||
.file-type.type-audio i {background-position: -64px -32px;}
|
||||
|
||||
.main-list td .quick-edit {
|
||||
height: 22px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.main-list td .quick-edit .nav {
|
||||
display: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.main-list tr:hover .quick-edit .nav {
|
||||
display: block;
|
||||
}
|
||||
.main-list td .quick-edit .nav > li > a {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.main-list thead tr.sort-header th a {
|
||||
padding: 8px;
|
||||
margin: -8px;
|
||||
display: block;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
.main-list thead tr.sort-header th.active a {
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 4px solid #08c;
|
||||
}
|
||||
.main-list .footable-row-detail td {
|
||||
padding: 0;
|
||||
border-top: none;
|
||||
}
|
||||
.main-list .footable-row-detail td .footable-row-detail-inner {
|
||||
padding: 8px;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
margin: 0 8px 8px;
|
||||
background-color: #ededed;
|
||||
}
|
||||
.main-list .footable-row-detail td .footable-row-detail-inner:after {
|
||||
display: block;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
content: "";
|
||||
border-style: solid;
|
||||
border-width: 0 6px 6px 6px;
|
||||
border-color: transparent transparent #ededed transparent;
|
||||
}
|
||||
.main-list .footable-row-detail td .footable-row-detail-inner div {
|
||||
margin: 10px 0;
|
||||
}
|
||||
#preview .preview {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
/* For Retina */
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
|
||||
.main-list td .file-type[class^="type-"] i,
|
||||
.main-list td .file-type[class*=" type-"] i,
|
||||
.main-forms fieldset .input-area .controls .file-type[class*=" type-"] i,
|
||||
.main-forms fieldset .input-area .controls .file-type[class^="type-"] i {
|
||||
background-image: url(<%= asset_path 'file_type@2x.png' %>);
|
||||
background-size: 80px 48px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 480px) {
|
||||
.main-list td .quick-edit .nav {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
/** initial setup **/
|
||||
.nano {
|
||||
position : relative;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
overflow : hidden;
|
||||
}
|
||||
.nano .content {
|
||||
position : absolute;
|
||||
overflow : scroll;
|
||||
overflow-x : hidden;
|
||||
top : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
left : 0;
|
||||
}
|
||||
.nano .content:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
.nano .content::-webkit-scrollbar {
|
||||
visibility: hidden;
|
||||
}
|
||||
.has-scrollbar .content::-webkit-scrollbar {
|
||||
visibility: visible;
|
||||
}
|
||||
.nano > .pane {
|
||||
/*background : rgba(0,0,0,.25);*/
|
||||
position : absolute;
|
||||
width : 10px;
|
||||
right : 0;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
|
||||
opacity : .01;
|
||||
-webkit-transition : .2s;
|
||||
-moz-transition : .2s;
|
||||
-o-transition : .2s;
|
||||
transition : .2s;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius : 5px;
|
||||
border-radius : 5px;
|
||||
}
|
||||
.nano > .pane > .slider {
|
||||
background: #444;
|
||||
background: rgba(0,0,0,.5);
|
||||
position : relative;
|
||||
margin : 0 1px;
|
||||
-moz-border-radius : 3px;
|
||||
-webkit-border-radius : 3px;
|
||||
border-radius : 3px;
|
||||
}
|
||||
.nano:hover > .pane, .pane.active, .pane.flashed {
|
||||
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
|
||||
opacity : 0.99;
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
#pageslide {
|
||||
/* These styles MUST be included. Do not change. */
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
bottom: 0;
|
||||
z-index: 1000;
|
||||
overflow: auto;
|
||||
|
||||
/* Specify the width of your pageslide here */
|
||||
padding: 5px;
|
||||
|
||||
/* These styles are optional, and describe how the pageslide will look */
|
||||
background-color: #333;
|
||||
color: #FFF;
|
||||
-webkit-box-shadow: inset 0 0 5px 5px #222;
|
||||
-moz-box-shadow: inset 0 0 5px 5px #222;
|
||||
box-shadow: inset 0 0 5px 5px #222;
|
||||
}
|
||||
#pageslide .content {
|
||||
padding: 15px;
|
||||
}
|
||||
#items #pageslide #view-page .content,
|
||||
#items #pageslide #view-page .pane {
|
||||
padding: 0px;
|
||||
margin-top: 57px;
|
||||
}
|
||||
#pageslide #view-page .content {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#pageslide #view-page .page-info {
|
||||
padding: 0 10px;
|
||||
border-bottom: 1px solid #222222;
|
||||
box-shadow: 0px 1px 0px #404040;
|
||||
line-height: 50px;
|
||||
}
|
||||
#pageslide #view-page .page-info a {
|
||||
color: #8f8f8f;
|
||||
font-size: 2em;
|
||||
text-decoration: none;
|
||||
}
|
||||
#pageslide #view-page .page-info a:hover {
|
||||
color: #efefef;
|
||||
}
|
||||
#pageslide #view-page .page-info h3 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
#pageslide form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#pageslide legend {
|
||||
color: #FFFFFF;
|
||||
border-bottom: 1px solid #949494;
|
||||
}
|
||||
#pageslide .radio.inline,
|
||||
#pageslide .checkbox.inline {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#pageslide .radio.inline,
|
||||
#pageslide .checkbox.inline,
|
||||
#pageslide .radio.inline + #pageslide .radio.inline,
|
||||
#pageslide .checkbox.inline + #pageslide .checkbox.inline {
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
margin-right: 10px\9;
|
||||
}
|
||||
#pageslide .form-actions {
|
||||
background-color: transparent;
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 20px\9;
|
||||
padding: 19px 0 0;
|
||||
border-top-color: #828282;
|
||||
text-align: right;
|
||||
}
|
||||
#pageslide .preview {
|
||||
position: relative;
|
||||
height: 80px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#pageslide .preview img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
#pageslide .banner_set {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
padding: 0 2px 0 5px;
|
||||
}
|
||||
@@ -0,0 +1,158 @@
|
||||
.tags .lead {
|
||||
padding: 20px 5px 0px;
|
||||
margin-bottom: 5px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.tags .lead .badge {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.tags .tags-groups {
|
||||
list-style: none;
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
}
|
||||
.tags .tags-groups:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
height: 0;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
}
|
||||
.tags .tags-groups.module-tags li.default a {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.tags .tags-groups li {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
margin: 5px;
|
||||
background-color: #f89406;
|
||||
white-space: nowrap;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
.tags .tags-groups li.mark {
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.tags .tags-groups li.active {
|
||||
background-color: #3a87ad;
|
||||
}
|
||||
.tags .tags-groups li.active .amount {
|
||||
color: #8cb8be;
|
||||
}
|
||||
.tags .tags-groups li a {
|
||||
text-decoration: none;
|
||||
color: #ededed;
|
||||
}
|
||||
.tags .tags-groups li .amount {
|
||||
color: #fdcf3b;
|
||||
float: right;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.tags .tags-groups li .card {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.tags .tags-groups li .card:after {
|
||||
font-family: FontAwesome;
|
||||
content: '\f111';
|
||||
color: #fdcf3b;
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.tags .tags-groups li .card.active:after {
|
||||
content: '\f058';
|
||||
font-size: 18px;
|
||||
left: -2px;
|
||||
top: 1px;
|
||||
}
|
||||
.tags .tags-groups li .card input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
z-index: 1;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
}
|
||||
|
||||
|
||||
/* Tags Merger */
|
||||
#tags-merger.modal {
|
||||
width: 960px;
|
||||
margin-left: -480px;
|
||||
}
|
||||
#tags-merger form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#tags-merger .tags .tags-groups li {
|
||||
cursor: pointer;
|
||||
}
|
||||
#tags-merger .tags .tags-groups li.def {
|
||||
background-color: #468847;
|
||||
}
|
||||
#tags-merger .modal-body .pull-left {
|
||||
margin: 0 5px;
|
||||
}
|
||||
#tags-merger .modal-body .help-block {
|
||||
text-align: left;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.tags .tags-groups li.default {
|
||||
background-color: #468847;
|
||||
}
|
||||
.tags .tags-groups li.default.active {
|
||||
background-color: #3a87ad;
|
||||
}
|
||||
.tags .tags-groups li.default .amount {
|
||||
color: #8cbe9a;
|
||||
}
|
||||
.tags .tags-groups li.default.active .amount {
|
||||
color: #8cb8be;
|
||||
}
|
||||
.tags .tags-groups li.default .card:after {
|
||||
color: #8cbe9a;
|
||||
}
|
||||
.tags .tags-groups li.active .card:after {
|
||||
color: #8cb8be;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#pageslide #filter-default-tag {
|
||||
width: 199px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#pageslide .add-default-tags-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
/* Wrap Nav */
|
||||
|
||||
/* Top Nav */
|
||||
.topnav {
|
||||
margin-bottom: 10px;
|
||||
margin-top: -60px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
position: relative;
|
||||
z-index: 1000;
|
||||
/*position: fixed;*/
|
||||
/*top: 40px;*/
|
||||
/*left: 81px;*/
|
||||
/*right: 20px;*/
|
||||
padding: 10px 0px 0px;
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
.topnav form {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.topnav .btn-group {
|
||||
margin-top: 3px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.topnav .searchClear input {
|
||||
height: 16px;
|
||||
margin-top: 4px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* Bottom Nav */
|
||||
.bottomnav {
|
||||
padding: 10px 0 5px;
|
||||
left: 81px;
|
||||
right: 20px;
|
||||
bottom: 0px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
background-color: #F3F3F3;
|
||||
border-top: 1px solid #DDDDDD;
|
||||
}
|
||||
.bottomnav .action {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.bottomnav .pagination {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Breadcrumb */
|
||||
.topnav .breadcrumb {
|
||||
background-color: transparent;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
Reference in new issue
Block a user