| | |
|---|
| | | /* margin-left */
|
|---|
| | | .mr5 {
|
|---|
| | | margin-left: 5px;
|
|---|
| | | }
|
|---|
| | | .mr10 {
|
|---|
| | | margin-left: 10px;
|
|---|
| | | margin-right: 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* font-color */
|
|---|
| | | .red {
|
|---|
| | | color: #FF0000;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* width em */
|
|---|
| | | .w8em {
|
|---|
| | | width: 8em;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* text-align */
|
|---|
| | | .alg-r {
|
|---|
| | | text-align: right;
|
|---|
| | | }
|
|---|
| | | .alg-c {
|
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | | /* side-bar-menu模块 */
|
|---|
| | | .whyc-sider-menu-container {
|
|---|
| | | overflow: hidden;
|
|---|
| | |
|---|
| | | overflow: hidden;
|
|---|
| | | overflow-y: auto;
|
|---|
| | | }
|
|---|
| | | .whyc-sider-menu::-webkit-scrollbar {/*滚动条整体样式*/
|
|---|
| | | width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
|
|---|
| | | height: 1px;
|
|---|
| | | }
|
|---|
| | | .whyc-sider-menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
|
|---|
| | | border-radius: 10px;
|
|---|
| | | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|---|
| | | background: #535353;
|
|---|
| | | }
|
|---|
| | | .whyc-sider-menu::-webkit-scrollbar-track {/*滚动条里面轨道*/
|
|---|
| | | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|---|
| | | border-radius: 10px;
|
|---|
| | | background: #EDEDED;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .batt-list::-webkit-scrollbar {/*滚动条整体样式*/
|
|---|
| | | width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
|
|---|
| | | height: 1px;
|
|---|
| | | }
|
|---|
| | | .batt-list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
|
|---|
| | | border-radius: 10px;
|
|---|
| | | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|---|
| | | background: #535353;
|
|---|
| | | }
|
|---|
| | | .batt-list::-webkit-scrollbar-track {/*滚动条里面轨道*/
|
|---|
| | | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|---|
| | | border-radius: 10px;
|
|---|
| | | background: #EDEDED;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* first */
|
|---|
| | | .whyc-sider-menu>ul>li>a>i.fa {
|
|---|
| | | margin-left: .5em;
|
|---|
| | |
|---|
| | | /* fourth */
|
|---|
| | | .whyc-sider-menu>ul>li>ul>li>ul>li>ul>li>a>i.fa {
|
|---|
| | | margin-left: 2em;
|
|---|
| | | }
|
|---|
| | | /* end */
|
|---|
| | | .whyc-sider-menu>ul>li>ul>li>ul>li>ul>li>ul>li>a>i.fa {
|
|---|
| | | margin-left: 2.5em;
|
|---|
| | | }
|
|---|
| | | .whyc-sider-menu i.fa {
|
|---|
| | | color: #676863;
|
|---|
| | |
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* siderbar tools */
|
|---|
| | | .siderbar-tools {
|
|---|
| | | position: relative;
|
|---|
| | | height: 30px;
|
|---|
| | | background-color: #3c3f4a;
|
|---|
| | | }
|
|---|
| | | .siderbar-tools-right {
|
|---|
| | | position: absolute;
|
|---|
| | | top: 5px;
|
|---|
| | | right: 8px;
|
|---|
| | | font-size: 16px;
|
|---|
| | | }
|
|---|
| | | .siderbar-tools-right i {
|
|---|
| | | margin-left: 8px;
|
|---|
| | | color: #C5C6C9;
|
|---|
| | | }
|
|---|
| | | .siderbar-tools-right i:hover {
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | }
|
|---|
| | | .siderbar-tools-right i:active {
|
|---|
| | | color: #FF0000;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .tpl-tbl-opts-tbl {
|
|---|
| | | margin-top: -20px;
|
|---|
| | | margin-left: -15px;
|
|---|
| | |
|---|
| | | .tpl-tbl-opts-header table td {
|
|---|
| | | text-align: center;
|
|---|
| | | border: 1px solid #ccc;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* whyc-tab */
|
|---|
| | | .whyc-tab-card {
|
|---|
| | | |
|---|
| | | }
|
|---|
| | | .whyc-tab-card .whyc-tab-title {
|
|---|
| | | position: relative;
|
|---|
| | | border: 1px solid #e6e6e6;
|
|---|
| | | height: 40px;
|
|---|
| | | background-color: #f2f2f2;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .whyc-tab-title li {
|
|---|
| | | display: inline-block;
|
|---|
| | | vertical-align: middle;
|
|---|
| | | min-width: 65px;
|
|---|
| | | text-align: center;
|
|---|
| | | line-height: 40px;
|
|---|
| | | padding: 0 15px;
|
|---|
| | | cursor: pointer;
|
|---|
| | | }
|
|---|
| | | .whyc-tab-card .whyc-tab-title li.whyc-tab-this {
|
|---|
| | | line-height: 41px;
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* hdw-tbl-style */
|
|---|
| | | .hdw-tbl {
|
|---|
| | | width: 100%;
|
|---|
| | | border-collapse: collapse;
|
|---|
| | | }
|
|---|
| | | .hdw-tbl th, .hdw-tbl td {
|
|---|
| | | border: 1px solid #cccccc;
|
|---|
| | | }
|
|---|
| | | .hdw-tbl th {
|
|---|
| | | font-size: 14px;
|
|---|
| | | padding: 4px 10px;
|
|---|
| | | background: url('../image/table_th_bg.gif') repeat-x; |
|---|
| | | }
|
|---|
| | | .hdw-tbl td {
|
|---|
| | | padding: 4px 0 4px 8px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | body .ui-autocomplete {
|
|---|
| | | height: 200px;
|
|---|
| | | overflow-y: auto; |
|---|
| | | overflow-x: hidden;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* jquery ui style */
|
|---|
| | | body .ui-front {
|
|---|
| | | z-index: 999999;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | body .ui-autocomplete {
|
|---|
| | | max-height: 300px;
|
|---|
| | | overflow-y: auto;
|
|---|
| | | /* 防止水平滚动条 */
|
|---|
| | | overflow-x: hidden;
|
|---|
| | | } |
|---|
