Mercurial > repos > immport-devteam > cs_overview
comparison js/Editor-1.5.6/css/scss/datetime.scss @ 2:a64ece32a01a draft default tip
"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/cs_overview commit a46097db0b6056e1125237393eb6974cfd51eb41"
author | azomics |
---|---|
date | Tue, 28 Jul 2020 08:32:36 -0400 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
1:bca68066a957 | 2:a64ece32a01a |
---|---|
1 | |
2 $editor-datetime-selected: #4E6CA3 !default; | |
3 | |
4 div.editor-datetime { | |
5 position: absolute; | |
6 background-color: white; | |
7 z-index: 2050; | |
8 border: 1px solid #ccc; | |
9 box-shadow: 0 5px 15px -5px rgba(0,0,0,.5); | |
10 padding-bottom: 5px; | |
11 | |
12 div.editor-datetime-title { | |
13 text-align: center; | |
14 padding: 5px 0px 3px; | |
15 } | |
16 | |
17 table { | |
18 border-spacing: 0; | |
19 margin: 6px 13px; | |
20 | |
21 th { | |
22 font-size: 0.8em; | |
23 color: #777; | |
24 font-weight: normal; | |
25 width: 14.285714286%; | |
26 padding: 0 0 4px 0; | |
27 text-align: center; | |
28 } | |
29 | |
30 td { | |
31 font-size: 0.9em; | |
32 color: #444; | |
33 padding: 0; | |
34 } | |
35 | |
36 td.day { | |
37 text-align: right; | |
38 background: #f5f5f5; | |
39 | |
40 &.disabled { | |
41 color: #aaa; | |
42 background: white; | |
43 } | |
44 | |
45 &.today { | |
46 background-color: #ddd; | |
47 | |
48 button { | |
49 font-weight: bold; | |
50 } | |
51 } | |
52 | |
53 &.selected button { | |
54 background: $editor-datetime-selected; | |
55 color: white; | |
56 border-radius: 2px; | |
57 } | |
58 | |
59 button:hover { | |
60 background: #ff8000; | |
61 color: white; | |
62 border-radius: 2px; | |
63 } | |
64 } | |
65 | |
66 td.editor-datetime-week { | |
67 font-size: 0.7em; | |
68 } | |
69 | |
70 button { | |
71 width: 100%; | |
72 box-sizing: border-box; | |
73 border: none; | |
74 background: transparent; | |
75 font-size: inherit; | |
76 color: inherit; | |
77 text-align: inherit; | |
78 padding: 5px 9px; | |
79 cursor: pointer; | |
80 margin: 0; | |
81 } | |
82 | |
83 &.weekNumber th { | |
84 width: 12.5%; | |
85 } | |
86 } | |
87 | |
88 div.editor-datetime-label { | |
89 position: relative; | |
90 display: inline-block; | |
91 height: 30px; | |
92 padding: 5px 6px; | |
93 border: 1px solid transparent; | |
94 box-sizing: border-box; | |
95 cursor: pointer; | |
96 | |
97 &:hover { | |
98 border: 1px solid #ddd; | |
99 border-radius: 2px; | |
100 background-color: #f5f5f5; | |
101 } | |
102 | |
103 span { | |
104 | |
105 } | |
106 | |
107 select { | |
108 position: absolute; | |
109 top: 6px; | |
110 left: 0; | |
111 cursor: pointer; | |
112 opacity: 0; | |
113 -ms-filter: "alpha(opacity=0)"; | |
114 } | |
115 } | |
116 | |
117 div.editor-datetime-time { | |
118 text-align: center; | |
119 | |
120 > span { | |
121 vertical-align: middle; | |
122 } | |
123 | |
124 div.editor-datetime-timeblock { | |
125 display: inline-block; | |
126 vertical-align: middle; | |
127 } | |
128 } | |
129 | |
130 | |
131 div.editor-datetime-iconLeft, | |
132 div.editor-datetime-iconRight, | |
133 div.editor-datetime-iconUp, | |
134 div.editor-datetime-iconDown { | |
135 width: 30px; | |
136 height: 30px; | |
137 background-position: center; | |
138 background-repeat: no-repeat; | |
139 opacity: 0.3; | |
140 overflow: hidden; | |
141 box-sizing: border-box; | |
142 | |
143 &:hover { | |
144 border: 1px solid #ccc; | |
145 border-radius: 2px; | |
146 background-color: #f0f0f0; | |
147 opacity: 0.6; | |
148 } | |
149 | |
150 button { | |
151 border: none; | |
152 background: transparent; | |
153 text-indent: 30px; | |
154 height: 100%; | |
155 width: 100%; | |
156 cursor: pointer; | |
157 } | |
158 } | |
159 | |
160 div.editor-datetime-iconLeft { | |
161 position: absolute; | |
162 top: 5px; | |
163 left: 5px; | |
164 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); | |
165 } | |
166 | |
167 div.editor-datetime-iconRight { | |
168 position: absolute; | |
169 top: 5px; | |
170 right: 5px; | |
171 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); | |
172 } | |
173 | |
174 div.editor-datetime-iconUp { | |
175 height: 20px; | |
176 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII='); | |
177 } | |
178 | |
179 div.editor-datetime-iconDown { | |
180 height: 20px; | |
181 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC'); | |
182 } | |
183 } | |
184 |