/* note: for IE, to make css3 compatible, maybe use http://selectivizr.com/ */ * {margin:0; padding:0; box-sizing: border-box; } body.cms {/*max-width:1200px;*/line-height:normal} html.t-cms body {font-weight:500;} .o-memo {font-size:1.5rem} /* COLORS SET & OVERRIDES ========================================================= */ a {color:#005389} .o-button:not(.t-agree):not(.t-ok) { border-color: #005389; } .o-button.t-outline, .o-button.t-clear { color: #005389 !important; } /* ========================================================= */ .padding {padding:0.5em} .pointer {cursor:pointer} .inline {display:inline} .none {display:none} .loading { color: transparent; min-width: 32px; min-height: 32px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,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); } .text-right {text-align:right} h1{ font-size: 1.3em; } table.fixed {table-layout:fixed} img.fit {width:100%} /*input:not([type=checkbox]):not([type=radio]), select { font-family: inherit; font-size: 1em; padding: 0.4em; height: auto}*/ input:not([type=checkbox]):not([type=radio]), select { font-family: inherit; font-size: 1em; padding: 0.2em; } sup {vertical-align: baseline; position: relative; top: -0.4em;} /*CG useful to prevent line height to increase */ /*hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}*/ ul.table, div.table {display:table; width:100%} ul.table > li, div.table > div {display:table-row} ul.table > li > span, ul.table > li > div, div.table > div > div {display:table-cell} /* dataset */ div.dataset {background-color:#fff;} div.dataset {position:relative;border:0px;padding-bottom:10px} .cbyboxwrap div.dataset {border:0px;padding-bottom:10px} .cbyboxwrap div.dataset > div.ds-header, #cbybox div.dataset > div.ds-buttons {display:none} /* general on tags, class and buttons */ div.dataset table {width:100%;border-collapse:collapse} div.dataset td,th {border-collapse:collapse;border:1px solid #d4d4d4;/*padding:0px*/} div.dataset .noborder td,th {border:0;} div.dataset pre {white-space: pre-line;} div.dataset input {width:100%;max-width:300px} div.dataset input[type=checkbox], div.dataset input[type=radio] {/*border:none;*/width:1.4em;max-width:none;margin-right:0.2em} /* to match an icon */ div.dataset select {max-width:100%; padding:3px 5px} div.dataset select option[selected]{font-weight:bolder} div.dataset textarea {width:100%;min-height:7em;border:1px solid #ccc;font-size:90%;line-height:1.5em;padding:0.2rem 0.5rem} div.dataset textarea.trumbowyg-textarea {min-height:21em !important} div.dataset select[multiple] {min-height:9em;min-width:12em} div.dataset .clearfix:after { content: ""; visibility: hidden; display: block; height: 0; clear: both;} div.dataset .bold {font-weight:bolder} div.dataset .none {display:none} div.dataset .right {float:right} div.dataset .ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis} div.dataset .ds-popup {position:absolute;z-index:1051 /* top of redactor toolbar*/;border:1px solid #999;box-shadow: 2px 2px 2px #999;background-color:#ffffff} /* popup for xslect/calendar/...*/ div.dataset .ds-radius {border-radius:4px;padding:8px} /* make popup rounded */ div.dataset .ds-padding {padding:5px;} div.dataset .icon-circled {background-color:#000; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 0 3px #000; color: #fff; padding: 0.6em;} div.dataset .icon-circled:before {transform:scale(2.2);} /*a.ds-button {font-size:13px; min-width: 5.5em; line-height: 13px; background-color: #EEEEEE; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); border: 1px solid #AAAAAA; border-radius: 5px; text-decoration:none; color: #000000; display: inline-block; padding: 3px; text-align: center; -moz-user-select: none;} a.ds-button:hover {background-image: linear-gradient(to bottom, #E6E6E6, #FFFFFF);} */ a.ds-button .icon:before {font-size:14px;width:auto;line-height: inherit;} /*a.ds-button {background-color: #fff;border: 1px solid #ccc;border-radius: 3px;color: #555;display: inline-block;line-height: normal;margin: 3px 0;min-width: 5em;padding: 2px 10px 4px 10px;text-align: center;text-decoration: none;}*/ a.ds-button {-moz-user-select: none;background-color: #eeeeee;background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);border: 1px solid #aaaaaa;border-radius: 5px;color: #000000;display: inline-block;font-size: 14px;line-height: 14px;min-width: 6em;padding: 3px;text-align: center;text-decoration: none;} /*a.ds-button.ok {background-image: linear-gradient(to bottom, #ffffff, #ccffcc);}*/ a.ds-button > div {display: inline-block} /* added 2016.01.19, text is embed in a div to allow more control */ a.ds-button:hover { color:#111; background-color:#e6e6e6; border-color:#adadad} a.ds-button.openclose {min-width:1.5em;border:0;padding:0 5px 0 0} a.ds-button.openclose:hover {background-color:#fff} a.ds-button.openclose .icon:before {font-size:16px} /* wordpress a.ds-button { background-color: #1e8cbe; text-decoration:none; font-size:13px; border: 0 none; border-radius: 2px; color: #ffffff; padding: 0.3em 1em; transition: background 200ms ease-in-out 0s, color 120ms ease-in-out 0s;} a.ds-button:hover { background-color: #00aadc;} */ /* .ds-form a.ds-button {opacity:0.5} .ds-form:hover a.ds-button, .ds-form a.ds-button.openclose, .ds-form form a.ds-button {opacity:1} */ .ds-form a.ds-button {margin-left:0.5em} /* html5 form validation for iOs */ form.invalid input:required:invalid, input.invalid { -webkit-appearance: none;box-shadow: 0 0 0 #f00; border:1px solid red;} form.invalid textarea:required:invalid, textarea.invalid { box-shadow: 0 0 0 #f00; border:1px solid red;} form.invalid select:required:invalid, select.invalid { box-shadow: 0 0 0 #f00; border:1px solid red;} form.invalid input[type=checkbox]:required:invalid, input[type=checkbox].invalid { width:1.5em;} form.invalid input:required:valid { box-shadow: none} form.invalid input:required:invalid ~ .validation { -webkit-appearance: none;box-shadow: 0 0 0 #f00; border:1px solid red} /* add a box shadow to the next .validation, ex:
drag&drop
/* dataset list */ div.dataset div.ds-header {background-color: #ddd; font-weight: bolder; line-height: 30px; margin-bottom: 10px; padding: 0 5px;} div.dataset div.ds-buttons {position:absolute;right:1em;top:0px;line-height:30px} div.dataset ul.ds-list li.ds {float:left;} div.dataset ul.ds-list ul.ds-line:after {display:block;clear:both;content:""} div.dataset div.ds-list td.ds {border-color: #fff #fff;border-width: 1px 10px;padding:5px 0} div.dataset div.ds-list tr:hover td.ds {border-color: #d4d4d4 #fff;border-width: 1px 10px;padding:5px 0} div.dataset div.ds-list tr td.ds:first-child {border-left: 0px;padding-left:5px} div.dataset div.ds-list tr td.ds:last-child {border-right: 0px;padding-right:5px} div.dataset div.ds-list .ds-head td.ds {border-color: #fff #fff #c4c4c4 #fff;} /*div.dataset table.ds-list > tbody > tr:hover {background-color:#f5f5f5}*/ div.dataset table.ds-list td.ds.ds-button, li.ds.ds-button {text-align:right;padding:2px 1em 2px 2px !important;} div.dataset form.ds-filters {/*text-align:right;*/float:right;font-size:0.9em} div.dataset form.ds-filters ul.ds-filters {display:inline-block;background-color:#f4f4f4;border: 1px solid #d4d4d4;border-radius: 0.5em;line-height:2em} div.dataset form.ds-filters ul.ds-filters > li {float:left;padding:0.2em 0.5em;} div.dataset form.ds-filters input {padding:0.1em;border: 1px solid #d4d4d4;max-width:120px} /* dataset forms */ div.dataset div.ds-form {position:relative; border:1px solid #ccc; margin-top:-1px; } div.dataset div.ds-form-head {display:inline-block;padding-left:10px;font-weight:bold;line-height:2.5em} div.dataset div.dsd-list div.ds-form-head {display:block;padding-right:10px} /* list does not have buttons except in head */ div.dataset div.ds-form-buttons {display:inline-block;float:right;padding-right:10px;line-height:2.5em} div.dataset div.ds-form:after {clear: right;content: "";display: block;} /* because ds-buttons are float right */ /* div.dataset div.ds-form:nth-child(2) div.ds-form-buttons { margin-top: -40px;padding-bottom:10px} /* the second ds-form has buttons translated to make it appear in the previous ds-form */ div.dataset div.ds-form-errors {margin:10px;padding:5px;color:#f55;border:1px solid #f55;border-radius:5px} div.dataset div.ds-form-fields {padding:0.5em 1em;clear: right} div.dataset div.ds-form-fields div.ds-list {} /* inside ds-fields */ div.dataset .ds-head {font-style:italic;color:#666666} div.dataset td.ds, div.dataset th.ds, li.ds {padding:5px;} div.dataset .ds.ds-val {min-height:2em} /* for empty values */ div.dataset .ds-field-text {overflow-wrap:break-word;word-wrap:break-word;min-height: 1px;} /* for empty values */ /* layout=table */ div.dataset table.ds-layout td {border:0;vertical-align:top} div.dataset table.ds-layout li.ds-head {float:left;text-align:right;padding-right:10px} div.dataset table.ds-layout li.ds-val {float:left;border-bottom:1px solid #c4c4c4} div.dataset table.ds-layout.ds-columns1 li.ds-head {width:16.7%} div.dataset table.ds-layout.ds-columns1 li.ds-val {width:83.3%} div.dataset table.ds-layout.ds-columns2 li.ds-head {width:33.3%} div.dataset table.ds-layout.ds-columns2 li.ds-val {width:66.7%} div.dataset table.ds-layout.ds-columns3 li.ds-val,table.ds-layout.ds-columns3 li.ds-head {width:50%} div.dataset table.ds-layout.ds-columns2 td.ds-column {width:50%;float:none} div.dataset table.ds-layout.ds-columns3 td.ds-column {width:33.333%} /* dataset group and multiple fields */ div.dataset .ds-multiple ul.ds-upload {display:inline-block} /*div.dataset ul.ds-group {display:inline-block}*/ div.dataset li.ds-group {float:left;padding-right:5px} div.dataset li.ds-group-head {font-style:italic; color:#666;} /*div.dataset ul.ds-control {float:left; vertical-align:top; padding-right:0.5em} div.dataset li.ds-control {display:inline-block} div.dataset li.ds-control .icon:before {margin:0}*/ /*.ds-multiple {overflow:hidden} removed because of cby-dropdown */ /*.ds-multiple > li {position:relative;float:left;clear:left;border: 1px solid #ddd;background-color:#eaeaea;margin-bottom:5px;padding:2px 5px;border-radius:4px;vertical-align:top} .ds-multiple.ds-thumb > li {float:none;clear:none;margin-right:0.5em;display:inline-block} .ds-multiple .ds-control > li {display:inline-block;min-width:1.5em; vertical-align:top} .ds-multiple.ds-absolute .ds-control > li.dragsort-delete {position:absolute;left:0;top:0} .ds-multiple.ds-absolute .ds-control > li.dragsort-selector {position:absolute;right:0;top:0} .ds-multiple.ds-absolute .ds-control > li.dragsort-field {margin-top:1em} .ds-multiple li.dragsort-add ~ li{display:none} .ds-multiple li:first-child li.dragsort-add ~ li{display:inline-block} */ ul.ds-multiple > li > div {display: inline-block;} ul.ds-multiple > li > div {padding:0 0.2em 0.5em 0;border-bottom:0px solid #999;white-space:nowrap} div.metaform-object ul.ds-multiple > li > div {white-space:initial;padding:0 5px 5px 0} ul.ds-multiple > li:last-child > div {border-bottom:0;} ul.ds-multiple.ds-table {display: table; width:100%; border-collapse: collapse} ul.ds-multiple.ds-table > li {display: table-row} ul.ds-multiple.ds-table > li > div {display: table-cell; border-collapse: collapse;vertical-align:top} .dsd-docs ul.ds-multiple > li > div {white-space:normal} /* xselect field */ div.ds-select {position:relative;width:120px} div.ds-select i.icon {position:absolute;right:0em;cursor:pointer;pointer-events:none} div.ds-select input {width:100%;font-family:inherit;font-size:inherit;padding:0 1.5em 0 4px;cursor:pointer} div.ds-select ul.ds-options {min-width:100%;position:absolute;z-index:2;margin-top:-1px;background-color:#ffffff;border:1px solid #999999;box-shadow:2px 2px 2px #666} div.ds-select li.ds-option {cursor:pointer;border-bottom:1px dashed #999999;padding:1px 6px;white-space: nowrap;} div.ds-select li.ds-option.selected {font-weight:bolder} div.ds-select li.ds-option:last-child {border-bottom:0px} div.ds-select li.ds-option:hover {background-color:#dddddd} /* upload field */ li.ds-upload {position:relative;float:left} li.ds-upload div.ds-clickdrag {width:100%;height:100%;position:absolute;cursor:pointer;border:1px dashed #999;border-radius:5px;color:#999;font-size:25px;line-height:80px;text-align:center;} li.ds-upload input {width:200px;height:80px;opacity:0.05;cursor:pointer} li.ds-files {float:left} li.ds-files span {display:inline-block;padding:0 1em;min-width:10em;} li.ds-files span.ds-size {float:right} /* field-date -> done with input + i.icon*/ /*div.ds-field-date {position:relative;width:120px} div.ds-field-date i.icon {position:absolute;right:0em;cursor:pointer;pointer-events:none} */ /* calendar field */ div.ds-calendar {width:180px;background-color:#fff;font-size:0.9em;border-radius:4px;} div.ds-calendar ul.ds-head, div.ds-calendar ul.ds-body {width:100%;overflow:hidden;position:relative} div.ds-calendar ul.ds-head {background-color: #222;color: #fff;font-style: normal;line-height: 2em;text-align: center;text-shadow: 1px 1px #000;font-weight: bolder;box-shadow: 1px 1px 2px #222;} div.ds-calendar li.ds-cell {float:left;width:14.28%} div.ds-calendar ul.ds-head li.ds-nav {width:10%;cursor:pointer} div.ds-calendar ul.ds-head li.ds-name {width:60%} div.ds-calendar ul.ds-body li span {text-align:center;display:block;margin:2px;line-height:1.4em} div.ds-calendar ul.ds-body li span.ds-name {display:none;color:#999} div.ds-calendar ul.ds-body li span.ds-day {background-color:#fff;border-radius:4px;cursor:pointer} div.ds-calendar ul.ds-body li.ds-today span.ds-day {background-color:#ddd;} /* note: today is before selected to be sure selected override today */ div.ds-calendar ul.ds-body li.disabled span.ds-day {color:#aaa} div.ds-calendar ul.ds-body li.selected span.ds-day {background-color:#999;color:#fff} div.ds-calendar ul.ds-body li span.ds-day:hover {background-color:#999;color:#fff} div.ds-calendar ul.ds-body li.ds-week0 span.ds-name {display:block} div.ds-calendar ul.ds-time {padding:0.5em 0;border-top:1px solid #ccc} div.ds-calendar ul.ds-time > li {display:inline-block;width:33.33%;text-align:center;font-family:courier} div.ds-calendar ul.ds-time > li input {width:4em;text-align:center;padding:0} /* menu.parents and menu.children */ div.dataset ul.menu-parents, ul.menu-children {max-height:20em;overflow:auto} /* redactor field */ #redactor-modal input[type=text] {width:auto} div.dataset div.ds-field-redactor {min-height:71px} /* same height in view and edit mode*/ div.dataset div.ds-field-redactor .redactor-box {margin-bottom:0} /* remove redactor margin-bottom */ div.dataset div.ds-field-redactor .redactor-editor {padding:0 5px} /* override redactor css*/ div.dataset div.ds-field-textarearedactor .redactor-editor {padding:0 5px} /* override redactor css*/ div.dataset .redactor_redactor-gallery ol {padding:0 !important} div.dataset .type-gallery-redactor ol li, div.dataset .redactor_redactor-gallery ol li {position:relative;border: 1px solid #999;border-radius:5px;padding:5px;margin:0 0 5px 0;overflow:hidden} /*div.dataset .redactor_redactor-gallery li:before {content:"m";position:absolute;left:-15px;top:5px}*/ div.dataset .type-gallery-redactor img, div.dataset .redactor_redactor-gallery img {max-width:100px;max-height:80px;display:block;float:left;margin:0 5px 0 0} div.dataset div.ds-field-textarearedactor div.redactor-box {position:absolute;box-shadow:0 0 4px #999;margin-left:1.5em} div.dataset div.ds-field-textarea {} div.dataset div.ds-field-textarea div.ds-inner {border:1px solid #999;padding:0.5rem;min-height: 6em;overflow-x: hidden;overflow-y: auto;} div.dataset div.ds-group-val div.ds-field-textarea div.ds-inner {height: auto} div.dataset div.ds-group-val div.ds-field-textarea textarea {height: 2.8rem;min-height:auto} /* same as input */ div.dataset .contentright img {width:100%} /*CG*/ /* gradient */ div.dataset .ds-gradient { background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe)); background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); } div.dataset .ds-gradient2 {background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-color:#e6e6e6} input ~ i.icon {color:#777} /* note: on i.icon and not .icon because of others, like: */ input:hover ~ i.icon, input:focus ~ i.icon {color:inherit} .ds-field-options input[type="checkbox"] ~ ul {display: none;} .ds-field-options input[type="checkbox"]:checked ~ ul {display: block;} /* if we have a second checkbox (ex: collapse), make it show/hide only on the second */ .ds-field-options input[type="checkbox"] ~ input[type="checkbox"] ~ ul {display: none;} .ds-field-options input[type="checkbox"] ~ input[type="checkbox"]:checked ~ ul {display: block;} .ds-field-options input[type="radio"] {display: none !important;} /* if radio (means multiple=false), hide this and show the next labal as block for full width) */ .ds-field-options input[type="radio"] + label {display: block;} /* warning, maybe problem with collapse */ .ds-field-options input[type="radio"] + label a{display: block;} /* warning, maybe problem with collapse */ .ds-field-options li li {margin-left:1.4em;} /* to match a icon */ .ds-field-options li.firsthideothers.checked ~ li {display:none} .ds-dropdown-wrap input[readonly] {color:transparent;text-shadow:0px 0px 0px black;cursor:pointer} /* for options set as readonly, set cursor and remove blinking caret */ /*.ds-dropdown-wrap {position:relative}*/ /*removed because width must not be fixed*/ /* to allow setting position->right on children */ .ds-dropdown {border:1px solid #999;border-radius:4px;box-shadow: 2px 2px 2px #999;background-color:#fff;margin-top:0.5em} .ds-dropdown {z-index:1051; min-width:10em; position:absolute; text-align:left; opacity:0; filter:alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 1.43em -.43em; -ms-transform-origin: 1.43em -.43em; transform-origin: 1.43em -.43em; -webkit-transition: all 0.2s cubic-bezier(0.4, 0.2, 0.5, 1.4) 0s; transition: all 0.2s cubic-bezier(0.4, 0.2, 0.5, 1.4) 0s; } .ds-open > .ds-dropdown, .ds-dropdown.open { /* note: using > allow to have embed dropdown in dorpdown without all open */ opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .ds-forceopen .ds-dropdown {opacity:1;transform: scale(1)} /* to test, add this manually in firebug */ .ds-dropdown:before {content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .ds-dropdown.dropright {right:0.6em} .ds-dropdown.dropright:before {left:auto;right:1em} .ds-dropdown ul, .ds-dropdown li {list-style:none;} /* dropdown - options fields */ .ds-options { } .ds-options ul.ds-body {min-height:1em;max-height:20em;overflow:auto;position:relative} .ds-options li { position:relative; padding:0.3em 0.5em 0 0; /*white-space: nowrap*/} .ds-options > li {padding:0.3em 0.5em; border-bottom:1px solid #d2d2d2;} /* ! more padding and border on first level of li */ .ds-options > li:last-child {border-bottom:0;} .ds-options li.selected {background-color:#999;color:#fff;border-bottom:1px solid #999} .ds-options li.enabled:hover {background-color:#bbb;color:#fff;border-bottom:1px solid #bbb} /* dropdown - html */ .ds-dropdown.ds-html {padding:10px} /* dropdown - calendar field */ .ds-calendar.ds-dropdown:before {background:#222} /* little arrow same color as head of calendar */ .ds-calendar {width:14em;font-size:0.9em} .ds-calendar ul {width:100%;overflow:hidden;position:relative} .ds-calendar li.ds-cell {float:left;width:14.28%} /* all days cell */ .ds-calendar ul.ds-head {background-color: #222;color: #fff;font-style: normal;line-height: 2em;text-align: center;text-shadow: 1px 1px #000;font-weight: bolder;box-shadow: 1px 1px 2px #222;} .ds-calendar li.ds-nav {width:10%;cursor:pointer} /* navigation cells */ .ds-calendar li.ds-name {width:60%} /* month cell, ex 10.2015 */ .ds-calendar li span {text-align:center;display:block;margin:2px;line-height:1.4em} .ds-calendar li span.ds-name {display:none;color:#999} .ds-calendar li.ds-week0 span.ds-name {display:block} .ds-calendar li span.ds-day {background-color:#fff;border-radius:4px;cursor:pointer} .ds-calendar li.ds-today span.ds-day {background-color:#ddd;} /* note: today is before selected to be sure selected override today */ .ds-calendar li.disabled span.ds-day {color:#aaa} .ds-calendar li.selected span.ds-day {background-color:#999;color:#fff} .ds-calendar li.enabled span.ds-day:hover {background-color:#bbb;color:#fff} .ds-file ul.ds-body {max-height:30em;overflow-y:auto} .ds-file li {padding:4px; border-bottom:1px dashed #bbb; margin-top:-1px;position:relative;overflow:hidden} /* ! padding in em makes strange behavious with scrollTo() */ .ds-file li.inputs {padding:10px 4px;} .ds-file li.total {font-weight:bold;} .ds-file li.info {white-space: pre;} .ds-file span {font-size:0.8em;padding:4px;float:left;} .ds-file span.size, .ds-file span.action {float:right} .ds-file span.action {cursor:pointer} ul.ds-layout > li > label { color: #999; display: inline-block; font-style: italic; max-width: 14em; min-width: 8em; width: 25% } ul.ds-layout li.ds > div { display: inline-block; width: 74%; } .ds-grid label.grid {color: #999;font-style: italic;} .grid {display:inline-block;padding:4px;vertical-align:top;line-height:2.5rem} .grid-0 {width:0%; display:none} .grid-1 {width:8.33%} .grid-2 {width:16.66%} .grid-3 {width:25%} .grid-4 {width:33.33%} .grid-5 {width:41.66%} .grid-6 {width:50%} .grid-7 {width:58.33%} .grid-8 {width:66.66%} .grid-9 {width:75%} .grid-10 {width:83.33%} .grid-11 {width:91.66%} .grid-12{width:100%} @media screen and (max-width: 768px) { .grid {width:100% !important} } label.grid {padding-bottom:2px} /* ul.tabler allows to get a simple line with li in a row */ .tabler {display:table;width:100%;border-collapse:collapse} .tabler > li {display:table-cell;border-collapse:collapse;padding-left:0.5em} .tabler > li:first-child {padding-left:0} .tabler > li.hidden {visibility:hidden} /* do not use none to keep widths */ .tabler-50 {width:50%} .tabler-33 {width:33.33%} .tabler-25 {width:25%} .tabler-20 {width:20%} div.ds-table {display:table;/*table-layout:fixed;*/width:100%;border-bottom:1px solid #c4c4c4} div.ds-table.ds-empty {border:0} /* no border at bottom when table empty to avoid double border */ div.ds-tr {display:table-row} div.ds-tr > span {display:table-cell} div.ds-tr .ds {padding:5px 0;border-width:1px 10px;border-color:#fff;border-style:solid} div.ds-tr.ds-head .ds {padding:5px 0;border-width:1px 10px;border-color:#fff #fff #c4c4c4} table th { text-align: left; } .ds-pagination {text-align:right;color:#555;padding:5px;border:0;font-size:1em;line-height:1.5em} .ds-pagination i {font-size:1.2em;} ul.ds-selection {display:inline-block;padding:5px;line-height:2.2em} ul.ds-selection > li {display: inline-block; padding: 0px 5px; } ul.ds-selection > li:first-child {padding-left:0;} ul.ds-pagination {display:inline-block} ul.ds-pagination > li{display:inline-block; padding-left:5px;} ul.ds-pagination .ds-dropdown {min-width:auto} ul.ds-pagination .ds-dropdown a{display:block;line-height:normal} /*ul.ds-selection > li.ds-selected {border: 1px solid #c4c4c4; border-radius: 5px; padding:4px 5px}*/ ul.ds-selection ~ .ds-pagination {float:right;line-height:2.2em} ul.iframe {width:100%;height:100%} ul.iframe > li {display:inline-block;height:10%;width:20%} ul.iframe > li:first-child {width:79%} ul.iframe > li:last-child {width:100%;height:90%} ul.iframe iframe {width:100%;height:100%} ul.iframe input {width:100%;max-width:none} ul.iframe a {display:inline-block;padding:0 1em} ul.ds-tab {border-bottom: 1px solid #999;margin: 0.5em 0;white-space:nowrap;padding-left:1em} ul.ds-tab > li {border-color: #fff #fff #999;border-style: solid;border-width: 3px 1px 1px;opacity:0.6;display: inline-block;margin: 0 0 -5px;padding: 0.5em 1em;text-align: center;overflow:hidden;text-overflow:hidden} ul.ds-tab > li.selected {border-color: #555 #999 #fff;opacity:1;} a.icon.last33 { background: #f00 none repeat scroll 0 0; } /* wrap forms */ div.dataset div.dsd-menu div.ds-form-fields {padding:5px 5px 20px 5px} div.memo-tree {padding-bottom:10px} div.memo-tree div.ico {width:100%} div.memo-tree input[type=text]{max-width:300px !important;border:1px solid #bbb;border-radius:5px;padding:0.2em} ul.ds-memo-tree {overflow-y:auto;overflow-x:hidden;margin-top:4px;border: 1px solid #bbb;border-radius:5px} ul.ds-memo-tree.children-view,ul.ds-memo-tree.children-edit {max-height:250px;} ul.ds-memo-tree:empty {border-top: 0 none;margin-top: 8px;} ul.ds-memo-tree li{display:block;border-bottom:1px solid #bbb;} ul.ds-memo-tree li:last-child{border-bottom:0} ul.ds-memo-tree li a {display:block;position:relative;color:#444;text-decoration:none;padding:0.2rem 0} ul.ds-memo-tree.children-edit a {padding-right:20px} ul.ds-memo-tree li i.icon-cancel {position:absolute;right:0;cursor:pointer;color:#ff6666} ul.ds-memo-tree input.select {position:absolute;right:0;top:6px} ul.ds-memo-tree li a:hover {background:#eee} ul.ds-memo-tree li a:hover small{background:#eee} ul.ds-memo-tree li a.deleted {text-decoration:line-through} ul.ds-memo-tree i.fastload:hover {color:red} ul.ds-memo-tree li span {padding-right:7px} ul.ds-memo-tree li.current {font-weight:bold;background:#eee;width:100%} ul.ds-memo-tree li.current small{background:#eee;} ul.ds-memo-tree li small {position:absolute;right:0px;display:inline-block;padding:5px 5px;color:#999;z-index:1;height: 100%;top: 0px;} ul.ds-memo-tree li small i {float:right;font-size:1.2em;margin-left:0.2em} ul.ds-memo-tree.children-edit li small {right:20px;} /* dataset - colors */ div.dataset div.ds-form.dsd-breadcrump {background-color:#bdbdbd; border-top:0px solid #bdbdbd} div.dataset div.ds-form {position:relative; background-color: #eee; } div.dataset div.ds-form div.ds-form-fields {background-color: #fff; } div.dataset div.ds-form-fields div.ds-list {/*padding-bottom:1em*/} ul.path {padding-bottom:0} a.ds-button.openclose {background-color:inherit} div.dataset div.ds-form-buttons a.ds-button {border-color:#777;} div.dsd-page0 div.ds-form-fields { padding-bottom: 20em; } table.dico td {padding:2px !important} table.dico td input{font-size:13px !important;padding:1px !important} /* redactor */ .ds-field-redactor2{ border:1px solid #ddd; } .ds-field-redactor2 .redactor-toolbar { box-shadow:none;} .ds-field-redactor2 .redactor-editor{ border:none; border-top:1px solid #ddd; } div.dataset .ds-field-redactor2 textarea { border:none; } .o-rich { /* simple wysiwyg */} .o-rich img {display:block;margin:0 auto;width:50%} .o-rich-wrap { background:#eee;border:1px solid #999} /* present on cms */ .o-rich-html, .o-rich-text {padding:0.5rem;} .o-rich-text {font-family:courier;font-size:13px;line-height:1.2;border:0 !important; margin-top:3px /* for box-shadow of toolbar */} .o-rich-html {min-height:5rem;max-height:50vh;overflow-y:auto} .o-rich-html:after {content:" "} .o-rich-tool {font-family: verdana;font-size:13px;line-height:20px;box-shadow:0 1px 3px #999} .o-rich-exec {display:inline-block; background:#eee;padding:0.25rem 1rem;text-align:center;cursor:pointer;position:relative;white-space:nowrap} .o-rich-exec:hover {background:#fff;box-shadow:0 1px 3px #999} .o-rich-exec .o-rich-drop {display:none;position:absolute;z-index:1;background:#fff;left:0;box-shadow:0 1px 3px #999} .o-rich-exec:hover .o-rich-drop {display:block} .o-rich-exec .o-rich-exec {display:block;min-width:6rem;text-align:left;border-top:1px solid #ccc} /*.o-rich li:before {content:" • "}*/ .o-rich .redactor-toolbar li:before {content:""} .redactor-box {max-width:700px} .o-rich-insert {width:50vw} .o-rich-insert > div {border-bottom:1px solid #ddd;padding-bottom:6px;margin-bottom:6px} .o-rich-insert-pics-item {display: inline-block;width:33%;background-size:cover;transform:scale(0.8);transition:transform 0.1s} .o-rich-insert-pics-item:after{content:"";display: block;padding-bottom:75%} .o-rich-insert-pics-item:hover {transform:scale(0.9);} .o-rich.o-rich--air {padding:0.4em;border-color:#d1d1d1;line-height:1.8rem !important} /* redactor */ /* textcomplete */ .dropdown-menu {border: 1px solid #777;background-color: white;} .dropdown-menu li {border-top: 1px solid #ddd;padding: 2px 5px;} .dropdown-menu li:first-child {border-top: none;} .dropdown-menu li:hover, .dropdown-menu .active {background-color: #FFF4BC;} /* SHOULD not modify */ .dropdown-menu {list-style: none;padding: 0;margin: 0;} .dropdown-menu a:hover {cursor: pointer;} /* added */ .dropdown-menu { background-clip: padding-box;background-color: #fff;border: 1px solid #888;border-radius: 4px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);display: none;float: left;font-size: 14px; left: 0;list-style: outside none none;margin: 2px 0 0;min-width: 160px;padding: 5px 0;position: absolute;text-align: left;top: 100%;z-index: 1000; } .o-cms-menu {background:#23282d;padding:0 2rem} .o-cms-menu a, .o-cms-menu strong {color:#ccc; display:inline-block;padding:1.2rem 1rem} .o-cms-menu a {transition:all 0.2s ease;border-bottom:4px solid #23282d} .o-cms-menu a:hover, .o-cms-menu a.on {background: #32373c; color: #00b9eb;border-color:#00b9eb} .o-cms-menu + .o-cms-menu a {padding:0.5rem 1rem} .c-memo-login {width: 400px;margin: 100px auto;} .c-memo-login div.ds-val {padding:0.5rem 0}