474 lines
7.8 KiB
CSS
474 lines
7.8 KiB
CSS
#config {
|
|
text-align:center;
|
|
padding:0 0 0 0;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#config *{
|
|
font-family: "Open Sans", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
#config a:hover {
|
|
color: #09a2ff !important;
|
|
}
|
|
|
|
#config h3 a {
|
|
text-decoration: none;
|
|
font-size: 18px;
|
|
}
|
|
|
|
#config h3 img {
|
|
vertical-align: baseline;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#config ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
#config h3 {
|
|
font-size: 1.5em;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#config h4 {
|
|
font-size: 1em;
|
|
color: #FFFFFF;
|
|
text-transform: uppercase;
|
|
margin: 0 0 .2em;
|
|
line-height: 12px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
#config h5 {
|
|
font-size: 1em;
|
|
color: #FFFFFF;
|
|
margin: 0 0 .2em;
|
|
}
|
|
|
|
#config p {
|
|
font-size: 1.2em;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
#config .path {
|
|
font-size: 1em;
|
|
color: #333;
|
|
font-family: "Open Sans", Verdana;
|
|
}
|
|
|
|
#config .jumbo {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
#config-content {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
clear: both;
|
|
margin: 0 auto;
|
|
padding: 0 0 0;
|
|
}
|
|
|
|
#config-components {
|
|
width: auto;
|
|
}
|
|
|
|
#config-components-border {
|
|
float: left;
|
|
width: auto;
|
|
border-top: 1px solid #999;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
#config .title-group {
|
|
border-bottom: 1px solid #707070;
|
|
position: relative;
|
|
padding: 25px 15px 25px;
|
|
}
|
|
|
|
#config .component-group {
|
|
border-bottom: 1px solid #111;
|
|
padding: 15px 15px 25px;
|
|
}
|
|
|
|
#config .component-group-desc {
|
|
float: left;
|
|
width: 235px;
|
|
}
|
|
|
|
#config .component-group-desc h3 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
#config .component-group-desc p {
|
|
width: 85%;
|
|
font-size: 1.0em;
|
|
color: #FFFFFF;
|
|
margin: .8em 0;
|
|
}
|
|
|
|
#config .component-group-desc p.note {
|
|
width: 90%;
|
|
color: #FFFFFF;
|
|
margin: .8em 0;
|
|
}
|
|
|
|
#config .component-group-list {
|
|
float: left;
|
|
width: 610px;
|
|
margin-top: 16px;
|
|
}
|
|
|
|
#config fieldset {
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
|
|
#config div.field-pair {
|
|
margin: .9em 0 1.4em;
|
|
}
|
|
|
|
#config div.field-pair input:not(.btn) {
|
|
float: left;
|
|
margin-right: 6px;
|
|
margin-top: 4px;
|
|
padding: 4px;
|
|
border-radius: 3px;
|
|
border: 1px solid #111;
|
|
}
|
|
|
|
#config div.field-pair input[type="checkbox"] {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
#config div.naming-anime input[type="radio"] {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
#provider_order_list input[type="checkbox"],
|
|
#service_order_list input[type="checkbox"] {
|
|
vertical-align:middle;
|
|
}
|
|
|
|
#config label.nocheck,
|
|
#config div #customQuality {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#config label span.component-title {
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
float: left;
|
|
width: 175px;
|
|
margin-right: 10px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
#config label span.component-desc {
|
|
margin-left: 190px;
|
|
display: block;
|
|
font-size: 11px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
#config label.nocheck span.component-desc {
|
|
margin-left: 170px;
|
|
}
|
|
|
|
#config div.field-pair select {
|
|
font-size: 12px;
|
|
}
|
|
|
|
#config-settings {
|
|
float: right;
|
|
width: 200px;
|
|
background: #fffae5;
|
|
border-bottom: 1px dotted #666;
|
|
border-top: 1px solid #999;
|
|
margin-right: 20px;
|
|
padding: 20px 0 30px;
|
|
}
|
|
|
|
#config-settings .config-settings-group {
|
|
border-bottom: 1px dotted #999;
|
|
padding-bottom: 15px;
|
|
margin: 0 15px 15px;
|
|
}
|
|
|
|
#config-settings .config-settings-group h2 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#config-settings .config-settings-group p {
|
|
font-size: 1.1em;
|
|
color: #666;
|
|
margin: .6em 0 1em;
|
|
}
|
|
|
|
#config-settings .config-settings-group div.field-pair {
|
|
margin: 1.2em 0 .6em;
|
|
}
|
|
|
|
#config-settings .config-settings-group input {
|
|
float: left;
|
|
}
|
|
|
|
.clearfix:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.clearfix {
|
|
display: block;
|
|
}
|
|
|
|
/* Hides from IE-mac \*/
|
|
* html .clearfix {
|
|
height: 1%;
|
|
}
|
|
/* End hide from IE-mac */
|
|
|
|
#provider_order_list,
|
|
#service_order_list {
|
|
list-style-type: none;
|
|
width: 270px;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: normal;
|
|
}
|
|
|
|
#provider_order_list li,
|
|
#service_order_list li {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
font-family: "Open Sans", Verdana;
|
|
margin: 0 5px 5px;
|
|
padding: 6px;
|
|
height: 22px;
|
|
background: #333;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#provider_order_list input,
|
|
#service_order_list input {
|
|
margin: 0px 2px;
|
|
}
|
|
|
|
.providerDiv {
|
|
display: none;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#config div.metadataDiv {
|
|
display: none;
|
|
}
|
|
|
|
#config div.metadata_options {
|
|
float: left;
|
|
font-size: 14px;
|
|
font-family: "Open Sans", Verdana;
|
|
width: 185px;
|
|
color: #FFF;
|
|
padding: 7px;
|
|
}
|
|
|
|
#config div.metadata_options label:hover {
|
|
background-color: #09A2FF;
|
|
}
|
|
|
|
#config div.metadata_options label {
|
|
display: block;
|
|
color: #FFF;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
#config div.metadata_example {
|
|
float: right;
|
|
font-size: 14px;
|
|
font-family: "Open Sans", Verdana;
|
|
width: 265px;
|
|
color: #036;
|
|
overflow: auto;
|
|
margin-right: 30px;
|
|
padding: 7px;
|
|
}
|
|
|
|
#config div.metadata_example label {
|
|
display: block;
|
|
color: #09A2FF;
|
|
}
|
|
|
|
#config div.metadataDiv .disabled {
|
|
color: #ccc;
|
|
}
|
|
|
|
#config div #metadataLegend {
|
|
font-size: 14px;
|
|
font-family: "Open Sans", Verdana;
|
|
font-weight: 900;
|
|
display: block;
|
|
width: auto;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.infoTable {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.infoTableHeader,
|
|
.infoTableCell {
|
|
padding: 5px;
|
|
}
|
|
|
|
.infoTableHeader {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.infoTableSeperator {
|
|
border-top: 1px dotted #666666;
|
|
}
|
|
|
|
#config div.testNotification {
|
|
border: 1px solid #111;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
line-height: 20px;
|
|
background-color: #333;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.config_message {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 1.3em;
|
|
background: #ffecac;
|
|
}
|
|
|
|
[class^="icon16-"], [class*=" icon16-"] {
|
|
background-image: url("/images/glyphicons-config.png");
|
|
background-position: -40px 0;
|
|
background-repeat: no-repeat;
|
|
display: inline-block;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
vertical-align: text-top;
|
|
width: 16px;
|
|
}
|
|
|
|
.icon16-github {
|
|
background-position: 0 0;
|
|
}
|
|
.icon16-mirc {
|
|
background-position: -20px 0;
|
|
}
|
|
.icon16-sb {
|
|
background-position: -40px 0;
|
|
}
|
|
.icon16-web {
|
|
background-position: -60px 0;
|
|
}
|
|
.icon16-win {
|
|
background-position: -80px 0;
|
|
}
|
|
|
|
#config span.path {
|
|
color: #09a2ff;
|
|
padding-bottom: 3px;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
#config .tip_scale {
|
|
margin-left: -9px;
|
|
margin-top: -10px !important;
|
|
margin-right: 5px;
|
|
margin-bottom: -20px;
|
|
line-height: 18px;
|
|
font-size: 0.5 em !important;
|
|
text-align: left;
|
|
}
|
|
|
|
#config .tip_scale label span.component-title {
|
|
width: 85px !important;
|
|
font-size: 12px !important;
|
|
margin-top: 2px !important;
|
|
}
|
|
|
|
#config .tip_scale label span.component-desc {
|
|
margin-left: 120px !important;
|
|
width: 220px !important;
|
|
}
|
|
|
|
#config .tip_scale label span.component-desc2 {
|
|
margin-left: 100px !important;
|
|
width: 220px !important;
|
|
display: block;
|
|
font-size: 11px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
#config .tip_scale input[type="text"],
|
|
#config .tip_scale input[type="password"],
|
|
#config .tip_scale select {
|
|
transform: scale(0.8) !important;
|
|
-ms-transform: scale(0.8) !important;
|
|
-webkit-transform: scale(0.8) !important;
|
|
margin-left: -35px !important;
|
|
margin-top: 3px !important;
|
|
}
|
|
|
|
/* =======================================================================
|
|
config_postProcessing.tmpl
|
|
========================================================================== */
|
|
|
|
#config div.example {
|
|
padding: 4px 10px 4px 10px;
|
|
margin-top: 2px;
|
|
color: #09a2ff;
|
|
border: 1px solid #111;
|
|
background: #333;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.Key {
|
|
width: 100%;
|
|
padding: 6px;
|
|
font-size: 11px;
|
|
background-color: #3d3d3d;
|
|
border: 1px solid #111;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
line-height: 18px !important;
|
|
margin-left: 15px !important;
|
|
}
|
|
|
|
.Key th, .tableHeader {
|
|
padding: 3px 9px;
|
|
margin: 0;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-shadow:0 1px rgba(0,0,0,0.8);
|
|
background:#297ab8;
|
|
background-clip:padding-box;
|
|
background-image:-webkit-linear-gradient(top, #297ab8,#15528f) !important;
|
|
background-image:-moz-linear-gradient(top, #297ab8,#15528f) !important;
|
|
background-image:-o-linear-gradient(top, #297ab8,#15528f) !important;
|
|
background-image:linear-gradient(to bottom, #297ab8,#15528f) !important;
|
|
}
|
|
|
|
.Key td {
|
|
padding: 1px 5px !important;
|
|
}
|
|
|
|
.Key tr {
|
|
border-bottom: 1px solid #111;
|
|
}
|
|
|
|
.Key tr.even {
|
|
background-color: #333;
|
|
} |