2 * STANDARD_RIFT_IO_COPYRIGHT
5 @import "style/_colors.scss";
10 .skyquakePanel-wrapper {
23 /* transition: all 2s;*/
28 /* transition: all 300ms;*/
29 .tableRow>div:not(.siteName) {
32 /* transition: width 600ms;*/
33 /* transition: opacity 300ms;*/
39 /* transition: all 2s;*/
40 .tableRow>div:not(.siteName) {
45 /* transition: all 600ms;*/
54 .tableRow>div:not(.siteName) {
56 /* transition: all 600ms;*/
92 /* transition: opacity 300ms;*/
93 /* transition: width 600ms;*/
98 margin: 0 0.5rem 0.5rem;
100 padding-bottom: 0.5rem;
104 border-top: #d3d3d3 1px solid;
111 -ms-flex-direction:row;
112 -webkit-box-orient:horizontal;
113 -webkit-box-direction:normal;
116 -webkit-box-orient: vertical;
117 -webkit-box-direction: normal;
118 -ms-flex-direction: column;
119 flex-direction: column;
120 display: -webkit-box;
121 display: -ms-flexbox;
129 margin-bottom: 0.5rem;
132 -webkit-box-align: center;
133 -ms-flex-align: center;
138 display: -webkit-box;
139 display: -ms-flexbox;
152 -webkit-box-align: start;
153 -ms-flex-align: start;
154 align-items: flex-start;
155 margin-bottom: 0.75rem;
161 margin-bottom: 0.5rem;
167 -ms-flex-pack: start;
168 -webkit-box-pack: start;
169 justify-content: flex-start;
170 padding-top: 0.75rem;
173 margin-bottom:0.5rem;
185 .siteUsers.tableRow--data:hover {
193 border-bottom:1px solid #d3d3d3;
199 padding:0.25rem 0.5rem;
200 vertical-align: middle;
202 -ms-flex-pack:center;
203 -webkit-box-pack:center;
204 justify-content:center;
209 background:$neutral-dark-0;
231 border-bottom: 1px solid $neutral-dark-2;
232 text-transform:uppercase;
246 /* display: -ms-flexbox;*/
248 /* -ms-flex-direction: column;*/
249 /* flex-direction: column;*/
251 /* margin: 0.5rem 0;*/
252 /* -ms-flex-align: start;*/
253 /* align-items: flex-start;*/
254 /* -ms-flex-pack: start;*/
255 /* justify-content: flex-start;*/
274 -ms-flex-wrap: nowrap;
276 -ms-flex-align: center;
277 -webkit-box-align: center;
287 margin-bottom:0.5rem;
296 -ms-flex-wrap: nowrap;
304 display: -ms-flexbox;
305 display: -webkit-box;
307 -ms-flex-direction: column;
308 -webkit-box-orient: vertical;
309 -webkit-box-direction: normal;
310 flex-direction: column;
311 -ms-flex-pack: center;
312 -webkit-box-pack: center;
313 justify-content: center;
320 background:$neutral-dark-0;
322 &:hover:not(&-active) {
323 background:$neutral-dark-1;
325 &:hover, .activeUser, &-active{
329 .activeUser, &-active{
336 border-bottom: 1px solid $neutral-dark-5;
339 display: -webkit-box;
340 display: -ms-flexbox;
342 justify-content: space-between;
343 color: $neutral-dark-5;
354 .sqCheckBox label input {
358 .addInput, .removeInput {
362 -webkit-box-align: end;
364 align-items: flex-end;
365 margin-bottom: 0.75rem;
369 text-transform:uppercase;
380 text-transform: uppercase;