236 lines
3.6 KiB
CSS
236 lines
3.6 KiB
CSS
div.zone {
|
||
clear: both;
|
||
}
|
||
|
||
div.zone h3 {
|
||
padding-top: 1em;
|
||
}
|
||
|
||
div.service-block {
|
||
background-position: 1em 1em;
|
||
background-repeat: no-repeat;
|
||
}
|
||
|
||
div.authentic-block { background-image: url(icons/roles.large.png); }
|
||
div.wcs-block { background-image: url(../img/icon-webforms.png); }
|
||
div.passerelle-block { background-image: url(icons/connector.large.png); }
|
||
div.combo-block { background-image: url(icons/portal.large.png); }
|
||
div.chrono-block { background-image: url(icons/calendar.large.png); }
|
||
div.corbo-block { background-image: url(icons/announces.large.png); }
|
||
|
||
p.being-deployed {
|
||
background: url(indicator.gif) no-repeat;
|
||
padding-left: 2em;
|
||
}
|
||
|
||
a.delete-service, a.delete-variable, a.delete-tenant {
|
||
float: right;
|
||
text-decoration: none;
|
||
}
|
||
|
||
a.delete-service:after, a.delete-variable:after, a.delete-tenant:after {
|
||
font: normal 1.5em FontAwesome;
|
||
content:"\f057";
|
||
}
|
||
|
||
.right {
|
||
float: right;
|
||
}
|
||
|
||
.required {
|
||
position: relative;
|
||
}
|
||
|
||
.required label:after {
|
||
content: '*';
|
||
color: #f00;
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
|
||
ul.login li {
|
||
list-style-type: none;
|
||
margin: .5em auto;
|
||
}
|
||
|
||
ul.login li ul.errorlist {
|
||
margin-left: 10em;
|
||
}
|
||
|
||
ul.login label {
|
||
float: left;
|
||
width: 10em;
|
||
}
|
||
|
||
p.hint::before {
|
||
content: "\f05a ";
|
||
font-family: FontAwesome;
|
||
}
|
||
|
||
p.hint {
|
||
color: #aaa;
|
||
}
|
||
|
||
span.handle {
|
||
cursor: move;
|
||
display: inline-block;
|
||
padding: 0.5ex;
|
||
text-align: center;
|
||
width: 1em;
|
||
}
|
||
|
||
div#themes-list {
|
||
-moz-column-width: 20em;
|
||
-webkit-column-width: 20em;
|
||
column-width: 20em;
|
||
}
|
||
|
||
div.objects-list > div {
|
||
padding: 1ex;
|
||
border: 1px solid #bcbcbc;
|
||
border-collapse: collapse;
|
||
margin-top: -1px;
|
||
background: white;
|
||
}
|
||
|
||
div#attributes-list > div {
|
||
padding-left: 0;
|
||
}
|
||
|
||
div#attributes-list > div:hover {
|
||
background: #f0f0f0;
|
||
}
|
||
|
||
div.objects-list > div.disabled {
|
||
color: #aaa;
|
||
}
|
||
|
||
span.extra-info {
|
||
font-size: 80%;
|
||
color: #aaa;
|
||
}
|
||
|
||
div#attributes-list a {
|
||
float: right;
|
||
}
|
||
|
||
h3 span.slug {
|
||
font-weight: normal;
|
||
font-size: 90%;
|
||
}
|
||
|
||
h4.custom-variables {
|
||
cursor: pointer;
|
||
}
|
||
|
||
h4.custom-variables:after {
|
||
font-family: FontAwesome;
|
||
content: "\f105";
|
||
padding-left: 1ex;
|
||
color: #999;
|
||
transition: color 0.2s ease;
|
||
}
|
||
|
||
h4.custom-variables:hover:after {
|
||
color: inherit;
|
||
}
|
||
|
||
h4.custom-variables.toggled:after {
|
||
content: "\f107";
|
||
}
|
||
|
||
h4.untoggled + div {
|
||
display: none;
|
||
}
|
||
|
||
div.objects-list > div > label {
|
||
box-sizing: border-box;
|
||
display: block;
|
||
width: 100%;
|
||
border-left: 20px solid white;
|
||
min-height: 20px;
|
||
padding-left: 2ex;
|
||
}
|
||
|
||
div.objects-list > div > label > input[type=radio] {
|
||
margin-right: 1.5ex;
|
||
}
|
||
|
||
div.buttons {
|
||
margin: 1em 0;
|
||
}
|
||
|
||
div#services > div {
|
||
box-sizing: border-box;
|
||
background: white;
|
||
border: 1px solid #ccc;
|
||
border-width: 1px 1px 1px 10px;
|
||
margin-bottom: 1rem;
|
||
width: 49%;
|
||
padding: 0 1ex;
|
||
}
|
||
|
||
div#services > div h3 {
|
||
margin-top: 0.5rem;
|
||
}
|
||
|
||
div#services > div h3 a {
|
||
font-size: 80%;
|
||
font-weight: normal;
|
||
float: right;
|
||
}
|
||
|
||
div#services > div:nth-child(2n+1) {
|
||
float: left;
|
||
}
|
||
|
||
div#services > div:nth-child(2n) {
|
||
float: right;
|
||
}
|
||
|
||
div#services > div.op-ok {
|
||
border-color: #00b000;
|
||
}
|
||
|
||
div#services > div.op-nok {
|
||
border-color: #b00000;
|
||
}
|
||
|
||
div#services p {
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
div#services span.op-ok::before {
|
||
font-family: FontAwesome;
|
||
content: "\f058"; /* check-circle */
|
||
display: inline-block;
|
||
width: 1.5rem;
|
||
color: #00b000;
|
||
}
|
||
|
||
div#services span.op-nok::before {
|
||
font-family: FontAwesome;
|
||
content: "\f057"; /* times-circle */
|
||
display: inline-block;
|
||
width: 1.5rem;
|
||
color: #b00000;
|
||
}
|
||
|
||
div#services span {
|
||
margin-right: 1rem;
|
||
}
|
||
|
||
textarea#id_tracking_js {
|
||
width: 100%;
|
||
}
|
||
|
||
ul#id_scopes,
|
||
ul#id_scopes li {
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
-moz-column-width: 20em;
|
||
-webkit-column-width: 20em;
|
||
column-width: 20em;
|
||
}
|