Initial commit
This commit is contained in:
易焱
File diff suppressed because one or more lines are too long
+102
@@ -0,0 +1,102 @@
|
||||
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;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
ul.wysihtml5-commands-disabled .dropdown-menu {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div.wysihtml5-colors {
|
||||
display:block;
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
margin-top: 2px;
|
||||
margin-left: 5px;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar a.wysihtml5-colors-title {
|
||||
padding-left: 70px;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
|
||||
background: black !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
|
||||
background: silver !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
|
||||
background: gray !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
|
||||
background: maroon !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
|
||||
background: red !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
|
||||
background: purple !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
|
||||
background: green !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
|
||||
background: olive !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
|
||||
background: navy !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
|
||||
background: blue !important;
|
||||
}
|
||||
|
||||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
|
||||
background: orange !important;
|
||||
}
|
||||
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,115 @@
|
||||
/*
|
||||
Colorpicker for Bootstrap
|
||||
Copyright 2012 Stefan Petre
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
*/
|
||||
.colorpicker-saturation {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-image: url('../img/saturation.png');
|
||||
cursor: crosshair;
|
||||
float: left;
|
||||
}
|
||||
.colorpicker-saturation i {
|
||||
display: block;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
border: 1px solid #000;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: -4px 0 0 -4px;
|
||||
}
|
||||
.colorpicker-saturation i b {
|
||||
display: block;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
border: 1px solid #fff;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.colorpicker-hue, .colorpicker-alpha {
|
||||
width: 15px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
cursor: row-resize;
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.colorpicker-hue i, .colorpicker-alpha i {
|
||||
display: block;
|
||||
height: 1px;
|
||||
background: #000;
|
||||
border-top: 1px solid #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.colorpicker-hue {
|
||||
background-image: url('../img/hue.png');
|
||||
}
|
||||
.colorpicker-alpha {
|
||||
background-image: url('../img/alpha.html');
|
||||
display: none;
|
||||
}
|
||||
.colorpicker {
|
||||
*zoom: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 4px;
|
||||
min-width: 120px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.colorpicker:before, .colorpicker:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.colorpicker:after {
|
||||
clear: both;
|
||||
}
|
||||
.colorpicker:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.colorpicker:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
.colorpicker div {
|
||||
position: relative;
|
||||
}
|
||||
.colorpicker.alpha {
|
||||
min-width: 140px;
|
||||
}
|
||||
.colorpicker.alpha .colorpicker-alpha {
|
||||
display: block;
|
||||
}
|
||||
.colorpicker-color {
|
||||
height: 10px;
|
||||
margin-top: 5px;
|
||||
clear: both;
|
||||
background-image: url('../img/alpha.html');
|
||||
background-position: 0 100%;
|
||||
}
|
||||
.colorpicker-color div {
|
||||
height: 10px;
|
||||
}
|
||||
.input-append.color .add-on i, .input-prepend.color .add-on i {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
/*
|
||||
Datepicker for Bootstrap
|
||||
Copyright 2012 Stefan Petre
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
*/
|
||||
.datepicker {
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 4px;
|
||||
margin-top: 1px; /*.dow { border-top: 1px solid #ddd !important; }*/
|
||||
}
|
||||
.datepicker:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
.datepicker > div {
|
||||
display: none;
|
||||
}
|
||||
.datepicker table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.datepicker td, .datepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
}
|
||||
.datepicker td.day:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker td.old, .datepicker td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker td.active, .datepicker td.active:hover {
|
||||
background: #49cced;
|
||||
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 td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
|
||||
background-color: #49cced;
|
||||
}
|
||||
.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker td span {
|
||||
display: block;
|
||||
width: 47px;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 2px;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker td span.active {
|
||||
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 td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker td span.active:active, .datepicker td span.active.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker td span.old {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker th.next, .datepicker th.prev {
|
||||
font-size: 19.5px;
|
||||
}
|
||||
.datepicker thead tr:first-child th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.input-append.date .add-on i, .input-prepend.date .add-on i {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
@@ -0,0 +1,464 @@
|
||||
/*******************************************
|
||||
* 自定义配色css文件放在defaut_color的同级目录,然后在 "系统/配置管理" 中为"COLOR_STYLE"增加一行配置项
|
||||
*********************************************/
|
||||
|
||||
/********************************************
|
||||
* base.css
|
||||
* 描述：重置页面元素并设置布局样式
|
||||
* 作用范围： 全局
|
||||
*******************************************/
|
||||
|
||||
html,body,input,textarea,select,legend{
|
||||
color:#404040;
|
||||
/*全局默认文字颜色*/
|
||||
}
|
||||
a {
|
||||
color: #2d7200;
|
||||
/*全局默认链接颜色*/
|
||||
}
|
||||
a:hover{
|
||||
color: #4bbd00;
|
||||
/*全局默认链接悬停颜色*/
|
||||
}
|
||||
|
||||
/*************************************************
|
||||
* common.css
|
||||
* 描述：定义公共类名
|
||||
* 作用范围: 公共，独立样式
|
||||
*************************************************/
|
||||
|
||||
/* 文章搜索/用户搜素 下拉弹出按钮 实心小箭头 */
|
||||
.arrow-down {
|
||||
border-top-color: #000;
|
||||
}
|
||||
.arrow-up {
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
.arrow-left {
|
||||
border-right-color: #000;
|
||||
}
|
||||
.arrow-right {
|
||||
border-left-color: #000;
|
||||
}
|
||||
|
||||
/**********************************************
|
||||
* module.css
|
||||
* 描述：定义常用组件样式
|
||||
* 作用范围: 公共，组件模块
|
||||
***********************************************/
|
||||
|
||||
/* 文章新增编辑页,权限授权页,分类编辑页 tab标签 */
|
||||
.tab-nav {
|
||||
border-bottom-color: #e0e0e0;
|
||||
}
|
||||
.tab-nav .current a,
|
||||
.tab-nav .current a:hover {
|
||||
border-color: #34b4e0 #e0e0e0 #f6f6f6;
|
||||
}
|
||||
|
||||
|
||||
/* (暂未使用) 面包屑导航 */
|
||||
.breadcrumb {
|
||||
color: #999;
|
||||
}
|
||||
.tags-crumb li {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
.tags-crumb .current {
|
||||
background-color: #f60;
|
||||
}
|
||||
.tags-crumb .current a {
|
||||
color: #fff;
|
||||
}
|
||||
.tags-crumb li i {
|
||||
border-left-color: #fff
|
||||
}
|
||||
.tags-crumb li b {
|
||||
border-left-color: #e0e0e0
|
||||
}
|
||||
.tags-crumb .current b {
|
||||
border-left-color: #f60;
|
||||
}
|
||||
|
||||
/* 列表分页 */
|
||||
.page a,
|
||||
.page span {
|
||||
color: #686868;
|
||||
border: 1px solid #CCCCCC;
|
||||
}
|
||||
.page a:hover
|
||||
{
|
||||
background: #E1E1E1;
|
||||
}
|
||||
.page .current {
|
||||
border-top: 3px solid #4BBD00;
|
||||
height: 28px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
/* uploadify插件上传按钮 */
|
||||
.uploadify-button {
|
||||
color: #fff;
|
||||
background-color: #27ae60;
|
||||
}
|
||||
|
||||
/* 分类管理/分类授权 树形菜单（目前只支持3级）
|
||||
------------------------------------------ */
|
||||
.category .hd {
|
||||
border-bottom-color: #d4d4d4;
|
||||
color:#fff;
|
||||
background-color: #353535;
|
||||
}
|
||||
.category .cate-item dt {
|
||||
border-bottom-color: #E7E7E7;
|
||||
}
|
||||
.category .name .error {
|
||||
color: #B94A48;
|
||||
}
|
||||
.category .name .success {
|
||||
color: #468847;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: #000000;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
opacity: 0.2;
|
||||
filter: alpha(opacity=20);
|
||||
}
|
||||
|
||||
/********************************************
|
||||
* form.css
|
||||
* 描述：定义表单样式
|
||||
* 作用范围: 公共，表单模块，表单布局
|
||||
*********************************************/
|
||||
|
||||
/* 表单组件
|
||||
------------------------------------------ */
|
||||
.text,.textarea {
|
||||
border-color: #eeeeee;
|
||||
background-color: #fff;
|
||||
}
|
||||
select {
|
||||
border-color: #ccc;
|
||||
}
|
||||
.must {
|
||||
color: #f00; /* 表单必填项标识字符*/
|
||||
}
|
||||
|
||||
/* 多行两列表单
|
||||
------------------------------------------ */
|
||||
.form-horizontal .item-label .check-tips {
|
||||
color: #aaa; /* 表单label后面的提示文字 */
|
||||
}
|
||||
.form-horizontal .controls .check-tips {
|
||||
color: #999; /*表单ajax操作完成后返回的提示文字*/
|
||||
}
|
||||
|
||||
/* 搜索表单
|
||||
------------------------------------------ */
|
||||
.search-form .sleft {/* 高级搜索左边的搜索框 */
|
||||
border-color: #ebebeb;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* 状态搜索下拉选项 */
|
||||
.search-form .drop-down ul {
|
||||
background-color: #fff;
|
||||
border-color: #ebebeb;
|
||||
}
|
||||
.search-form .drop-down ul li {
|
||||
border-top-color: #ebebeb;
|
||||
}
|
||||
.search-form .drop-down ul a {
|
||||
color: #404040;
|
||||
}
|
||||
.search-form .drop-down ul a:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.search-form .sch-btn:hover {
|
||||
/* 搜索提交按钮 */
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.focus{
|
||||
border: 1px solid #d1d1d1;
|
||||
box-shadow: 0 0 12px #ECECEC;
|
||||
}
|
||||
/*********************************************
|
||||
* table.css
|
||||
* 描述：定义数据表格样式
|
||||
* 作用范围: 公共，表格模块
|
||||
**********************************************/
|
||||
|
||||
/* 内容区 行默认颜色*/
|
||||
.data-table tbody tr {
|
||||
background-color: #ffffff;
|
||||
color: #686868;
|
||||
}
|
||||
.data-table thead th,
|
||||
.data-table tbody td {
|
||||
/*非隔行变色时 用于行区分的单元格底线颜色 */
|
||||
border-bottom-color: #f4f4f4;
|
||||
}
|
||||
/* 表头配色 */
|
||||
.data-table thead th {
|
||||
color:#fff;
|
||||
background-color: #353535;
|
||||
}
|
||||
/* 隔行变色 行默认颜色 */
|
||||
.table-striped tbody tr {
|
||||
background-color: #fefefe;
|
||||
color: #686868;
|
||||
}
|
||||
/* 隔行变色 偶数行配色 */
|
||||
.table-striped tbody tr:nth-child(even) {
|
||||
background-color: #f2f2f2;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* button.css
|
||||
* 描述：定义按钮样式
|
||||
* 作用范围: 公共，按钮组，单独按钮
|
||||
*************************************/
|
||||
|
||||
/* 普通按钮 */
|
||||
.btn {
|
||||
color: #edffd1;
|
||||
background-color: #4bbd00;
|
||||
}
|
||||
.btn:hover {
|
||||
color: #ffffff;
|
||||
background-color: #4cdb00;
|
||||
}
|
||||
|
||||
/* 表单返回按钮 */
|
||||
.btn-return {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* 表单提交按钮(确定,保存,提交) */
|
||||
.submit-btn {
|
||||
color: #fff;
|
||||
background-color: #CC3900;
|
||||
}
|
||||
.submit-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #ff2610;
|
||||
}
|
||||
|
||||
/* 下拉弹出按钮 */
|
||||
.btn-group .dropdown,
|
||||
.btn-group-click .dropdown {
|
||||
border-color: #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
.btn-group .dropdown a:hover,
|
||||
.btn-group-click .dropdown a:hover {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
/* 被禁用的按钮 */
|
||||
.btn.disabled {
|
||||
background-color: #8d8d8d;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* style.css
|
||||
*************************************/
|
||||
|
||||
/* 头部Logo,主导航*/
|
||||
.header {
|
||||
background-color: #383838;
|
||||
}
|
||||
/* 主导航 */
|
||||
.main-nav a {
|
||||
color: #FFF;
|
||||
}
|
||||
.main-nav a:hover {
|
||||
background-color:#656565;
|
||||
}
|
||||
.main-nav .current{
|
||||
background-color: #656565;
|
||||
}
|
||||
.main-nav .current a {
|
||||
background-color: #86db00;
|
||||
}
|
||||
|
||||
/* 顶部右侧 用户bar */
|
||||
.header .user-menu {
|
||||
border-color: #ddd;
|
||||
background-color: #fff;
|
||||
}
|
||||
.header .user-menu li {
|
||||
border-bottom-color: #ddd;
|
||||
}
|
||||
.header .user-menu a:hover {
|
||||
color: #424242;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* 边栏导航样式
|
||||
------------------------------------------ */
|
||||
.sidebar {
|
||||
/* 左侧栏背景 */
|
||||
background: url("../images/bg.png") repeat #6b6b6b;
|
||||
}
|
||||
/* 子导航Group标题栏 */
|
||||
.subnav h3 {
|
||||
color: #fff;
|
||||
}
|
||||
.subnav h3 a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* 左侧二级菜单 */
|
||||
.side-sub-menu > li > .item {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
.side-sub-menu > li > .item:hover{
|
||||
color: #ffffff;
|
||||
background: #7c7c7c;
|
||||
}
|
||||
.side-sub-menu > li > .item:hover{
|
||||
color: #ffffff;
|
||||
background: #7c7c7c;
|
||||
}
|
||||
.side-sub-menu > .current > .item,
|
||||
.side-sub-menu > .hover > .item {
|
||||
color: #414141;
|
||||
}
|
||||
.side-sub-menu > .current > .item,
|
||||
.side-sub-menu > .current > .item:hover {
|
||||
/* 高亮导航 */
|
||||
color: #414141;
|
||||
background: url(../images/subnav_current.png) no-repeat 165px 12px #f6f6f6;
|
||||
}
|
||||
|
||||
/* windows开始菜单式子菜单 */
|
||||
.side-sub-menu li .subitem {
|
||||
border-color: #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
.side-sub-menu .subitem .item:hover {
|
||||
background: url(../images/subnav_current.png) no-repeat 130px 12px #f5f5f5;
|
||||
}
|
||||
|
||||
/* 后台主内容区域
|
||||
------------------------------------------------- */
|
||||
.main {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
.main-title h2 {
|
||||
color: #445566;
|
||||
}
|
||||
.main-title .ca {
|
||||
/* 内容列表 面包屑 */
|
||||
background: url(../images/subnav_current.png) no-repeat center center;
|
||||
}
|
||||
|
||||
/* 访问授权页面 大类区块 */
|
||||
.checkmod {
|
||||
border-color: #ebebeb;
|
||||
}
|
||||
.checkmod dt {
|
||||
border-bottom-color: #ebebeb;
|
||||
background-color: #ECECEC;
|
||||
}
|
||||
|
||||
|
||||
/* 版权信息 */
|
||||
.cont-ft {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
.copyright {
|
||||
border-top-color: #ccc;
|
||||
}
|
||||
|
||||
|
||||
/*************************************
|
||||
* 登陆页面css
|
||||
***********************************/
|
||||
|
||||
/* body 配色*/
|
||||
#login-page {
|
||||
color: #000;
|
||||
background-color: #30333F;
|
||||
}
|
||||
|
||||
|
||||
#login-page .login-form {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 26px #041A36;
|
||||
border-top-color: #42EC00;
|
||||
}
|
||||
#login-page .login-form h3 {
|
||||
color: #8D9CAA;
|
||||
}
|
||||
#login-page .login-form .check-tips {
|
||||
color: #ff0000;
|
||||
}
|
||||
#login-page .login-form .item {
|
||||
border-color: #ececec;
|
||||
}
|
||||
#login-page .login-form .focus {
|
||||
border-color: #A6E1F3;
|
||||
box-shadow: 0 0 12px #BAF7FF;
|
||||
}
|
||||
#login-page .login-form .icon-login-user,
|
||||
#login-page .login-form .icon-login-pwd,
|
||||
.#login-page login-form .icon-login-verifycode {
|
||||
background: url("../images/icon24_login.png") no-repeat;
|
||||
}
|
||||
#login-page .login-form .icon-login-user {
|
||||
background-position: 0 0;
|
||||
}
|
||||
#login-page .login-form .icon-login-pwd {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
#login-page .login-form .icon-login-verifycode {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
#login-page .login-form input {
|
||||
background-color: #fff;
|
||||
color:#686868;
|
||||
}
|
||||
#login-page .login-form .login-btn {
|
||||
color: #FFFFFF;
|
||||
background-color: #40C402;
|
||||
}
|
||||
#login-page .login-form .login-btn:hover {
|
||||
background-color: #42EC00;
|
||||
}
|
||||
#login-page .login-form .login-btn[disabled] {
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
cursor: default;
|
||||
box-shadow: none;
|
||||
}
|
||||
#login-page .icon-loading {
|
||||
background: url(../images/loading_icon.gif) no-repeat 0 0;
|
||||
}
|
||||
|
||||
|
||||
#login-page input:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
||||
}
|
||||
#login-page .logo-img {
|
||||
background: url(../images/logo.png) no-repeat 0 center;
|
||||
}
|
||||
|
||||
#login-page .welcome{
|
||||
color:#ddd;
|
||||
}
|
||||
|
||||
#login-page .reloadverify{
|
||||
color:#69C3FF;
|
||||
}
|
||||
|
||||
#login-page img.verifyimg{
|
||||
border-color: #ececec;
|
||||
}
|
||||
@@ -0,0 +1,174 @@
|
||||
/* formSelects多选css */
|
||||
select[xm-select]{display: none !important;}
|
||||
.xm-select-parent * {margin: 0;padding: 0;font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif; box-sizing: initial;}
|
||||
.xm-select-parent {text-align: left;}
|
||||
.xm-select-parent select {display: none;}
|
||||
.xm-select-parent .xm-select-title {position: relative;min-height: 36px;}
|
||||
.xm-select-parent .xm-input {cursor: pointer;border-radius: 2px;border-width: 1px;border-style: solid;border-color: #E6E6E6;display: block;width: 100%;box-sizing: border-box;background-color: #FFF;height: 36px;line-height: 1.3;padding-left: 10px;outline: 0}
|
||||
.xm-select-parent .xm-select-sj {display: inline-block;width: 0;height: 0;border-style: dashed;border-color: transparent;overflow: hidden;position: absolute;right: 10px;top: 50%;margin-top: -3px;cursor: pointer;border-width: 6px;border-top-color: #C2C2C2;border-top-style: solid;transition: all .3s;-webkit-transition: all .3s}
|
||||
.xm-select-parent .xm-form-selected .xm-select-sj {margin-top: -9px;transform: rotate(180deg)}
|
||||
.xm-select-parent .xm-form-select dl {display: none;position: absolute;left: 0;top: 42px;padding: 5px 0;z-index: 999;min-width: 100%;border: 1px solid #d2d2d2;max-height: 300px;overflow-y: auto;background-color: #fff;border-radius: 2px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12);box-sizing: border-box;animation-fill-mode: both;-webkit-animation-name: layui-upbit;animation-name: layui-upbit;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
|
||||
@-webkit-keyframes layui-upbit {
|
||||
from {-webkit-transform: translate3d(0, 30px, 0);opacity: .3}
|
||||
to {-webkit-transform: translate3d(0, 0, 0);opacity: 1}
|
||||
}
|
||||
@keyframes layui-upbit {
|
||||
from {transform: translate3d(0, 30px, 0);opacity: .3}
|
||||
to {transform: translate3d(0, 0, 0);opacity: 1}
|
||||
}
|
||||
.xm-select-parent .xm-form-selected dl {display: block}
|
||||
.xm-select-parent .xm-form-select dl dd,.xm-select-parent .xm-form-select dl dt {padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
|
||||
.xm-select-parent .xm-form-select dl dd {cursor: pointer;height: 36px;}
|
||||
.xm-select-parent .xm-form-select dl dd:hover {background-color: #f2f2f2}
|
||||
.xm-select-parent .xm-form-select dl dt {font-size: 12px;color: #999}
|
||||
.layui-select-disabled .xm-dis-disabled {border-color: #eee!important}
|
||||
.xm-select-parent .xm-form-select dl .xm-select-tips {padding-left: 10px!important;color: #999;font-size: 14px}
|
||||
.xm-unselect {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none}
|
||||
|
||||
.xm-form-checkbox {position: relative;display: block;vertical-align: middle;cursor: pointer;font-size: 0;-webkit-transition: .1s linear;transition: .1s linear;box-sizing: border-box;height: auto!important;line-height: normal!important;border: none!important;margin-right: 0;padding-right: 0;background: 0 0;}
|
||||
.xm-form-checkbox > i {color: #FFF; font-size: 16px; width: 16px; height: 16px; position: absolute; top: 9px; border: 1px solid #5FB878; border-radius: 3px; z-index: 2;}
|
||||
.xm-form-checkbox:hover > i {border-color: #5FB878;}
|
||||
.xm-form-checkbox > span{display: block;position: relative;padding: 0 15px 0 30px;height: 100%;font-size: 14px;border-radius: 2px 0 0 2px;background-color: #d2d2d2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: 0 0;color: #666;line-height: 36px;}
|
||||
|
||||
.xm-select-parent dl{width: 100%;}
|
||||
.xm-select-parent dl dd{position: relative;}
|
||||
.xm-select-parent dl dd > i:not(.icon-sousuo){position: absolute; right: 10px; top: 0; color: #AAAAAA;}
|
||||
.xm-select-parent dl dd.xm-select-this div i {border: none; color: #009688; font-size: 18px;}
|
||||
.xm-select-parent dl dd.xm-select-this div i:after{content: '\e613';}
|
||||
.xm-select-parent dl dd.xm-dis-disabled div i {border-color: #C2C2C2;}
|
||||
.xm-select-parent dl dd.xm-dis-disabled.xm-select-this div i {color: #C2C2C2;}
|
||||
.xm-select-radio div.xm-form-checkbox > i {border-radius: 20px;}
|
||||
.xm-select-parent dl.xm-select-radio dd.xm-select-this div i:after{content: '\e62b';}
|
||||
|
||||
.xm-dis-disabled,.xm-dis-disabled:hover {cursor: not-allowed!important}
|
||||
.xm-form-select dl dd.xm-dis-disabled {background-color: #fff!important}
|
||||
.xm-form-select dl dd.xm-dis-disabled span {color: #C2C2C2}
|
||||
.xm-form-select dl dd.xm-dis-disabled .xm-icon-yes {border-color: #C2C2C2}
|
||||
.xm-select-parent {position: relative;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none}
|
||||
.xm-select-parent .xm-select {line-height: normal;height: auto;padding: 4px 10px 1px 10px;overflow: hidden;min-height: 36px;left: 0;z-index: 99;position: absolute;background: 0 0;padding-right: 20px}
|
||||
.xm-select-parent .xm-select:hover {border-color: #C0C4CC}
|
||||
.xm-select-parent .xm-select .xm-select-label {display: inline-block;margin: 0;vertical-align: middle}
|
||||
.xm-select-parent .xm-select-title div.xm-select-label>span {position: relative;padding: 2px 5px;background-color: #009688;border-radius: 2px;color: #FFF;display: inline-block;line-height: 18px;height: 18px;margin: 2px 5px 2px 0;cursor: initial;user-select: none;font-size: 14px;padding-right: 25px;-webkit-user-select: none;}
|
||||
.xm-select-parent .xm-select-title div.xm-select-label>span i {position: absolute; margin-left: 8px; font-size: 12px; cursor: pointer; line-height: 20px;}
|
||||
.xm-select-parent .xm-select .xm-select-input {border: none;height: 28px;background-color: transparent;padding: 0;vertical-align: middle;display: inline-block;width: 50px}
|
||||
.xm-select-parent .xm-select--suffix input {border: none}
|
||||
.xm-form-selected .xm-select,.xm-form-selected .xm-select:hover {border-color: #009688!important}
|
||||
.xm-select--suffix+div {position: absolute;top: 0;left: 0;bottom: 0;right: 0}
|
||||
.xm-select-dis .xm-select--suffix+div {z-index: 100;cursor: no-drop!important;opacity: .2;background-color: #FFF;}
|
||||
.xm-select-disabled,.xm-select-disabled:hover {color: #d2d2d2!important;cursor: not-allowed!important;background-color: #fff}
|
||||
.xm-select-none {display: none;margin: 5px 0;text-align: center;}
|
||||
.xm-select-none:hover {background-color: #FFF!important}
|
||||
.xm-select-empty {display: block}
|
||||
.xm-span-hide {display: none!important;}
|
||||
.layui-form-pane .xm-select,.layui-form-pane .xm-select:hover {border: none!important;top: 0px}
|
||||
.layui-form-pane .xm-select-title {border: 1px solid #e6e6e6!important}
|
||||
.xm-select-hide {display: none !important;}
|
||||
div[xm-hg] .xm-select-label{white-space: nowrap; overflow: hidden; position: absolute; right: 30px; left: 0; padding-left: 10px;}
|
||||
|
||||
/* 颜色相关 */
|
||||
div[xm-select-skin] .xm-select-title div.xm-select-label>span {border: 1px solid #009688}
|
||||
div[xm-select-skin] .xm-select-title div.xm-select-label>span i:hover {opacity: .8;filter: alpha(opacity=80);cursor: pointer}
|
||||
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span {background-color: #F0F2F5;color: #909399;border: 1px solid #F0F2F5}
|
||||
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i {color: #C0C4CC}
|
||||
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i:before {content: '\e60b'; font-size: 16px; margin-left: -3px;}
|
||||
div[xm-select-skin=default] dl dd:not(.xm-dis-disabled) i {border-color: #5FB878}
|
||||
div[xm-select-skin=default] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #5FB878}
|
||||
div[xm-select-skin=default].xm-form-selected .xm-select,div[xm-select-skin=default].xm-form-selected .xm-select:hover {border-color: #C0C4CC!important}
|
||||
div[xm-select-skin=primary] .xm-select-title div.xm-select-label>span {background-color: #009688;color: #FFF;border: 1px solid #009688}
|
||||
div[xm-select-skin=primary] .xm-select-title div.xm-select-label>span i {background-color: #009688; color: #FFF}
|
||||
div[xm-select-skin=primary] dl dd:not(.xm-dis-disabled) i {border-color: #009688}
|
||||
div[xm-select-skin=primary] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #009688}
|
||||
div[xm-select-skin=primary].xm-form-selected .xm-select,div[xm-select-skin=primary].xm-form-selected .xm-select:hover {border-color: #009688!important}
|
||||
div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span {background-color: #1E9FFF;color: #FFF;border: 1px solid #1E9FFF}
|
||||
div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span i {background-color: #1E9FFF;color: #FFF}
|
||||
div[xm-select-skin=normal] dl dd:not(.xm-dis-disabled) i {border-color: #1E9FFF}
|
||||
div[xm-select-skin=normal] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #1E9FFF}
|
||||
div[xm-select-skin=normal].xm-form-selected .xm-select,div[xm-select-skin=normal].xm-form-selected .xm-select:hover {border-color: #1E9FFF!important}
|
||||
div[xm-select-skin=warm] .xm-select-title div.xm-select-label>span {background-color: #FFB800;color: #FFF;border: 1px solid #FFB800}
|
||||
div[xm-select-skin=warm] .xm-select-title div.xm-select-label>span i {background-color: #FFB800;color: #FFF}
|
||||
div[xm-select-skin=warm] dl dd:not(.xm-dis-disabled) i {border-color: #FFB800}
|
||||
div[xm-select-skin=warm] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #FFB800}
|
||||
div[xm-select-skin=warm].xm-form-selected .xm-select,div[xm-select-skin=warm].xm-form-selected .xm-select:hover {border-color: #FFB800!important}
|
||||
div[xm-select-skin=danger] .xm-select-title div.xm-select-label>span {background-color: #FF5722;color: #FFF;border: 1px solid #FF5722}
|
||||
div[xm-select-skin=danger] .xm-select-title div.xm-select-label>span i {background-color: #FF5722;color: #FFF}
|
||||
div[xm-select-skin=danger] dl dd:not(.xm-dis-disabled) i {border-color: #FF5722}
|
||||
div[xm-select-skin=danger] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #FF5722}
|
||||
div[xm-select-skin=danger].xm-form-selected .xm-select,div[xm-select-skin=danger].xm-form-selected .xm-select:hover {border-color: #FF5722!important}
|
||||
|
||||
|
||||
/* 多选联动 */
|
||||
.xm-select-parent .layui-form-danger+.xm-select-title .xm-select {border-color: #FF5722 !important;}
|
||||
.xm-select-linkage li {padding: 10px 0px;cursor: pointer;}
|
||||
.xm-select-linkage li span {padding-left: 20px;padding-right: 30px;display: inline-block;height: 20px;overflow: hidden;text-overflow: ellipsis;}
|
||||
.xm-select-linkage li.xm-select-this span {border-left: 5px solid #009688;color: #009688;padding-left: 15px;}
|
||||
.xm-select-linkage-group {position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow-x: hidden;overflow-y: auto;}
|
||||
.xm-select-linkage-group li:hover {border-left: 1px solid #009688;}
|
||||
.xm-select-linkage-group li:hover span {padding-left: 19px;}
|
||||
.xm-select-linkage-group li.xm-select-this:hover span {padding-left: 15px;border-left-width: 4px;}
|
||||
.xm-select-linkage-group:nth-child(4n+1){background-color: #EFEFEF; left: 0;}
|
||||
.xm-select-linkage-group:nth-child(4n+1) li.xm-select-active{background-color: #F5F5F5;}
|
||||
.xm-select-linkage-group:nth-child(4n+2){background-color: #F5F5F5; left: 100px;}
|
||||
.xm-select-linkage-group:nth-child(4n+3) li.xm-select-active{background-color: #FAFAFA;}
|
||||
.xm-select-linkage-group:nth-child(4n+3){background-color: #FAFAFA; left: 200px;}
|
||||
.xm-select-linkage-group:nth-child(4n+3) li.xm-select-active{background-color: #FFFFFF;}
|
||||
.xm-select-linkage-group:nth-child(4n+4){background-color: #FFFFFF; left: 300px;}
|
||||
.xm-select-linkage-group:nth-child(4n+4) li.xm-select-active{background-color: #EFEFEF;}
|
||||
.xm-select-linkage li{list-style: none;}
|
||||
.xm-select-linkage-hide {display: none;}
|
||||
.xm-select-linkage-show {display: block;}
|
||||
|
||||
div[xm-select-skin='default'] .xm-select-linkage li.xm-select-this span {border-left-color: #5FB878;color: #5FB878;}
|
||||
div[xm-select-skin='default'] .xm-select-linkage-group li:hover {border-left-color: #5FB878;}
|
||||
div[xm-select-skin='primary'] .xm-select-linkage li.xm-select-this span {border-left-color: #1E9FFF;color: #1E9FFF;}
|
||||
div[xm-select-skin='primary'] .xm-select-linkage-group li:hover {border-left-color: #1E9FFF;}
|
||||
div[xm-select-skin='normal'] .xm-select-linkage li.xm-select-this span {border-left-color: #1E9FFF;color: #1E9FFF;}
|
||||
div[xm-select-skin='normal'] .xm-select-linkage-group li:hover {border-left-color: #1E9FFF;}
|
||||
div[xm-select-skin='warm'] .xm-select-linkage li.xm-select-this span {border-left-color: #FFB800;color: #FFB800;}
|
||||
div[xm-select-skin='warm'] .xm-select-linkage-group li:hover {border-left-color: #FFB800;}
|
||||
div[xm-select-skin='danger'] .xm-select-linkage li.xm-select-this span {border-left-color: #FF5722;color: #FF5722;}
|
||||
div[xm-select-skin='danger'] .xm-select-linkage-group li:hover {border-left-color: #FF5722;}
|
||||
|
||||
|
||||
/* 快捷操作 */
|
||||
.xm-select-tips[style]:hover{background-color: #FFF!important;}
|
||||
.xm-select-parent dd > .xm-cz{position: absolute; top: 0px; right: 10px;}
|
||||
.xm-select-parent dd > .xm-cz-group{margin-right: 30px; border-right: 2px solid #ddd; height: 16px; margin-top: 10px; line-height: 16px; overflow: hidden;}
|
||||
.xm-select-parent dd > .xm-cz-group .xm-cz{display: inline-block; margin-right: 30px;}
|
||||
.xm-select-parent dd > .xm-cz-group .xm-cz i{margin-right: 10px;}
|
||||
.xm-select-parent dd > .xm-cz-group[show='name'] .xm-cz i{display: none;}
|
||||
.xm-select-parent dd > .xm-cz-group[show='icon'] .xm-cz span{display: none;}
|
||||
.xm-select-parent dd .xm-cz:hover{color: #009688;}
|
||||
div[xm-select-skin='default'] dd .xm-cz:hover{color: #C0C4CC;}
|
||||
div[xm-select-skin='primary'] dd .xm-cz:hover{color: #009688;}
|
||||
div[xm-select-skin='normal'] dd .xm-cz:hover{color: #1E9FFF;}
|
||||
div[xm-select-skin='warm'] dd .xm-cz:hover{color: #FFB800;}
|
||||
div[xm-select-skin='danger'] dd .xm-cz:hover{color: #FF5722;}
|
||||
|
||||
|
||||
/* 下拉里面的搜索 */
|
||||
.xm-select-tips .xm-input{border: none; border-bottom: 1px solid #E6E6E6; padding-left: 27px;}
|
||||
.xm-select-tips .icon-sousuo{position: absolute;}
|
||||
.xm-select-tips.xm-dl-input{display: none;}
|
||||
div[xm-select-search-type="1"] .xm-select-tips.xm-dl-input{display: block;}
|
||||
div[xm-select-search-type="1"] .xm-select .xm-select-input{display: none !important;}
|
||||
|
||||
/* 阿里巴巴矢量图标库 */
|
||||
@font-face {font-family: "xm-iconfont";
|
||||
src: url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.eot?t=1534240067831'); /* IE9*/
|
||||
src: url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.eot?t=1534240067831#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAsYAAsAAAAAEQwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8ukovY21hcAAAAYAAAACrAAACPBtV6wxnbHlmAAACLAAABnEAAAmMovtEvWhlYWQAAAigAAAAMQAAADYSctBCaGhlYQAACNQAAAAgAAAAJAgBA69obXR4AAAI9AAAABsAAAAwMCX//WxvY2EAAAkQAAAAGgAAABoN8gwubWF4cAAACSwAAAAeAAAAIAEiAM9uYW1lAAAJTAAAAUUAAAJtPlT+fXBvc3QAAAqUAAAAhAAAALJ1LunfeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWacwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMbwwZ27438AQw9zMcAQozAiSAwDk4AxmeJzlks0JwzAMhZ8bN/1xD4GU0h2Se26BbJMJOkkn6KmTPbJF8mT5UGg3qMRn0EPIRs8A9gAq0YsIhDcCLF5SQ9YrnLMe8VB9RSMlMjCxYcueIyfOy7CuAFHU7lP9iqApt5L3ksBJbzlgZ9PVkXDUvbWa6x8T/i0u+XyWKtmmHW0NDI55yeRok2DjaKdg65jX7Bzzm71jXnN08vzJkQvg7Ng/WAYH9Qb3wzM/AHicjVVvbFzFEd/Zfbv7/vn9uXf33vl8Pt/dO99BHOzEZ9/DKTImRS0KjUoLDUFCjtpCMGkT1D9qldQmhkiUSv2G1BBB1VYqilGREOIDViWEGzttqkpI/cAXqyL5gFRALVIF+VCJe9fZd+fEpR/o6d3s7G9mZ2dmZ3aJIKR3h0ZYmVgkIjGZJV8mDxECtenOTDOu1UU+hJoD+TCqzcNMk2V8O5OCbDVRPgZhEt4JCNTZ/4HA3+DfuWIxl8pcFFErG3K7oD7fvev8UaMUmEu259lrRjBsfs6cLhYbRfzSbSjGRVAkfQYihUXsyPkHTVyyZDNmXzSHg3Tl+aPKxpJFqbWGdtLl8w8iYDxuDTQIx7yc1YCdIx7Jk3HSwbwQwGBcyMKZVtG0ZCuJxjFJBb+foMSfhJaPOSr4FYgwSwqIx2MHJALtAdBi/7xcSMJL+fxmmBS2guD61tZm96X02mgcj0J1NAaIR9UMmhXIV24FuLUC71+r1AEmK1AYrQHUK/Tly/m8MrOZz2+FSf7jzc3NK9XR9F2lVq+gmRp0r+HK9B+VJmR263Rgd7ALwR/FOFfx/FeJS0YxQh9drakgMJhaBVizkwgqWxLD6eQ0Qo8f7p44fJziSH9x+PjLZUO+/jZ9+K35X37ljn/Rv+yW4Ziuf2nl4PfS5/LrP47OHTsFJULYjf369UZAEBmSqEOSJmG4Me6LeznA0BFkcDoJlGynVzmH2vY21DhPr25v9DjvbfTp2TXG1s5mlK0q4S7lT++6obbRox/s6CHF2LMEsHvoFfSFQIKnKQMZJVFCD6WH0p0PVvvcRx8uph8eUks0jOFNtskOkpDsJ18k9+NqVRg3qqMCSSerjyRuYUi1/vFH7YIqikGVcD+ehFl/pqPSPKZ6DG6mHisljFhBFvU/PoRkSNd/JHO6Ja5JOXcfwIGJbm/igBq/hn8Kfb57YbYUxyX4cwkLKH1u4gD9GVSL6USxCjjCO2p8VdcvH9XRYIQWqUblu3pR/v2BvXMAc3tTmJiDAQ895B9NL0C9BFdKqqRKczDX/Whg7O1irVbcqZ8/sbfYBOZwihC+6wSDzszUf+dF7rRO1O+fKaDO+nXOr6+vf8L5J44Qe4UvnlyRntwrxMoKzpFdeRJBNb9dGyiur1+nE59R+uwi9M1G395jb9KP0bcK2YM9nJB5cojcS75OFskxclzdc+pW699z8iYbtf14BGKf77ruZNyXKC0e50OEBI+V/Aug5Dex/9WjJfipuqnS00gfybjXbNe1f762tXmRPp3Bdl/l6g5JXyqXR0bK8J3PR+jvwYs8/GBnTM+kr8FX4ZknwC16XtG9iH9QfNn1vDHPe2GAj3ieV3XdF2+IPdeteh62Ra+HfQrsKWKSBtlHSOBgM7KkKQBLWnZoq1mVwotCLRGhOtSkMzMuqq2ml3SqUehdnZtynbtPLB88/Dy9dDrYVzoy/MTT6Svnlpd/AHueon5wpnGsEae/PZm+d3Jp6SSUTy7R3xw4f9/B5RN3O+5t3VNncjm6Cnt+uLx8DpedGj4yvD84HceNxTcG6ku4VPmZ9n6nNdj95BHyB3IJKxBPsKm6rpn4QopmqzlFm1MwqdxO5rPGnIc7aSfCGg1Vqyo6nUlQhnh7WiFhXzgGhVC4qjPRki9xdGCc4zXeSWb9BG1ktlqz2Q5Y7S2sIJfivkpVKCCDpyCWdbQzECj76qMVqvyJ/LxyI2rTv1bTC25lSM9xAUJ4Lc+U0wXTsKXDmaA8tHX+hvDt4Wa9IHLcMUBz9VwpL4xi2aGasAPPKNUbbmD/2jAtk0uXY4eJx8zRgj9iAnVNt5X+BL5vlHTOaiOmG7g6+7ZBNUOaefNXuJF3u25RjVvBLeW8E4wV7ZJBpbAXXGnqrwgupWVTAKqZjq5HbW44fMguNJhgwmw8oOk8GCqE8F3GhLB0uS/UDVt4lgjtqGxK/rpwuaDAqKHZNuWmJjVKuWUxbpg2B9DtoRdN3TKF9B0hw4p41C5i3CI9w4civP3aQLlmLMK3wpJpaI7BvmlhPtH3nPWCKQAdE2hK9zyuUeAm921qCA2kvqY8N1yDMq4beJlG+4XQqHDCQnqPlJIyyN579S4tIGcRv/82BbFfK9SgnVHkZzMeaSQjqR5/fP5XF2Chh+sW0g0gn27snqXv3/bsszsfJbCAIiTdjRTVCBL6jV0K5D8H/8xVAAAAeJxjYGRgYADi16c/vIvnt/nKwM3CAALXZxxzhtH///23YVFhbgZyORiYQKIAm34OJQAAAHicY2BkYGBu+N/AEMOi/P/f//8sKgxAERTAAwCmuAa3eJxjYWBgYAFhRiiNFf//z6L8/x+IDQAkCQRQAAAAAAAAjAEAATgBfgGaAiACbgMMA2AEhATGAAB4nGNgZGBg4GE4DMQgwATEXEDIwPAfzGcAAB2tAfIAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nG2L3QqCQBCFZ9RWU7sOfAeh8IFi3N10EHYUG1p8+gSjqz44F+cPEjgo4T81Jphihic0mGOBZyyxwhovUCxKIe4ylthRuDqV+I22UcLQ6+QH4ubWdZZkU3m4o/0tUqtSvT33TPLits12fzc+zhRcvoquo0o281OLhcMw7Q+AD8sULE0=') format('woff'),
|
||||
url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.ttf?t=1534240067831') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.svg?t=1534240067831#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
.xm-iconfont {font-family:"xm-iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
|
||||
.icon-quanxuan:before { content: "\e62c"; }
|
||||
.icon-caidan:before { content: "\e610"; }
|
||||
.icon-fanxuan:before { content: "\e837"; }
|
||||
.icon-pifu:before { content: "\e668"; }
|
||||
.icon-qingkong:before { content: "\e63e"; }
|
||||
.icon-sousuo:before { content: "\e600"; }
|
||||
.icon-danx:before { content: "\e62b"; }
|
||||
.icon-duox:before { content: "\e613"; }
|
||||
.icon-close:before { content: "\e601"; }
|
||||
.icon-expand:before { content: "\e641"; }
|
||||
|
||||
@@ -0,0 +1,404 @@
|
||||
|
||||
.fc {
|
||||
direction: ltr;
|
||||
text-align: left; border:1px solid #dadada;
|
||||
}
|
||||
.fc table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
html .fc, .fc table {
|
||||
font-size: 1em;
|
||||
}
|
||||
.fc td, .fc th {
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
.fc-header {
|
||||
position: relative;
|
||||
}
|
||||
.fc-header td {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.fc-header-left {
|
||||
text-align: left;
|
||||
}
|
||||
.fc-header-center {
|
||||
left: 10%;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 80%;
|
||||
}
|
||||
.fc-button-inner {
|
||||
border-left: 1px solid #D5D5D5;
|
||||
}
|
||||
.panel-left .fc-header-right .fc-button:last-child .fc-button-inner {
|
||||
border-right: 1px solid #D5D5D5;
|
||||
}
|
||||
.fc-header-left .fc-button-inner {
|
||||
border: medium none;
|
||||
}
|
||||
.fc-header-right {
|
||||
position: absolute !important;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
top: -37px;
|
||||
}
|
||||
.panel-left .fc-header-right {
|
||||
right: -1px;
|
||||
}
|
||||
.fc-header-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.fc-header-title strong {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
padding: 8px 12px !important;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.fc .fc-header-space {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.fc-header .fc-corner-right {
|
||||
float: right;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.fc-header .ui-corner-right {
|
||||
margin-right: 0;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.fc-button-prev .fc-button-content {
|
||||
background: url("../img/larrow.png") no-repeat scroll 15px 13px transparent;
|
||||
width: 10px;
|
||||
}
|
||||
.fc-button-next .fc-button-content {
|
||||
background: url("../img/rarrow.png") no-repeat scroll 15px 13px transparent;
|
||||
width: 10px;
|
||||
}
|
||||
.fc-content {
|
||||
}
|
||||
.fc-view {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
.fc-widget-header, .fc-widget-content {
|
||||
border: 1px solid #D5D5D5;
|
||||
}
|
||||
.fc-state-highlight {
|
||||
background: url("../images/backgrounds/calActiveBg.html") repeat-x scroll 0 0 #F5F5F5;
|
||||
}
|
||||
.fc-cell-overlay {
|
||||
background: none repeat scroll 0 0 #99CCFF;
|
||||
opacity: 0.2;
|
||||
}
|
||||
.fc-button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
.fc-state-default {
|
||||
}
|
||||
.fc-button-inner {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.fc-state-default .fc-button-inner {
|
||||
}
|
||||
.fc-button-content {
|
||||
float: left;
|
||||
height: 36px;
|
||||
line-height: 37px;
|
||||
padding: 0 14px;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.fc-header-right .fc-button-content {
|
||||
height: 37px;
|
||||
}
|
||||
.fc-button-content .fc-icon-wrap {
|
||||
float: left;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
}
|
||||
.fc-button-content .ui-icon {
|
||||
float: left;
|
||||
margin-top: -50%;
|
||||
position: relative;
|
||||
}
|
||||
.fc-state-default .fc-button-effect {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
}
|
||||
.fc-state-default .fc-button-effect span {
|
||||
}
|
||||
.fc-state-default, .fc-state-default .fc-button-inner {
|
||||
}
|
||||
.fc-state-hover, .fc-state-hover .fc-button-inner {
|
||||
}
|
||||
.fc-state-down, .fc-state-down .fc-button-inner {
|
||||
}
|
||||
.fc-state-active, .fc-state-active .fc-button-inner {
|
||||
background: none repeat scroll 0 0 #F9F9F9;
|
||||
color: #797979;
|
||||
}
|
||||
.fc-first th {
|
||||
padding-top: 1px;
|
||||
}
|
||||
.fc-state-disabled, .fc-state-disabled .fc-button-inner {
|
||||
border-color: #DDDDDD;
|
||||
color: #999999;
|
||||
}
|
||||
.fc-state-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.fc-state-disabled .fc-button-effect {
|
||||
display: none;
|
||||
}
|
||||
.fc-event {
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
cursor: default;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
a.fc-event, .fc-event-draggable {
|
||||
cursor: pointer;
|
||||
}
|
||||
a.fc-event {
|
||||
text-decoration: none;
|
||||
}
|
||||
.fc-rtl .fc-event {
|
||||
text-align: right;
|
||||
}
|
||||
.fc-event-skin {
|
||||
background-color: #fb7a2c;
|
||||
border-color: #000000;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
color: #FFFFFF;
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
margin-top: 1px;
|
||||
padding: 1px 0;
|
||||
}
|
||||
.fc-event-inner {
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.fc-event-time, .fc-event-title {
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 16px;
|
||||
padding: 0 2px 1px 5px;
|
||||
}
|
||||
.fc .ui-resizable-handle {
|
||||
display: block;
|
||||
font-size: 300%;
|
||||
line-height: 50%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
}
|
||||
.fc-event-hori {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
.fc-event-hori .ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
height: 100% !important;
|
||||
right: -3px !important;
|
||||
top: 0 !important;
|
||||
width: 7px !important;
|
||||
}
|
||||
.fc-event-hori .ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
height: 100% !important;
|
||||
left: -3px !important;
|
||||
top: 0 !important;
|
||||
width: 7px !important;
|
||||
}
|
||||
.fc-event-hori .ui-resizable-handle {
|
||||
}
|
||||
.fc-corner-left {
|
||||
margin-left: 1px;
|
||||
}
|
||||
.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
|
||||
}
|
||||
.fc-corner-right {
|
||||
margin-right: 1px;
|
||||
}
|
||||
.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
|
||||
margin-right: -1px;
|
||||
}
|
||||
.fc-corner-top {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.fc-corner-top .fc-event-inner {
|
||||
margin-top: -1px;
|
||||
}
|
||||
.fc-corner-bottom {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
.fc-corner-bottom .fc-event-inner {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.fc-corner-left .fc-event-inner {
|
||||
}
|
||||
.fc-corner-right .fc-event-inner {
|
||||
}
|
||||
.fc-corner-top .fc-event-inner {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
.fc-corner-bottom .fc-event-inner {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
table.fc-border-separate {
|
||||
border-collapse: separate;
|
||||
}
|
||||
.fc-border-separate th, .fc-border-separate td {
|
||||
border-width: 1px 0 0 1px;
|
||||
}
|
||||
.fc-border-separate td:first-child, .fc-border-separate th:first-child {
|
||||
border-left: medium none;
|
||||
}
|
||||
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
|
||||
}
|
||||
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
.fc-grid th {
|
||||
text-align: center;
|
||||
}
|
||||
.fc-grid .fc-day-number {
|
||||
float: right;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.fc-grid .fc-other-month .fc-day-number {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.fc-grid .fc-day-content {
|
||||
clear: both;
|
||||
padding: 5px 2px 3px;
|
||||
}
|
||||
.fc-grid .fc-event-time {
|
||||
font-weight: bold;
|
||||
}
|
||||
.fc-rtl .fc-grid .fc-day-number {
|
||||
float: left;
|
||||
}
|
||||
.fc-rtl .fc-grid .fc-event-time {
|
||||
float: right;
|
||||
}
|
||||
.fc-agenda table {
|
||||
border-collapse: separate;
|
||||
}
|
||||
.fc-agenda-days th {
|
||||
text-align: center;
|
||||
}
|
||||
.fc-agenda .fc-agenda-axis {
|
||||
font-weight: normal;
|
||||
padding: 0 4px;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
width: 50px;
|
||||
}
|
||||
.fc-agenda .fc-day-content {
|
||||
padding: 2px 2px 1px;
|
||||
}
|
||||
.fc-agenda-days .fc-agenda-axis {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
.fc-agenda-days .fc-col0 {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.fc-agenda-allday th {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
.fc-agenda-allday .fc-day-content {
|
||||
min-height: 34px;
|
||||
}
|
||||
.fc-agenda-divider-inner {
|
||||
height: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.fc-widget-header .fc-agenda-divider-inner {
|
||||
background: none repeat scroll 0 0 #EEEEEE;
|
||||
}
|
||||
.fc-agenda-slots th {
|
||||
border-width: 1px 1px 0;
|
||||
}
|
||||
.fc-agenda-slots td {
|
||||
background: none repeat scroll 0 0 transparent;
|
||||
border-width: 1px 0 0;
|
||||
}
|
||||
.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 {
|
||||
}
|
||||
.fc-event-vert {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
.fc-event-vert .fc-event-time {
|
||||
font-size: 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.fc-event-vert .fc-event-bg {
|
||||
background: none repeat scroll 0 0 #FFFFFF;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.3;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
|
||||
}
|
||||
.fc-event-vert .ui-resizable-s {
|
||||
bottom: 0 !important;
|
||||
cursor: s-resize;
|
||||
font-family: monospace;
|
||||
font-size: 11px !important;
|
||||
height: 8px !important;
|
||||
line-height: 8px !important;
|
||||
overflow: hidden !important;
|
||||
text-align: center;
|
||||
width: 100% !important;
|
||||
}
|
||||
.fc-agenda .ui-resizable-resizing {
|
||||
}
|
||||
|
||||
#external-events .external-event {
|
||||
margin-bottom: 5px; cursor:all-scroll;
|
||||
}
|
||||
@@ -0,0 +1,452 @@
|
||||
table tr td.center,.center{ text-align: center;}
|
||||
.order_input{ background: none; border:0px; width: 100%; text-align: center;}
|
||||
.order_input:hover{ font-size: 16px;}
|
||||
form .btn.btn-success,form .btn.btn-danger,form .btn.btn-info{ min-width: 30px; margin-right: 20px;}
|
||||
.block{ display: block;}
|
||||
.none{ display:none;}
|
||||
.clear{ clear: both;}
|
||||
|
||||
/*分页*/
|
||||
.pagination{ text-align: center;width:90%;margin: auto;margin-top: 20px;margin-bottom: 20px;text-align: center;}
|
||||
|
||||
/*编辑器*/
|
||||
.news_editor{ width: 90%; }
|
||||
|
||||
.tab-title a{ color:#2d7200}
|
||||
.tab-title a:hover{color: #4bbd00;border-bottom: 1px solid;}
|
||||
|
||||
/*nav旁边提示插件*/
|
||||
.nav_notic{ position: absolute; left: 40%; top: 0px; height: 33px; line-height:40px; color: #999; overflow: hidden;}
|
||||
.nav_notic ul li{list-style: none; height: 33px; line-height: 40px;}
|
||||
|
||||
/*缩略图*/
|
||||
.controls_img{ width:120px; height: 144px; margin-top:10px; border: 1px solid #ccc;}
|
||||
.controls_img img{ width:120px; height:120px;}
|
||||
.controls_img a{ width: 100%; height: 24px; line-height: 24px; text-align: center; background: #28b779; color: #ffffff; font-size:12px; display: block;margin:0px; paddding:0px;cursor:pointer }
|
||||
.controls_img a:hover{backround:#ff0000;}
|
||||
|
||||
/*列表页底部按钮*/
|
||||
.widget-bottom{ }
|
||||
.widget-bottom .btn-submit{margin:0px;}
|
||||
|
||||
/*增加信息页面*/
|
||||
.widget-box .sub-nav{list-style: none; padding: 0px; margin: 0px;}
|
||||
.widget-box .sub-nav li{width:100px; height:36px; line-height:36px; float:left; text-align:center; cursor:pointer;}
|
||||
.widget-box .sub-nav li:hover{color:#28b779}
|
||||
.widget-box .sub-nav li.on{ background:#2E363F; height:36px;color:#fff;}
|
||||
.widget-box .sub-nav li.on a{ color:#fff;}
|
||||
.widget-content .sub-nav-tab{ display: none;}
|
||||
.widget-content .sub-nav-tab-title{ width: 90%; margin: auto; margin-top: 20px; margin-bottom: 20px;}
|
||||
|
||||
/*列表页多个标题*/
|
||||
.main_tab{ margin-top: 20px; float: left; width: 40%;}
|
||||
.main_add a{text-shadow:none;background:#2E363F; color:#f0f0f0;}
|
||||
.main_add a.on,.main_add a:hover{color: #fff;background-color: #28b779;}
|
||||
/*批量按钮*/
|
||||
.btn-submit{margin-top: 18px;}
|
||||
|
||||
.small_pic_i{ font-size:12px;color:#28b779;}
|
||||
|
||||
/*列表页搜索*/
|
||||
.main_tab{ margin-top: 20px; float: left; width: 40%;}
|
||||
.main_tab a{text-shadow:none;background:#2E363F; color:#f0f0f0;}
|
||||
.main_tab a.on,.main_tab a:hover{color: #fff;background-color: #28b779;}
|
||||
|
||||
.main_tab .select2-choice:hover { color: #444;}
|
||||
|
||||
.main_add label{ display:inline-block; margin: 0px;margin-left: 10px; }
|
||||
.main_add label input{ padding-left: 4px;}
|
||||
.main_add label select{ margin: 0px;}
|
||||
.main_add a.btn-inverse:hover{color: #fff;background-color: #28b779;}
|
||||
|
||||
.sortInput{ height: 20px !important; min-height: 20px !important;}
|
||||
|
||||
/*多图上传*/
|
||||
.morepic_box{border: 1px solid #dadada;color: #838383;font-size: 12px;margin-top: 10px;width: 90%;background-color: #FFF; padding-bottom: 10px;}
|
||||
.morepic_box ul li{ width: 200px; height:185px; float: left; list-style: none; border: #EDEDED 1px solid; margin-top: 20px; margin-right: 20px; position:relative; cursor:move;}
|
||||
.morepic_box ul li input{ width: 200px !important; padding: 0px; border:0px; height: 24px; line-height: 24px;; text-align: center; border-top: #dcdcdc dotted 1px; background: #ececec;}
|
||||
.morepic_box ul li img{ width: 200px; height: 160px;object-fit:cover;}
|
||||
.morepic_box ul li .file-panel{ position: absolute;height: 0;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;background: rgba( 0, 0, 0, 0.5 );width: 100%;top: 0;left: 0;overflow: hidden;z-index: 300; transition: all 0.5s ease 0s;
|
||||
-webkit-transform: all 0.5s ease 0s;}
|
||||
.morepic_box ul li span{width: 24px;height: 24px;display: inline;float: right;text-indent: -9999px;overflow: hidden;background: url(../img/icons.png) no-repeat;background-position: -48px -24px;margin: 5px 1px 1px;cursor: pointer;}
|
||||
.morepic_box ul li span:hover{background-position: -48px 0;}
|
||||
.morepic_box ul li:hover .file-panel{ height:30px; transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
|
||||
.morepic_box ul li.add_morepic{ font-size: 50px; height: 160px; line-height: 160px; text-align: center; cursor: pointer; background: #ececec}
|
||||
.morepic_box ul li.add_morepic:hover{background:#28b779;color:#ffffff;}
|
||||
|
||||
|
||||
#wrapper {
|
||||
width: 980px;
|
||||
margin: 0 auto;
|
||||
|
||||
margin: 1em;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#container {
|
||||
border: 1px solid #dadada;
|
||||
color: #838383;
|
||||
font-size: 12px;
|
||||
margin-top: 10px;
|
||||
width:90%;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
#uploader .queueList {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.element-invisible {
|
||||
position: absolute !important;
|
||||
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
|
||||
clip: rect(1px,1px,1px,1px);
|
||||
}
|
||||
|
||||
#uploader .placeholder {
|
||||
border: 3px dashed #e6e6e6;
|
||||
min-height: 238px;
|
||||
padding-top: 158px;
|
||||
text-align: center;
|
||||
background: url(./image.png) center 93px no-repeat;
|
||||
color: #cccccc;
|
||||
font-size: 18px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#uploader .placeholder .webuploader-pick {
|
||||
font-size: 18px;
|
||||
background: #00b7ee;
|
||||
border-radius: 3px;
|
||||
line-height: 44px;
|
||||
padding: 0 30px;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin: 20px auto;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
#uploader .placeholder .webuploader-pick-hover {
|
||||
background: #00a2d4;
|
||||
}
|
||||
|
||||
#uploader .placeholder .flashTip {
|
||||
color: #666666;
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
bottom: 20px;
|
||||
}
|
||||
#uploader .placeholder .flashTip a {
|
||||
color: #0785d1;
|
||||
text-decoration: none;
|
||||
}
|
||||
#uploader .placeholder .flashTip a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#uploader .placeholder.webuploader-dnd-over {
|
||||
border-color: #999999;
|
||||
}
|
||||
|
||||
#uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied {
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
#uploader .filelist {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#uploader .filelist:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#uploader .filelist li {
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
background: url(./bg.png) no-repeat;
|
||||
text-align: center;
|
||||
margin: 0 8px 20px 0;
|
||||
position: relative;
|
||||
display: inline;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#uploader .filelist li p.log {
|
||||
position: relative;
|
||||
top: -45px;
|
||||
}
|
||||
|
||||
#uploader .filelist li p.title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow : ellipsis;
|
||||
top: 5px;
|
||||
text-indent: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#uploader .filelist li p.progress {
|
||||
margin: 0px;
|
||||
background: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
z-index: 50;
|
||||
}
|
||||
#uploader .filelist li p.progress span {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: #1483d8 url(./progress.png) repeat-x;
|
||||
|
||||
-webit-transition: width 200ms linear;
|
||||
-moz-transition: width 200ms linear;
|
||||
-o-transition: width 200ms linear;
|
||||
-ms-transition: width 200ms linear;
|
||||
transition: width 200ms linear;
|
||||
|
||||
-webkit-animation: progressmove 2s linear infinite;
|
||||
-moz-animation: progressmove 2s linear infinite;
|
||||
-o-animation: progressmove 2s linear infinite;
|
||||
-ms-animation: progressmove 2s linear infinite;
|
||||
animation: progressmove 2s linear infinite;
|
||||
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
|
||||
@-webkit-keyframes progressmove {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 17px 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes progressmove {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 17px 0;
|
||||
}
|
||||
}
|
||||
@keyframes progressmove {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 17px 0;
|
||||
}
|
||||
}
|
||||
|
||||
#uploader .filelist li p.imgWrap {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
line-height: 110px;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-o-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
|
||||
-webit-transition: 200ms ease-out;
|
||||
-moz-transition: 200ms ease-out;
|
||||
-o-transition: 200ms ease-out;
|
||||
-ms-transition: 200ms ease-out;
|
||||
transition: 200ms ease-out;
|
||||
}
|
||||
|
||||
#uploader .filelist li img {
|
||||
min-width: 110px;
|
||||
min-height:110px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#uploader .filelist li p.error {
|
||||
background: #f43838;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#uploader .filelist li .success {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
z-index: 200;
|
||||
background: url(./success.png) no-repeat right bottom;
|
||||
}
|
||||
|
||||
#uploader .filelist div.file-panel {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
|
||||
background: rgba( 0, 0, 0, 0.5 );
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
z-index: 300;
|
||||
}
|
||||
|
||||
#uploader .filelist div.file-panel span {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: inline;
|
||||
float: right;
|
||||
text-indent: -9999px;
|
||||
overflow: hidden;
|
||||
background: url(./icons.png) no-repeat;
|
||||
margin: 5px 1px 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#uploader .filelist div.file-panel span.rotateLeft {
|
||||
background-position: 0 -24px;
|
||||
}
|
||||
#uploader .filelist div.file-panel span.rotateLeft:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
#uploader .filelist div.file-panel span.rotateRight {
|
||||
background-position: -24px -24px;
|
||||
}
|
||||
#uploader .filelist div.file-panel span.rotateRight:hover {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
|
||||
#uploader .filelist div.file-panel span.cancel {
|
||||
background-position: -48px -24px;
|
||||
}
|
||||
#uploader .filelist div.file-panel span.cancel:hover {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
|
||||
#uploader .statusBar {
|
||||
height: 63px;
|
||||
border-top: 1px solid #dadada;
|
||||
padding: 0 20px;
|
||||
line-height: 63px;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#uploader .statusBar .progress {
|
||||
border: 1px solid #1483d8;
|
||||
width: 198px;
|
||||
background: #fff;
|
||||
height: 18px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
color: #6dbfff;
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#uploader .statusBar .progress span.percentage {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: #1483d8;
|
||||
position: absolute;
|
||||
}
|
||||
#uploader .statusBar .progress span.text {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#uploader .statusBar .info {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
#uploader .statusBar .btns {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
#filePicker2 {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#uploader .statusBar .btns .webuploader-pick,
|
||||
#uploader .statusBar .btns .uploadBtn,
|
||||
#uploader .statusBar .btns .uploadBtn.state-uploading,
|
||||
#uploader .statusBar .btns .uploadBtn.state-paused {
|
||||
background: #ffffff;
|
||||
border: 1px solid #cfcfcf;
|
||||
color: #565656;
|
||||
padding: 0 18px;
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
float: left;
|
||||
}
|
||||
#uploader .statusBar .btns .webuploader-pick-hover,
|
||||
#uploader .statusBar .btns .uploadBtn:hover,
|
||||
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
|
||||
#uploader .statusBar .btns .uploadBtn.state-paused:hover {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
#uploader .statusBar .btns .uploadBtn {
|
||||
background: #00b7ee;
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
}
|
||||
#uploader .statusBar .btns .uploadBtn:hover {
|
||||
background: #00a2d4;
|
||||
}
|
||||
|
||||
#uploader .statusBar .btns .uploadBtn.disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/*进度条样式*/
|
||||
.bakeing{ width: 100%; background: rgba(0,0,0,0.7); position:fixed; height: 100%; top:0px; left:0px; z-index: 9999; display: none;}
|
||||
.bakeing .progress{ margin-top: 300px; width: 60%; margin-left: auto; margin-right:auto; }
|
||||
.bakeing .progress{ height: 40px; border-radius:20px;}
|
||||
.bakeing .progress .bar{font-size:20px;line-height: 40px;}
|
||||
|
||||
.choose_file{background: #00b7ee;border: 0px;color: #fff;height: 30px}
|
||||
@@ -0,0 +1,92 @@
|
||||
/* the norm */
|
||||
#gritter-notice-wrapper {
|
||||
position:fixed;
|
||||
top:50px;
|
||||
right:10px;
|
||||
width:301px;
|
||||
z-index:989;
|
||||
cursor:pointer;
|
||||
}
|
||||
#gritter-notice-wrapper.top-left {
|
||||
left: 20px;
|
||||
right: auto;
|
||||
}
|
||||
#gritter-notice-wrapper.bottom-right {
|
||||
top: auto;
|
||||
left: auto;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
#gritter-notice-wrapper.bottom-left {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: 20px;
|
||||
left: 20px;
|
||||
}
|
||||
.gritter-item-wrapper {
|
||||
position:relative;
|
||||
margin:0 0 10px 0;
|
||||
}
|
||||
|
||||
.gritter-top, .gritter-bottom {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.gritter-item {
|
||||
display:block;
|
||||
background: #f74d4d; /* Old browsers */
|
||||
color:#2b2b2b; box-shadow:3px 3px 20px #000;
|
||||
padding:7px 10px 10px;
|
||||
font-size: 11px; color:#fff;
|
||||
font-family:verdana;
|
||||
}
|
||||
.hover .gritter-item {
|
||||
}
|
||||
.gritter-item p {
|
||||
padding:0;
|
||||
margin:0;
|
||||
word-wrap:break-word;
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.gritter-close {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:-7px;
|
||||
right:-9px;
|
||||
background:url(../img/gritter.png) no-repeat left top;
|
||||
cursor:pointer;
|
||||
width:30px;
|
||||
height:30px;
|
||||
}
|
||||
.gritter-title {
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
padding:0 0 7px 0;
|
||||
display:block;
|
||||
}
|
||||
.gritter-image {
|
||||
width:32px;
|
||||
height:32px;
|
||||
float:left;
|
||||
margin: 5px;
|
||||
}
|
||||
.gritter-with-image,
|
||||
.gritter-without-image {
|
||||
padding:0;
|
||||
}
|
||||
.gritter-with-image {
|
||||
width:220px;
|
||||
float:right;
|
||||
}
|
||||
/* for the light (white) version of the gritter notice */
|
||||
.gritter-light .gritter-item,
|
||||
.gritter-light .gritter-bottom,
|
||||
.gritter-light .gritter-top,
|
||||
.gritter-light .gritter-close {
|
||||
background-image: url(../img/gritter-light.png);
|
||||
color: #222;
|
||||
}
|
||||
.gritter-light .gritter-title {
|
||||
text-shadow: none;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,175 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#636363; font-size:14px; width:100%; background:#ffffff;}
|
||||
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#646464; font-size:12px;}
|
||||
a:hover{ text-decoration:none;}
|
||||
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
|
||||
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
|
||||
li{ list-style:none;}
|
||||
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important;}
|
||||
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
|
||||
img{ max-width:100% !important;}
|
||||
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
|
||||
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#ccc; font-size:14px;}
|
||||
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#ccc; font-size:14px;}
|
||||
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#ccc; font-size:14px;}
|
||||
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#ccc; font-size:14px;}
|
||||
.fl{ float:left;}
|
||||
.fr{ float:right;}
|
||||
.pc{ display:block;}
|
||||
.mo{ display:none;}
|
||||
/*黑白照片*/
|
||||
.gray {
|
||||
-webkit-filter: grayscale(100%);
|
||||
-moz-filter: grayscale(100%);
|
||||
-ms-filter: grayscale(100%);
|
||||
-o-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
filter: gray;
|
||||
}
|
||||
|
||||
.gray:hover {
|
||||
-webkit-filter: grayscale(0%);
|
||||
-moz-filter: grayscale(0%);
|
||||
-ms-filter: grayscale(0%);
|
||||
-o-filter: grayscale(0%);
|
||||
filter: grayscale(0%);
|
||||
filter: gray;
|
||||
}
|
||||
/*圆角5px*/
|
||||
.radius5{
|
||||
-webkit-border-radius:5px;
|
||||
-moz-border-radius:5px;
|
||||
-ms-border-radius:5px;
|
||||
-o-border-radius:5px;
|
||||
border-radius:5px;
|
||||
}
|
||||
/*圆角10px*/
|
||||
.radius10{
|
||||
-webkit-border-radius:10px;
|
||||
-moz-border-radius:10px;
|
||||
-ms-border-radius:10px;
|
||||
-o-border-radius:10px;
|
||||
border-radius:10px;
|
||||
}
|
||||
/*图片变大*/
|
||||
.tra{
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
filter: scale(1);
|
||||
filter: transform;
|
||||
transition: all 0.5s ease 0s;
|
||||
-webkit-transform: all 0.5s ease 0s;
|
||||
}
|
||||
.tra:hover{
|
||||
-webkit-transform: scale(1.15);
|
||||
-moz-transform: scale(1.15);
|
||||
-ms-transform: scale(1.15);
|
||||
-o-transform: scale(1.15);
|
||||
filter: scale(1.15);
|
||||
filter: transform;
|
||||
transition: all 0.5s ease 0s;
|
||||
-webkit-transform: all 0.5s ease 0s;
|
||||
}
|
||||
/*透明度50%*/
|
||||
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}
|
||||
|
||||
.shadow5{
|
||||
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
|
||||
-moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
|
||||
-ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
|
||||
-o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
|
||||
box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
|
||||
}
|
||||
|
||||
.shadow10{
|
||||
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
|
||||
-moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
|
||||
-ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
|
||||
-o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
|
||||
box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
|
||||
}
|
||||
|
||||
.close_div{ width:50%; margin:auto;padding-bottom:30px;}
|
||||
.close{ margin:auto; width:100%; height:30px; line-height:30px; border-radius:5px; background:#BC191C; color:#fff; font-size:14px; }
|
||||
.close:hover{ background:#FF0004;cursor:pointer;}
|
||||
|
||||
|
||||
.textpage{ width:1150px; max-width:98%; margin: 0 auto; margin-bottom:14px;}
|
||||
.textpage .textpage_top{ padding:17px 0; border-bottom:#d6d6d6 dotted 1px; position:relative;}
|
||||
.textpage .textpage_top .zihao{ display:inline-block; top:24px; right:20px; height:0; position:absolute; z-index:1;}
|
||||
.textpage .textpage_top .zihao div{ float:left; width:50px; height:26px; text-align:center; line-height:26px; font-size:17px; color:#333333; border:#eaeaea solid 1px; border-radius:3px; margin-left:6px; cursor:pointer;}
|
||||
--.textpage .textpage_top .zihao div:hover{ border:#bf2625 solid 1px; color:#bf2625;}
|
||||
.textpage .textpage_top .textpage_title{ width:100%; text-align:center; color:#333333; font-size:24px; line-height:24px; padding:10px 0;}
|
||||
.textpage .textpage_bottom{ width:100%; text-align:center; height:14px; overflow:hidden;}
|
||||
.textpage .textpage_bottom div{ display:inline-block; text-align:left;}
|
||||
.textpage .textpage_bottom div span{ color:#999999; line-height:14px; font-size:12px; margin:0 15px; padding-left:20px; float:left;}
|
||||
.textpage .textpage_bottom div span.textpage_bottom1{ background:url(../images/bg3q.png) no-repeat 0 50%;}
|
||||
.textpage .textpage_bottom div span.textpage_bottom2{ background:url(../images/bg3w.png) no-repeat 0 50%;}
|
||||
.textpage .textpage_bottom div span.textpage_bottom3{ background:url(../images/bg3e.png) no-repeat 0 50%;}
|
||||
|
||||
.textpage .newstext{ line-height:1.72em; padding:20px 15px;}
|
||||
.textpage .link_box{ width:94%; margin:0 3%; height:52px; border-top:#d6d6d6 solid 1px;}
|
||||
.textpage .link_box .prv_page{ float:left;}
|
||||
.textpage .link_box .nex_page{ float:right;}
|
||||
.textpage .link_box div{ max-width:50%;}
|
||||
.textpage .link_box div a{ color:#333333; white-space:pre; overflow:hidden; text-overflow:ellipsis; max-width:100%; font-size:13px; line-height:52px; display:inline-block;}
|
||||
|
||||
.video{ width:790px; height:434px; position:relative; display:inline-block; margin:15px 0;}
|
||||
|
||||
|
||||
|
||||
|
||||
.dzs .zsdt_xun .zsdt_xun_img{ background:#c4c4c4; -webkit-align-items:center; display:-webkit-flex;-webkit-justify-content:center; }
|
||||
.dzs .zsdt_xun .zsdt_xun_img img{ width:auto;}
|
||||
--.dzs .zsdt_xun:hover .zsdt_xun_img{ background:#bf2625;}
|
||||
|
||||
.wzlb_box{ width:100%; margin-bottom:20px;}
|
||||
.wzlb_box .wzlb_xun{ width:100%; display:inline-block; float:left; border-bottom:#dfdfdf solid 1px; height:50px; position:relative;}
|
||||
--.wzlb_box .wzlb_xun .wzlb_xun_left{ background:url(../images/bg12.png) no-repeat 12px 50%; width:100%; padding:0 72px 0 35px; color:#555555; line-height:50px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:pre;}
|
||||
.wzlb_box .wzlb_xun .wzlb_xun_right{ position:absolute; width:72px; top:0; right:0; color:#999999; line-height:50px; font-size:13px;}
|
||||
--.wzlb_box .wzlb_xun:hover .wzlb_xun_left{ background:url(../images/bg12q.png) no-repeat 12px 50%; color:#b61110;}
|
||||
|
||||
.wzlb_top{ width:100%; border-bottom:#cfcfcf solid 1px; height:40px;}
|
||||
.wzlb_top .wzlb_top_left{ border-bottom:#b61110 solid 1px; font-size:22px; color:#333333; line-height:40px; display:inline-block; float:left;}
|
||||
.wzlb_top .wzlb_top_right{ width:72px; float:right; font-size:15px; color:#333333; font-weight:bolder;}
|
||||
|
||||
|
||||
@media screen and (max-width:1040px){
|
||||
.pc{ display:block;}
|
||||
.mo{ display:none;}
|
||||
.disable_text_highlighting,body {
|
||||
/*去除选中高亮*/
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none; /* Webkit */
|
||||
-moz-user-select: none; /* Firefox */
|
||||
-ms-user-select: none; /* IE 10 */
|
||||
/* Opera 目前不支持在Opera，但将很快 */
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.wxgzh{ display:none;}
|
||||
.textpage .textpage_top .zihao{ display:none;}
|
||||
}
|
||||
@media screen and (max-width:770px){
|
||||
|
||||
.textpage .textpage_top .textpage_title{ font-size:19px;}
|
||||
.textpage .newstext{ padding:2%;}
|
||||
.video{ width:100%; height:auto;}
|
||||
.index_div .index_box .index .index_xun .index_text .index_small{ display:none;}
|
||||
.index_div .index_box .index .index_xun .index_text .index_title{ height:80px; white-space:normal; margin-bottom:25px;}
|
||||
.index_date{ display: block;}
|
||||
div.point a{ width:10px; height:10px;}
|
||||
|
||||
#btn_prev, #btn_next{ display:none !important;}
|
||||
|
||||
div.point{ margin:0 0 0 -30px; bottom:15px;}
|
||||
.footer .footer_nei2 a{ display:none;}
|
||||
.textpage .link_box{ height:auto;}
|
||||
.textpage{ border-radius:5px;}
|
||||
.textpage .link_box div{ width:100%; max-width:100%; float:left;}
|
||||
.textpage .link_box div a{ line-height:30px;}
|
||||
}
|
||||
@@ -0,0 +1,246 @@
|
||||
html,body {
|
||||
font-size: 14px;
|
||||
font-family: "微软雅黑", Helvetica, Tahoma, Arial, sans-serif;
|
||||
color: #000;
|
||||
background-color: #30333F;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
.cf:before,.cf:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.cf:after {
|
||||
clear: both;
|
||||
}
|
||||
.cf {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
/* 登陆页样式
|
||||
------------------------------------------ */
|
||||
.login-main {
|
||||
margin: 0 auto;
|
||||
width: 960px;
|
||||
}
|
||||
.login-header {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
.login-body {
|
||||
margin-bottom: 10px;
|
||||
height: 448px;
|
||||
}
|
||||
.login-body .pr {
|
||||
position: relative;
|
||||
height: 448px;
|
||||
}
|
||||
.login-form {
|
||||
width: 290px;
|
||||
margin: 100px auto;
|
||||
padding: 25px 30px 13px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 26px #041A36;
|
||||
border-top: 8px solid #42EC00;
|
||||
}
|
||||
.login-form h3 {
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
line-height: 44px;
|
||||
text-align: center;
|
||||
color: #8D9CAA;
|
||||
*line-height: 50px;
|
||||
}
|
||||
.login-logo {
|
||||
display: inline-block;
|
||||
margin-right: 12px;
|
||||
width: 30px;
|
||||
height: 44px;
|
||||
vertical-align: top;
|
||||
background: url(../img/login_logo.png) no-repeat 0 0 ;
|
||||
}
|
||||
.login-form .check-tips {
|
||||
color: #ff0000;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.login-form .item-box {
|
||||
/* box-shadow: 0 1px 3px rgba(170, 170, 170, 0.8) inset; */
|
||||
/* background-color: #fff; */
|
||||
}
|
||||
.login-form .item-box .item {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.login-form .item {
|
||||
padding: 3px 10px 3px 12px;
|
||||
border: 1px solid #ececec;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.login-form .focus {
|
||||
border: 1px solid #A6E1F3;
|
||||
box-shadow: 0 0 12px #BAF7FF;
|
||||
}
|
||||
.login-form .icon-login-user,
|
||||
.login-form .icon-login-pwd,
|
||||
.login-form .icon-login-verifycode {
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
background: url("../img/icon24_login.png") no-repeat;
|
||||
}
|
||||
.login-form .icon-login-user {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.login-form .icon-login-pwd {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
.login-form .icon-login-verifycode {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
.login-form input {
|
||||
padding: 8px 0;
|
||||
width: 220px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 16px;
|
||||
font-family: "微软雅黑", arial, sans-serif;
|
||||
vertical-align: middle;
|
||||
border: 0 none;
|
||||
background-color: #fff;
|
||||
outline: 0;
|
||||
resize: none;
|
||||
color:#686868;
|
||||
*padding: 7px 0;
|
||||
}
|
||||
#itemBox {
|
||||
position: relative;
|
||||
}
|
||||
.placeholder_copy {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 48px;
|
||||
font-size: 16px;
|
||||
color: #ADADAD;
|
||||
}
|
||||
.placeholder_un {
|
||||
top: 13px;
|
||||
}
|
||||
.placeholder_pwd {
|
||||
top: 69px;
|
||||
}
|
||||
.placeholder_check {
|
||||
top: 125px;
|
||||
}
|
||||
.login-form .focus {
|
||||
}
|
||||
.login-form .verifycode input {
|
||||
width: 166px;
|
||||
font-size:16px;
|
||||
}
|
||||
.login-form .verifycode img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.login-form .login_btn_panel {
|
||||
margin: 20px 0 10px;
|
||||
}
|
||||
.login-form .login-btn {
|
||||
padding: 3px 0;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
font-family: '微软雅黑',arial,verdana;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
background-color: #40C402;
|
||||
}
|
||||
.login-form .login-btn:hover {
|
||||
background-color: #42EC00;
|
||||
}
|
||||
.login-form .login-btn[disabled] {
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
cursor: default;
|
||||
box-shadow: none;
|
||||
}
|
||||
.login-form .login-btn .in {
|
||||
display: none;
|
||||
}
|
||||
.login-form .log-in .in {
|
||||
display: inline-block;
|
||||
}
|
||||
.login-form .log-in .on {
|
||||
display: none;
|
||||
}
|
||||
.icon-loading {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: -3px;
|
||||
background: url(../img/loading_icon.gif) no-repeat 0 0;
|
||||
}
|
||||
|
||||
/* 底部 */
|
||||
.login-footer {
|
||||
line-height: 2.0;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
position:fixed;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
}
|
||||
.login-main p{
|
||||
position:fixed;
|
||||
bottom:0;
|
||||
margin:0;
|
||||
text-align:center;
|
||||
left:0;
|
||||
right:0;
|
||||
background:#30333F;
|
||||
}
|
||||
.footer-link a {
|
||||
color: #2A72C5;
|
||||
text-decoration: none;
|
||||
}
|
||||
.footer-link a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.footer-link span {
|
||||
color: #2A72C5;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
input:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
||||
}
|
||||
.logo-img {
|
||||
margin: -20px 0 9px 0;;
|
||||
height: 49px;
|
||||
background: url(../img/logo.png) no-repeat 0 center;
|
||||
}
|
||||
|
||||
.welcome{
|
||||
color:#ddd;
|
||||
padding:1px;
|
||||
}
|
||||
|
||||
.reloadverify{
|
||||
color:#69C3FF;
|
||||
}
|
||||
|
||||
img.verifyimg{
|
||||
border: 1px solid #ececec;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
html, body { width: 100%; height: 100%;}
|
||||
/*Bootstrap-overlay*/
|
||||
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
margin-top: -10px; font-family: 'Open Sans', sans-serif; font-size:12px; color:#666;
|
||||
}
|
||||
a{color:#666;}
|
||||
a:hover, a:focus {
|
||||
text-decoration: none; color:#28b779;
|
||||
}
|
||||
.dropdown-menu .divider{ margin:4px 0px;}
|
||||
.dropdown-menu{ min-width:180px;}
|
||||
.dropdown-menu > li > a{ padding:3px 10px; color:#666; font-size:12px;}
|
||||
.dropdown-menu > li > a i{ padding-right:3px;}
|
||||
.userphoto img{ width:19px; height:19px;}
|
||||
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert{ border-radius:0px;}
|
||||
.btn, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ box-shadow:none;}
|
||||
.progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary{background-image:none;}
|
||||
.accordion-heading h5{ width:70%; }
|
||||
.form-horizontal .form-actions{ padding-left:20px; }
|
||||
#footer{ padding:10px; text-align:center;}
|
||||
hr{ border-top-color:#dadada;}
|
||||
.carousel{ margin-bottom:0px;}
|
||||
.fl { float:left}
|
||||
.fr {float:right}
|
||||
.label-important, .badge-important{ background:#f74d4d;}
|
||||
|
||||
/*Metro Background color class*/
|
||||
.bg_lb{ background:#27a9e3;}
|
||||
.bg_db{ background:#2295c9;}
|
||||
.bg_lg{ background:#28b779;}
|
||||
.bg_dg{ background:#28b779;}
|
||||
.bg_ly{ background:#ffb848;}
|
||||
.bg_dy{ background:#da9628;}
|
||||
.bg_ls{ background:#2255a4;}
|
||||
.bg_lo{ background:#da542e;}
|
||||
.bg_lr{ background:#f74d4d;}
|
||||
.bg_lv{ background:#603bbc;}
|
||||
.bg_lh{ background:#b6b3b3;}
|
||||
|
||||
body { background-color:#2E363F; padding: 0; margin-top:10%;}
|
||||
#logo, #loginbox { width: 32%; margin-left: auto; margin-right: auto; position: relative;}
|
||||
#logo img { margin: 0 auto; display: block;}
|
||||
#loginbox { overflow: hidden !important; text-align: left; position: relative; }
|
||||
#loginbox form{ width:100%; background:#2E363F; position:relative; top:0; left:0; }
|
||||
#loginbox .form-actions { padding: 14px 20px 15px;}
|
||||
#loginbox .form-actions .pull-left { margin-top:0px;}
|
||||
#loginbox form#loginform { z-index: 200; display:block;}
|
||||
#loginbox form#recoverform { z-index: 100; display:none;}
|
||||
#loginbox form#recoverform .form-actions { margin-top: 10px;}
|
||||
#loginbox .main_input_box { margin:0 auto; text-align:center; font-size:13px;}
|
||||
#loginbox .main_input_box .add-on{ padding:9px 9px; *line-height:31px; color:#fff; width:30px; display:inline-block;}
|
||||
#loginbox .main_input_box input{ height:30px; border:0px; display:inline-block; width:75%; line-height:28px; margin-bottom:3px;}
|
||||
#loginbox .controls{ padding:0 20px;}
|
||||
#loginbox .control-group{ padding:20px 0; margin-bottom:0px;}
|
||||
.form-vertical, .form-actions { margin-bottom: 0; background:none; border-top:1px solid #3f4954; }
|
||||
#loginbox .normal_text{ padding:15px 10px; text-align:center; font-size:14px; line-height:20px; background:#2E363F; color:#fff; }
|
||||
@media (max-width:800px){
|
||||
#logo { width: 60%; }
|
||||
#loginbox{ width:80%}
|
||||
}
|
||||
@media (max-width: 480px){
|
||||
#logo { width: 40%; }
|
||||
#loginbox{ width:90%}
|
||||
#loginbox .control-group{ padding:8px 0; margin-bottom:0px;}
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
body {
|
||||
background:#2E363F;
|
||||
}
|
||||
|
||||
#header {
|
||||
background-color: #1f262d;
|
||||
margin-top:10px;
|
||||
}
|
||||
#search input[type=text], #search button {
|
||||
background-color: #28b779;
|
||||
}
|
||||
#search input[type=text]:focus {
|
||||
color: #777777;
|
||||
}
|
||||
#sidebar > ul{border-bottom: 1px solid #37414b}
|
||||
#sidebar > ul > li {
|
||||
border-top: 1px solid #37414b; border-bottom: 1px solid #1f262d;
|
||||
}
|
||||
#sidebar > ul > li.active {
|
||||
background-color: #27a9e3; border-bottom: 1px solid #27a9e3; border-top: 1px solid #27a9e3;
|
||||
}
|
||||
#sidebar > ul > li.active a{ color:#fff; text-decoration:none;}
|
||||
|
||||
#sidebar > ul > li > a > .label {
|
||||
background-color:#F66;
|
||||
}
|
||||
#sidebar > ul > li > a:hover {
|
||||
background-color: #27a9e3; color:#fff;
|
||||
}
|
||||
#sidebar > ul > li.open > a{
|
||||
background-color: #27a9e3; color:#fff;
|
||||
}
|
||||
#sidebar > ul > li.submenu.open > a{
|
||||
background-color: rgb(46,54,63); color:#939da8;
|
||||
}
|
||||
#sidebar > ul li ul {
|
||||
background-color: #1e242b;
|
||||
}
|
||||
#sidebar > ul li ul li a{ color:#939da8}
|
||||
#sidebar > ul li ul li a:hover, #sidebar > ul li ul li.active a {
|
||||
color: #fff;
|
||||
background-color: #28b779;
|
||||
}
|
||||
|
||||
|
||||
#search input[type=text] {
|
||||
background-color: #47515b; color: #fff;
|
||||
}
|
||||
#search input[type=text]:focus {
|
||||
color: #2e363f; color: #fff; box-shadow:none;
|
||||
}
|
||||
.dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover {
|
||||
color: #eeeeee;
|
||||
background:#666;
|
||||
|
||||
}
|
||||
.top_message{ float:right; padding:20px 12px; position:relative; top:-13px; border-left:1px solid #3D3A37; font-size:14px; line-height:20px; *line-height:20px; color:#333; text-align:center; vertical-align:middle; cursor:pointer; }
|
||||
.top_message:hover{ background:#000}
|
||||
.rightzero{ right:0px; display:none;}
|
||||
@media (max-width: 480px) {
|
||||
#sidebar > a {
|
||||
background:#27a9e3;
|
||||
|
||||
}
|
||||
.quick-actions_homepage .quick-actions li{ min-width:100%;}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 970px) {.quick-actions_homepage .quick-actions li{ min-width:20.5%;}}
|
||||
@media (min-width: 481px) and (max-width: 767px) {
|
||||
#sidebar > ul ul:before {
|
||||
}
|
||||
#sidebar > ul ul:after {
|
||||
border-right: 6px solid #222222;
|
||||
}
|
||||
.quick-actions_homepage .quick-actions li{ min-width:47%;}
|
||||
}
|
||||
div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
|
||||
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica; font-size:13px;}
|
||||
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px; }
|
||||
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px; margin-right:5px; margin-bottom:5px; }
|
||||
div.tagsinput div { display:block; float: left; }
|
||||
.tags_clear { clear: both; width: 100%; height: 0px; }
|
||||
.not_valid {background: #FBD8DB !important; color: #90111A !important;}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,691 @@
|
||||
/*
|
||||
Version: 3.5.3 Timestamp: Wed Aug 19 21:55:46 EDT 2015
|
||||
*/
|
||||
.select2-container {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.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
|
||||
*/
|
||||
-webkit-box-sizing: border-box; /* webkit */
|
||||
-moz-box-sizing: border-box; /* firefox */
|
||||
box-sizing: border-box; /* css3 */
|
||||
}
|
||||
|
||||
.select2-container .select2-choice {
|
||||
display: block;
|
||||
height: 30px;
|
||||
padding: 0 0 0 8px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
border: 1px solid #aaa;
|
||||
white-space: nowrap;
|
||||
line-height: 30px;
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
|
||||
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
|
||||
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
|
||||
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
|
||||
background-image: linear-gradient(to top, #eee 0%, #fff 50%);
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container .select2-choice {
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
|
||||
.select2-container.select2-drop-above .select2-choice {
|
||||
border-bottom-color: #aaa;
|
||||
|
||||
border-radius: 0 0 4px 4px;
|
||||
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
|
||||
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
|
||||
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
|
||||
background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
|
||||
}
|
||||
|
||||
.select2-container.select2-allowclear .select2-choice .select2-chosen {
|
||||
margin-right: 42px;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice > .select2-chosen {
|
||||
margin-right: 26px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
|
||||
margin-left: 26px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice abbr {
|
||||
display: none;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
top: 8px;
|
||||
|
||||
font-size: 1px;
|
||||
text-decoration: none;
|
||||
|
||||
border: 0;
|
||||
background: url('../img/select2.png') right top no-repeat;
|
||||
cursor: pointer;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.select2-container.select2-allowclear .select2-choice abbr {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice abbr:hover {
|
||||
background-position: right -11px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select2-drop-mask {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
opacity: 0;
|
||||
z-index: 9998;
|
||||
/* styles required for IE to work */
|
||||
background-color: #fff;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
|
||||
.select2-drop {
|
||||
width: 100%;
|
||||
margin-top: -1px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
top: 100%;
|
||||
|
||||
background: #fff;
|
||||
color: #000;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
|
||||
border-radius: 0 0 4px 4px;
|
||||
|
||||
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above {
|
||||
margin-top: 1px;
|
||||
border-top: 1px solid #aaa;
|
||||
border-bottom: 0;
|
||||
|
||||
border-radius: 4px 4px 0 0;
|
||||
|
||||
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
|
||||
box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
|
||||
}
|
||||
|
||||
.select2-drop-active {
|
||||
border: 1px solid #5897fb;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above.select2-drop-active {
|
||||
border-top: 1px solid #5897fb;
|
||||
}
|
||||
|
||||
.select2-drop-auto-width {
|
||||
border-top: 1px solid #aaa;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice .select2-arrow {
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
|
||||
border-left: 1px solid #aaa;
|
||||
border-radius: 0 4px 4px 0;
|
||||
|
||||
background-clip: padding-box;
|
||||
|
||||
background: #ccc;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
|
||||
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
|
||||
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
|
||||
background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
|
||||
left: 0;
|
||||
right: auto;
|
||||
|
||||
border-left: none;
|
||||
border-right: 1px solid #aaa;
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice .select2-arrow b {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('../img/select2.png') no-repeat 0 1px;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
|
||||
background-position: 2px 1px;
|
||||
}
|
||||
|
||||
.select2-search {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
min-height: 26px;
|
||||
margin: 0;
|
||||
padding: 4px 4px 0 4px;
|
||||
|
||||
position: relative;
|
||||
z-index: 10000;
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
min-height: 26px;
|
||||
padding: 4px 20px 4px 5px;
|
||||
margin: 0;
|
||||
|
||||
outline: 0;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 0;
|
||||
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
|
||||
background: #fff url('../img/select2.png') no-repeat 100% -22px;
|
||||
background: url('../img/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
|
||||
background: url('../img/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
|
||||
background: url('../img/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
|
||||
background: url('../img/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-search input {
|
||||
padding: 4px 5px 4px 20px;
|
||||
|
||||
background: #fff url('../img/select2.png') no-repeat -37px -22px;
|
||||
background: url('../img/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
|
||||
background: url('../img/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
|
||||
background: url('../img/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
|
||||
background: url('../img/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
|
||||
}
|
||||
|
||||
.select2-search input.select2-active {
|
||||
background: #fff url('select2-spinner.gif') no-repeat 100%;
|
||||
background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
|
||||
background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
|
||||
background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
|
||||
background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
|
||||
}
|
||||
|
||||
.select2-container-active .select2-choice,
|
||||
.select2-container-active .select2-choices {
|
||||
border: 1px solid #5897fb;
|
||||
outline: none;
|
||||
|
||||
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice {
|
||||
border-bottom-color: transparent;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
background-color: #eee;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
|
||||
background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
|
||||
background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
|
||||
background-image: linear-gradient(to top, #fff 0%, #eee 50%);
|
||||
}
|
||||
|
||||
.select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.select2-dropdown-open.select2-drop-above .select2-choices {
|
||||
border: 1px solid #5897fb;
|
||||
border-top-color: transparent;
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
|
||||
background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
|
||||
background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice .select2-arrow {
|
||||
background: transparent;
|
||||
border-left: none;
|
||||
filter: none;
|
||||
}
|
||||
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice .select2-arrow b {
|
||||
background-position: -18px 1px;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
|
||||
background-position: -16px 1px;
|
||||
}
|
||||
|
||||
.select2-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
/* results */
|
||||
.select2-results {
|
||||
max-height: 200px;
|
||||
padding: 0 0 0 4px;
|
||||
margin: 4px 4px 4px 0;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-results {
|
||||
padding: 0 4px 0 0;
|
||||
margin: 4px 0 4px 4px;
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub {
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.select2-results li {
|
||||
list-style: none;
|
||||
display: list-item;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.select2-results li.select2-result-with-children > .select2-result-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.select2-results .select2-result-label {
|
||||
padding: 3px 7px 4px;
|
||||
margin: 0;
|
||||
|
||||
|
||||
min-height: 1em;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.select2-results-dept-1 .select2-result-label { padding-left: 20px }
|
||||
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
|
||||
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
|
||||
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
|
||||
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
|
||||
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
|
||||
.select2-results-dept-7 .select2-result-label { padding-left: 120px }
|
||||
|
||||
.select2-results .select2-highlighted {
|
||||
background: #3875d7;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.select2-results li em {
|
||||
background: #feffde;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted ul {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.select2-results .select2-no-results,
|
||||
.select2-results .select2-searching,
|
||||
.select2-results .select2-ajax-error,
|
||||
.select2-results .select2-selection-limit {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
/*
|
||||
disabled look for disabled 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:not-allowed;
|
||||
}
|
||||
|
||||
.select2-results .select2-selected {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-more-results.select2-active {
|
||||
background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-results .select2-ajax-error {
|
||||
background: rgba(255, 50, 50, .2);
|
||||
}
|
||||
|
||||
.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 .select2-arrow {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice abbr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* multiselect */
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
margin: 0;
|
||||
padding: 0 5px 0 0;
|
||||
position: relative;
|
||||
|
||||
border: 1px solid #aaa;
|
||||
cursor: text;
|
||||
overflow: hidden;
|
||||
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
|
||||
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
|
||||
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
|
||||
background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container-multi .select2-choices {
|
||||
padding: 0 0 0 5px;
|
||||
}
|
||||
|
||||
.select2-locked {
|
||||
padding: 3px 5px 3px 5px !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
min-height: 26px;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #5897fb;
|
||||
outline: none;
|
||||
|
||||
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
|
||||
}
|
||||
.select2-container-multi .select2-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
html[dir="rtl"] .select2-container-multi .select2-choices li
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-field {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input {
|
||||
padding: 5px;
|
||||
margin: 1px 0;
|
||||
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
color: #666;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||
background: #fff url('select2-spinner.gif') no-repeat 100% !important;
|
||||
}
|
||||
|
||||
.select2-default {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice {
|
||||
padding: 3px 5px 3px 18px;
|
||||
margin: 3px 0 3px 5px;
|
||||
position: relative;
|
||||
|
||||
line-height: 13px;
|
||||
color: #333;
|
||||
cursor: default;
|
||||
border: 1px solid #aaaaaa;
|
||||
|
||||
border-radius: 3px;
|
||||
|
||||
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||
|
||||
background-clip: padding-box;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
background-color: #e4e4e4;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
}
|
||||
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
|
||||
{
|
||||
margin: 3px 5px 3px 0;
|
||||
padding: 3px 18px 3px 5px;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
|
||||
cursor: default;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
|
||||
.select2-search-choice-close {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 4px;
|
||||
|
||||
font-size: 1px;
|
||||
outline: none;
|
||||
background: url('../img/select2.png') right top no-repeat;
|
||||
}
|
||||
html[dir="rtl"] .select2-search-choice-close {
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-search-choice-close {
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
|
||||
left: auto;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 3px 5px 3px 5px;
|
||||
border: 1px solid #ddd;
|
||||
background-image: none;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none;
|
||||
background: none;
|
||||
}
|
||||
/* end multiselect */
|
||||
|
||||
|
||||
.select2-result-selectable .select2-match,
|
||||
.select2-result-unselectable .select2-match {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.select2-offscreen, .select2-offscreen:focus {
|
||||
clip: rect(0 0 0 0) !important;
|
||||
width: 1px !important;
|
||||
height: 1px !important;
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden !important;
|
||||
position: absolute !important;
|
||||
outline: 0 !important;
|
||||
left: 0px !important;
|
||||
top: 0px !important;
|
||||
}
|
||||
|
||||
.select2-display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-measure-scrollbar {
|
||||
position: absolute;
|
||||
top: -10000px;
|
||||
left: -10000px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
/* Retina-ize icons */
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
|
||||
.select2-search input,
|
||||
.select2-search-choice-close,
|
||||
.select2-container .select2-choice abbr,
|
||||
.select2-container .select2-choice .select2-arrow b {
|
||||
background-image: url('select2x2.png') !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 60px 40px !important;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
background-position: 100% -21px !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,587 @@
|
||||
/*
|
||||
|
||||
Uniform Theme: Uniform Default
|
||||
Version: 1.6
|
||||
By: Josh Pyles
|
||||
License: MIT License
|
||||
---
|
||||
For use with the Uniform plugin:
|
||||
http://pixelmatrixdesign.com/uniform/
|
||||
---
|
||||
Generated by Uniform Theme Generator:
|
||||
http://pixelmatrixdesign.com/uniform/themer.html
|
||||
|
||||
*/
|
||||
|
||||
/* Global Declaration */
|
||||
|
||||
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/sprite.png);
|
||||
background-repeat: no-repeat;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.selector,
|
||||
.radio,
|
||||
.checker,
|
||||
.uploader,
|
||||
.button,
|
||||
.selector *,
|
||||
.radio *,
|
||||
.checker *,
|
||||
.uploader *,
|
||||
.button *{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* INPUT & TEXTAREA */
|
||||
|
||||
|
||||
|
||||
input.text:focus,
|
||||
input.email:focus,
|
||||
input.password:focus,
|
||||
textarea.uniform:focus {
|
||||
}
|
||||
|
||||
/* SPRITES */
|
||||
|
||||
/* Select */
|
||||
|
||||
div.selector {
|
||||
background-position: -483px -130px;
|
||||
line-height: 26px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
div.selector span {
|
||||
background-position: right 0px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
div.selector select {
|
||||
/* change these to adjust positioning of select element */
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
div.selector:active,
|
||||
div.selector.active {
|
||||
background-position: -483px -156px;
|
||||
}
|
||||
|
||||
div.selector:active span,
|
||||
div.selector.active span {
|
||||
background-position: right -26px;
|
||||
}
|
||||
|
||||
div.selector.focus, div.selector.hover, div.selector:hover {
|
||||
background-position: -483px -182px;
|
||||
}
|
||||
|
||||
div.selector.focus span, div.selector.hover span, div.selector:hover span {
|
||||
background-position: right -52px;
|
||||
}
|
||||
|
||||
div.selector.focus:active,
|
||||
div.selector.focus.active,
|
||||
div.selector:hover:active,
|
||||
div.selector.active:hover {
|
||||
background-position: -483px -208px;
|
||||
}
|
||||
|
||||
div.selector.focus:active span,
|
||||
div.selector:hover:active span,
|
||||
div.selector.active:hover span,
|
||||
div.selector.focus.active span {
|
||||
background-position: right -78px;
|
||||
}
|
||||
|
||||
div.selector.disabled {
|
||||
background-position: -483px -234px;
|
||||
}
|
||||
|
||||
div.selector.disabled span {
|
||||
background-position: right -104px;
|
||||
}
|
||||
|
||||
/* Checkbox */
|
||||
|
||||
div.checker {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
div.checker input {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
div.checker span {
|
||||
background-position: 0px -260px;
|
||||
height: 19px;
|
||||
width: 19px;
|
||||
}
|
||||
|
||||
div.checker:active span,
|
||||
div.checker.active span {
|
||||
background-position: -19px -260px;
|
||||
}
|
||||
|
||||
div.checker.focus span,
|
||||
div.checker:hover span {
|
||||
background-position: -38px -260px;
|
||||
}
|
||||
|
||||
div.checker.focus:active span,
|
||||
div.checker:active:hover span,
|
||||
div.checker.active:hover span,
|
||||
div.checker.focus.active span {
|
||||
background-position: -57px -260px;
|
||||
}
|
||||
|
||||
div.checker span.checked {
|
||||
background-position: -76px -260px;
|
||||
}
|
||||
|
||||
div.checker:active span.checked,
|
||||
div.checker.active span.checked {
|
||||
background-position: -95px -260px;
|
||||
}
|
||||
|
||||
div.checker.focus span.checked,
|
||||
div.checker:hover span.checked {
|
||||
background-position: -114px -260px;
|
||||
}
|
||||
|
||||
div.checker.focus:active span.checked,
|
||||
div.checker:hover:active span.checked,
|
||||
div.checker.active:hover span.checked,
|
||||
div.checker.active.focus span.checked {
|
||||
background-position: -133px -260px;
|
||||
}
|
||||
|
||||
div.checker.disabled span,
|
||||
div.checker.disabled:active span,
|
||||
div.checker.disabled.active span {
|
||||
background-position: -152px -260px;
|
||||
}
|
||||
|
||||
div.checker.disabled span.checked,
|
||||
div.checker.disabled:active span.checked,
|
||||
div.checker.disabled.active span.checked {
|
||||
background-position: -171px -260px;
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
|
||||
div.radio {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
div.radio input {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
div.radio span {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
background-position: 0px -279px;
|
||||
}
|
||||
|
||||
div.radio:active span,
|
||||
div.radio.active span {
|
||||
background-position: -18px -279px;
|
||||
}
|
||||
|
||||
div.radio.focus span,
|
||||
div.radio:hover span {
|
||||
background-position: -36px -279px;
|
||||
}
|
||||
|
||||
div.radio.focus:active span,
|
||||
div.radio:active:hover span,
|
||||
div.radio.active:hover span,
|
||||
div.radio.active.focus span {
|
||||
background-position: -54px -279px;
|
||||
}
|
||||
|
||||
div.radio span.checked {
|
||||
background-position: -72px -279px;
|
||||
}
|
||||
|
||||
div.radio:active span.checked,
|
||||
div.radio.active span.checked {
|
||||
background-position: -90px -279px;
|
||||
}
|
||||
|
||||
div.radio.focus span.checked, div.radio:hover span.checked {
|
||||
background-position: -108px -279px;
|
||||
}
|
||||
|
||||
div.radio.focus:active span.checked,
|
||||
div.radio:hover:active span.checked,
|
||||
div.radio.focus.active span.checked,
|
||||
div.radio.active:hover span.checked {
|
||||
background-position: -126px -279px;
|
||||
}
|
||||
|
||||
div.radio.disabled span,
|
||||
div.radio.disabled:active span,
|
||||
div.radio.disabled.active span {
|
||||
background-position: -144px -279px;
|
||||
}
|
||||
|
||||
div.radio.disabled span.checked,
|
||||
div.radio.disabled:active span.checked,
|
||||
div.radio.disabled.active span.checked {
|
||||
background-position: -162px -279px;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
|
||||
div.uploader {
|
||||
background-position: 0px -297px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
div.uploader span.action {
|
||||
background-position: right -409px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
div.uploader span.filename {
|
||||
height: 24px;
|
||||
/* change this line to adjust positioning of filename area */
|
||||
margin: 2px 0px 2px 2px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
div.uploader.focus,
|
||||
div.uploader.hover,
|
||||
div.uploader:hover {
|
||||
background-position: 0px -353px;
|
||||
}
|
||||
|
||||
div.uploader.focus span.action,
|
||||
div.uploader.hover span.action,
|
||||
div.uploader:hover span.action {
|
||||
background-position: right -437px;
|
||||
}
|
||||
|
||||
div.uploader.active span.action,
|
||||
div.uploader:active span.action {
|
||||
background-position: right -465px;
|
||||
}
|
||||
|
||||
div.uploader.focus.active span.action,
|
||||
div.uploader:focus.active span.action,
|
||||
div.uploader.focus:active span.action,
|
||||
div.uploader:focus:active span.action {
|
||||
background-position: right -493px;
|
||||
}
|
||||
|
||||
div.uploader.disabled {
|
||||
background-position: 0px -325px;
|
||||
}
|
||||
|
||||
div.uploader.disabled span.action {
|
||||
background-position: right -381px;
|
||||
}
|
||||
|
||||
div.button {
|
||||
background-position: 0px -523px;
|
||||
}
|
||||
|
||||
div.button span {
|
||||
background-position: right -643px;
|
||||
}
|
||||
|
||||
div.button.focus,
|
||||
div.button:focus,
|
||||
div.button:hover,
|
||||
div.button.hover {
|
||||
background-position: 0px -553px;
|
||||
}
|
||||
|
||||
div.button.focus span,
|
||||
div.button:focus span,
|
||||
div.button:hover span,
|
||||
div.button.hover span {
|
||||
background-position: right -673px;
|
||||
}
|
||||
|
||||
div.button.active,
|
||||
div.button:active {
|
||||
background-position: 0px -583px;
|
||||
}
|
||||
|
||||
div.button.active span,
|
||||
div.button:active span {
|
||||
background-position: right -703px;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
div.button.disabled,
|
||||
div.button:disabled {
|
||||
background-position: 0px -613px;
|
||||
}
|
||||
|
||||
div.button.disabled span,
|
||||
div.button:disabled span {
|
||||
background-position: right -733px;
|
||||
color: #bbb;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* PRESENTATION */
|
||||
|
||||
/* Button */
|
||||
|
||||
div.button {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
div.button span {
|
||||
margin-left: 13px;
|
||||
height: 22px;
|
||||
padding-top: 8px;
|
||||
font-weight: bold;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
padding-left: 2px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/* Select */
|
||||
div.selector {
|
||||
width: 190px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.selector select {
|
||||
min-width: 190px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
border: solid 1px #fff;
|
||||
}
|
||||
|
||||
div.selector span {
|
||||
padding: 0px 25px 0px 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.selector span {
|
||||
color: #666;
|
||||
width: 158px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
div.selector.disabled span {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
/* Checker */
|
||||
div.checker {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
div.radio {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
div.uploader {
|
||||
width: 190px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.uploader span.action {
|
||||
width: 85px;
|
||||
text-align: center;
|
||||
text-shadow: #fff 0px 1px 0px;
|
||||
background-color: #fff;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.uploader span.filename {
|
||||
color: #777;
|
||||
width: 82px;
|
||||
border-right: solid 1px #bbb;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
div.uploader input {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
div.uploader.disabled span.action {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
div.uploader.disabled span.filename {
|
||||
border-color: #ddd;
|
||||
color: #aaa;
|
||||
}
|
||||
/*
|
||||
|
||||
CORE FUNCTIONALITY
|
||||
|
||||
Not advised to edit stuff below this line
|
||||
-----------------------------------------------------
|
||||
*/
|
||||
|
||||
.selector,
|
||||
.checker,
|
||||
.button,
|
||||
.radio,
|
||||
.uploader {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
|
||||
div.button a,
|
||||
div.button button,
|
||||
div.button input {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
div.button {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.button span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Select */
|
||||
|
||||
div.selector {
|
||||
position: relative;
|
||||
padding-left: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div.selector span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.selector select {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity:0);
|
||||
height: 25px;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Checker */
|
||||
|
||||
div.checker {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.checker span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.checker input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity:0);
|
||||
display: inline-block;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
|
||||
div.radio {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.radio span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.radio input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity:0);
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
|
||||
div.uploader {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
div.uploader span.action {
|
||||
float: left;
|
||||
display: inline;
|
||||
padding: 2px 0px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.uploader span.filename {
|
||||
padding: 0px 10px;
|
||||
float: left;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
div.uploader input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity:0);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
float: right;
|
||||
height: 25px;
|
||||
border: none;
|
||||
cursor: default;
|
||||
}
|
||||
Reference in New Issue
Block a user