2016-03-09 09:08:09 +08:00
|
|
|
@import "ui-variables";
|
|
|
|
|
|
|
|
.theme-picker {
|
|
|
|
text-align: center;
|
|
|
|
cursor: default;
|
2016-03-22 10:35:47 +08:00
|
|
|
.theme-picker-x {
|
|
|
|
margin: 6px;
|
|
|
|
}
|
2016-03-11 07:18:52 +08:00
|
|
|
h4 {
|
|
|
|
font-size: 14.5px;
|
|
|
|
margin-top: -10px;
|
2016-03-11 06:10:48 +08:00
|
|
|
margin-bottom: 5px;
|
2016-03-09 09:08:09 +08:00
|
|
|
}
|
|
|
|
.clickable-theme-option {
|
|
|
|
width: 115px;
|
2016-03-11 07:18:52 +08:00
|
|
|
height: 70px;
|
2016-03-09 09:08:09 +08:00
|
|
|
margin: 2px;
|
2016-03-22 10:35:47 +08:00
|
|
|
top: -20px;
|
2016-03-11 06:10:48 +08:00
|
|
|
iframe {
|
|
|
|
pointer-events: none;
|
|
|
|
position: relative;
|
|
|
|
z-index: 0;
|
|
|
|
}
|
2016-03-09 09:08:09 +08:00
|
|
|
}
|
2016-03-11 07:18:52 +08:00
|
|
|
.create-theme {
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 5px;
|
|
|
|
a {
|
|
|
|
text-decoration: none;
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
}
|
2016-03-09 09:08:09 +08:00
|
|
|
}
|
2016-03-22 10:35:47 +08:00
|
|
|
|
|
|
|
@media (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
.theme-picker {
|
|
|
|
.theme-picker-x {
|
|
|
|
margin: 12px;
|
|
|
|
}
|
|
|
|
.clickable-theme-option {
|
|
|
|
top: -10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|