2191 lines
35 KiB
SCSS
2191 lines
35 KiB
SCSS
$primary-color: #386ede;
|
|
$secondary-color: #00d6eb;
|
|
$string-color: str-slice($primary-color + '', 2);
|
|
$actions: add, duplicate, edit, jump, remove;
|
|
|
|
@mixin clearfix {
|
|
&::after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
@supports (display: flow-root) {
|
|
display: flow-root;
|
|
&::after {
|
|
content: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
%block {
|
|
background: white;
|
|
padding: 0.5rem;
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#sidepage span#applabel {
|
|
visibility: visible;
|
|
}
|
|
|
|
ul.biglist {
|
|
margin: 0;
|
|
padding: 0.5em 0;
|
|
}
|
|
|
|
ul.biglist span.handle {
|
|
cursor: move;
|
|
display: inline-block;
|
|
padding: 0.5ex;
|
|
text-align: center;
|
|
width: 2em;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
ul.biglist li,
|
|
li.biglistitem {
|
|
list-style-type: none;
|
|
margin: 0 0 -1px 0;
|
|
padding: 0 2px 0 10px;
|
|
border: 1px solid #888;
|
|
background: #fff;
|
|
clear: both;
|
|
color: #505050;
|
|
position: relative;
|
|
min-height: 2.5em;
|
|
line-height: 2.5em;
|
|
}
|
|
|
|
ul.biglist.sortable li {
|
|
padding-left: 0;
|
|
}
|
|
|
|
ul.biglist li.smallitem {
|
|
font-size: 80%;
|
|
background: #fffff4;
|
|
}
|
|
|
|
ul.biglist li .details,
|
|
li.biglistitem .details {
|
|
margin: 0;
|
|
color: #555;
|
|
font-size: 90%;
|
|
display: inline;
|
|
padding: 0 1ex;
|
|
}
|
|
|
|
ul.biglist li .details .varname {
|
|
font-family: monospace;
|
|
font-size: 90%;
|
|
}
|
|
|
|
ul.biglist code {
|
|
font-size: 80%;
|
|
}
|
|
|
|
div#main-content ul.biglist + h2 {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
p.hint {
|
|
color: #aaa;
|
|
}
|
|
|
|
div.bo-block p.hint {
|
|
color: inherit;
|
|
}
|
|
|
|
p.hint::before {
|
|
content: "\f05a";
|
|
font-family: FontAwesome;
|
|
padding-right: 1ex;
|
|
}
|
|
|
|
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 a.redirection {
|
|
font-size: 80%;
|
|
padding: 0;
|
|
background: 0;
|
|
position: absolute;
|
|
bottom: 0.5ex;
|
|
right: 1ex;
|
|
}
|
|
|
|
ul.biglist li.disabled strong {
|
|
font-weight: normal;
|
|
}
|
|
|
|
ul.biglist.sortable li span.handle + strong a {
|
|
width: calc(100% - 2em - 1ex);
|
|
}
|
|
|
|
ul.biglist strong {
|
|
width: 30%;
|
|
display: inline;
|
|
color: #202020;
|
|
}
|
|
|
|
ul.biglist strong a {
|
|
color: inherit;
|
|
}
|
|
|
|
ul.biglist .details {
|
|
padding-right: 0.5ex;
|
|
}
|
|
|
|
ul.biglist.optionslist span.value {
|
|
float: right;
|
|
}
|
|
|
|
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;
|
|
margin-bottom: 1ex;
|
|
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 form {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
aside#sidebar div.news h3,
|
|
div#new-trigger h3,
|
|
div#new-field h3 {
|
|
margin: 0;
|
|
font-size: 100%;
|
|
margin-bottom: 10px;
|
|
padding-bottom: 4px;
|
|
border-bottom: 1px solid #dcdcdc;
|
|
}
|
|
|
|
aside#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: 52px;
|
|
margin-bottom: 1em;
|
|
color: #aaa;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#steps ol {
|
|
background: #f0f0f0;
|
|
list-style: none;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
#steps li {
|
|
display: inline-block;
|
|
padding-right: 1em;
|
|
list-style: 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 li.step-before .label {
|
|
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;
|
|
}
|
|
|
|
#listing {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#listing thead td {
|
|
background: white;
|
|
}
|
|
|
|
ul.biglist, table#listing {
|
|
-webkit-transition: opacity 500ms ease-out;
|
|
-moz-transition: opacity 500ms ease-out;
|
|
transition: opacity 500ms ease-out;
|
|
}
|
|
|
|
table#listing {
|
|
position: relative;
|
|
}
|
|
|
|
#listing.activity ul.biglist,
|
|
table#listing.activity {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#listing tbody tr td {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#listing tbody tr td.select {
|
|
cursor: default;
|
|
}
|
|
|
|
#listing thead tr th.select span {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: -17px;
|
|
background: white;
|
|
padding: 5px 1rem;
|
|
border: 1px solid #666;
|
|
border-radius: 5px;
|
|
cursor: default;
|
|
}
|
|
|
|
#listing thead tr th.select input:checked + span {
|
|
display: block;
|
|
}
|
|
|
|
#listing tbody tr:hover td {
|
|
background: #dde;
|
|
}
|
|
|
|
table.main th,
|
|
table.main td {
|
|
text-align: left;
|
|
}
|
|
|
|
table.main th {
|
|
cursor: pointer;
|
|
}
|
|
|
|
table.main th.nosort {
|
|
cursor: inherit;
|
|
}
|
|
|
|
table#listing .select {
|
|
width: 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
table#listing .select input {
|
|
margin: 2px 0;
|
|
}
|
|
|
|
table.main th[data-field-sort-key] span:after {
|
|
padding-left: 1ex;
|
|
content: "\f0dc"; /* sort */
|
|
font-family: FontAwesome;
|
|
}
|
|
|
|
table.main th.headerSortUp span:after {
|
|
padding-left: 1ex;
|
|
content: "\f0dd"; /* sort-desc */
|
|
font-family: FontAwesome;
|
|
}
|
|
|
|
table.main th.headerSortDown span:after {
|
|
padding-left: 1ex;
|
|
content: "\f0de"; /* sort-asc */
|
|
font-family: FontAwesome;
|
|
}
|
|
|
|
table.main.compact td {
|
|
padding: 0.5ex;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
table.main.compact.code td {
|
|
text-align: left;
|
|
font-family: monospace;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
table.main tr.advisory-lock {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
table.main .lock-cell,
|
|
table.main .criticality-level-cell {
|
|
text-align: center;
|
|
width: 1rem;
|
|
}
|
|
|
|
tr.advisory-lock td:first-child::before {
|
|
font-family: FontAwesome;
|
|
content: "\f023"; /* lock */
|
|
}
|
|
|
|
ul.biglist li.user-inactive {
|
|
background-color: #ddd;
|
|
|
|
a {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
ul.biglist li.user-is-admin strong a {
|
|
border-left: 5px solid #0099ff;
|
|
}
|
|
|
|
ul.biglist li.user-has-roles strong a {
|
|
border-left: 5px solid #cc00ff;
|
|
}
|
|
|
|
div.bo-block ul.biglist li.hidden-status {
|
|
background-color: #FEFEF5;
|
|
}
|
|
|
|
div.bo-block ul.biglist li.hidden-status a {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
ul#status-list li a {
|
|
border-right: 5px solid transparent;
|
|
}
|
|
|
|
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#sticky-sidebar {
|
|
position: absolute;
|
|
height: calc(100vh - 5em - 3em);
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
aside#sidebar form#listing-settings div.StringWidget input,
|
|
aside#sidebar select {
|
|
width: 100%;
|
|
margin: 1px 0;
|
|
}
|
|
|
|
aside#sidebar span.select2-container {
|
|
width: 100% !important;
|
|
min-width: auto !important;
|
|
}
|
|
|
|
div.TextWidget textarea:focus,
|
|
div.widget input[type="text"]:focus,
|
|
div.TextWidget textarea,
|
|
div.widget input[type="text"] {
|
|
border: 1px solid #aaa;
|
|
margin: 1px;
|
|
padding: 5px 8px;
|
|
background: white;
|
|
color: black;
|
|
transition: background ease-out 0.3s;
|
|
}
|
|
|
|
div.buttons,
|
|
div.form-preview > br {
|
|
clear: both; /* stop grid */
|
|
}
|
|
|
|
div.TextWidget textarea:focus,
|
|
div.widget input[type="text"]:focus {
|
|
box-shadow: 0 0 0px 1px #1999cd;
|
|
}
|
|
|
|
div.widget.no-bottom-margin {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
div.DataSourceSelectionWidget select,
|
|
div.PrefillSelectionWidget select,
|
|
div.SingleSelectWidget select,
|
|
div.SingleSelectHintWidget select {
|
|
padding-right: 4em;
|
|
padding-left: 5px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
div.DateTimeWidget .content .content {
|
|
display: inline-block;
|
|
}
|
|
|
|
aside#sidebar input.inline-input {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
aside#sidebar input.side-button {
|
|
margin-top: 0;
|
|
}
|
|
|
|
aside#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;
|
|
}
|
|
|
|
.top-title h2 {
|
|
font-size: 200%;
|
|
margin: 0;
|
|
}
|
|
|
|
ul.biglist li {
|
|
border-width: 1px;
|
|
border-color: #e4e4e4;
|
|
padding: 0;
|
|
transition: background 0.25s ease 0s;
|
|
}
|
|
|
|
.bo-block ul.biglist li {
|
|
border-width: 1px 0 0 0;
|
|
}
|
|
|
|
ul.biglist h3 {
|
|
padding: 1ex;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
font-size: 130%;
|
|
}
|
|
|
|
div.bo-block > h3 {
|
|
padding: 1ex 0ex;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
}
|
|
|
|
ul.biglist li.disabled {
|
|
background: none;
|
|
}
|
|
|
|
ul.biglist li.disabled a {
|
|
color: #888;
|
|
}
|
|
|
|
div.bo-block ul.biglist.sortable li strong a,
|
|
div.bo-block ul.biglist.sortable li > a,
|
|
ul.biglist.sortable a {
|
|
display: inline-block;
|
|
width: calc(100% - 2em);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#items-list li > a {
|
|
width: calc(100% - 170px);
|
|
line-height: 150%;
|
|
}
|
|
|
|
ul.biglist li > a,
|
|
ul.biglist strong a {
|
|
display: block;
|
|
padding: 0.5ex 1ex;
|
|
border: none;
|
|
font-weight: normal;
|
|
color: #215D9C;
|
|
}
|
|
|
|
ul.biglist li > a span.value.offset {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
ul.biglist li > a.extra-link {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
div.bo-block ul.biglist strong a.fake {
|
|
color: #505050;
|
|
}
|
|
|
|
div.bo-block ul.biglist li.smallitem > a {
|
|
padding: 0.2ex 1ex 0.2ex 4ex;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
ul.biglist.sortable li:hover,
|
|
ul.biglist a:hover,
|
|
div.bo-block ul.biglist li.hidden-status:hover {
|
|
background: #ccc;
|
|
}
|
|
|
|
div.bo-block span.disabled a {
|
|
color: #666;
|
|
text-decoration: none;
|
|
border: none;
|
|
}
|
|
|
|
div.bo-block.logged-errors {
|
|
border: 2px solid red;
|
|
}
|
|
|
|
pre.traceback {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
div.splitcontent-left {
|
|
clear: both;
|
|
float: left;
|
|
width: 49.5%;
|
|
}
|
|
|
|
div.splitcontent-right {
|
|
float: right;
|
|
width: 49.5%;
|
|
}
|
|
|
|
fieldset.formpage {
|
|
border: 1px solid #bcbcbc;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
div.dataview::after {
|
|
content: "";
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
.fields-listing .dataview {
|
|
border-bottom: 1px solid #bcbcbc;
|
|
}
|
|
|
|
table.franceconnect-attrs {
|
|
border-bottom: 1px solid #eee;
|
|
border-collapse: collapse;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
table.franceconnect-attrs th {
|
|
background: #eee;
|
|
border: 1px solid #eee;
|
|
border-style: solid solid none;
|
|
text-align: left;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
table.franceconnect-attrs 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 {
|
|
float: right;
|
|
font-size: 1rem;
|
|
font-weight: normal;
|
|
}
|
|
|
|
div#page-links {
|
|
margin: 1em 0;
|
|
padding: 2ex 1ex 0 1ex;
|
|
}
|
|
|
|
div.bo-block div#page-links {
|
|
margin: 1em -1ex;
|
|
}
|
|
|
|
#page-links .previous-page,
|
|
#page-links .next-page {
|
|
display: inline-block;
|
|
padding: 1ex 1.5ex;
|
|
}
|
|
|
|
#page-links .previous-page:before {
|
|
content: "<";
|
|
}
|
|
|
|
#page-links .next-page:before {
|
|
content: ">";
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
div#page-links span.displayed-range {
|
|
color: #666;
|
|
margin: 0 1em;
|
|
}
|
|
|
|
div#page-links span.page-limit span.per-page-label {
|
|
color: #666;
|
|
}
|
|
|
|
div#page-links span.page-limit > span,
|
|
div#page-links span.page-limit > a {
|
|
padding: 1ex 1.5ex;
|
|
}
|
|
|
|
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;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
svg .node polygon {
|
|
stroke: #444;
|
|
stroke-width: 1px;
|
|
}
|
|
|
|
svg .node path {
|
|
fill: none;
|
|
stroke: black;
|
|
}
|
|
|
|
svg .edge path {
|
|
fill:none;
|
|
stroke: black;
|
|
stroke: #666;
|
|
}
|
|
svg .edge polygon {
|
|
stroke: black;
|
|
}
|
|
svg .edge text {
|
|
font-size: 80%;
|
|
}
|
|
svg .edge text {
|
|
font-size: 60%;
|
|
}
|
|
svg #current_status polygon {
|
|
stroke-width: 2px;
|
|
}
|
|
|
|
h4.foldable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
h4.foldable:after {
|
|
content: "▼";
|
|
font-size: 80%;
|
|
text-align: right;
|
|
float: right;
|
|
transition: transform ease 0.1s;
|
|
}
|
|
|
|
h4.foldable.folded:after {
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
div.ComputedExpressionWidget div.content input[type=text],
|
|
div.ConditionWidget div.content input[type=text] {
|
|
margin: 0;
|
|
padding-right: 10ex;
|
|
width: calc(100% - 2.7em);
|
|
}
|
|
|
|
div.ComputedExpressionWidget div.content span,
|
|
div.ConditionWidget div.content span.django,
|
|
div.ConditionWidget div.content span.python {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
div.ComputedExpressionWidget div.content span::after,
|
|
div.ConditionWidget div.content span.django::after,
|
|
div.ConditionWidget div.content span.python::after {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 1ex;
|
|
height: 100%;
|
|
opacity: 0.3;
|
|
pointer-events: none;
|
|
}
|
|
|
|
div.ConditionWidget div.content span.django::after {
|
|
content: "Django";
|
|
}
|
|
|
|
div.ConditionWidget div.content span.python::after {
|
|
content: "Python";
|
|
}
|
|
|
|
div.ComputedExpressionWidget div.content select,
|
|
div.ConditionWidget div.content select {
|
|
width: 2em;
|
|
padding: 4px 2em 4px 1ex;
|
|
background-position: right 0.8rem center;
|
|
margin-left: -1px;
|
|
text-indent: -10000px;
|
|
background-image: url(gear.svg);
|
|
position: relative;
|
|
}
|
|
|
|
div.ComputedExpressionWidget div.content select:focus,
|
|
div.ConditionWidget div.content select:focus {
|
|
outline: none;
|
|
z-index: 5;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
ul#field-filter {
|
|
-webkit-column-count: 2;
|
|
-moz-column-count: 2;
|
|
column-count: 2;
|
|
}
|
|
|
|
ul.columns-filter span.handle {
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 2em;
|
|
cursor: move;
|
|
display: inline-block;
|
|
padding: 0 0.5ex;
|
|
text-align: center;
|
|
width: 1em;
|
|
}
|
|
|
|
ul.columns-filter li {
|
|
padding-left: 0;
|
|
}
|
|
|
|
ul.columns-filter li label {
|
|
padding-left: 2em;
|
|
}
|
|
|
|
ul.columns-filter li.collapsed {
|
|
display: none;
|
|
}
|
|
|
|
ul.columns-filter button.expand-relations {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
border: none;
|
|
}
|
|
|
|
ul.columns-filter button.expand-relations::before {
|
|
font-family: FontAwesome;
|
|
content: "\f107"; /* angle-down */
|
|
}
|
|
|
|
ul.columns-filter button.expand-relations.opened::before {
|
|
content: "\f106"; // angle-up
|
|
}
|
|
|
|
ul.multipage li {
|
|
margin-left: 2em;
|
|
}
|
|
|
|
ul.multipage li.type-page {
|
|
margin-left: 0;
|
|
}
|
|
|
|
#sidebar-toggle {
|
|
display: block;
|
|
text-align: center;
|
|
z-index: 10;
|
|
top: 0;
|
|
left: -1rem;
|
|
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(icons/settings.large.png); }
|
|
li.zone-settings a:hover { background-image: url(icons/settings.large-hover.png); }
|
|
|
|
li.zone-users a { background-image: url(icons/users.large.png); }
|
|
li.zone-users a:hover { background-image: url(icons/users.large-hover.png); }
|
|
|
|
li.zone-roles a { background-image: url(icons/roles.large.png); }
|
|
li.zone-roles a:hover { background-image: url(icons/roles.large-hover.png); }
|
|
|
|
li.zone-forms a { background-image: url(icons/forms.large.png); }
|
|
li.zone-forms a:hover { background-image: url(icons/forms.large-hover.png); }
|
|
|
|
li.zone-workflows a { background-image: url(icons/workflows.large.png); }
|
|
li.zone-workflows a:hover { background-image: url(icons/workflows.large-hover.png); }
|
|
|
|
li.zone-categories a { background-image: url(icons/categories.large.png); }
|
|
li.zone-categories a:hover { background-image: url(icons/categories.large-hover.png); }
|
|
|
|
li.zone-management a { background-image: url(icons/management.large.png); }
|
|
li.zone-management a:hover { background-image: url(icons/management.large-hover.png); }
|
|
|
|
li.zone-home a { background-image: url(icons/home.large.png); }
|
|
li.zone-home a:hover { background-image: url(icons/home.large-hover.png); }
|
|
|
|
li.zone-submission a { background-image: url(icons/submission.large.png); }
|
|
li.zone-submission a:hover { background-image: url(icons/submission.large-hover.png); }
|
|
|
|
li.zone-cards a { background-image: url(icons/categories.large.png); }
|
|
li.zone-cards a:hover { background-image: url(icons/categories.large-hover.png); }
|
|
|
|
li.zone-data a { background-image: url(icons/data.large.png); }
|
|
li.zone-data a:hover { background-image: url(icons/data.large-hover.png); }
|
|
|
|
ul.apps li.zone-no-icon a {
|
|
height: 29px;
|
|
padding-top: 24px;
|
|
}
|
|
|
|
div#form-diff td {
|
|
width: 50%;
|
|
padding: 0.5ex;
|
|
}
|
|
|
|
div#form-diff td.indicator {
|
|
width: 20px;
|
|
min-width: 20px;
|
|
padding: 0 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
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: 20px;
|
|
min-width: 20px;
|
|
}
|
|
|
|
div#form-diff div#legend td {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
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 {
|
|
content: "▼";
|
|
transition: transform ease 0.1s;
|
|
}
|
|
|
|
fieldset.form-plus.closed legend:after {
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
@media screen and (max-width: 760px) {
|
|
div#main-content.with-sidebar,
|
|
div#main-content {
|
|
float: none;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 1em 6px 0 6px;
|
|
}
|
|
|
|
aside#sidebar {
|
|
float: none;
|
|
width: auto;
|
|
margin: 2%;
|
|
height: auto !important;
|
|
position: static;
|
|
}
|
|
|
|
div#sticky-sidebar {
|
|
position: static;
|
|
height: auto !important;
|
|
}
|
|
|
|
#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#columns-settings,
|
|
a#filter-settings {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.bo-block.backoffice-description:before {
|
|
font-family: FontAwesome;
|
|
content: "\f05a"; /* info-circle */
|
|
position: absolute;
|
|
left: 10px;
|
|
font-size: 2em;
|
|
}
|
|
|
|
.bo-block.backoffice-description {
|
|
position: relative;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.action-info-text {
|
|
-webkit-transition: background 500ms ease-out;
|
|
-moz-transition: background 500ms ease-out;
|
|
transition: background 500ms ease-out;
|
|
padding: 1px 10px;
|
|
}
|
|
|
|
.action-info-text.highlight {
|
|
background: #FFFFA0;
|
|
}
|
|
|
|
.infonotice p.action {
|
|
text-align: right;
|
|
margin-right: 1ex;
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.WsCallRequestWidget br { display: none; }
|
|
|
|
div.WidgetDict div.content div.dict-key { width: 20%; }
|
|
div.WidgetDict div.content div.dict-value { width: 70%; }
|
|
|
|
div.WidgetDict div.content div.dict-key div,
|
|
div.WidgetDict div.content div.dict-value div,
|
|
div.WidgetDict input
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
div.WidgetDict div.content div.widget {
|
|
margin-bottom: 0.5ex;
|
|
}
|
|
|
|
div.WidgetDict div.dict-separator {
|
|
padding: 0 1ex;
|
|
}
|
|
|
|
div.SetBackofficeFieldsTableWidget table {
|
|
width: 100%;
|
|
border-spacing: 1ex;
|
|
}
|
|
|
|
div.SetBackofficeFieldsTableWidget th {
|
|
text-align: left;
|
|
}
|
|
|
|
div.SetBackofficeFieldsTableWidget td {
|
|
width: 20%;
|
|
}
|
|
|
|
div.SetBackofficeFieldsTableWidget td + td {
|
|
width: 80%;
|
|
}
|
|
|
|
div.SetBackofficeFieldsTableWidget br {
|
|
display: none;
|
|
}
|
|
|
|
div.SetBackofficeFieldsTableWidget td select {
|
|
width: 100%;
|
|
}
|
|
|
|
div.ComputedExpressionWidget.grid-1-1 input,
|
|
div.dict-value div.ComputedExpressionWidget input,
|
|
div.SetBackofficeFieldsTableWidget td input {
|
|
width: calc(100% - 3rem);
|
|
}
|
|
|
|
form table div.widget {
|
|
margin-bottom: 1ex;
|
|
}
|
|
|
|
div.content.hint-error input[type],
|
|
.hint-error div.content input[type] {
|
|
border-color: red;
|
|
outline: none;
|
|
box-shadow: 0 0 0 1px red;
|
|
}
|
|
|
|
div.ComputedExpressionWidget.hint-warning div.content input {
|
|
border-color: orange;
|
|
}
|
|
|
|
div.ComputedExpressionWidget.hint-error div.content span.hint-text,
|
|
div.ComputedExpressionWidget.hint-warning div.content span.hint-text {
|
|
display: block;
|
|
}
|
|
|
|
div.admin-permissions thead th {
|
|
transform: rotate(-45deg);
|
|
transform-origin: 10% 0;
|
|
}
|
|
|
|
div.admin-permissions thead th span {
|
|
width: 3em;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
div.admin-permissions tbody th {
|
|
text-align: left;
|
|
padding-right: 1ex;
|
|
}
|
|
|
|
div.admin-permissions tbody tr:nth-child(even) {
|
|
background: #eee;
|
|
}
|
|
|
|
div.extra-context p.thumbnail {
|
|
text-align: center;
|
|
}
|
|
|
|
div.extra-context p.thumbnail img {
|
|
box-shadow: 0 0 3px black;
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
div#tracking-code button {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
@media print {
|
|
aside#sidebar {
|
|
display: none;
|
|
}
|
|
div#main-content {
|
|
width: 95%;
|
|
}
|
|
}
|
|
|
|
div.bo-block.important {
|
|
background: #fd6;
|
|
border: 1px solid #ffae15;
|
|
}
|
|
|
|
div.user-pending-forms {
|
|
border-bottom: 1px solid #aaa;
|
|
padding-bottom: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
div.user-pending-forms ul {
|
|
margin-left: 0;
|
|
padding-left: 1.5em;
|
|
}
|
|
|
|
div.user-pending-forms li {
|
|
line-height: 130%;
|
|
}
|
|
|
|
div.user-pending-forms ul li.self span.formname {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.user-pending-forms span.id,
|
|
div.user-pending-forms span.datetime,
|
|
div.user-pending-forms span.status {
|
|
font-size: 80%;
|
|
}
|
|
|
|
#statistics .criterias {
|
|
display: none;
|
|
}
|
|
|
|
.invalid .validation-status {
|
|
color: red;
|
|
padding-left: 1ex;
|
|
}
|
|
|
|
ul.apps {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
p.current-level span,
|
|
p.current-status span {
|
|
height: 40px;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
line-height: 130%;
|
|
}
|
|
|
|
p.current-status span.visibility-off {
|
|
display: inline;
|
|
height: auto;
|
|
}
|
|
|
|
span.visibility-off::after {
|
|
cursor: help;
|
|
margin-left: 1rem;
|
|
content: "\f070"; /* fa-eye-slash */
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
color: #3c3c33;
|
|
}
|
|
|
|
p.current-level .item,
|
|
p.current-status .item {
|
|
float: left;
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 20px;
|
|
border: 1px solid #aaa;
|
|
margin-right: 1ex;
|
|
margin-bottom: 1ex;
|
|
}
|
|
|
|
p.current-level .item {
|
|
border-radius: 0;
|
|
}
|
|
|
|
tr.criticality-level {
|
|
border-left-width: 5px;
|
|
border-left-style: solid;
|
|
}
|
|
|
|
div.bo-block ul.biglist.criticality-levels li {
|
|
border-left-width: 5px;
|
|
}
|
|
|
|
table#listing tr.criticality-level td:first-child {
|
|
border-left-width: 5px;
|
|
border-left-style: solid;
|
|
}
|
|
|
|
div.expanded-statuses div.status p,
|
|
div.expanded-statuses div.status h4 {
|
|
margin-left: 1ex;
|
|
}
|
|
|
|
div.expanded-status {
|
|
counter-reset: status;
|
|
}
|
|
|
|
div.expanded-statuses div.status {
|
|
border-left: 5px solid transparent;
|
|
border-bottom: 1px dotted #888;
|
|
margin-bottom: 1em;
|
|
counter-reset: items;
|
|
counter-increment: status;
|
|
}
|
|
|
|
div.expanded-statuses div.status h3 {
|
|
font-size: 150%;
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.expanded-statuses div.status h3 a {
|
|
border-bottom-color: transparent;
|
|
color: inherit;
|
|
}
|
|
|
|
div.expanded-statuses div.status h3 a:hover {
|
|
border-bottom-color: #666;
|
|
}
|
|
|
|
div.expanded-statuses div.status h4::before {
|
|
counter-increment: items;
|
|
content: counters(status,".") "." counters(items,".") " ";
|
|
color: #888;
|
|
font-size: 90%;
|
|
}
|
|
|
|
div.expanded-statuses div.status ul span.parameter {
|
|
color: #666;
|
|
}
|
|
|
|
pre.wrapping-pre {
|
|
white-space: pre-wrap;
|
|
max-width: 90%;
|
|
}
|
|
|
|
form div.page {
|
|
border: 1px solid #e4e4e4;
|
|
padding: 0;
|
|
}
|
|
|
|
form div.page h3:first-child {
|
|
font-weight: normal;
|
|
font-size: 200%;
|
|
border-bottom: 1px solid #e4e4e4;
|
|
padding: 0.5ex 0px;
|
|
margin-bottom: 0;
|
|
padding: 1ex;
|
|
}
|
|
|
|
form div.page > div {
|
|
padding: 1em 1ex 1ex 1ex;
|
|
}
|
|
|
|
.c-360-user-view li > span {
|
|
padding-left: 1ex;
|
|
}
|
|
|
|
ul.biglist.form-inspector {
|
|
padding-top: 0;
|
|
}
|
|
|
|
ul.form-inspector li span.label,
|
|
ul.form-inspector li code {
|
|
padding: 0 1ex;
|
|
float: left;
|
|
width: 25%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: 100%;
|
|
}
|
|
|
|
ul.form-inspector li span.datetime {
|
|
padding: 0 1ex;
|
|
}
|
|
|
|
ul.form-inspector li a.tracing-link {
|
|
display: inline;
|
|
padding: 0;
|
|
&:hover {
|
|
background: transparent;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
ul.form-inspector li span.status {
|
|
padding: 0 1ex;
|
|
}
|
|
|
|
ul.form-inspector span.event {
|
|
padding: 0 1ex;
|
|
font-style: italic;
|
|
}
|
|
|
|
ul.form-inspector li div.value {
|
|
display: block;
|
|
padding: 0 0 0 1em;
|
|
float: right;
|
|
width: 70%;
|
|
}
|
|
|
|
ul.form-inspector li div.value span.type {
|
|
font-size: 80%;
|
|
color: #aaa;
|
|
padding-left: 1em;
|
|
position: absolute;
|
|
}
|
|
|
|
div#inspect-test-tools .WysiwygTextWidget textarea {
|
|
display: none !important;
|
|
}
|
|
|
|
div#inspect-test-tools form + br {
|
|
display: none;
|
|
}
|
|
|
|
div#inspect-test-tools input[type=text],
|
|
div#inspect-test-tools textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
div.test-tool-result.infonotice h3:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
div.test-tool-result h3 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.test-tool-result-html + h3 {
|
|
margin: 1rem 0;
|
|
border-top: 1px solid #bbbbbb;
|
|
padding-top: 1rem;
|
|
}
|
|
|
|
div.test-tool-result span.type {
|
|
font-size: 80%;
|
|
color: #888;
|
|
}
|
|
|
|
div.test-tool-result span.result-true::before {
|
|
font-family: FontAwesome;
|
|
content: "\f058"; /* check-circle */
|
|
padding-right: 1ex;
|
|
color: #00b000;
|
|
}
|
|
|
|
div.test-tool-result span.result-false::before {
|
|
font-family: FontAwesome;
|
|
content: "\f06a"; /* exclamation-circle */
|
|
padding-right: 1ex;
|
|
color: #b00000;
|
|
}
|
|
|
|
ul#evolutions li div.msg li {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
ul#evolutions li div.msg li::after {
|
|
content: none;
|
|
}
|
|
|
|
div.section > dl {
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
div.data-source-preview ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
div.data-source-preview ul li {
|
|
margin: 1ex 0;
|
|
}
|
|
|
|
div.data-source-preview tt {
|
|
padding-right: 1ex;
|
|
}
|
|
|
|
aside#sidebar div.MapWidget {
|
|
margin: 0 1px;
|
|
border: 1px solid #888;
|
|
}
|
|
|
|
.ui-dialog div.warningnotice {
|
|
max-width: 60ex;
|
|
}
|
|
|
|
.ui-dialog-content input[type=text],
|
|
.ui-dialog-content select {
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog-content .ColourWidget input[type=text] {
|
|
width: auto;
|
|
}
|
|
|
|
div#backoffice-map {
|
|
height: 70vh;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
/* Styling for Leaflet's markers and popups */
|
|
|
|
div.leaflet-div-icon span {
|
|
width: 2.3rem;
|
|
height: 2.3rem;
|
|
display: block;
|
|
left: -1rem;
|
|
top: -1rem;
|
|
position: relative;
|
|
border-radius: 11rem 6rem 0.8rem;
|
|
transform: scale(1, 1.3) rotate(45deg);
|
|
border: 1px solid #aaa;
|
|
}
|
|
|
|
div.leaflet-popup-content p span {
|
|
display: block;
|
|
}
|
|
|
|
div.leaflet-popup-content .field-value {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.leaflet-popup-content div.file-field img {
|
|
max-width: 100% !important;
|
|
max-height: 10vh;
|
|
}
|
|
|
|
div.leaflet-popup-content p.view-link {
|
|
text-align: right;
|
|
}
|
|
|
|
a.leaflet-popup-close-button {
|
|
border: 0;
|
|
}
|
|
|
|
div.widget textarea[readonly],
|
|
div.widget input[type=text][readonly] {
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
#new-action-form select[disabled] {
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
table div.file-field img {
|
|
display: none;
|
|
}
|
|
|
|
table small,
|
|
ul.user-formdatas small {
|
|
display: block;
|
|
}
|
|
|
|
ul#evolutions div.evolution-metadata {
|
|
border: none;
|
|
margin-left: 70px;
|
|
padding: 0.5rem;
|
|
padding-left: 0;
|
|
}
|
|
|
|
ul#evolutions li span.item.no-status-change {
|
|
width: 5px;
|
|
height: 5px;
|
|
left: 28px;
|
|
top: 39px;
|
|
}
|
|
|
|
ul#evolutions li div.msg {
|
|
border: none;
|
|
box-shadow: none;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
ul#evolutions span.user {
|
|
opacity: 1;
|
|
font-style: italic;
|
|
}
|
|
|
|
ul#evolutions li.msg-in div.msg {
|
|
background: #edf9f7;
|
|
}
|
|
|
|
ul#evolutions li.msg-out div.msg {
|
|
background: #f1f8fe;
|
|
}
|
|
|
|
div#studio {
|
|
background: url(studio.svg) bottom right no-repeat;
|
|
background-size: auto 90%;
|
|
width: 100%;
|
|
height: 90%;
|
|
}
|
|
|
|
a.button.button-paragraph {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
max-width: 100%;
|
|
width: 40rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
a.button.button-paragraph p {
|
|
font-weight: normal;
|
|
color: #333;
|
|
margin: 0;
|
|
line-height: 150%;
|
|
}
|
|
|
|
a.button.button-paragraph p:last-child {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
a.button.button-paragraph:hover p {
|
|
color: white;
|
|
}
|
|
|
|
#main-content form#multi-actions {
|
|
padding: 0;
|
|
}
|
|
|
|
#main-content form#multi-actions div.buttons {
|
|
padding: 0 0.5rem;
|
|
}
|
|
|
|
table#listing tr.checked td {
|
|
background: #ddf;
|
|
}
|
|
|
|
.MappingsWidget table {
|
|
width: 100%;
|
|
}
|
|
|
|
.MappingsWidget td:first-child select {
|
|
width: 100%;
|
|
}
|
|
|
|
.MappingsWidget th {
|
|
text-align: left;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.MappingsWidget th:first-child {
|
|
width: 40%;
|
|
min-width: 10em;
|
|
}
|
|
|
|
div.mail-body {
|
|
margin-top: 1em;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
#sidebar-custom-views .active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
ul.snapshots-list .collapsed {
|
|
display: none;
|
|
}
|
|
|
|
ul.snapshots-list .new-day, ul.snapshots-list .has-label {
|
|
display: block;
|
|
}
|
|
|
|
p.snapshots-navigation {
|
|
text-align: center;
|
|
}
|
|
|
|
#sidebar-custom-views .as-data-source {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.section > h3.mail-subject {
|
|
justify-content: normal;
|
|
}
|
|
|
|
.section > h3.mail-subject span {
|
|
padding-left: 0.5rem;
|
|
}
|
|
|
|
div div.bo-block ul.biglist {
|
|
margin: -1ex;
|
|
}
|
|
|
|
div div.bo-block h3 ~ ul.biglist {
|
|
margin: 0 -1ex;
|
|
margin: 0 calc(-1ex + 1px) calc(-1ex + 1px) calc(-1ex + 1px);
|
|
}
|
|
|
|
div div.bo-block ul.biglist p.details.badge {
|
|
background: $primary-color;
|
|
}
|
|
|
|
#sidebar div#sticky-sidebar {
|
|
width: calc(100% - 2rem);
|
|
}
|
|
|
|
div#side { // w.c.s. steps in backoffice submission
|
|
@extend %block;
|
|
padding: 0;
|
|
margin-bottom: 1rem;
|
|
& + form {
|
|
background: white;
|
|
padding: 0.5rem;
|
|
border-radius: 0 0 3px 3px;
|
|
}
|
|
#steps.steps-1 {
|
|
// hide steps when there's a single one
|
|
display: none;
|
|
}
|
|
#steps ol {
|
|
background: transparent;
|
|
margin: 0.5em;
|
|
padding: 0;
|
|
span.label {
|
|
margin-left: 0.5rem;
|
|
}
|
|
.current span.marker {
|
|
background: $primary-color;
|
|
border-color: darken($primary-color, 20%);
|
|
}
|
|
}
|
|
}
|
|
|
|
#main ul#fields-list li {
|
|
padding-top: 6px;
|
|
}
|
|
|
|
#main ul.biglist li p.commands {
|
|
display: block;
|
|
float: none;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0px;
|
|
font-size: 80%;
|
|
|
|
span {
|
|
margin: 0 1em;
|
|
height: 100%;
|
|
float: left;
|
|
line-height: 1.4em;
|
|
padding: 0;
|
|
box-shadow: none;
|
|
border: none;
|
|
a.button {
|
|
line-height: inherit;
|
|
font-weight: normal;
|
|
width: auto;
|
|
}
|
|
&.view {
|
|
margin-top: 2px;
|
|
}
|
|
&.remove, &.add, &.edit, &.duplicate, &.jump {
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
a {
|
|
border: none;
|
|
padding: 6px;
|
|
display: inline-block;
|
|
text-indent: -10000px;
|
|
overflow: hidden;
|
|
width: 30px;
|
|
}
|
|
}
|
|
@each $action in $actions {
|
|
&.#{$action} a {
|
|
background: url(/static/css/icons/action-#{$action}.small.#{$string-color}.png) center center no-repeat;
|
|
background-size: 20px;
|
|
background-image: url(/static/css/icons/action-#{$action}.small.#{$string-color}.png),
|
|
&:hover {
|
|
background-image: url(/static/css/icons/action-#{$action}.hover.png);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
div.form-validation form div.page {
|
|
border: none;
|
|
}
|
|
|
|
div.drafts-recall {
|
|
@extend %block;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
div.drafts-recall,
|
|
div.workflow-messages > div,
|
|
div.workflow-messages > p,
|
|
div#main-content > h2:first-child + form,
|
|
div.drafts-recall + form,
|
|
div.form-validation form {
|
|
@extend %block;
|
|
}
|
|
|
|
div.buttons > div.widget {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
div.timetable-widget {
|
|
margin-top: 1ex;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
> div {
|
|
flex: 0 1 auto;
|
|
padding: 0 2px;
|
|
width: 20%;
|
|
text-align: center;
|
|
display: none;
|
|
}
|
|
|
|
button {
|
|
margin: 0;
|
|
width: 3em;
|
|
height: 3em;
|
|
&.next {
|
|
margin-left: 1em;
|
|
}
|
|
&.prev {
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
|
|
div span {
|
|
border-radius: 3px;
|
|
display: block;
|
|
cursor: pointer;
|
|
padding: 0.3ex 0;
|
|
margin-bottom: 4px;
|
|
&.disabled {
|
|
opacity: 0.3;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&.selectable {
|
|
background: #CDE4FC;
|
|
color: inherit;
|
|
}
|
|
|
|
&.selectable:hover,
|
|
&.selectable.on {
|
|
background: #386ede;
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
div.head {
|
|
padding-bottom: 1ex;
|
|
}
|
|
}
|
|
|
|
.wcs-widget-select2-container {
|
|
display: flex;
|
|
.add-related {
|
|
margin-top: 2px; // == margin-top of span.select2-container
|
|
margin-left: 3px;
|
|
}
|
|
}
|
|
|
|
.wcs-block-with-remove-button {
|
|
.BlockSubWidget {
|
|
position: relative;
|
|
@include clearfix();
|
|
}
|
|
.remove-button {
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 0.5em;
|
|
margin-right: 0;
|
|
span {
|
|
display: none;
|
|
}
|
|
&::after {
|
|
font-family: FontAwesome;
|
|
content: "\f1f8"; // trash
|
|
}
|
|
}
|
|
}
|
|
|
|
.pk-blocks-zebra {
|
|
.BlockSubWidget {
|
|
position: relative;
|
|
@include clearfix();
|
|
}
|
|
// add a gray background for even numbered blocks, but that means odd
|
|
// childs when the first child is an error.
|
|
.error ~ .BlockSubWidget:nth-child(odd),
|
|
.BlockSubWidget:first-child ~ .BlockSubWidget:nth-child(even) {
|
|
background: hsla(0, 0%, 0%, 0.05);
|
|
box-shadow: -0.5em -0.5em 0 .5em hsla(0, 0%, 0%, 0.05);
|
|
}
|
|
}
|