wcs/wcs/qommon/static/css/dc2/admin.css

1002 lines
15 KiB
CSS

@import url(../qommon.css);
@import url(gadjo.css);
div#header h1:after {
background: url(banner-green.jpg) top right no-repeat;
}
div#header h1 span {
position: absolute;
z-index: 100;
}
/* other, wcs */
p.commands a {
border: 0;
}
ul.biglist {
margin: 0;
padding: 0.5em 0;
}
ul.biglist li,
li.biglistitem {
list-style-type: none;
margin: 0 0 -1px 0;
padding: 0 2px 0 10px;
border: 1px solid #888;
background: #ffe;
clear: both;
color: #505050;
position: relative;
min-height: 2.5em;
line-height: 2.5em;
}
ul.biglist li .details,
li.biglistitem .details {
margin: 0;
color: #555;
font-size: 80%;
display: inline;
padding: 0 1ex;
}
ul.biglist li p.commands,
li.biglistitem p.commands {
float: right;
margin: 0;
font-size: 80%;
}
ul.biglist li p.commands img,
li.biglistitem p.commands img {
padding-right: 5px;
}
td.time {
text-align: right;
}
ul.biglist li.disabled, ul.biglist li.disabled .details,
li.biglistitem.disabled, li.biglistitem.disabled .details {
color: #999;
background: #eee;
}
ul.biglist li.disabled strong {
font-weight: normal;
}
ul.biglist li p.commands {
display: black;
float: none;
margin: 0;
position: absolute;
top: 1ex;
right: 0px;
}
ul.biglist strong {
width: 30%;
display: inline;
color: #202020;
}
ul.biglist strong a {
color: inherit;
}
ul.biglist .details {
padding-right: 0.5ex;
}
ul.themes p.details {
display: block;
float: none;
margin-left: 1em;
}
img.theme-icon {
float: right;
margin: 3px 4px 0px 3px;
border: 1px solid #999;
}
div#theme-preview {
overflow: hidden;
}
div#theme-preview iframe {
width: 100%;
height: 100%;
border: none;
overflow-y: hidden;
}
div#new-field div.widget {
margin: 0;
padding: 0;
}
div#new-field div.buttons {
margin: 1em 0 0 0;
padding: 0;
}
div#new-field div.buttons input {
margin: 0;
padding: 0;
}
div#new-field {
margin: 2em 0 4px 0;
padding: 5px 5px;
}
div#new-field div.StringWidget input {
width: 90%;
}
div#new-field form {
margin-bottom: 2em;
}
div#sidebar div.news h3,
div#new-field h3 {
margin: 0;
font-size: 100%;
margin-bottom: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #dcdcdc;
}
div#sidebar div.news h3 {
margin-top: 1em;
}
div#new-field br {
display: none;
}
div#new-field div.SubmitWidget input {
padding: 0.7ex 2ex;
}
div.WorkflowStatusWidget {
border-left: 1px solid black;
}
button.refresh {
margin: 1ex 1ex 1ex 0;
}
/** steps **/
#steps {
height: 32px;
margin-bottom: 1em;
background: #f0f0f0;
color: #aaa;
}
#steps ol {
list-style: none;
padding: 0 20px;
}
#steps li {
display: inline;
padding-right: 1em;
display: block;
float: left;
width: 30%;
list-style: none;
}
#steps ol ul {
display: none;
}
#steps span.marker {
font-size: 26px;
padding: 2px 9px;
font-weight: bold;
color: white;
text-align: center;
background: #ddd;
border: 1px solid #ddd;
-moz-border-radius: 0.7ex;
}
#steps li.current span.marker {
background: #ffa500;
border: 1px solid #ffc400;
}
#steps span.label {
font-size: 90%;
}
#steps li.current span.label {
color: black;
}
#steps ol ul {
display: none;
}
/** logs **/
form#other-log-select {
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid #999;
}
form#other-log-select select {
margin: 0 1em;
}
table#logs tr:nth-child(even) {
background: #eee;
}
table#logs tr.level-error td {
border: 1px solid #800;
background: red;
}
table#logs tr td {
vertical-align: top;
}
table#logs td.message {
word-wrap: break-word; /* IE 5.5-7 */
white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
white-space: pre-wrap; /* navigateurs actuels */
word-break: break-all;
}
table#logs tr.level-error td.message {
font-weight: bold;
}
span.error-message {
color: #e00;
font-weight: bold;
}
table.stats {
margin: 1ex 0;
width: 100%;
}
table.stats thead th {
text-align: left;
}
table.stats td {
padding-left: 1em;
}
table.stats td.label {
width: 100%;
}
table.stats td.bar span {
background: #4BB2C5;
height: 1ex;
display: block;
margin-bottom: 1ex;
box-shadow: 2px 2px 2px #aaa;
}
form.inplaceeditor-form {
margin: 0;
padding: 0;
}
form.inplaceeditor-form input {
margin: 0;
padding: 0;
}
textarea.comment {
width: 80%;
}
dl.job-status {
margin: 1em 0;
}
dl.job-status dt {
font-weight: bold;
}
dl.job-status dd {
margin-left: 2em;
margin-bottom: 1em;
}
#more-user-links.activity,
h2.activity,
span.activity {
background: url(../indicator.gif) no-repeat center right;
padding-right: 30px;
}
span.activity-done {
background-image: none;
}
ul.biglist, table#listing {
-webkit-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}
#listing.activity ul.biglist,
table#listing.activity {
opacity: 0.5;
}
#listing tbody tr:hover td {
background: #dde;
cursor: pointer;
}
div.letters-nav {
text-align: center;
border: 1px solid #888;
background: #eee;
margin: 1em 0 1ex 0;
}
div.letters-nav a, div.letters-nav span.current-letter {
text-decoration: none;
padding: 0 0.5ex; /* so it is easier to click on 'I' */
border-bottom: 0;
}
div.letters-nav span.current-letter {
font-weight: bold;
}
div.page-nav {
margin-top: 1em;
text-align: center;
}
div.page-nav span.page-count-label {
margin: 0 1ex;
}
div.bo-block ul.biglist li.user-is-admin strong a {
border-left: 5px solid #0099ff;
}
div.bo-block ul.biglist li.user-has-roles strong a {
border-left: 5px solid #cc00ff;
}
ul#evolutions span.time:before {
font-family: FontAwesome;
content: "\f017 "; /* clock-o */
}
div.page {
border: 1px solid #aaa;
padding: 1ex;
margin-bottom: 1em;
}
div.page h3,
div.page h4 {
margin: 0;
margin-bottom: 1ex;
}
ul.biglist.themes li {
min-height: 45px;
line-height: 100%;
padding-left: 5px;
}
.admin-for-all div#header {
background: red;
}
ul#menu {
margin: 0;
padding: 0;
}
div#main-menu {
position: absolute;
bottom: -1px;
}
div#main-menu span {
padding-bottom: 14px;
background: blue;
}
ul#menu {
border-bottom: 1px solid #888;
white-space: nowrap;
}
ul#menu li {
display: inline;
margin-left: 10px;
}
ul#menu li a {
color: #FF7800;
border-bottom: none;
padding: 8px 3ex 3px 3ex;
font-weight: normal;
-webkit-transition: all 500ms ease-out;
border: 1px solid #888;
background: #f0f0f0;
position: relative;
top: -3px;
}
ul#menu li:hover,
ul#menu li.active a {
color: black;
border-bottom-color: white;
background: white;
}
ul#menu li a:hover {
background: white;
border-color: white;
border-bottom-color: #eee;
}
ul#menu li.active a:hover {
background: white;
border-color: white;
}
div#main-content {
width: 70%;
}
div#sidebar {
float: right;
width: 23%;
margin-right: 2%;
color: #666;
}
div#sidebar select {
width: 100%;
}
div.TextWidget textarea:focus,
div.widget input[type="text"]:focus,
div.TextWidget textarea,
div.widget input[type="text"] {
border: 1px solid #bbb;
margin: 1px;
padding: 5px 8px;
background: white;
color: black;
box-shadow: inset 0 1px 3px #ddd;
}
div.TextWidget textarea:focus,
div.widget input[type="text"]:focus {
box-shadow: 0 0 0px 1px #1999cd;
}
div.PrefillSelectionWidget select,
div.SingleSelectWidget select {
border: 1px inset #ccc;
margin: 1px;
padding: 2px 3px;
background: white;
color: black;
}
div#sidebar div.bo-block {
margin-left: 0;
margin-right: 0;
}
div.bo-block ul.biglist {
margin: 0 -1ex -1ex -1ex;
padding: 0;
}
div.bo-block h2 {
font-size: 200%;
border: none;
/*
padding: 0.5ex 1ex 0.5ex 1ex;
margin: -1ex -1ex -0 -1ex;
background: white;
*/
padding: 0.5ex 0 0.5ex 0;
margin: 0;
}
div.bo-block ul.biglist li {
border-width: 1px 0 0 0;
border-color: #e4e4e4;
padding: 0;
}
div.bo-block ul.biglist h3 {
padding: 1ex;
font-weight: normal;
margin: 0;
}
div.bo-block ul.biglist li.disabled {
background: none;
}
div.bo-block ul.biglist li.disabled a {
color: #888;
}
div.bo-block ul.biglist li > a,
div.bo-block ul.biglist strong a {
display: block;
padding: 0.5ex 1ex;
border: none;
font-weight: normal;
color: #215D9C;
transition: all 0.25s ease 0s;
}
div.bo-block ul.biglist p.details {
position: absolute;
top: 0.5ex;
right: 1ex;
background: transparent;
}
div.bo-block ul.biglist p.details.badge {
background-color: #AD7C6D;
border-radius: 5px;
color: white;
}
div.bo-block ul.biglist a:hover {
background: #ccc;
}
div.bo-block span.disabled a {
color: #666;
text-decoration: none;
border: none;
}
div.splitcontent-left {
float: left;
width: 49%;
}
div.splitcontent-right {
float: right;
width: 49%;
}
fieldset.formpage {
border: 1px solid #bcbcbc;
margin: 1em 0;
}
.fields-listing .dataview {
border-bottom: 1px solid #bcbcbc;
}
table#substvars {
border-bottom: 1px solid #eee;
border-collapse: collapse;
margin: 1em 0;
}
table#substvars th {
background: #eee;
border: 1px solid #eee;
border-style: solid solid none;
text-align: left;
padding: 0 1em;
}
table#substvars td {
border: 1px solid #eee;
padding: 0 1em;
border-style: none solid;
}
.hint ul.varnames li {
font-size: smaller;
}
.hint ul.varnames {
-moz-column-count: 2;
-moz-column-gap: 1em;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
}
h2 span.change,
h3 span.change {
font-size: small;
font-weight: normal;
}
div#page-links {
margin: 1em -1ex;
padding: 2ex 1ex 0 1ex;
}
#page-links .previous-page,
#page-links .next-page {
display: inline-block;
}
#page-links .previous-page:before {
content: "<";
}
#page-links .next-page:before {
content: ">";
}
div#page-links span.pages {
padding-left: 1ex;
margin-left: 1ex;
}
div#page-links a {
padding: 1ex 1.5ex;
border: none;
display: inline-block;
}
div#page-links span.pages a.current {
background: #EE6E73;
color: white;
border-radius: 2px;
}
ul#fields-filter {
overflow: auto;
max-height: 350px;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
ul#fields-filter li {
padding-left: 0;
margin-left: 0;
}
div.full-screen-link {
text-align: right;
}
p.last-modification {
font-size: 80%;
margin: 0;
}
p.last-modification.recent {
color: red;
}
div#saml-details pre {
overflow: scroll;
white-space: normal;
}
#yelp iframe {
width: 100%;
height: 99%;
border: none;
}
/* Styling for workflow graphs */
svg {
width: 100%;
height: 100%;
margin: auto;
}
svg .node polygon {
stroke:black;
fill:#EEE;
}
svg .node path {
fill:none;
stroke: black;
}
svg .edge path {
fill:none;
stroke: black;
}
svg .edge polygon {
stroke: black;
}
svg .edge text {
font-size: 80%;
}
svg .edge text {
font-size: 60%;
}
svg .page-subject.edge text {
fill: #91a9b2;
}
svg .page-subject polygon {
fill: #91a9b2;
stroke: #91a9b2;
}
svg .page-subject path {
stroke: #91a9b2;
}
.foldable {
cursor: pointer;
}
.foldable:after {
content: "▼";
font-size: 80%;
text-align: right;
float: right;
}
.foldable.folded:after {
content: "▶";
}
ul.biglist li p.commands span,
button, div.SubmitWidget input, input[type=submit] {
border: 1px solid #b7b7b7;
border-radius: 1px;
color: #424258;
padding: 1ex 2ex;
text-decoration: none;
background: #aaaaaa;
background-image: linear-gradient(to bottom, #f9f9f9, #eeeeee);
box-shadow: 0 2px 2px 0px #ddd;
}
div.SubmitWidget input:hover, input[type=submit]:hover {
border-color: #666;
}
div.DataSourceSelectionWidget div.content input[type=text],
div.PrefillSelectionWidget div.content input[type=text] {
max-width: 50%;
margin: 0 1ex;
}
div.DataSourceSelectionWidget div.content input[type=submit],
div.PrefillSelectionWidget div.content input[type=submit] {
padding: 0 1ex;
margin: 0 0 0 1ex;
height: 1.8em;
}
ul#field-filter,
ul#columns-filter {
list-style: none;
padding-left: 0;
margin-left: 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
ul.multipage li {
margin-left: 2em;
}
ul.multipage li.type-page {
margin-left: 0;
}
#sidebar-toggle {
float: left;
position: absolute;
height: 50px;
line-height: 50px;
background: #666;
color: white;
font-size: 15px;
border-bottom-right-radius: 10px;
width: 6px;
cursor: pointer;
}
p#for-more-info {
padding-top: 1em;
}
li.zone-settings a { background-image: url(icon-settings.png); }
li.zone-settings a:hover { background-image: url(icon-settings-hover.png); }
li.zone-users a { background-image: url(icon-users.png); }
li.zone-users a:hover { background-image: url(icon-users-hover.png); }
li.zone-roles a { background-image: url(icon-roles.png); }
li.zone-roles a:hover { background-image: url(icon-roles-hover.png); }
li.zone-forms a { background-image: url(icon-forms.png); }
li.zone-forms a:hover { background-image: url(icon-forms-hover.png); }
li.zone-workflows a { background-image: url(icon-workflows.png); }
li.zone-workflows a:hover { background-image: url(icon-workflows-hover.png); }
li.zone-categories a { background-image: url(icon-categories.png); }
li.zone-categories a:hover { background-image: url(icon-categories-hover.png); }
li.zone-management a { background-image: url(icon-management.png); }
li.zone-management a:hover { background-image: url(icon-management-hover.png); }
li.zone-home a { background-image: url(icon-home.png); }
li.zone-home a:hover { background-image: url(icon-home-hover.png); }
ul.apps li.zone-no-icon a {
height: 29px;
padding-top: 24px;
}
.ui-dialog div.SubmitWidget input {
margin-top: 0;
border: 1px solid #ccc;
border-radius: 5px;
color: #212121;
padding: 0.7ex 2ex;
text-decoration: none;
background: #dadada url(../../js/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
}
div#form-diff div {
max-height: 25em;
overflow-y: scroll;
}
div#form-diff td {
width: 50%;
padding: 0.5ex;
}
div#form-diff td.indicator {
width: 5px;
padding: 0 3px;
}
div#form-diff tr td.indicator {
text-align: center;
}
div#form-diff tr.type-change td.indicator {
background: red;
}
div#form-diff tr.added-field td.indicator {
background: #bbe49b;
}
div#form-diff tr.removed-field td.indicator {
background: #ec848b;
}
div#form-diff tr.modified-field td.indicator {
background: #ecf695;
}
table#table-diff tr:nth-child(even) {
background: #eee;
}
div#form-diff div#legend {
margin: 1em 0;
overflow: hidden;
}
div#form-diff div#legend table {
width: 24%;
float: left;
}
div#form-diff div#legend table td.indicator {
width: 5px;
}
div#form-diff div#legend td {
width: 100%;
}
ul.biglist li p.commands span {
margin: 0 1em;
height: 100%;
padding: 3px 1em;
float: left;
line-height: 1.4em;
}
ul.biglist li p.commands span a {
color: black;
}
ul#fields-list li {
padding-right: 250px;
line-height: 140%;
padding-top: 3px;
}
#breadcrumb span.separator {
display: none;
}
div#qrcode {
text-align: center;
}
div#qrcode img {
display: block;
}
fieldset.form-plus legend:after {
font-family: FontAwesome;
content: "\f106"; /* angle-up */
}
fieldset.form-plus.closed legend:after {
content: "\f107"; /* angle-down */
}
@media screen and (max-width: 760px) {
div#main-content {
float: none;
width: auto;
margin: 0;
}
div#sidebar {
float: none;
width: auto;
margin: 2%;
}
#sidebar-toggle {
display: none;
}
textarea.comment {
width: 96%;
width: calc(99% - 16px);
}
}
@media screen and (max-width: 500px) {
div.splitcontent-left,
div.splitcontent-right {
float: none;
width: auto;
}
}
a#filter-settings {
cursor: pointer;
}