Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/config/config-options.css
/** | /** | ||||
* @provides config-options-css | * @provides config-options-css | ||||
*/ | */ | ||||
.config-option-table { | .config-option-table { | ||||
width: 100%; | width: 100%; | ||||
border-collapse: collapse; | border-collapse: collapse; | ||||
border: 1px solid {$thinblueborder}; | border: none; | ||||
background: {$page.content}; | background: {$page.content}; | ||||
} | } | ||||
.config-option-table th, | .config-option-table th, | ||||
.config-option-table td { | .config-option-table td { | ||||
padding: 4px 12px; | padding: 8px 12px; | ||||
border: 1px solid {$lightgreyborder}; | border-bottom: 1px solid {$thinblueborder}; | ||||
} | } | ||||
.config-option-table th { | .config-option-table th { | ||||
background: {$lightgreybackground}; | background: {$lightgreybackground}; | ||||
color: {$bluetext}; | color: {$bluetext}; | ||||
text-align: right; | text-align: left; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
} | } | ||||
.config-option-table th em, | .config-option-table th em, | ||||
.config-option-table td em { | .config-option-table td em { | ||||
font-weight: normal; | font-weight: normal; | ||||
color: {$greytext}; | color: {$greytext}; | ||||
} | } | ||||
.config-option-table td { | .config-option-table td { | ||||
color: {$darkgreytext}; | color: {$darkgreytext}; | ||||
width: 100%; | width: 100%; | ||||
white-space: pre-wrap; | white-space: pre-wrap; | ||||
} | } | ||||
.config-option-table .column-labels th { | .config-option-table .column-labels th { | ||||
font-weight: bold; | font-weight: bold; | ||||
color: {$bluetext}; | color: {$bluetext}; | ||||
text-align: center; | background: {$lightgreybackground}; | ||||
background: {$greybackground}; | border-right: 1px solid {$thinblueborder}; | ||||
} | } | ||||
.config-options-current-value { | .config-options-current-value { | ||||
padding: 0 8px 6px; | white-space: nowrap; | ||||
white-space: pre-wrap; | width: 200px; | ||||
text-overflow: ellipsis; | |||||
overflow: hidden; | |||||
} | } | ||||
.config-options-current-value span { | .config-options-current-value.violet { | ||||
color: {$greytext}; | color: {$violet}; | ||||
} | } | ||||
.config-options-effective-value, | .config-options-effective-value, | ||||
.config-option-table .config-options-effective-value th { | .config-option-table .config-options-effective-value th { | ||||
background: {$gentle.highlight}; | background: {$gentle.highlight}; | ||||
} | } |