b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
138 lines
2 KiB
CSS
Executable file
138 lines
2 KiB
CSS
Executable file
|
|
/** Setting Options
|
|
---------------------------------------------------------*/
|
|
|
|
.setting-options {
|
|
height: 100%;
|
|
font-size: 1.6rem;
|
|
color: #FFF;
|
|
}
|
|
|
|
/** Inner
|
|
---------------------------------------------------------*/
|
|
|
|
.setting-options > .inner {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
/** Items
|
|
---------------------------------------------------------*/
|
|
|
|
.setting-options_items {
|
|
flex: 1;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.setting-options_items > .inner {
|
|
padding: 0 1.5rem;
|
|
background: rgba(0,0,0,0.85);
|
|
}
|
|
|
|
/** Item
|
|
---------------------------------------------------------*/
|
|
|
|
/**
|
|
* 1. We don't want borders to change
|
|
* the size of the content-box.
|
|
*/
|
|
|
|
.setting-option {
|
|
height: 7rem;
|
|
padding: 0 1.5rem;
|
|
font-size: 1.9rem;
|
|
line-height: 7rem;
|
|
font-weight: 500;
|
|
border: solid 1px rgba(255,255,255,0.15);
|
|
border-width: 1px 0 0;
|
|
box-sizing: content-box; /* 1 */
|
|
}
|
|
|
|
/**
|
|
* @last-child
|
|
*/
|
|
|
|
.setting-option:last-child {
|
|
border-width: 1px 0 1px;
|
|
}
|
|
|
|
/**
|
|
* @active
|
|
*/
|
|
|
|
.setting-option:active {
|
|
background: rgba(0,142,171,0.3);
|
|
border-color: transparent;
|
|
color: white;
|
|
}
|
|
|
|
/**
|
|
* @selected
|
|
*/
|
|
|
|
.setting-option.selected {
|
|
color: #008eab;
|
|
}
|
|
|
|
.setting-option.selected:active {
|
|
color: white;
|
|
}
|
|
|
|
/** Item Icon
|
|
---------------------------------------------------------*/
|
|
|
|
/**
|
|
* 1. Tick icon hidden by default
|
|
*/
|
|
|
|
.setting-option:before {
|
|
float: right;
|
|
margin-right: 0.5rem;
|
|
font-size: 2rem;
|
|
visibility: hidden; /* 1 */
|
|
}
|
|
|
|
/**
|
|
* .selected
|
|
*/
|
|
|
|
.setting-option.selected:before {
|
|
visibility: visible;
|
|
}
|
|
|
|
/**
|
|
* [dir=rtl]
|
|
*
|
|
* The tick icon should be on the
|
|
* left hand edge, and text on the right.
|
|
*/
|
|
|
|
[dir="rtl"] .setting-option:before {
|
|
float: left;
|
|
}
|
|
|
|
/** Back Button
|
|
---------------------------------------------------------*/
|
|
|
|
.settings-back-btn {
|
|
position: absolute;
|
|
left: -2px;
|
|
top: 0;
|
|
width: 50%;
|
|
height: 9rem;
|
|
text-shadow: none;
|
|
font-size: 24px;
|
|
color: #FFFFFF;
|
|
text-align: left;
|
|
line-height: 9rem;
|
|
}
|
|
|
|
/**
|
|
* :active
|
|
*/
|
|
|
|
.settings-back-btn:active {
|
|
background: transparent;
|
|
color: #008EAb;
|
|
}
|