Skip to content

刘远 / 3d_dc

Go to a project
Toggle navigation
Toggle navigation pinning
6ed353cc by jikai
Options

111111

1 parent fbe737d8
Expand all
Inline Side-by-side
Showing 28 changed files with 3073 additions and 0 deletions
1 /*!
2 * Datetimepicker for Bootstrap 3
3 * version : 4.17.47
4 * https://github.com/Eonasdan/bootstrap-datetimepicker/
5 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
...\ No newline at end of file ...\ No newline at end of file
This diff could not be displayed because it is too large.
1 /*!
2 * Bootstrap-select v1.12.2 (http://silviomoreto.github.io/bootstrap-select)
3 *
4 * Copyright 2013-2017 bootstrap-select
5 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
6 */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
...\ No newline at end of file ...\ No newline at end of file
This diff could not be displayed because it is too large.
1 @charset "UTF-8";
2 /*重写AdmineLTE 的部分效果 start*/
3 body {
4 font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC","Microsoft Yahei", sans-serif;
5 }
6
7 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
8 font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC","Microsoft Yahei", sans-serif;
9 }
10
11 a {
12 cursor: pointer;
13 }
14
15 @media (max-width: 767px) {
16 .main-sidebar, .left-side {
17 padding-top: 50px
18 }
19 }
20
21 @media (max-width: 768px) {
22 .sidebar-mini.sidebar-collapse .main-header .navbar {
23 margin-left: 0 !important;
24 }
25 }
26
27 @media (min-width: 768px) {
28 .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
29 position: relative !important;
30 float: right;
31 width: auto !important;
32 left: 180px !important;
33 top: -22px !important;
34 z-index: 900
35 }
36
37 .sidebar-mini.sidebar-collapse .main-header .navbar {
38 margin-left: 0
39 }
40 }
41
42 .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
43 background-color: #ffffff;
44 }
45
46 .main-header .navbar {
47 -webkit-transition: margin-left .3s ease-in-out;
48 -o-transition: margin-left .3s ease-in-out;
49 transition: margin-left .3s ease-in-out;
50 margin-bottom: 0;
51 margin-left: 0;
52 border: none;
53 min-height: 60px;
54 border-radius: 0
55 }
56
57 .navbar-header {
58 margin: 0 16px;
59 padding-left: 50px;
60 background: url(../images/iclient-9d-icon.png) no-repeat center left;
61 }
62
63 .navbar-brand {
64 height: 60px;
65 line-height: 60px;
66 padding: 0;
67 }
68
69 .main-header .sidebar-toggle {
70 float: left;
71 background-color: transparent;
72 background-image: none;
73 padding: 15px 17px;
74 font-family: fontAwesome
75 }
76
77 .navbar-nav > .nav-dropdown-menu > .dropdown-menu {
78 width: 206px;
79 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
80 padding: 0 0 0 0;
81 margin: 0;
82 right: 16px;
83 top: 100%
84 }
85
86 .main-header .navbar-custom-menu {
87 padding: 0;
88 margin: 0 16px;
89 }
90
91 *, *:after, *::before {
92 -webkit-box-sizing: border-box;
93 -moz-box-sizing: border-box;
94 box-sizing: border-box;
95 }
96
97 .main-sidebar, .left-side {
98 padding-top: 60px;
99 }
100
101 /*重写AdmineLTE 的部分效果 end*/
102
103 /*footer */
104 .main-footer {
105 padding: 0;
106 color: #7d7d7d;
107 }
108
109 .icl-copyright {
110 font-size: 13px !important;
111 text-align: center;
112 height: 54px;
113 line-height: 54px;
114 }
115
116 .icl-footer {
117 text-align: center;
118 bottom: 0;
119 border-top: 1px solid #ddd;
120 }
121
122 /*footer end */
...\ No newline at end of file ...\ No newline at end of file
1 html, body, .wrapper {
2 height: 100% !important;
3 }
4
5 .wrapper {
6 overflow: hidden;
7 }
8
9 .main-header {
10 position: fixed;
11 width: 100%;
12 }
13
14 .edit-container {
15 min-height: 52px;
16 background-color: #f9f9f9;
17 position: absolute;
18 top: 0;
19 bottom: 0;
20 left: 0;
21 right: 0;
22 margin-top: 60px;
23 }
24
25 .edit-container section.content {
26 min-height: 100%;
27 width: 100%;
28 padding: 0;
29 position: absolute;
30 top: 0;
31 bottom: 0;
32 }
33
34 .content .pane {
35 position: relative;
36 padding: 0;
37 }
38
39 #codePane {
40 height: 100%;
41 box-shadow: 2px 0px 6px #cccccc;
42 }
43
44 .codePaneTool {
45 position: absolute;
46 width: 100%;
47 height: 40px;
48 line-height: 24px;
49 z-index: 800;
50 background-color: white;
51 padding: 8px 22px;
52 box-shadow: 0 2px 10px #dddddd;
53 }
54
55 #editor {
56 font-family: Consolas, monaco, 'Courier New', Courier, monospace;
57 position: absolute;
58 top: 42px;
59 bottom: 0;
60 right: 0;
61 width: 100%;
62 line-height: 18px;
63 font-size: 13px;
64 }
65
66 #previewPane {
67 height: 100%;
68 }
69
70 #innerPage {
71 width: 100%;
72 height: 100%;
73 border: none;
74 }
75
76 .editorBtn {
77 display: inline-block;
78 width: 60px;
79 height: 24px;
80 line-height: 24px;
81 text-align: center;
82 color: #0083CB;
83 float: right;
84 cursor: pointer;
85 }
86
87 .editorBtn:hover {
88 font-weight: bold;
89 }
90
91 #showCodeBtn {
92 cursor: pointer;
93 z-index: 900;
94 position: absolute;
95 bottom: 4px;
96 right: 0;
97 width: 70px;
98 height: 45px;
99 line-height: 45px;
100 margin: 4px;
101 text-align: center;
102 background-color: rgba(60, 141, 188, 0.8);
103 color: #fff;
104 }
105
106 #showCodeBtn:hover {
107 background-color: rgba(60, 141, 188, 1.0);
108 }
109
110 @media screen and (max-width: 992px) {
111 #codePane {
112 display: none;
113 }
114
115 .codePaneTool {
116 padding: 8px 68px 8px 20px;
117 }
118 }
119
120 .ace_scrollbar::-webkit-scrollbar {
121 width: 8px;
122 }
123
124 .ace_scrollbar::-webkit-scrollbar-thumb {
125 border-radius: 12px;
126 background: #e7e7e7;
127 -webkit-box-shadow: inset 0 0 6px #d1cfcf;
128 }
...\ No newline at end of file ...\ No newline at end of file
1 .main-header {
2 position: fixed;
3 width: 100%;
4 }
5
6 .examples-container {
7 background-color: #f9f9f9;
8 margin-top: 60px;
9 overflow: auto;
10 }
11
12 #charts-list {
13 margin: 0;
14 padding: 0 20px;
15 list-style: none;
16 overflow: inherit;
17 background-color: #f9f9f9;
18 }
19
20 h3.category-title {
21 margin-top: 10px;
22 height: 40px;
23 line-height: 40px;
24 margin-bottom: 0;
25 margin-left: 2px;
26 color: #555555
27 }
28
29 @media (min-width: 1400px) {
30 .col-xlg-2 {
31 width: 16.66666667%;
32 padding-bottom: 5px;
33 }
34 }
35
36 #charts-list .chart {
37 width: 100%;
38 max-width: 260px;
39 margin: 4px auto;
40 -webkit-border-radius: 2px;
41 border-radius: 2px;
42 background: #fff;
43 box-shadow: 0 0 3px rgba(150, 150, 150, 0.5);
44 -webkit-box-shadow: 0 0 3px rgba(150, 150, 150, 0.5);
45 }
46
47 #charts-list .chart:hover, #charts-list .chart:focus {
48 transform: scale(1.1);
49 z-index: 100;
50 -webkit-transform: scale(1.1);
51 transition-duration: .4s;
52 box-shadow: 1px 1px 6px rgba(150, 150, 150, 0.6);
53 -webkit-box-shadow: 1px 1px 6px rgba(150, 150, 150, 0.6);
54 }
55
56 #charts-list .chart .chart-link {
57 position: relative;
58 display: block;
59 }
60
61 #charts-list .chart .chart-link .chart-title {
62 color: #2c3b41;
63 text-align: center;
64 padding: 2px;
65 overflow: hidden;
66 height: 36px;
67 line-height: 36px;
68 text-overflow: ellipsis;
69 white-space: nowrap;
70 margin: 0;
71 font-weight: normal;
72 }
73
74 #charts-list .chart .chart-link .chart-thumb {
75 width: 100%;
76 }
77
78 .box {
79 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
80 }
81
82 .box.box-default {
83 border: 0;
84 margin-bottom: 20px;
85 padding-top: 45px;
86 background-color: #f9f9f9;
87 border-top: 1px solid #3c8dbc;
88 }
89
90 .box-title {
91 padding-top: 10px;
92 padding-bottom: 0;
93 color: #111111;
94 font-family: 'Microsoft Yahei';
95 }
96
97 .box-header {
98 padding-top: 10px;
99 padding-bottom: 5px;
100 padding-left: 0;
101 background-color: #f9f9f9;
102 }
103
104 .box-body {
105 background-color: #f9f9f9;
106 padding-top: 5px;
107 }
108
109 .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
110 background: #3c8dbc;
111 }
112
113 .category {
114 padding-top: 40px;
115 }
116
117 /*****/
118
119 .my-item {
120 display: inline-block;
121 vertical-align: top;
122 margin: 2px 5px;
123 text-align: center;
124 cursor: pointer;
125 }
126 .my-itemIcon {
127 display: inline-block;
128 position: relative;
129 height: auto;
130 width: 30px;
131 border-radius: 4px;
132 color: #edffff;
133 cursor: pointer;
134 box-sizing: border-box;
135 }
136 .my-item:hover {
137 background-color: #FFFFFF;
138 }
139 .my-toolbar{
140 display: none;
141 position: absolute;
142 padding: 2px 5px;
143 margin: 5px;
144 left: 0px;
145 top: 0px;
146 }
147 .my-itemDropDown{
148 display: block;
149 position: absolute;
150 top: auto;
151 box-sizing: content-box;
152 left: 0px;
153 width: 40px;
154 margin-top: 5px;
155 background-color: rgba(149, 146, 146, 0.75);
156 border: 1px solid #444;
157 padding: 6px;
158 overflow: hidden;
159 border-radius: 10px;
160 }
161 .includeSlider{
162 display: block;
163 box-sizing: content-box;
164 width: 200px;
165 margin-top: 25px;
166 }
167 .includeSlider:after{
168 content: attr(name);
169 color: black;
170 position: absolute;
171 left: -50px;
172 top: -10px;
173 white-space: nowrap;
174 }
175 .mytool{
176 display: none;
177 position: absolute;
178 box-sizing: content-box;
179 top:30px;
180 right: 50px;
181 }
182 .mySliderNum{
183 position: absolute;
184 margin-top: 10px;
185 margin-left: 210px;
186 bottom: -10px;
187 color: black;
188 }
189 #hypToolbar{
190 margin: 5px;
191 padding: 2px 5px;
192 position: absolute;
193 top: 0px;
194 right: 20px;
195 display: none;
196 }
197 .triangle-isosceles {
198 position: absolute;;
199 top: 10px;
200 padding: 15px;
201 margin: 1em 0 3em;
202 color: #000;
203 background: #f3961c;
204 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
205 background: -moz-linear-gradient(#f9d835, #f3961c);
206 background: -o-linear-gradient(#f9d835, #f3961c);
207 background: linear-gradient(#f9d835, #f3961c);
208 -webkit-border-radius: 10px;
209 -moz-border-radius: 10px;
210 border-radius: 10px;
211 }
212 .word {
213 display: block;
214 -webkit-margin-before: 1em;
215 -webkit-margin-after: 1em;
216 -webkit-margin-start: 0px;
217 -webkit-margin-end: 0px;
218 font-size: smaller;
219 }
220 .triangle-isosceles:after {
221 content: "";
222 position: absolute;
223 bottom: -15px;
224 left: 50px;
225 border-width: 15px 15px 0;
226 border-style: solid;
227 border-color: #f3961c transparent;
228 display: block;
229 width: 0;
230 }
231
232 .example-right {
233 text-align:center;
234 position: absolute;
235 padding: 15px 30px;
236 margin: 0;
237 color: #fff;
238 background: #5a8f00;
239 background: -webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
240 background: -moz-linear-gradient(#b8db29, #5a8f00);
241 background: -o-linear-gradient(#b8db29, #5a8f00);
242 background: linear-gradient(rgba(7,86,152,0.3), rgba(46,136,196,0.3));
243 -webkit-border-radius: 10px;
244 -moz-border-radius: 10px;
245 border-radius: 10px;
246 max-width : 330px;
247 max-height: 450px;
248 }
249 .example-right:after {
250 content: "";
251 position: absolute;
252 bottom: -50px;
253 left: 50px;
254 border-width: 0 20px 50px 0px;
255 border-style: solid;
256 border-color: transparent rgba(46,136,196,0.3);
257 display: block;
258 width: 0;
259 }
260 .checkbox label:after,
261 .radio label:after {
262 content: '';
263 display: table;
264 clear: both;
265 }
266
267 .checkbox .cr,
268 .radio .cr {
269 position: relative;
270 display: inline-block;
271 border: 1px solid #a9a9a9;
272 border-radius: .25em;
273 width: 1.3em;
274 height: 1.3em;
275 float: left;
276 margin-right: .5em;
277 }
278
279 .radio .cr {
280 border-radius: 50%;
281 }
282
283 .checkbox .cr .cr-icon,
284 .radio .cr .cr-icon {
285 position: absolute;
286 font-size: .8em;
287 line-height: 0;
288 top: 50%;
289 left: 20%;
290 }
291
292 .radio .cr .cr-icon {
293 margin-left: 0.04em;
294 }
295
296 .checkbox label input[type="checkbox"],
297 .radio label input[type="radio"] {
298 display: none;
299 }
300
301 .checkbox label input[type="checkbox"] + .cr > .cr-icon,
302 .radio label input[type="radio"] + .cr > .cr-icon {
303 transform: scale(3) rotateZ(-20deg);
304 opacity: 0;
305 transition: all .3s ease-in;
306 }
307
308 .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
309 .radio label input[type="radio"]:checked + .cr > .cr-icon {
310 transform: scale(1) rotateZ(0deg);
311 opacity: 1;
312 }
313
314 .checkbox label input[type="checkbox"]:disabled + .cr,
315 .radio label input[type="radio"]:disabled + .cr {
316 opacity: .5;
317 }
318
319 .selectContainer{
320
321 }
322 .selectContainer::before{
323 content: attr(name);
324 color: black;
325 position: absolute;
326 left: -37%;
327 white-space: nowrap;
328 }
329 #progressBar {
330 width: 400px;
331 height: 22px;
332 border: 1px solid #111;
333 background-color: #dad5d5;
334 }
335 #progressBar div {
336 height: 100%;
337 color: #fff;
338 text-align: right;
339 line-height: 22px;
340 width: 0;
341 background-color: #0099ff;
342 }
343 .jquery-ui-like {
344 border-radius: 4px;
345 background: #FFF;
346 border: 1px solid #AAA;
347 overflow: hidden;
348 }
349 .jquery-ui-like div {
350 background-image: url(../images/pbar-ani.gif);
351 border-right: 1px solid #AAA;
352 }
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 .navbar {
2 font-size: 16px;
3 }
4
5 /*logo的样式*/
6 #logo {
7 width: 28px;
8 height: 28px;
9 }
10
11 .navbar .project-title {
12 text-decoration: none;
13 vertical-align: middle;
14 font-size: 24px;
15 color: #FFFFFF;
16 letter-spacing: -0.16px;
17 }
18
19 #title {
20 font-size: 24px;
21 color: #FFFFFF;
22 }
23
24 #suffix-title {
25 font-size: 16px;
26 color: #FFFFFF;
27 height: 60px;
28 line-height: 60px;
29 padding: 5px;
30 float: left;
31 }
32
33 .main-header .sidebar-toggle {
34 float: left;
35 background-color: transparent;
36 background-image: none;
37 padding: 15px 17px;
38 font-family: 'fontAwesome';
39 }
40
41 .main-header .sidebar-toggle:before {
42 content: "\f03b";
43 }
44
45 /*头部选项选中时的颜色*/
46 .skin-blue .main-header .navbar .nav > li > a:hover,
47 .skin-blue .main-header .navbar .nav > li > a:active,
48 .skin-blue .main-header .navbar .nav > li > a:focus,
49 .skin-blue .main-header .navbar .nav .open > a,
50 .skin-blue .main-header .navbar .nav .open > a:hover,
51 .skin-blue .main-header .navbar .nav .open > a:focus,
52 .skin-blue .main-header .navbar .nav > .active > a {
53 background: #3375A1;
54 }
55
56 .skin-blue .main-header .navbar .nav > li > a:hover {
57 background: rgba(0, 0, 0, 0.1);
58 }
59
60 .navbar-toggle {
61 height: 60px;
62 }
63
64 /*头部选项下拉菜单框的样式*/
65 .navbar ul {
66 list-style: none outside none;
67 padding: 0;
68 }
69
70 .navbar-nav > li {
71 height: 60px;
72 display: table;
73 }
74
75 .navbar-nav > li > a {
76 display: table-cell;
77 vertical-align: middle;
78 }
79
80 .navbar .menu-sub-warp {
81 max-height: 0;
82 }
83
84 .navbar-menu:hover .menu-sub-warp {
85 max-height: 600px;
86 transform-origin: 50% 0;
87 -webkit-transform-origin: 50% 0;
88 -moz-transform-origin: 50% 0;
89 transition: all .5s linear;
90 -webkit-transition: all .5s linear;
91 -moz-transition: all .5s linear;
92 }
93
94 .lang-option {
95 cursor: pointer;
96 z-index: -1;
97 }
98
99 .menu-box {
100 width: 100%;
101 position: absolute;
102 left: 0;
103 top: 60px;
104 }
105
106 .menu-box .menu-sub-warp {
107 width: 100%;
108 margin: 0 auto;
109 overflow: auto;
110 text-align: center;
111 line-height: normal;
112 color: white;
113 background-color: rgba(0, 0, 0, .9);
114 }
115
116 .menu-box .menu-sub-warp::-webkit-scrollbar {
117 width: 3px;
118 }
119
120 .menu-box .menu-sub-warp::-webkit-scrollbar-thumb {
121 border-radius: 12px;
122 background: rgba(0, 0, 0, .8);
123 }
124
125 .navbar-nav > li > a {
126 padding-bottom: 17px;
127 }
128
129 .navbar-nav > .nav-dropdown-menu > .dropdown-menu {
130 border: 0;
131 }
132
133 .navbar-nav > .nav-dropdown-menu > .dropdown-menu > li > a {
134 color: #F8F8F8;
135 font-size: 14px;
136 padding-top: 12px;
137 padding-bottom: 12px;
138 background-color: #3375A1;
139 }
140
141 .navbar-nav > .nav-dropdown-menu > .dropdown-menu > li:hover > a {
142 background-color: #2f5975;
143 }
144
145 .navbar-nav > li {
146 position: static !important;
147 height: 60px;
148 display: table;
149 }
150
151 .nav-header-example > li {
152 position: relative !important;
153 }
154
155 ul.icl-nav-menu-box {
156 margin: 0;
157 padding: 10px;
158 }
159
160 .icl-nav-menu-box > li {
161 display: inline-block;
162 vertical-align: text-top;
163 width: 160px;
164 margin: 0 30px;
165 text-align: right;
166 }
167
168 li.navbar-menu > a {
169 padding: 10px;
170 }
171
172 li.navbar-menu > a:hover, li.navbar-menu > a:focus {
173 outline: none;
174 }
175
176 li.navbar-menu > a::before {
177 position: absolute;
178 left: 0;
179 width: 100%;
180 height: 4px;
181 background: #df9d00;
182 content: '';
183 opacity: 0;
184 -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
185 -moz-transition: opacity 0.3s, -moz-transform 0.3s;
186 transition: opacity 0.3s, transform 0.3s;
187 -webkit-transform: translateY(-10px);
188 -moz-transform: translateY(-10px);
189 transform: translateY(-10px);
190 }
191
192 li.navbar-menu > a::before {
193 top: 0;
194 -webkit-transform: translateY(-10px);
195 -moz-transform: translateY(-10px);
196 transform: translateY(-10px);
197 }
198
199 li.navbar-menu > a:hover::before,
200 li.navbar-menu > a:focus::before,
201 li.navbar-menu.active > a::before {
202 opacity: 1;
203 -webkit-transform: translateY(0px);
204 -moz-transform: translateY(0px);
205 transform: translateY(0px);
206 }
207
208 ul.icl-nav-menu-sub:nth-child(1) {
209 border-bottom: 1px solid rgba(255, 255, 255, .1);
210 }
211
212 .icl-nav-menu-title {
213 display: block;
214 color: white;
215 font-size: 1.7rem;
216 text-align: right;
217 margin: 6px 0;
218 padding: 10px 4px;
219 }
220
221 .icl-nav-menu-title:link,
222 .icl-nav-menu-title:hover,
223 .icl-nav-menu-title:focus,
224 .icl-nav-menu-title:visited {
225 color: white;
226 }
227
228 .icl-nav-menu-box li a:not(.disabled):hover,
229 .icl-nav-menu-box li a:not(.disabled):focus {
230 color: #df9d00;
231 }
232
233 .icl-nav-menu-sub {
234 font-size: 1.4rem;
235 max-height: 600px;
236 margin-bottom: 10px;
237 overflow: auto;
238 color: #d7d7d7;
239 }
240
241 .icl-nav-menu-sub a {
242 color: #d7d7d7;
243 }
244
245 .icl-nav-menu-sub li {
246 text-align: match-parent;
247
248 line-height: 30px;
249 }
250
251 .icl-nav-menu-sub::-webkit-scrollbar {
252 width: 3px;
253 }
254
255 .icl-nav-menu-sub::-webkit-scrollbar-thumb {
256 border-radius: 12px;
257 background: rgba(0, 0, 0, .8);
258 }
259
260 .icl-nav-menu-item:not(.icl-nav-menu-overivew) > li:last-child {
261 width: 120px;
262 }
263
264 @media screen and (max-width: 1284px) {
265 .menu-box {
266 top: 120px;
267 }
268 }
269
270 @media screen and (max-width: 992px) {
271
272 /*尺寸小于992时下拉菜单的样式*/
273 .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
274 border: 0;
275 background: #3375A1;
276 }
277
278 .navbar-custom-menu > .navbar-nav > li > .dropdown-menu > li {
279 position: relative;
280 right: 0;
281 left: auto;
282 border: 0;
283 background: #3375A1;
284 }
285
286 .skin-blue .main-header .navbar .dropdown-menu > li > a {
287 color: #ffffff;
288 }
289
290 /*头部右侧收缩按钮的收缩样式和宽度控制*/
291 .navbar-header {
292 float: none
293 }
294
295 .navbar-toggle {
296 display: block;
297 float: right;
298 }
299
300 .navbar-collapse.collapse {
301 display: none !important;
302 }
303
304 .navbar-nav > li {
305 float: none;
306 }
307
308 .collapse.in {
309 display: block !important;
310 }
311
312 .icl-nav-menu-title {
313 font-size: 1.5rem;
314 }
315
316 .icl-nav-menu-overivew > li {
317 margin: 0 20px;
318 }
319
320 }
321
322 @media (max-width: 991px) {
323 .navbar-custom-menu > .navbar-nav > li {
324 position: relative;
325 }
326
327 .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
328 position: absolute;
329 right: 0;
330 left: auto;
331 }
332 }
333
334 @media screen and (max-width: 834px) {
335 html[lang="en"] .skin-blue .main-header .navbar .nav > li > a {
336 font-size: 14px;
337 }
338 }
339
340 @media screen and (max-width: 767px) {
341 .navbar-nav > li > .dropdown-menu {
342 margin-top: 0 !important;
343 }
344
345 #suffix-title {
346 font-size: 14px;
347 }
348
349 /*尺寸小于768px时，logo和产品名称的样式*/
350 #title {
351 font-size: 20px;
352 }
353
354 .navbar-brand {
355 padding-right: 10px !important;
356 }
357
358 .navbar-toggle {
359 padding-left: 10px;
360 padding-top: 18px
361 }
362
363 .navbar-collapse.in {
364 overflow-y: visible;
365 }
366
367 .navbar-menu {
368 font-size: 14px;
369 }
370 }
371
372 @media screen and (max-width: 756px) {
373 html[lang="en"] .menu-box {
374 top: 180px;
375 }
376 }
377
378 @media screen and (max-width: 698px) {
379 .menu-box {
380 top: 180px;
381 }
382 }
383
384 @media screen and (max-width: 540px) {
385 .navbar-custom-menu > .navbar-nav > li {
386 position: static !important;
387 }
388
389 .navbar-custom-menu > .nav-header-example > li {
390 position: relative !important;
391 }
392
393 .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
394 position: absolute;
395 left: 0;
396 }
397 }
398
399 /*尺寸小于510px时，logo和产品名称的样式，主要是为了适应iphone6 plus等移动端的浏览器*/
400 @media screen and (max-width: 510px) {
401 #logo {
402 width: 25px;
403 height: 25px;
404 }
405
406 #suffix-title {
407 padding-left: 5px;
408 font-size: 12px;
409 padding-bottom: 15px;
410 }
411
412 #title {
413 font-size: 14px;
414 }
415
416 /*尺寸小于510时,利用按钮展开的头部选项的样式*/
417 .navbar-custom-menu .navbar-nav > li > a {
418 padding: 12px;
419 line-height: 20px;
420 }
421
422 .skin-blue .main-header .navbar .nav > li > a {
423 font-size: 14px;
424 }
425 }
426
427 @media screen and (max-width: 424px) {
428 .skin-blue .main-header .navbar .nav > li > a {
429 font-size: 13px;
430 }
431
432 html[lang="en"] .menu-box {
433 top: 240px;
434 }
435 }
436
437 @media screen and (width: 414px) {
438
439 html[lang="en"] .menu-box {
440 top: 180px;
441 }
442 }
443
444 /*尺寸小于410px时，logo、产品名称、右侧收缩按钮的样式，主要是为了适应iphone6等移动端的浏览器*/
445 @media screen and (max-width: 410px) {
446 #logo {
447 width: 20px;
448 height: 20px;
449 }
450
451 #suffix-title {
452 font-size: 8px;
453 }
454
455 #title {
456 font-size: 11px;
457 }
458
459 .navbar-toggle {
460 padding-left: 10px;
461 padding-right: 10px;
462 }
463 }
464
465 /*尺寸小于376px时，logo、产品名称、右侧收缩按钮的样式，主要是为了适应iphone5等移动端的浏览器*/
466 @media screen and (max-width: 356px) {
467 .navbar-toggle {
468 padding-left: 3px;
469 padding-right: 6px;
470 }
471
472 .menu-box {
473 top: 240px;
474 }
475 }
476
477 @media screen and (max-height: 640px) {
478 .navbar-menu:hover .menu-sub-warp {
479 max-height: 400px;
480 }
481 }
1 @font-face {
2 font-family: 'Glyphicons Halflings';
3 src: url("../fonts/glyphicons-halflings-regular.eot");
4 src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
5 url("../fonts/glyphicons-halflings-regular.woff") format("woff"),
6 url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"),
7 url("../fonts/glyphicons-halflings-regular.svg#fontcustom") format("svg");
8 }
9
10 .sticklr .notification-count {
11 display: block;
12 width: 12px;
13 height: 12px;
14 background: #555;
15 box-shadow: 0 0 3px #999;
16 border-radius: 6px;
17 -moz-border-radius: 6px;
18 -webkit-border-radius: 6px;
19 color: #f0f0f0;
20 cursor: default;
21 font-size: 10px;
22 line-height: 12px;
23 text-indent: 3px;
24 position: absolute;
25 top: 2px;
26 left: 200px;
27 z-index: 96;
28 }
29
30 .sticklr td {
31 width: 15px;
32 padding-left: 50px;
33 }
34
35 .sticklr .calendar td:hover {
36 /*background: #eaeaea;*/
37 font-weight: bold;
38 }
39 .sticklr,
40 .sticklr * {
41 margin: 0;
42 padding: 0;
43 border: 0;
44 outline: 0;
45 font-family: Helvetica, Arial, sans-serif;
46 font-size: 13px;
47 line-height: 18px;
48 color: #000;
49 vertical-align: baseline;
50 }
51
52 .sticklr,
53 .sticklr > li > ul {
54 list-style-type: none;
55 }
56
57 .sticklr {
58 position: fixed;
59 top: 40%;
60 left: 0;
61 background-color: #fff;
62 background-color: rgba(255, 255, 255, 1);
63 /*border: 1px solid #b7b7b7;*/
64 border-left: none;
65
66 box-shadow: 2px 2px 5px #000;
67 /*-moz-box-shadow: 0 0 5px #ccc;*/
68 /*-webkit-box-shadow: 0 0 5px #ccc;*/
69 width: 25px;
70 overflow: visible;
71 z-index: 90;
72 }
73
74 .sticklr-right {
75 left: auto;
76 right: 0;
77 border-right: none;
78 /*border-left: 1px solid #b7b7b7;*/
79 }
80
81 .sticklr > li {
82 position: relative;
83 text-align: center;
84 }
85
86
87 /*.sticklr > li > a {*/
88 /*display: block;*/
89 /*width: 16px;*/
90 /*height: 16px;*/
91 /*padding: 4px;*/
92 /*图标的背景*/
93 /*background-color: #fff;*/
94 /*background-color: rgba(255, 255, 255, 1);*/
95 /*background-position: 4px 4px;*/
96 /*background-repeat: no-repeat;*/
97 /*}*/
98 .sticklr > li > a.notArrow >span{
99 display: none;
100 }
101 .sticklr > li > a:hover{
102 /*border: 1px solid #868686;*/
103 /*box-shadow: 0px 0px 2px 2px #ccc inset ;*/
104 /*-moz-box-shadow:0px 0px 2px 2px #ccc inset ;*/
105 /*-webkit-box-shadow: 0px 0px 2px 2px #ccc inset ;*/
106 cursor: pointer;
107 }
108
109 .sticklr > li > input {
110 display: block;
111 width: 16px;
112 height: 16px;
113 padding: 1px;
114 /*background-color: #f0f0f0;*/
115 /*background-color: rgba(240, 240, 240, 0.75);*/
116 background-position: 4px 4px;
117 background-repeat: no-repeat;
118 }
119 /*边界颜色*/
120 .sticklr > li {
121 /*border-bottom: 1px solid #f7f7f7;*/
122 /*border-right: 1px solid #f7f7f7;*/
123 /*border-top: 1px solid #ccc;*/
124 }
125
126 .sticklr > li:first-child {
127 /*border-top: 1px solid #f7f7f7;*/
128 }
129
130 .sticklr > li:last-child {
131 border-bottom: 1px solid #f7f7f7;
132 border-bottom: 0px;
133 }
134
135 .sticklr > li > input:hover {
136 background-color: #eaeaea;
137 }
138
139 .sticklr > li > ul {
140 display: none;
141 position: absolute;
142 left: 26px;
143 top: -1px;
144 width: 90px;
145 overflow: hidden;
146 background-color: #fff;
147 background-color: rgba(255, 255, 255, 1);
148 border: 1px solid #b7b7b7;
149 border-radius: 2px;
150 -moz-border-radius: 2px;
151 -webkit-border-radius: 2px;
152 box-shadow: 0 0 5px #ccc;
153 -moz-box-shadow: 0 0 5px #ccc;
154 -webkit-box-shadow: 0 0 5px #ccc;
155 z-index: 95;
156 }
157
158 .sticklr-right > li > ul {
159 left: auto;
160 right: 25px;
161 }
162
163 .sticklr > li > ul:nth-child(3) {
164 left: 140px;
165 }
166
167 .sticklr > li > ul:nth-child(4) {
168 left: 387px;
169 }
170
171 .sticklr > li > ul:nth-child(5) {
172 left: 568px;
173 }
174
175 .sticklr > li > ul:nth-child(6) {
176 left: 749px;
177 }
178
179 .sticklr > li > ul:nth-child(7) {
180 left: 930px;
181 }
182
183 .sticklr-right > li > ul:nth-child(3) {
184 left: auto;
185 right: 206px;
186 }
187
188 .sticklr-right > li > ul:nth-child(4) {
189 left: auto;
190 right: 387px;
191 }
192
193 .sticklr-right > li > ul:nth-child(5) {
194 left: auto;
195 right: 568px;
196 }
197
198 .sticklr-right > li > ul:nth-child(6) {
199 left: auto;
200 right: 749px;
201 }
202
203 .sticklr-right > li > ul:nth-child(7) {
204 left: auto;
205 right: 930px;
206 }
207
208 .sticklr > li:hover > ul {
209 display: block;
210 float: left;
211 }
212
213 .sticklr.sticklr-js > li:hover > ul {
214 display: none;
215 }
216
217 .sticklr > li > ul > li {
218 border-bottom: 1px solid #f7f7f7;
219 border-right: 1px solid #f7f7f7;
220 border-top: 1px solid #ccc;
221 width: 90px;
222 text-shadow: 1px 1px 1px #fff;
223 padding: 1px;
224 /*margin: 1px;*/
225 }
226
227 .sticklr > li > ul > li:first-child {
228 border-top: 1px solid #f7f7f7;
229 padding:0px;
230 margin: 0px;
231 }
232
233 .sticklr > li > ul > li:last-child {
234 border-bottom: 1px solid #f7f7f7;
235 }
236
237 .sticklr > li > ul > li {
238 border: none !ie;
239 }
240
241 .sticklr > li > ul > li > a {
242 display: block;
243 padding: 8px 10px 8px 32px;
244 background-color: #f0f0f0;
245 background-color: rgba(240, 240, 240, 0.75);
246 background-position: 10px;
247 background-repeat: no-repeat;
248 color: #555;
249 min-height: 20px;
250 text-decoration: none;
251 white-space: nowrap;
252 background-color: transparent !ie;
253 }
254 .sticklr > li > ul > li > span {
255 display: block;
256 padding: 8px 10px 8px 32px;
257 background-color: #fff;
258 background-color: rgba(255, 255, 255, 1);
259 background-position: 10px;
260 background-repeat: no-repeat;
261 color: #555;
262 font-size: 14px;
263 min-height: 20px;
264 text-decoration: none;
265 white-space: nowrap;
266 background-color: transparent !ie;
267 }
268
269 .sticklr > li > ul > li > input {
270 display: block;
271 padding: 8px 10px 8px 32px;
272 background-color: #fff;
273 background-color: rgba(255, 255, 255, 1);
274 background-position: 10px;
275 background-repeat: no-repeat;
276 color: #000;
277 min-height: 18px;
278 text-decoration: none;
279 text-align: center;
280 white-space: nowrap;
281 background-color: transparent !ie;
282 }
283
284 .sticklr > li > ul > li > a:hover {
285 background-color: #eaeaea;
286 }
287
288 .sticklr > li > ul > li > input:hover {
289 background-color: #ffffff;
290
291 border-bottom: 1px solid #868686;
292 /*box-shadow: 0px 0px 2px 2px #ccc inset ;*/
293 /*-moz-box-shadow:0px 0px 2px 2px #ccc inset ;*/
294 /*-webkit-box-shadow: 0px 0px 2px 2px #ccc inset ;*/
295 }
296
297 .sticklr > li > ul > li.sticklr-title > a {
298 padding-left: 10px;
299 background-color: #e6e6e6;
300 cursor: default;
301 font-weight: bold;
302 background-color: transparent !ie;
303 }
304 .sticklr > li > ul > li.sticklr-title > span {
305 padding-left: 10px;
306 background-color: rgba(216, 213, 213, 0.9);
307 cursor: default;
308 font-weight: bold;
309 }
310
311 .sticklr > li > ul > li.sticklr-title > a:hover {
312 background-color: #e6e6e6;
313 background-color: transparent !ie;
314 }
315
316 .sticklr > li > ul > li.sticklr-title > input:hover {
317 cursor: pointer;
318 background-color: #e6e6e6;
319 background-color: transparent !ie;
320 }
321
322 .sticklr > li > ul > li > table {
323 border-collapse:collapse;
324 border-spacing: 0;
325 }
326
327 .sticklr > li > ul > li > form {
328 padding: 8px 10px;
329 }
330
331 .sticklr > li > ul > li input,
332 .sticklr > li > ul > li select,
333 .sticklr > li > ul > li textarea,
334 .sticklr > li > ul > li button {
335 margin: 4px 0;
336 padding: 4px;
337 }
338
339
340
341 .sticklr-arrow {
342 position: absolute;
343 left: 25px;
344 top: 8px;
345 width: 0;
346 height: 0;
347 border-top: 5px solid transparent;
348 border-bottom: 5px solid transparent;
349 border-left: 5px solid #8E8D8D;
350 border-right: none;
351 }
352
353 .sticklr-right .sticklr-arrow {
354 left: auto;
355 right: 25px;
356 border-right: 5px solid #b7b7b7;
357 border-left: none;
358 }
359
360 /* icons */
361 .plotting-lyphicon-save-simulationMap:before {
362 content: "\e172";
363 font-size: 18px;
364 color: rgb(0, 0, 0);
365 }
366
367 .plotting-lyphicon-draw-point:before {
368 content: "\e204";
369 font-size: 20px;
370 color: rgb(68, 58, 58);
371 }
372
373 .plotting-glyphicon-draw-line:before {
374 content: "\e205";
375 font-size: 20px;
376 color: rgb(68, 58, 58);
377 }
378
379 .plotting-glyphicon-draw-polygon:before {
380 content: "\e206";
381 font-size: 20px;
382 color: rgb(0, 0, 0);
383 }
384 .plotting-glyphicon-draw-flag:before {
385 content: "\e301";
386 font-size: 20px;
387 color: rgb(0, 0, 0);
388 }
389 .plotting-glyphicon-draw-arrow:before {
390 content: "\e302";
391 font-size: 20px;
392 color: rgb(0, 0, 0);
393 }
394 .plotting-glyphicon-draw-deactivate:before {
395 content: "\e303";
396 font-size: 20px;
397 color: rgb(0, 0, 0);
398 }
399
400 .plotting-glyphicon-draw-removeAll:before {
401 content: "\e020";
402 font-size: 20px;
403 color: rgb(0, 0, 0);
404 }
405
406 .glyphicon-plus:before {
407 font-size: 20px;
408 color: rgb(0, 0, 0);
409 }
410
411 .glyphicon-pencil:before {
412 font-size: 20px;
413 color: rgb(0, 0, 0);
414 }
415
416 .glyphicon-edit:before {
417 font-size: 20px;
418 color: rgb(0, 0, 0);
419 }
420
421 .glyphicon-lock:before {
422 font-size: 20px;
423 color: rgb(0, 0, 0);
424 }
425
426 .glyphicon-check:before {
427 font-size: 20px;
428 color: rgb(0, 0, 0);
429 }
430
431 .glyphicon-align-justify:before {
432 font-size: 20px;
433 color: rgb(0, 0, 0);
434 }
435
436 .glyphicon-retweet:before {
437 font-size: 20px;
438 color: rgb(0, 0, 0);
439 }
440
441 .glyphicon-adjust:before {
442 font-size: 20px;
443 color: rgb(0, 0, 0);
444 }
445
446 .glyphicon-gift:before {
447 font-size: 20px;
448 color: rgb(0, 0, 0);
449 }
450
451 .glyphicon-cog:before {
452 font-size: 20px;
453 color: rgb(0, 0, 0);
454 }
455
1 @charset "UTF-8";/*!
2 * jQuery contextMenu - Plugin for simple contextMenu handling
3 *
4 * Version: v2.6.3
5 *
6 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
7 * Web: http://swisnl.github.io/jQuery-contextMenu/
8 *
9 * Copyright (c) 2011-2017 SWIS BV and contributors
10 *
11 * Licensed under
12 * MIT License http://www.opensource.org/licenses/mit-license
13 *
14 * Date: 2017-10-30T19:03:13.936Z
15 */@-webkit-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@-o-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@font-face{font-family:context-menu-icons;font-style:normal;font-weight:400;src:url(font/context-menu-icons.eot?2wp27);src:url(font/context-menu-icons.eot?2wp27#iefix) format("embedded-opentype"),url(font/context-menu-icons.woff2?2wp27) format("woff2"),url(font/context-menu-icons.woff?2wp27) format("woff"),url(font/context-menu-icons.ttf?2wp27) format("truetype")}.context-menu-icon-add:before{content:"\EA01"}.context-menu-icon-copy:before{content:"\EA02"}.context-menu-icon-cut:before{content:"\EA03"}.context-menu-icon-delete:before{content:"\EA04"}.context-menu-icon-edit:before{content:"\EA05"}.context-menu-icon-loading:before{content:"\EA06"}.context-menu-icon-paste:before{content:"\EA07"}.context-menu-icon-quit:before{content:"\EA08"}.context-menu-icon::before{position:absolute;top:50%;left:0;width:2em;font-family:context-menu-icons;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-disabled::before{color:#bbb}.context-menu-icon.context-menu-icon-loading:before{-webkit-animation:cm-spin 2s infinite;-o-animation:cm-spin 2s infinite;animation:cm-spin 2s infinite}.context-menu-icon.context-menu-icon--fa{display:list-item;font-family:inherit}.context-menu-icon.context-menu-icon--fa::before{position:absolute;top:50%;left:0;width:2em;font-family:FontAwesome;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-icon--fa.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before{color:#bbb}.context-menu-list{position:absolute;display:inline-block;min-width:13em;max-width:26em;padding:.25em 0;margin:.3em;font-family:inherit;font-size:inherit;list-style-type:none;background:#fff;border:1px solid #bebebe;border-radius:.2em;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5)}.context-menu-item{position:relative;padding:.2em 2em;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.context-menu-separator{padding:0;margin:.35em 0;border-bottom:1px solid #e6e6e6}.context-menu-item>label>input,.context-menu-item>label>textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.context-menu-item.context-menu-hover{color:#fff;cursor:pointer;background-color:#2980b9}.context-menu-item.context-menu-disabled{color:#bbb;cursor:default;background-color:#fff}.context-menu-input.context-menu-hover{color:#2f2f2f;cursor:default}.context-menu-submenu:after{position:absolute;top:50%;right:.5em;z-index:1;width:0;height:0;content:'';border-color:transparent transparent transparent #2f2f2f;border-style:solid;border-width:.25em 0 .25em .25em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.context-menu-item.context-menu-input{padding:.3em .6em}.context-menu-input>label>*{vertical-align:top}.context-menu-input>label>input[type=checkbox],.context-menu-input>label>input[type=radio]{position:relative;top:.12em;margin-right:.4em}.context-menu-input>label{margin:0}.context-menu-input>label,.context-menu-input>label>input[type=text],.context-menu-input>label>select,.context-menu-input>label>textarea{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.context-menu-input>label>textarea{height:7em}.context-menu-item>.context-menu-list{top:.3em;right:-.3em;display:none}.context-menu-item.context-menu-visible>.context-menu-list{display:block}.context-menu-accesskey{text-decoration:underline}
16 /*# sourceMappingURL=jquery.contextMenu.min.css.map */
1 /*Plugin CSS*/
2 .str_wrap {
3 overflow:hidden;
4 //zoom:1;
5 width:100%;
6 font-size:12px;
7 line-height:16px;
8 position:relative;
9 -moz-user-select: none;
10 -khtml-user-select: none;
11 user-select: none;
12 background:#f6f6f6;
13 white-space:nowrap;
14 }
15
16 .str_wrap.str_active {
17 background:#f1f1f1;
18 }
19 .str_move {
20 white-space:nowrap;
21 position:absolute;
22 top:0;
23 left:0;
24 cursor:move;
25 }
26 .str_move_clone {
27 display:inline-block;
28 //display:inline;
29 //zoom:1;
30 vertical-align:top;
31 position:absolute;
32 left:100%;
33 top:0;
34 }
35 .str_vertical .str_move_clone {
36 left:0;
37 top:100%;
38 }
39 .str_down .str_move_clone {
40 left:0;
41 bottom:100%;
42 }
43 .str_vertical .str_move,
44 .str_down .str_move {
45 white-space:normal;
46 width:100%;
47 }
48 .str_static .str_move,
49 .no_drag .str_move,
50 .noStop .str_move{
51 cursor:inherit;
52 }
53 .str_wrap img {
54 max-width:none !important;
55 }
...\ No newline at end of file ...\ No newline at end of file
1
2 .main-sidebar {
3 position: fixed;
4 z-index: 900;
5 height: 100%;
6 }
7
8 .sidebar {
9 height: 100% !important;
10 overflow: hidden;
11 overflow-y: auto;
12 }
13
14 .skin-blue .main-sidebar {
15 background-color: #3c8dbc;
16 }
17
18 .skin-blue .sidebar-menu > li.treeview:hover > a {
19 border-left: 3px solid rgba(0, 0, 0, 0.1);
20 }
21
22 .skin-blue .sidebar-menu > li.treeview.active > a {
23 border-left: 3px solid rgba(0, 0, 0, 0.1);
24 }
25
26 .skin-blue .sidebar .second-menu,
27 .skin-blue .sidebar .third-menu {
28 padding-left: 0;
29 }
30
31 .skin-blue .sidebar .third-menu a {
32 padding-left: 30px;
33 }
34
35 .skin-blue .sidebar a {
36 color: #000000;
37 }
38
39 /*侧边栏滚动设置 start*/
40 #sidebar-menu > li:hover .sidebar-title-bar {
41 position: static;
42 }
43
44 .sidebar-collapse #sidebar-menu > li:hover .sidebar-title-bar {
45 position: fixed;
46 }
47
48 #sidebar-menu > li:hover > ul {
49 position: static;
50 height: auto;
51 }
52
53 .sidebar-collapse #sidebar-menu > li:hover > ul {
54 position: fixed;
55 overflow-y: auto;
56 }
57
58 a.sidebar-toggle {
59 width: 100%;;
60 height: 36px;
61 line-height: 36px;
62 text-align: center;
63 background-color: #2e658a;
64 color: white !important;
65 display: block;
66 }
67
68 .sidebar-collapse a.sidebar-toggle div.fold {
69 -webkit-transform: rotate(90deg);
70 -moz-transform: rotate(90deg);
71 -ms-transform: rotate(90deg);
72 -o-transform: rotate(90deg);
73 transform: rotate(90deg);
74 transition: transform .5s;
75 }
76
77 /*侧边栏滚动设置 end*/
78
79 .skin-blue .treeview-menu li > a {
80 border-left: 3px solid #3c8dbc;
81 }
82
83 .skin-blue .treeview-menu li > a:hover,
84 .skin-blue .treeview-menu li.active > a {
85 background-color: rgba(0, 0, 0, 0.1);
86 border-left-color: rgba(0, 0, 0, 0.3);
87 }
88
89 .skin-blue .treeview-menu > li > a {
90 color: white;
91 padding-left: 35px;
92 padding-right: 26px !important;
93 }
94
95 .skin-blue .sidebar-menu > li > .treeview-menu {
96 margin: 0;
97 background: #3c8dbc;
98 }
99
100 .sidebar-menu li.active > .treeview-menu {
101 background: #3c8dbc;
102 }
103
104 .sidebar-title-bar .fa-angle-left,
105 .sidebar-title-bar .pull-right-container > .fa-angle-lef {
106 width: auto;
107 height: auto;
108 padding: 0;
109 margin-right: 10px;
110 }
111
112 /*侧边栏收起后向右展开的边框宽度*/
113 .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
114 .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
115 border-radius: 0;
116 width: 220px;
117 }
118
119 /*侧边栏收起后向右展开时一级菜单箭头的位置*/
120 .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
121 left: 220px !important;
122 }
123
124 .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
125 padding-top: 0;
126 padding-bottom: 0;
127 border-radius: 0;
128 }
129
130 .skin-blue .sidebar-menu > li:hover > a,
131 .skin-blue .sidebar-menu > li.active > a {
132 color: #3c8dbc;
133 background: #3375A1;
134 }
135
136 .skin-blue .treeview-menu > li.active > a,
137 .skin-blue .treeview-menu > li > a:hover {
138 color: white;
139 }
140
141 .main-sidebar .iconName {
142 margin-right: 10px;
143 color: white
144 }
145
146 .menuTitle a.active {
147 color: #f8f8f8;
148 }
149
150 .sidebar-menu span {
151 color: white;
152 }
153
154 li.menuTitle a {
155 overflow: hidden;
156 white-space: nowrap;
157 text-overflow: ellipsis;
158 padding-right: 20px !important;
159 }
160
161 .main-sidebar .secondMenuTitle {
162 padding-left: 10px;
163 color: white;
164 }
165
166 .main-sidebar .thirdMenuTitle {
167 font-size: 12px;
168 padding-left: 32px;
169 color: white;
170 }
171
172 .main-sidebar .pull-right {
173 color: white
174 }
175
176 @media screen and (max-width: 768px) {
177 a.sidebar-toggle {
178 position: absolute;
179 top: 50%;
180 width: 26px;
181 height: 36px;
182 left: 100%;
183 }
184 }
185
186 /*侧边栏滚动条*/
187 .sidebar {
188 -ms-scroll-chaining: chained;
189 -ms-overflow-style: none;
190 -ms-content-zooming: zoom;
191 -ms-scroll-rails: none;
192 -ms-content-zoom-limit-min: 100%;
193 -ms-content-zoom-limit-max: 500%;
194 -ms-scroll-snap-type: proximity;
195 -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
196 }
197
198 .sidebar::-webkit-scrollbar {
199 width: 0;
200 background-color: rgba(0, 0, 0, 0);
201 }
202
203 /*侧边栏二级菜单滚动条*/
204 .scroll-list {
205 -ms-scroll-chaining: chained;
206 -ms-overflow-style: none;
207 -ms-content-zooming: zoom;
208 -ms-scroll-rails: none;
209 -ms-content-zoom-limit-min: 100%;
210 -ms-content-zoom-limit-max: 500%;
211 -ms-scroll-snap-type: proximity;
212 -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
213 }
214
215 .scroll-list::-webkit-scrollbar {
216 width: 0;
217 background-color: rgba(0, 0, 0, 0);
218 }
...\ No newline at end of file ...\ No newline at end of file
1 .skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}
...\ No newline at end of file ...\ No newline at end of file
1 html{
2 -ms-touch-action:none;
3 -ms-content-zooming: none;
4 /* overflow:hidden; */
5 }
6 #map {
7 position:relative;
8 height: 560px;
9 margin-bottom: 15px;
10 clear: both;
11 }
12 #func{
13 margin-top: -56px;
14 float: right;
15 margin-right: 55px;
16 z-index: 900;
17 }
18 #func > button {
19 margin-top: 20px;
20 margin-right: 20px;
21 margin-bottom: 9px;
22 }
23 #func > div {
24 margin-top: 20px;
25 float: left;
26 margin-right: 20px;
27 }
28 #func > input {
29 margin-top: 20px;
30 margin-right: 20px;
31 width: 100px;
32 float: left;
33 }
34 #func > select {
35 margin-top: 20px;
36 margin-right: 20px;
37 width: 100px;
38 float: left;
39 }
40 h3 {
41 margin: 15px;
42 }
43
44 #myTab, #myTabContent {
45 font-size: 14px;
46 }
47
48 .nav-tabs {
49 margin-bottom: 0;
50 }
51
52 h3 > #demo-name {
53 margin-right: 10px;
54 }
55 h3 > a {
56 font-weight: normal;
57 text-decoration: none;
58 }
59 /*less中设置*/
60 @media (max-width: 979px) {
61 .navbar-fixed-top {
62 margin-bottom: 0;
63 }
64 }
65
66 .page-header {
67 padding: 15px 10px;
68 border: 1px solid #d6e3f1;
69 }
70
71 .nav {
72 margin-bottom: 0;
73 }
74 .footer {
75 margin-top: 20px;
76 text-align: center;
77 }
78 @media (min-width: 1200px) {
79 .container,
80 .navbar-fixed-top .container,
81 .navbar-fixed-bottom .container {
82 /*width: 960px;*/
83 }
84 }
85
86 @media (min-width: 976px) {
87 .container .hero-unit{
88 padding: 103px 400px 103px 60px;
89 background:url(../images/home_banner2.png) no-repeat scroll right bottom transparent;
90 /*修改样式以兼容firefox
91 background-image:url(../images/home_banner2.png)
92 background-repeat:no-repeat;
93 background-position-x:right;
94 background-position-y:bottom;*/
95 }
96 }
97 .container .hero-unit{
98 border: 1px solid #D6E3F1;
99 border-radius: 0px;
100 }
101 p {
102 text-indent: 2em;
103 }
104
105 .navbar-inner > .container {
106 background-color: #61b3e3;
107 background-image: -moz-linear-gradient(top, #61b3e3, #2f7fba);
108 background-image: -ms-linear-gradient(top, #61b3e3, #2f7fba);
109 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61b3e3), to(#2f7fba));
110 background-image: -webkit-linear-gradient(top, #61b3e3, #2f7fba);
111 background-image: -o-linear-gradient(top, #61b3e3, #2f7fba);
112 background-image: linear-gradient(top, #61b3e3, #2f7fba);
113 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#61b3e3', endColorstr='#2f7fba', GradientType=0);
114
115 -webkit-border-radius: 4px;
116 -moz-border-radius: 4px;
117 border-radius: 4px;
118 }
119
120 .navbar .nav .active > a,
121 .navbar .nav .active > a:hover {
122 background-image: -moz-linear-gradient(top, #519ad6, #2167ad);
123 background-image: -ms-linear-gradient(top, #519ad6, #2167ad);
124 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#519ad6), to(#2167ad));
125 background-image: -webkit-linear-gradient(top, #519ad6, #2167ad);
126 background-image: -o-linear-gradient(top, #519ad6, #2167ad);
127 background-image: linear-gradient(top, #519ad6, #2167ad);
128 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#519ad6', endColorstr='#2167ad', GradientType=0);
129 background-color: #2167ad;
130 }
131
132 #titleContent li a {
133 font-size: 15px;
134 }
135
136 .container > .brand {
137 color: white;
138 }
139 #sourceCode {
140 float: right;
141 margin-top: -30px;
142 margin-right:40px;
143 }
144 #skip{
145 float: right;
146 margin-top:-30px;
147 margin-right:4px;
148 color: #08c;
149 }
150 /*开发指南和产品介绍css*/
151 h2.title {
152 background-color: #d6e3f1;
153 margin: 15px 0px;
154 padding:5px 1rem;
155 }
156 h4.thirdTitle{
157 margin-left: 25px;
158 }
159 #content {
160 padding: 0px 10px;
161 text-algin: center;
162 border: 1px solid #d6e3f1;
163 }
164 /*图片居中*/
165 div.pageImage {
166 text-align: center;
167 margin-top:10px;
168 margin-bottom:15px;
169 }
170
171 div.pageImage p{
172 margin: 1.5rem 0px;
173 font-size: 22px;
174 }
175 /*height和max-width用于设置图片自适应屏幕大小*/
176 img {
177 margin:auto;
178 height: auto;
179 max-width: 100%;
180 }
181 img.icon{
182 border:2px solid #d6e3f1;
183 }
184 /*产品指南目录列表样式*/
185 #togglelink{
186 vertical-align: 30%;
187 border-radius: 0px;
188 }
189 #lists {
190 overflow: hidden;
191 margin: 5px auto 10px auto;
192 font-size: 15px;
193 }
194 ul {
195 list-style-type:none;
196 }
197 ul li {
198 line-height: 27px;
199 }
200 #lists span {
201 padding-right:5px;
202 }
203 /**/
204 ul.circle {
205 list-style-type: circle;
206 }
207
208 ul.circle li{
209 font-size: 15px;
210 }
211
212 ul.disc {
213 list-style-type: disc;
214 }
215
216 ul.disc li{
217 font-size: 15px;
218 }
219 /*首页top背景*/
220 .container .topBanner{
221 background-image: url(../images/home_banner.jpg);
222 background-repeat: no-repeat;
223 }
224 .qByBoundsBoxDiv {
225 background-color: #B7CFE8;
226 filter:alpha(opacity:50);
227 border: 2px solid #304DBE;
228 }
229 /*公交换乘首列背景图片*/
230 .step_transfer{
231 background-image: url(../images/step_trans.png);
232 background-repeat: no-repeat;
233 width: 23px;
234 background-position: 7px 7px;
235 }
236 .bus_transfer{
237 background-image: url(../images/bus_trans.png);
238 background-repeat: no-repeat;
239 width: 23px;
240 background-position: 7px 7px;
241 }
242 .start_transfer{
243 background-image: url(../images/start_trans.png);
244 background-repeat: no-repeat;
245 width: 23px;
246 background-position: 7px 7px;
247 }
248 .end_transfer{
249 background-image: url(../images/end_trans.png);
250 background-repeat: no-repeat;
251 width: 23px;
252 background-position: 7px 7px;
253 }
254 #trafficRes > tbody > tr > td{
255 text-align: left;
256 }
257 input{
258 font-family:Arial, Helvetica, sans-serif;
259 font-size:12px;
260 border:1px solid #000000;
261 width:160px;
262 padding:1px;
263 margin:0px;
264 }
265 .start_end_input {
266 width:213px;
267 height:40px;
268 }
269 .sugpopup{
270 position: relative;
271 width: 170px;
272 color: #004a7e;
273 font-size: 12px;
274 font-family: Arial, Helvetica, sans-serif;
275 top: -10px;
276 left: 40px;
277 }
278 .sugpopup.show{
279 background-color: white;
280 filter: alpha(opacity=100);
281 border: 1px solid #004a7e;
282 z-index: 9999;
283 }
284
285 ul.dropList{
286 list-style:none;
287 margin:0px;
288 padding:0;
289 color:#004a7e;
290 }
291 ul.dropList li {
292 padding: 0 6px;
293 }
294 li.mouseOver{
295 background-color:#004a7e;
296 color:#FFFFFF;
297 }
298
299 li.dropListMouseOver {
300 background-color:#004a7e;
301 color:#FFFFFF;
302 }
303
304 .transferSolution {
305 border: 2px solid #EEE;
306 cursor: pointer;
307 margin:2px;
308 }
309 .transferIndex {
310 padding: 12px 0;
311 text-weight:bold;
312 }
313 .busLink {
314 text-decoration: none;
315 margin: 1px 2px;
316 cursor: pointer;
317 }
318 .bgSpan {
319 background-color: blue;
320 opacity: 0.6;
321 padding: 4px;
322 color: white;
323 border-radius: 4px;
324 }
325 .transferGuides {
326 padding: 2px;
327 margin: 20px 2px 10px 2px;
328 border-bottom: 1px solid #eeeeee;
329 width: 97%;
330 }
331 .showWindow:hover{color:#FF0000}
332
333 .win_bg{background:#CCC; opacity:0.2; filter:alpha(opacity=20); position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:998;}
334 .winTitle{background:#4192c9; height:20px; line-height:20px}
335 .winTitle .title_left{font-weight:bold; color:#FFF; padding-left:5px; float:left}
336 .winTitle .title_right{float:right; padding-right:3px;}
337 .winTitle .title_right a{color:#FFF; text-decoration:none; padding-right:3px;}
338 .winTitle .title_right a:hover{text-decoration:underline; color:#FF0000; padding-right:3px;}
339 .transferPreference {
340 border: 1px solid #D6E3F1;
341 height: 20px;
342 margin: 1px 30%;
343 padding: 0 12px;
344 }
345 .winContent{padding:5px; overflow-y:auto; height:550px;}
346 .popupWindow {
347 right:20px;
348 top:100px;
349 position: absolute;
350 width: 400px;
351 height: 600px;
352 border: 2px solid #D6E3F1;
353 background: #FFF;
354 z-index: 9999;
355 }
356 .floatLeft {
357 float: left;
358 }
359 .print-header{
360 margin: auto;
361 width: 936px;
362 height: 522px;
363 top: 50px;
364 position: relative;
365 }
366 .superD{
367 width: 100%;
368 height: 24px;
369 line-height: 24px;
370 border-bottom: 3px solid #B2B2B2;
371 font-size: 14px;
372 margin-bottom: 6px;
373 }
374 .superD h3{
375 float: left;
376 font-size: 14px;
377 }
378 .superD span{
379 float: right;
380 margin-right: 4px;
381 }
382 #superft{
383 content: '.';
384 height: 77px;
385 display: block;
386 overflow: hidden;
387 clear: both;
388 }
389 .printClose{
390 margin-bottom: 20px;
391 float: right;
392 }
393 .printClose span{
394 background-position: 0px 0px;
395 cursor: pointer;
396 margin-right: 0px;
397 margin-top: 5px;
398 display: inline-block;
399 width: 69px;
400 height: 29px;
401 background-image: url(../images/print.png);
402 }
403
404 #btn-success2 {
405 display: inline-block;
406 padding: 4px 10px 4px;
407 text-align: center;
408 cursor: pointer;
409 position: relative;
410 left: 150px;
411 z-index:2004;
412 width: 30px;
413 height: 18px;
414 margin-top: 5px;
415 }
416
417 div.smCustomControlMousePosition {
418 left: 600px;
419 top:280px;
420 display: block;
421 position: absolute;
422 font-family: Arial;
423 font-size: smaller;
424 }
425
426
427 .nav-pills > li >a{
428 padding: 0px;
429 padding-left: 4px;
430 padding-right:5px;
431 margin-bottom: 8px;
432 margin-right: 0px;
433 border-radius: 0px;
434 font-size: 13px;
435 color: #6E7B8B;
436 border-right: 1px solid #e1e1e8;
437
438 }
439 .nav-pills > li > a:hover{
440 color: #08c;
441 text-decoration: underline;
442 background-color: #ffffff;
443 }
444 .nav-pills > .active > a{
445 color:#08c;
446 background-color: #ffffff;
447 }
448 .nav-pills > .active > a:hover {
449 color: #08c;
450 background-color: #ffffff;
451 }
452
453 div.container-fluid{
454 padding-left: 0px;
455 padding-right: 0px;
456 }
457 div.row-fluid div.span2{
458 font-size:13px;
459 width: 115px;
460 color:#4682B4;
461 padding-left: 4px;
462 padding-top: 3px;
463 }
464 div.row-fluid div.span10{
465 margin-left: 0px;
466 margin-top:8px;
467 padding-bottom: 2px;
468 }
469
470 div.span2 ul.nav.nav-pills span{
471 width:9px;
472 font-weight:normal;
473 font-size:16px;
474 color:#aaa;
475 margin-top:5px;
476 padding-left:5px;
477 padding-right: 10px;
478 float:right;
479 }
480 .row-fluid{
481 border-bottom: 1px solid #e1e1e8;
482 }
483 .tips{
484 background:#f3f3ef;
485 padding:.75em;
486 line-height:1.7em;
487 font-size: 15px;
488 }
489
490
491 /**/
492
493 ol.list{
494 font-size: 15px;
495 }
...\ No newline at end of file ...\ No newline at end of file
1 img {
2 width: auto;
3 max-width:none;
4 }
5
6 .input-block-level {
7 min-height: 28px;
8 }
9
10 body {
11 font-size: 15px;
12 line-height: 22px;
13 }
14
15 .row-fluid [class*="span"] {
16 min-height: 28px;
17 margin-left: 2.127659574%;
18 *margin-left: 2.0744680846382977%;
19 }
20
21 p {
22 margin: 0 0 9px;
23 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
24 font-size: 15px;
25 line-height: 20px;
26 }
27
28 p small {
29 font-size: 11px;
30 color: #999999;
31 }
32
33 h1 {
34 font-size: 30px;
35 line-height: 36px;
36 }
37
38
39 h2 {
40 font-size: 24px;
41 line-height: 36px;
42 }
43
44 h3 {
45 font-size: 18px;
46 line-height: 27px;
47 }
48
49 h4,
50 h5,
51 h6 {
52 line-height: 18px;
53 }
54
55 h4 {
56 font-size: 14px;
57 }
58
59 h5 {
60 font-size: 12px;
61 }
62
63 h6 {
64 font-size: 11px;
65 color: #999999;
66 text-transform: uppercase;
67 }
68
69 h1 small {
70 font-size: 18px;
71 }
72
73 h2 small {
74 font-size: 18px;
75 }
76
77 h4 small {
78 font-size: 12px;
79 }
80
81 h1,
82 h2,
83 h3,
84 h4,
85 h5,
86 h6 {
87 margin: 0;
88 font-weight: bold;
89 }
90
91 .table tbody tr:hover td,
92 .table tbody tr:hover th {
93 background-color: #f5f5f5;
94 }
95
96 .table th,
97 .table td {
98 text-align: center;
99 }
100
101 .fade {
102 filter: alpha(opacity=0);
103 }
104
105 .fade.in {
106 filter: alpha(opacity=100);
107 }
108
109 .btn {
110 padding: 4px 10px 4px;
111 font-size: 13px;
112 line-height: 18px;
113 *line-height: 20px;
114 }
115
116 .nav-pills > .active > a,
117 .nav-pills > .active > a:hover {
118 background-color: #4ab7ee;
119 }
120
121 .nav-tabs > li > a {
122 line-height: 18px;
123 }
124
125 .navbar {
126 color: #999999;
127 margin-bottom: auto;
128 }
129
130 .navbar-inner {
131 background-repeat: repeat-x;
132 background-image:none;
133 background-color: transparent;
134 border: 0px;
135 -webkit-box-shadow: none;
136 -moz-box-shadow: none;
137 box-shadow: none;
138 -webkit-border-radius: 20px;
139 -moz-border-radius: 20px;
140 border-radius: 20px;
141 filter: alpha(opacity=100);
142
143 }
144
145 .navbar-fixed-top {
146 top: 0;
147 }
148
149 .navbar-fixed-bottom {
150 bottom: 0;
151 }
152
153 .navbar .brand {
154 padding: 8px 40px 12px;
155 line-height: 1;
156 text-shadow:none
157 }
158
159 .navbar-fixed-top,
160 .navbar-fixed-bottom {
161 position: static;
162 }
163
164 .navbar-fixed-top .navbar-inner,
165 .navbar-static-top .navbar-inner {
166 -webkit-box-shadow: none;
167 -moz-box-shadow: none;
168 box-shadow: none;
169 }
170
171 .navbar .nav > li > a {
172 padding: 9px 15px 11px;
173 line-height: 19px;
174 color: white;
175 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
176 font-weight: bold;
177 }
178
179 .navbar .nav > li > a:hover {
180 color: #ffffff;
181 }
182
183 .navbar .nav .active > a,
184 .navbar .nav .active > a:hover {
185 color: #ffffff;
186 }
187
188 .hero-unit {
189 line-height: 18px;
190 font-size: medium;
191 }
192
193 .hero-unit p {
194 font-size: 18px;
195 font-weight: 200;
196 line-height: 27px;
197 color: inherit;
198 }
199
200 .page-header {
201 padding-bottom: 17px;
202 margin: 18px 0;
203 }
204
205 .page-header h1 {
206 line-height: 1;
207 }
208
209 .caret {
210 opacity: 0.3;
211 filter: alpha(opacity=30);
212 }
213
214 .navbar .nav li.dropdown > .dropdown-toggle .caret {
215 border-top-color: #fff;
216 border-bottom-color: #fff;
217 }
218
219 .dropdown:hover .caret,
220 .open .caret {
221 opacity: 1;
222 filter: alpha(opacity=100);
223 }
224
225 .btn-primary .caret,
226 .btn-warning .caret,
227 .btn-danger .caret,
228 .btn-info .caret,
229 .btn-success .caret,
230 .btn-inverse .caret {
231 opacity: 0.75;
232 filter: alpha(opacity=75);
233 }
234
235 .navbar .nav li.dropdown.open > .dropdown-toggle,
236 .navbar .nav li.dropdown.active > .dropdown-toggle,
237 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
238 color: #fff;
239 background-color: transparent;
240 }
241
242 .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
243 .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
244 .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
245 border-top-color: #fff;
246 border-bottom-color: #fff;
247 }
248
249 .navbar .nav li.dropdown > a:hover .caret {
250 border-top-color: #fff;
251 border-bottom-color: #fff;
252 }
253
254 @media (max-width: 979px) {
255 .navbar .btn-navbar {
256 display: block;
257 }
258
259 .navbar .btn-navbar {
260 float: right;
261 padding: 7px 10px;
262 margin-right: 5px;
263 margin-left: 5px;
264 background-color: #2c2c2c;
265 *background-color: #222222;
266 background-image: -ms-linear-gradient(top, #333333, #222222);
267 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
268 background-image: -webkit-linear-gradient(top, #333333, #222222);
269 background-image: -o-linear-gradient(top, #333333, #222222);
270 background-image: linear-gradient(top, #333333, #222222);
271 background-image: -moz-linear-gradient(top, #333333, #222222);
272 background-repeat: repeat-x;
273 border-color: #222222 #222222 #000000;
274 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
275 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
276 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
277 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
278 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
279 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
280 }
281
282 .navbar .btn-navbar:hover,
283 .navbar .btn-navbar:active,
284 .navbar .btn-navbar.active,
285 .navbar .btn-navbar.disabled,
286 .navbar .btn-navbar[disabled] {
287 background-color: #222222;
288 *background-color: #151515;
289 }
290 }
291
292 @media (min-width: 1200px) {
293 .navbar .btn-navbar {
294 display: none;
295 }
296 }
297
298 @media (max-width: 979px){
299 .navbar .brand {
300 padding-right: 10px;
301 padding-left: 10px;
302 margin: 0 0 0 -5px;
303 }
304 }
305
306 @media (max-width: 979px){
307 .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
308 padding: 6px 15px;
309 font-weight: bold;
310 -webkit-border-radius: 3px;
311 -moz-border-radius: 3px;
312 border-radius: 3px;
313 color:#fff
314 }
315
316 .nav-collapse .nav > li > a:hover,
317 .nav-collapse .dropdown-menu a:hover {
318 background-color: #222222;
319 }
320 }
321
322 @media (max-width: 979px){
323 .nav-collapse .dropdown-menu::before, .nav-collapse .dropdown-menu::after {
324 display: none;
325 }
326
327 @media (max-width: 979px){
328 .nav-collapse .nav > li {
329 float: none;
330 }
331
332 .container .hero-unit {
333 background: transparent;
334 }
335 }
336
337 .nav-collapse.collapse {
338 height: auto;
339 }
340
341 .collapse {
342 position: relative;
343 height: auto;
344 overflow: hidden;
345 -webkit-transition: height 0.35s ease;
346 -moz-transition: height 0.35s ease;
347 -ms-transition: height 0.35s ease;
348 -o-transition: height 0.35s ease;
349 transition: height 0.35s ease;
350 }
351
352 .collapse.in {
353 height: auto;
354 }
355
356
357 @media (max-width: 979px){
358 .dropdown-menu a {
359 color: #333;
360 }
361 .nav-collapse .dropdown-menu {
362 display: block;
363 }
364 }
365
366 .dropdown-menu li > a:hover,
367 .dropdown-menu .active > a,
368 .dropdown-menu .active > a:hover {
369 color: #ffffff;
370 text-decoration: none;
371 background-color: #0088cc;
372 background-image:none;
373
374 }
375
376 .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
377 color: #fff;
378 }
379 }
...\ No newline at end of file ...\ No newline at end of file
1 /* remove codrops styles and reset the whole thing */
2 #container_demo{
3 text-align: left;
4 margin: 0;
5 padding: 0;
6 margin: 0 auto;
7 font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
8 }
9
10 /** fonts used for the icons **/
11 @font-face {
12 font-family: 'FontomasCustomRegular';
13 src: url('fonts/fontomas-webfont.eot');
14 src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'),
15 url('fonts/fontomas-webfont.woff') format('woff'),
16 url('fonts/fontomas-webfont.ttf') format('truetype'),
17 url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');
18 font-weight: normal;
19 font-style: normal;
20 }
21 @font-face {
22 font-family: 'FranchiseRegular';
23 src: url('fonts/franchise-bold-webfont.eot');
24 src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
25 url('fonts/franchise-bold-webfont.woff') format('woff'),
26 url('fonts/franchise-bold-webfont.ttf') format('truetype'),
27 url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg');
28 font-weight: normal;
29 font-style: normal;
30
31 }
32
33 /** The wrapper that will contain our two forms **/
34 #wrapper {
35 right: 0px;
36 min-height: 560px;
37 margin: 0px auto;
38 position: absolute;
39 top:0px;
40 right: 0px;
41 width: 300px;
42 height: 100%;
43 }
44 /**** Styling the form elements **/
45
46 /**** general text styling ****/
47 #wrapper a{
48 color: rgb(95, 155, 198);
49 text-decoration: underline;
50 }
51
52 #wrapper h1{
53 font-size: 19px;
54 color: rgb(6, 106, 117);
55 padding: 2px 0 15px 0;
56 font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
57 font-weight: bold;
58 text-align: center;
59 }
60 /** For the moment only webkit supports the background-clip:text; */
61 #wrapper h1{
62 background: -webkit-repeating-linear-gradient(-45deg,
63 rgb(18, 83, 93) ,
64 rgb(18, 83, 93) 20px,
65 rgb(64, 111, 118) 20px,
66 rgb(64, 111, 118) 40px,
67 rgb(18, 83, 93) 40px);
68 -webkit-text-fill-color: transparent;
69 -webkit-background-clip: text;
70 }
71 #wrapper h1:after{
72 content: ' ';
73 display: block;
74 width: 100%;
75 height: 2px;
76 margin-top: 10px;
77 background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%);
78 background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0)));
79 background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);
80 background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);
81 background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);
82 background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);
83 }
84
85 #wrapper p{
86 margin-bottom:15px;
87 }
88 #wrapper p:first-child{
89 margin: 0px;
90 }
91 #wrapper label{
92 color: rgb(64, 92, 96);
93 position: relative;
94 }
95
96
97 /** the magic icon trick ! **/
98 [data-icon]:after {
99 content: attr(data-icon);
100 font-family: 'FontomasCustomRegular';
101 color: rgb(106, 159, 171);
102 position: absolute;
103 left: 10px;
104 top: 35px;
105 width: 30px;
106 }
107
108
109 /*styling the links to change from one form to another */
110
111 p.change_link{
112 position: absolute;
113 color: rgb(127, 124, 124);
114 left: 0px;
115 height: 20px;
116 width: 440px;
117 padding: 17px 30px 20px 30px;
118 font-size: 16px ;
119 text-align: right;
120 border-top: 1px solid rgb(219, 229, 232);
121 -webkit-border-radius: 0 0 5px 5px;
122 -moz-border-radius: 0 0 5px 5px;
123 border-radius: 0 0 5px 5px;
124 background: rgb(225, 234, 235);
125 background: -moz-repeating-linear-gradient(-45deg,
126 rgb(247, 247, 247) ,
127 rgb(247, 247, 247) 15px,
128 rgb(225, 234, 235) 15px,
129 rgb(225, 234, 235) 30px,
130 rgb(247, 247, 247) 30px
131 );
132 background: -webkit-repeating-linear-gradient(-45deg,
133 rgb(247, 247, 247) ,
134 rgb(247, 247, 247) 15px,
135 rgb(225, 234, 235) 15px,
136 rgb(225, 234, 235) 30px,
137 rgb(247, 247, 247) 30px
138 );
139 background: -o-repeating-linear-gradient(-45deg,
140 rgb(247, 247, 247) ,
141 rgb(247, 247, 247) 15px,
142 rgb(225, 234, 235) 15px,
143 rgb(225, 234, 235) 30px,
144 rgb(247, 247, 247) 30px
145 );
146 background: repeating-linear-gradient(-45deg,
147 rgb(247, 247, 247) ,
148 rgb(247, 247, 247) 15px,
149 rgb(225, 234, 235) 15px,
150 rgb(225, 234, 235) 30px,
151 rgb(247, 247, 247) 30px
152 );
153 }
154 #wrapper p.change_link a {
155 display: inline-block;
156 font-weight: bold;
157 background: rgb(247, 248, 241);
158 padding: 2px 6px;
159 color: rgb(29, 162, 193);
160 margin-left: 10px;
161 text-decoration: none;
162 -webkit-border-radius: 4px;
163 -moz-border-radius: 4px;
164 border-radius: 4px;
165 border: 1px solid rgb(203, 213, 214);
166 -webkit-transition: all 0.4s linear;
167 -moz-transition: all 0.4s linear;
168 -o-transition: all 0.4s linear;
169 -ms-transition: all 0.4s linear;
170 transition: all 0.4s linear;
171 }
172 #wrapper p.change_link a:hover {
173 color: rgb(57, 191, 215);
174 background: rgb(247, 247, 247);
175 border: 1px solid rgb(74, 179, 198);
176 }
177 #wrapper p.change_link a:active{
178 position: relative;
179 top: 1px;
180 }
181 /** Styling both forms **/
182
183 #login{
184 position: absolute;
185 top: 0px;
186 width: 88%;
187 padding: 18px 6% 20px 6%;
188 margin: 0 0 35px 0;
189 background: rgb(247, 247, 247);
190 border: 1px solid rgba(147, 184, 189,0.8);
191 -webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
192 -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
193 box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
194 -webkit-box-shadow: 5px;
195 -moz-border-radius: 5px;
196 border-radius: 5px;
197 }
198
199 #login{
200 z-index: 22;
201 }
202 #wrapper p.button input{
203 /* width: 20%; */
204 height: 50%;
205 margin: 0 0 20px 20px;
206 cursor: pointer;
207 background: rgb(61, 157, 179);
208 padding: 8px 5px;
209 font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
210 color: #fff;
211 font-size: 16px;
212 border: 1px solid rgb(28, 108, 122);
213 margin-bottom: 10px;
214 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
215 -webkit-border-radius: 3px;
216 -moz-border-radius: 3px;
217 border-radius: 3px;
218 -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
219 0px 0px 0px 3px rgb(254, 254, 254),
220 0px 5px 3px 3px rgb(210, 210, 210);
221 -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
222 0px 0px 0px 3px rgb(254, 254, 254),
223 0px 5px 3px 3px rgb(210, 210, 210);
224 box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
225 0px 0px 0px 3px rgb(254, 254, 254),
226 0px 5px 3px 3px rgb(210, 210, 210);
227 -webkit-transition: all 0.2s linear;
228 -moz-transition: all 0.2s linear;
229 -o-transition: all 0.2s linear;
230 transition: all 0.2s linear;
231 }
232
233 /** yerk some ugly IE fixes 'cause I know someone will ask "why does it look ugly in IE?", no matter how many warnings I will put in the article */
234
235 .lt8 #wrapper h1{
236 color: #066A75;
237 }
238 .lt8 #register{
239 display: none;
240 }
241 .lt8 p.change_link,
242 .ie9 p.change_link{
243 position: absolute;
244 height: 90px;
245 background: transparent;
246 }
247
248 #nav-bar {
249 display: block;
250 position: absolute;
251 left: 5px;
252 top:5px;
253 margin: 0px 0px 0px 0px;
254 width:40px;
255 max-width: 50px;
256 border: 1px solid #bed1df;
257 border-radius: 4%;
258 background-color: white;
259 -webkit-box-shadow: -2px 3px 2px 0px rgba(5, 0, 0, 0.11);
260 -moz-box-shadow: -2px 3px 2px 0px rgba(5, 0, 0, 0.11);
261 box-shadow: -2px 3px 2px 0px rgba(5, 0, 0, 0.11);
262 }
263
264 li {
265 color: #4c7d84;
266 margin: 0;
267 font-family: 'Open Sans', sans-serif;
268 font-size: 0.75em;
269 list-style: none;
270 }
271
272 li.level-one {
273 font-size: 1.5em;
274 text-align: center;
275 border-top: 1px solid #4c7d84;
276 cursor: pointer;
277 }
278
279 li.level-one:first-child {
280 border-top: none;
281 }
282
283 li.level-one:hover {
284 background: #3f8eb9;
285 -webkit-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
286 -moz-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
287 box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
288 }
289 .selected {
290 background: #3f8eb9;
291 -webkit-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
292 -moz-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
293 box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
294 }
295
296 i {
297 color: #4c7d84;
298 margin: 25%;
299 }
300
301 a {
302 color: #3f8eb9;
303 text-decoration: none;
304 }
305
306 .level-one {
307 position: relative;
308 }
309
310 .level-two {
311 display: none;
312 position: absolute;
313 height: 50px;
314 width: 80px;
315 background: #FFFFFF;
316 border-radius: 4px;
317 font-family: 'Open Sans', sans-serif;
318 font-size: 0.65em;
319 text-align: center;
320 }
321
322 .level-two:after {
323 content: '';
324 position: absolute;
325 border-style: solid;
326 border-width: 9px 9px 9px 0;
327 border-color: transparent #fff;
328 display: block;
329 width: 0;
330 z-index: 1;
331 left: -9px;
332 top: 15px;
333 }
334
335 .level-two li {
336 margin: 15px;
337 }
338
339 .level-one:hover > .level-two {
340 display: block;
341
342 }
343 .level-two {
344 left: 70%;
345 top: 0;
346 }
347 a :visited{
348 background: #3f8eb9;
349 -webkit-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
350 -moz-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
351 box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
352 }
353 a :hover{
354 background: #3f8eb9;
355 -webkit-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
356 -moz-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
357 box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45);
358 }
1 .ztree *{padding:0;margin:0;font-size:12px;font-family:Verdana,Arial,Helvetica,AppleGothic,sans-serif}.ztree{margin:0;padding:5px;color:#333}.ztree li{padding:0;margin:0;list-style:none;line-height:14px;text-align:left;white-space:nowrap;outline:0}.ztree li ul{margin:0;padding:0 0 0 18px}.ztree li ul.line{background:url(img/line_conn.gif) 0 0 repeat-y}.ztree li a{padding:1px 3px 0 0;margin:0;cursor:pointer;height:17px;color:#333;background-color:transparent;text-decoration:none;vertical-align:top;display:inline-block}.ztree li a:hover{text-decoration:underline}.ztree li a.curSelectedNode{padding-top:0;background-color:#ffe6b0;color:#000;height:16px;border:1px #ffb951 solid;opacity:.8}.ztree li a.curSelectedNode_Edit{padding-top:0;background-color:#ffe6b0;color:#000;height:16px;border:1px #ffb951 solid;opacity:.8}.ztree li a.tmpTargetNode_inner{padding-top:0;background-color:#316ac5;color:#fff;height:16px;border:1px #316ac5 solid;opacity:.8}.ztree li a input.rename{height:14px;width:80px;padding:0;margin:0;font-size:12px;border:1px #7ec4cc solid}.ztree li span{line-height:16px;margin-right:2px}.ztree li span.button{line-height:0;margin:0;width:16px;height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:0;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-image:url(img/zTreeStandard.png)}.ztree li span.button.chk{width:13px;height:13px;margin:0 3px 0 0;cursor:auto}.ztree li span.button.chk.checkbox_false_full{background-position:0 0}.ztree li span.button.chk.checkbox_false_full_focus{background-position:0 -14px}.ztree li span.button.chk.checkbox_false_part{background-position:0 -28px}.ztree li span.button.chk.checkbox_false_part_focus{background-position:0 -42px}.ztree li span.button.chk.checkbox_false_disable{background-position:0 -56px}.ztree li span.button.chk.checkbox_true_full{background-position:-14px 0}.ztree li span.button.chk.checkbox_true_full_focus{background-position:-14px -14px}.ztree li span.button.chk.checkbox_true_part{background-position:-14px -28px}.ztree li span.button.chk.checkbox_true_part_focus{background-position:-14px -42px}.ztree li span.button.chk.checkbox_true_disable{background-position:-14px -56px}.ztree li span.button.chk.radio_false_full{background-position:-28px 0}.ztree li span.button.chk.radio_false_full_focus{background-position:-28px -14px}.ztree li span.button.chk.radio_false_part{background-position:-28px -28px}.ztree li span.button.chk.radio_false_part_focus{background-position:-28px -42px}.ztree li span.button.chk.radio_false_disable{background-position:-28px -56px}.ztree li span.button.chk.radio_true_full{background-position:-42px 0}.ztree li span.button.chk.radio_true_full_focus{background-position:-42px -14px}.ztree li span.button.chk.radio_true_part{background-position:-42px -28px}.ztree li span.button.chk.radio_true_part_focus{background-position:-42px -42px}.ztree li span.button.chk.radio_true_disable{background-position:-42px -56px}.ztree li span.button.switch{width:18px;height:18px}.ztree li span.button.root_open{background-position:-92px -54px}.ztree li span.button.root_close{background-position:-74px -54px}.ztree li span.button.roots_open{background-position:-92px 0}.ztree li span.button.roots_close{background-position:-74px 0}.ztree li span.button.center_open{background-position:-92px -18px}.ztree li span.button.center_close{background-position:-74px -18px}.ztree li span.button.bottom_open{background-position:-92px -36px}.ztree li span.button.bottom_close{background-position:-74px -36px}.ztree li span.button.noline_open{background-position:-92px -72px}.ztree li span.button.noline_close{background-position:-74px -72px}.ztree li span.button.root_docu{background:0 0}.ztree li span.button.roots_docu{background-position:-56px 0}.ztree li span.button.center_docu{background-position:-56px -18px}.ztree li span.button.bottom_docu{background-position:-56px -36px}.ztree li span.button.noline_docu{background:0 0}.ztree li span.button.ico_open{margin-right:2px;background-position:-110px -16px;vertical-align:top}.ztree li span.button.ico_close{margin-right:2px;background-position:-110px 0;vertical-align:top}.ztree li span.button.ico_docu{margin-right:2px;background-position:-110px -32px;vertical-align:top}.ztree li span.button.edit{margin-right:2px;background-position:-110px -48px;vertical-align:top}.ztree li span.button.remove{margin-right:2px;background-position:-110px -64px;vertical-align:top}.ztree li span.button.ico_loading{margin-right:2px;background:url(img/loading.gif) no-repeat scroll 0 0 transparent;vertical-align:top}ul.tmpTargetzTree{background-color:#ffe6b0;opacity:.8}span.tmpzTreeMove_arrow{width:16px;height:16px;display:inline-block;padding:0;margin:2px 0 0 1px;border:0 none;position:absolute;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-position:-110px -80px;background-image:url(img/zTreeStandard.png)}ul.ztree.zTreeDragUL{margin:0;padding:0;position:absolute;width:auto;height:auto;overflow:hidden;background-color:#cfcfcf;border:1px #00b83f dotted;opacity:.8}.zTreeMask{z-index:10000;background-color:#cfcfcf;opacity:0;position:absolute}
2 /*# sourceMappingURL=zTreeStyle.min.css.map */
...\ No newline at end of file ...\ No newline at end of file