Changes in the behavior: * The expanding/collapsing now works even with disabled JavaScript. * There is no FOUC on loading anymore. * The animation on show/hide is absent. Change-Id: I1b88d8e2cdbb1c969670a7a8637dba10bf447330
220 lines
3.6 KiB
CSS
220 lines
3.6 KiB
CSS
/* stylelint-disable selector-class-pattern */
|
|
|
|
.env-check {
|
|
font-size: 90%;
|
|
margin: 1em 0 1em 2.5em;
|
|
}
|
|
|
|
.config-section {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.config-block {
|
|
margin-top: 2em;
|
|
display: block;
|
|
}
|
|
|
|
.config-block-label {
|
|
display: block;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
.config-block-label label,
|
|
.config-label {
|
|
font-weight: bold;
|
|
padding-right: 0.5em;
|
|
padding-top: 0.2em;
|
|
}
|
|
|
|
.config-block-elements {
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.config-block-elements li {
|
|
list-style: none;
|
|
}
|
|
|
|
.config-input {
|
|
clear: left;
|
|
zoom: 100%; /* IE hack */
|
|
}
|
|
|
|
.config-page-wrapper {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.config-page-list {
|
|
float: right;
|
|
width: 12em;
|
|
border: 1px solid #aaa;
|
|
background: #fff;
|
|
padding: 0.5em;
|
|
/* 3em left margin to leave space between the list and the page-content */
|
|
margin: 0.5em 0.5em 0.5em 3.5em;
|
|
}
|
|
|
|
.config-page {
|
|
padding: 0.5em 0.5em 0.5em 2em;
|
|
margin: 0.5em 0.5em 0.5em 0.5em;
|
|
background: #eee;
|
|
}
|
|
|
|
.config-submit {
|
|
clear: left;
|
|
text-align: center;
|
|
padding: 1em;
|
|
}
|
|
|
|
.config-submit input {
|
|
margin-left: 0.5em;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.config-page-disabled {
|
|
color: #aaa;
|
|
}
|
|
|
|
.config-error-box {
|
|
border: 2px solid #f00;
|
|
}
|
|
|
|
.config-page-current {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.config-message {
|
|
display: list-item;
|
|
line-height: 1.5em;
|
|
/* @embed */
|
|
list-style-image: url( images/bullet.gif );
|
|
list-style-type: square;
|
|
}
|
|
|
|
.config-input-text {
|
|
width: 20em;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.config-input-check {
|
|
margin-left: 10em;
|
|
}
|
|
|
|
.config-skins-item {
|
|
/* Clearfix */
|
|
clear: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.config-skins-item .config-input-check {
|
|
margin-left: 10em;
|
|
width: 20em;
|
|
float: left;
|
|
}
|
|
|
|
.config-skins-item .config-skins-use-as-default {
|
|
float: left;
|
|
}
|
|
|
|
.error {
|
|
color: #f00;
|
|
background-color: #fff;
|
|
font-weight: bold;
|
|
left: 1em;
|
|
font-size: 100%;
|
|
}
|
|
|
|
.config-settings-block {
|
|
list-style-type: none;
|
|
list-style-image: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.btn-install {
|
|
font-weight: bold;
|
|
font-size: 110%;
|
|
padding: 0.2em 0.3em;
|
|
}
|
|
|
|
.success-message {
|
|
font-weight: bold;
|
|
font-size: 110%;
|
|
color: #008000;
|
|
}
|
|
|
|
.success-box {
|
|
font-size: 130%;
|
|
}
|
|
|
|
.config-cc-wrapper {
|
|
clear: left;
|
|
/* If you change this height, also change it in WebInstallerOptions::submitCC() */
|
|
height: 54em;
|
|
}
|
|
|
|
.config-plainlink a {
|
|
background: none !important; /* stylelint-disable-line declaration-no-important */
|
|
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
}
|
|
|
|
.config-download-link {
|
|
font-size: 1.8em;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.config-download-link a {
|
|
background: url( images/download-32.png ) no-repeat center left;
|
|
padding-left: 40px; /* 32 px for the image (above), plus some breathing room */
|
|
height: 32px; /* provide enough vertical room for the image */
|
|
display: inline-block; /* allow the height property (above) to work */
|
|
line-height: 32px; /* center the text vertically */
|
|
}
|
|
|
|
#config-live-log {
|
|
overflow: hidden;
|
|
min-width: 20em;
|
|
}
|
|
|
|
/* Hide empty live-log textarea */
|
|
#config-live-log textarea:empty {
|
|
display: none;
|
|
}
|
|
|
|
.config-help-field-checkbox {
|
|
display: none;
|
|
}
|
|
|
|
/* tooltip styles */
|
|
.config-help-field-hint {
|
|
margin-left: 2px;
|
|
padding: 0 0 0 15px;
|
|
/* @embed */
|
|
background-image: url( images/help-question.gif );
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
font-size: 0.8em;
|
|
text-decoration: underline;
|
|
color: #0645ad;
|
|
}
|
|
|
|
.config-help-field-hint:hover {
|
|
/* @embed */
|
|
background-image: url( images/help-question-hover.gif );
|
|
}
|
|
|
|
.config-help-field-data {
|
|
display: block;
|
|
background-color: #d6f3ff;
|
|
padding: 5px 8px 4px 8px;
|
|
border: 1px solid #5dc9f4;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.config-help-field-checkbox:not( :checked ) ~ .config-help-field-data {
|
|
display: none;
|
|
}
|
|
|
|
#p-logo a {
|
|
background-image: url( images/installer-logo.png );
|
|
}
|