Mercurial > repos > immport-devteam > flow_overview

comparison js/Editor-1.5.6/css/scss/datetime.scss @ 1:b5453d07f740 draft default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/flow_overview commit 65373effef15809f3db0e5f9603ef808f4110aa3"
author azomics
date Wed, 29 Jul 2020 17:03:53 -0400
parents
children
comparison
equal deleted inserted replaced
0:8283ff163ba6 1:b5453d07f740
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