Revision be3d34f6
Von Cem Aydin vor etwa 2 Jahren hinzugefügt
| css/design40/less/main.less | ||
|---|---|---|
|
overflow-x: auto !important;
|
||
|
}
|
||
|
|
||
|
// --------------------------------------
|
||
|
// wrapper to align input-/control-panels
|
||
|
// next to each other, so that they are
|
||
|
// using the same height
|
||
|
// --------------------------------------
|
||
|
|
||
|
.panel-wrapper {
|
||
|
display: flex !important;
|
||
|
flex-wrap: wrap;
|
||
|
gap: 5px;
|
||
|
}
|
||
|
|
||
|
// --------------------------------------
|
||
|
// CATEGORIES
|
||
| css/design40/style.css | ||
|---|---|---|
|
/* ------------------------------------------------------------- */
|
||
|
/* VARIABLES COLOR (variables_color_gray_standard.less) Standard Grey */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
.bg-body {
|
||
|
background-color: #ccccbb;
|
||
|
}
|
||
|
.bg-content {
|
||
|
background-image: linear-gradient(to bottom, #f5f5f1, #ccccbb);
|
||
|
}
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* VARIABLES (variables.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* This CSS-Vars are just for testing */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
:root {
|
||
|
--gray-standard: #888888;
|
||
|
--gray-superdark: #000000;
|
||
|
--gray-verydark: #222222;
|
||
|
--gray-darker: #444444;
|
||
|
--gray-dark: #666666;
|
||
|
--gray-light: #aaaaaa;
|
||
|
--gray-lighter: #cccccc;
|
||
|
--gray-verylight: #eeeeee;
|
||
|
--gray-superlight: #ffffff;
|
||
|
--color-standard: #666633;
|
||
|
--color-superlight: #ffffff;
|
||
|
--color-verylight: #f5f5f1;
|
||
|
--color-lighter: #e0e0d6;
|
||
|
--color-light: #ccccbb;
|
||
|
--color-dark: #292914;
|
||
|
--color-darker: #1b1b0e;
|
||
|
--color-verydark: #0e0e07;
|
||
|
--color-superdark: #000000;
|
||
|
--msg-ok-strong: #053516;
|
||
|
--msg-ok-light: #abf9c8;
|
||
|
--msg-error-strong: #910513;
|
||
|
--msg-error-light: #f9d8da;
|
||
|
--msg-hint-strong: #1f84a3;
|
||
|
--msg-hint-light: #edf7fa;
|
||
|
--msg-warning-strong: #0f0b00;
|
||
|
--msg-warning-light: #e0c776;
|
||
|
}
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* CUSTOM VARIABLES (custom_variables.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* MIXINS (mixins.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
.mx-h3-caption {
|
||
|
font-size: 11pt;
|
||
|
font-weight: normal;
|
||
|
color: #292914 !important;
|
||
|
padding: 0.2em 0 0.2em 0.2em;
|
||
|
margin: 0.1em 0 0.4em 0 ;
|
||
|
text-align: left;
|
||
|
letter-spacing: 0.12em;
|
||
|
}
|
||
|
.mx-contentbox-properties {
|
||
|
margin: 1em 1em 1em 1.2em;
|
||
|
padding: 0.6em 1em 1.2em 1.8em;
|
||
|
}
|
||
|
.mx-thead-th {
|
||
|
color: #ffffff;
|
||
|
background-color: #292914;
|
||
|
border-top: 1px solid #666633;
|
||
|
border-bottom: 1px solid #666633;
|
||
|
text-align: left ;
|
||
|
vertical-align: middle ;
|
||
|
}
|
||
|
.mx-button {
|
||
|
display: inline-block;
|
||
|
cursor: pointer ;
|
||
|
width: auto ;
|
||
|
padding: 0.2em 0.6em;
|
||
|
font-size: 9pt;
|
||
|
font-weight: normal;
|
||
|
font-style: normal;
|
||
|
text-align: center;
|
||
|
border-style: solid;
|
||
|
border-width: 1px;
|
||
|
border-radius: 6px;
|
||
|
}
|
||
|
.mx-button-standard {
|
||
|
border: 1px #406449 solid;
|
||
|
background-color: #406449;
|
||
|
color: #ffffff;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
.mx-button-standard-hover-focus:hover {
|
||
|
border: 1px #548360 solid;
|
||
|
background-color: #548360;
|
||
|
color: #ffffff;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
.mx-button-standard-hover-focus:active,
|
||
|
.mx-button-standard-hover-focus:focus {
|
||
|
border: 1px #548360 solid;
|
||
|
background-color: #548360;
|
||
|
color: #ffffff;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
.mx-button-neutral {
|
||
|
border: 1px #292914 solid;
|
||
|
background-color: #e0e0d6;
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
.mx-button-neutral-hover-focus:hover {
|
||
|
border: 1px #292914 solid;
|
||
|
background-color: #f5f5f1;
|
||
|
color: #1b1b0e;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
.mx-button-neutral-hover-focus:active,
|
||
|
.mx-button-neutral-hover-focus:focus {
|
||
|
border: 1px #0e0e07 solid;
|
||
|
background-color: #666633;
|
||
|
color: #000000;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* COMMON PROPERTIES (common.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
html {
|
||
|
overflow-y: scroll;
|
||
|
}
|
||
|
body {
|
||
|
padding: 0;
|
||
|
margin: 0 ;
|
||
|
font-size: 9pt;
|
||
|
}
|
||
|
div,
|
||
|
p,
|
||
|
span,
|
||
|
table,
|
||
|
th,
|
||
|
td,
|
||
|
input,
|
||
|
textarea,
|
||
|
select,
|
||
|
button,
|
||
|
a.button {
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
.clearfix:after {
|
||
|
clear: both;
|
||
|
content: ".";
|
||
|
display: block;
|
||
|
height: 0;
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
@media screen {
|
||
|
.noscreen {
|
||
|
display: none;
|
||
|
}
|
||
|
}
|
||
|
@media print {
|
||
|
.noprint {
|
||
|
display: none ;
|
||
|
}
|
||
|
}
|
||
|
@media handheld {
|
||
|
.nomobile {
|
||
|
display: none;
|
||
|
}
|
||
|
}
|
||
|
a.cti_call_action {
|
||
|
display: block;
|
||
|
padding-left: 18px;
|
||
|
top: 2px;
|
||
|
vertical-align: middle;
|
||
|
background-image: url(../../image/icons/16x16/phone.png);
|
||
|
background-repeat: no-repeat;
|
||
|
}
|
||
|
.interact {
|
||
|
color: #808080;
|
||
|
}
|
||
|
.interact:hover {
|
||
|
color: black;
|
||
|
}
|
||
|
.cursor-default {
|
||
|
cursor: default;
|
||
|
}
|
||
|
.cursor-pointer {
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.cursor-help {
|
||
|
cursor: help;
|
||
|
}
|
||
|
.cke_contents iframe html body.cke_editable {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
.top_border {
|
||
|
border-top: solid black;
|
||
|
border-width: 4px;
|
||
|
}
|
||
|
.bottom_border {
|
||
|
border-bottom: solid black;
|
||
|
border-width: 1px;
|
||
|
}
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* SCAFFOLDING (scaffolding.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
body {
|
||
|
margin: 0 ;
|
||
|
color: #666666;
|
||
|
font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
font-size: 9pt;
|
||
|
background-color: #ccccbb;
|
||
|
}
|
||
|
body #frame-header {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
z-index: 1040;
|
||
|
}
|
||
|
body #menuv3:first-child {
|
||
|
top: 0 !important;
|
||
|
}
|
||
|
body #menuv3 {
|
||
|
position: fixed;
|
||
|
z-index: 1999;
|
||
|
top: 28px ;
|
||
|
width: 100%;
|
||
|
height: 32px;
|
||
|
}
|
||
|
body .layout-actionbar {
|
||
|
display: block;
|
||
|
z-index: 1030;
|
||
|
position: fixed;
|
||
|
float: right !important;
|
||
|
width: auto;
|
||
|
top: 68px ;
|
||
|
right: 0.2em ;
|
||
|
margin: 0 0.4em 0 0;
|
||
|
padding: 0;
|
||
|
background: none;
|
||
|
}
|
||
|
body .layout-actionbar ~ div:first {
|
||
|
padding-top: 25px;
|
||
|
}
|
||
|
body .layout-actionbar > div + div {
|
||
|
margin-left: 2px;
|
||
|
}
|
||
|
body #content {
|
||
|
overflow: hidden;
|
||
|
display: block;
|
||
|
padding: 101px 0 0 0;
|
||
|
margin: 0 0 1em 0;
|
||
|
background-image: linear-gradient(to bottom, #f5f5f1, #ccccbb);
|
||
|
}
|
||
|
body #content .wrapper {
|
||
|
clear: both;
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
width: 97.2%;
|
||
|
height: auto;
|
||
|
}
|
||
|
body #content .wrapper > .col {
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
float: left;
|
||
|
margin-right: 1.6em;
|
||
|
}
|
||
|
body #content .wrapper > .col div > label {
|
||
|
font-size: 10pt;
|
||
|
line-height: 12.6pt;
|
||
|
}
|
||
|
body #content .wrapper > .col p {
|
||
|
font-size: 10pt;
|
||
|
}
|
||
|
body #content .wrapper > .col,
|
||
|
body #content .wrapper > .tbl-horizontal {
|
||
|
float: left;
|
||
|
margin-right: 1.6em;
|
||
|
padding-bottom: 20px ;
|
||
|
}
|
||
|
body #content .wrapper.center {
|
||
|
margin: 0 auto;
|
||
|
display: table;
|
||
|
width: auto;
|
||
|
}
|
||
|
body #content .wrapper.width-moderate {
|
||
|
width: auto;
|
||
|
}
|
||
|
body #content .wrapper > table.tbl-horizontal:last-child {
|
||
|
margin-right: 0 !important ;
|
||
|
}
|
||
|
body .full-width {
|
||
|
width: 100% ;
|
||
|
padding: 0 0 1.0em 0 ;
|
||
|
margin: 0 0 0 0;
|
||
|
}
|
||
|
body div.center {
|
||
|
margin: 0 auto;
|
||
|
display: table;
|
||
|
width: auto;
|
||
|
}
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* MENU FRAME HEADER (menu_frame_header.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
#frame-header {
|
||
|
text-align: left;
|
||
|
margin: 0;
|
||
|
padding: 0.2em 0.6em;
|
||
|
border: 0;
|
||
|
overflow: hidden;
|
||
|
height: 28px;
|
||
|
width: 100%;
|
||
|
display: table-cell;
|
||
|
vertical-align: middle;
|
||
|
border-spacing: 0;
|
||
|
background-color: #1b1b0e;
|
||
|
line-height: 100%;
|
||
|
font-size: 9pt;
|
||
|
}
|
||
|
#frame-header span.frame-header-element {
|
||
|
color: #f5f5f1;
|
||
|
padding-top: 0.2em;
|
||
|
}
|
||
|
#frame-header span.frame-header-element a:link,
|
||
|
#frame-header span.frame-header-element a:visited,
|
||
|
#frame-header span.frame-header-element a:hover,
|
||
|
#frame-header span.frame-header-element a:active {
|
||
|
text-decoration: none;
|
||
|
border-bottom: none;
|
||
|
color: #ccccbb;
|
||
|
}
|
||
|
#frame-header span.frame-header-element a:hover {
|
||
|
color: #ffffff;
|
||
|
text-decoration: underline;
|
||
|
/*underline*/
|
||
|
}
|
||
|
#frame-header span.frame-header-element span.client {
|
||
|
text-transform: uppercase ;
|
||
|
font-size: 130% ;
|
||
|
}
|
||
|
#frame-header span.frame-header-left,
|
||
|
#frame-header span.frame-header-center,
|
||
|
#frame-header span.frame-header-right {
|
||
|
border-spacing: 0;
|
||
|
padding: 0;
|
||
|
vertical-align: middle;
|
||
|
height: 100%;
|
||
|
display: table-row;
|
||
|
}
|
||
|
#frame-header span.frame-header-left > span,
|
||
|
#frame-header span.frame-header-center > span,
|
||
|
#frame-header span.frame-header-right > span {
|
||
|
height: 24px;
|
||
|
margin: 0 10px;
|
||
|
display: table-cell;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
#frame-header span.frame-header-left {
|
||
|
float: left;
|
||
|
padding: 0 1.0em 0 0.2em ;
|
||
|
margin-right: 1.0em ;
|
||
|
}
|
||
|
#frame-header span.frame-header-left > span {
|
||
|
padding-right: 1.0em ;
|
||
|
}
|
||
|
#frame-header span.frame-header-right {
|
||
|
float: right;
|
||
|
vertical-align: middle;
|
||
|
padding: 0 1.2em 0 1.0em ;
|
||
|
margin-left: 1.0em;
|
||
|
}
|
||
|
#frame-header span.frame-header-right > span {
|
||
|
padding-left: 1.0em ;
|
||
|
}
|
||
|
#frame-header #ajax-spinner {
|
||
|
display: none;
|
||
|
}
|
||
|
#frame-header div.frame-header-quicksearch {
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
margin: 0.1em auto 0 auto;
|
||
|
text-align: center;
|
||
|
width: auto;
|
||
|
}
|
||
|
#frame-header div.frame-header-quicksearch span.frame-header-quicksearch input {
|
||
|
font-size: 9pt;
|
||
|
margin-top: 0.1em;
|
||
|
background-color: #ccccbb;
|
||
|
width: auto !important;
|
||
|
min-width: 5em;
|
||
|
max-width: 7em;
|
||
|
padding: 0 0.2em ;
|
||
|
border-width: 1px ;
|
||
|
border-style: solid;
|
||
|
border-top-color: #949494;
|
||
|
border-right-color: #BCBCBC;
|
||
|
border-bottom-color: #BCBCBC;
|
||
|
border-left-color: #949494;
|
||
|
}
|
||
|
/* /#frame-header */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* MENU (V3) and HTML MENU (menu.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
#menuv3 {
|
||
|
background-color: #e0e0d6;
|
||
|
}
|
||
|
#menuv3 li {
|
||
|
display: block;
|
||
|
position: relative;
|
||
|
float: none;
|
||
|
font-weight: normal !important ;
|
||
|
font-size: 9pt;
|
||
|
line-height: 96%;
|
||
|
white-space: nowrap;
|
||
|
border: 0;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
#menuv3 li:hover {
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
#menuv3 li a,
|
||
|
#menuv3 li a:visited,
|
||
|
#menuv3 li div.x,
|
||
|
#menuv3 li div.x:visited {
|
||
|
display: block;
|
||
|
color: #1b1b0e;
|
||
|
text-decoration: none;
|
||
|
padding: 0.45em 0.6em 0.58em 1.3em ;
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
#menuv3 > ul {
|
||
|
list-style: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
float: left;
|
||
|
}
|
||
|
#menuv3 > ul > li {
|
||
|
display: block;
|
||
|
height: 17px;
|
||
|
padding: 9px 0.9em 6px 0.9em;
|
||
|
background-color: #e0e0d6;
|
||
|
color: #1b1b0e;
|
||
|
vertical-align: middle;
|
||
|
/* List 2nd Level (Vertical) */
|
||
|
}
|
||
|
#menuv3 > ul > li:hover {
|
||
|
background-color: #ccccbb;
|
||
|
}
|
||
|
#menuv3 > ul > li:hover > ul {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
}
|
||
|
#menuv3 > ul > li ul {
|
||
|
position: relative;
|
||
|
display: none;
|
||
|
padding: 0 2em 2em 2em;
|
||
|
margin: 0 -2em -2em -2.8em;
|
||
|
}
|
||
|
#menuv3 > ul > li ul li {
|
||
|
border-bottom: 1px #666633 solid;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul {
|
||
|
top: 32px;
|
||
|
z-index: 1000;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li {
|
||
|
background-color: #ccccbb;
|
||
|
margin-left: 1px;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li div.x {
|
||
|
background: no-repeat right url("../../image/menu-arrow-to-right-5.png");
|
||
|
padding-right: 2.0em ;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li:hover {
|
||
|
color: #0e0e07;
|
||
|
background-color: #e0e0d6;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li:hover > ul {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li > ul {
|
||
|
top: 0;
|
||
|
left: 99%;
|
||
|
padding: 2em;
|
||
|
margin-top: -2.06em;
|
||
|
margin-right: -2em;
|
||
|
margin-bottom: -2em;
|
||
|
margin-left: -2em;
|
||
|
list-style: none;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li > ul > li {
|
||
|
background-color: #e0e0d6;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li > ul > li:hover {
|
||
|
background-color: #ccccbb;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li > ul > li:first-child {
|
||
|
border-top: 1px #800040 solid ;
|
||
|
}
|
||
|
li.sub {
|
||
|
position: relative;
|
||
|
left: 0.2em;
|
||
|
top: 0px;
|
||
|
background-color: #FFFFFF;
|
||
|
}
|
||
|
body > div.layout-split-left {
|
||
|
display: block;
|
||
|
position: fixed !important;
|
||
|
top: 0 ;
|
||
|
left: 0 ;
|
||
|
width: 200px;
|
||
|
height: 100%;
|
||
|
z-index: 1;
|
||
|
overflow: hidden ;
|
||
|
border-right: 1px #888888 solid;
|
||
|
background-color: #666666;
|
||
|
}
|
||
|
body > div.layout-split-right {
|
||
|
margin-left: 200px;
|
||
|
padding-top: 28px;
|
||
|
display: block;
|
||
|
z-index: 1;
|
||
|
overflow: hidden;
|
||
|
min-height: 800px;
|
||
|
height: auto;
|
||
|
}
|
||
|
body > div.layout-split-right .layout-actionbar {
|
||
|
top: 36px;
|
||
|
}
|
||
|
body > div.layout-split-right > #content {
|
||
|
top: 68px;
|
||
|
padding-top: 40px;
|
||
|
}
|
||
|
body > div.layout-split-right > #content h1 {
|
||
|
top: 28px !important;
|
||
|
}
|
||
|
body > div.layout-split-right > #content > .wrapper {
|
||
|
padding-top: 2em ;
|
||
|
}
|
||
|
body > div.layout-split-right > #content + div.wrapper {
|
||
|
padding-top: 4em ;
|
||
|
}
|
||
|
body > div.layout-split-right > #content > form {
|
||
|
margin-top: 0.6em ;
|
||
|
}
|
||
|
body > div.layout-split-right > #content > form + div.wrapper {
|
||
|
padding-top: 4em ;
|
||
|
}
|
||
|
body > div.layout-split-right > #content > form > .tabwidget > ui-tabs-panel .wrapper {
|
||
|
margin-top: 2em;
|
||
|
}
|
||
|
body > div.layout-split-right > #content > form > .tabwidget > ui-tabs-panel .tabwidget ul.ui-tabs-nav {
|
||
|
position: relative;
|
||
|
}
|
||
|
body > div.layout-split-right > #content > form > .tabwidget > ul.ui-tabs-nav {
|
||
|
top: 69px;
|
||
|
width: calc(100% - 200px);
|
||
|
}
|
||
|
body > div.layout-split-right > #content > #requirement_spec_tabs.tabwidget > ul.ui-tabs-nav {
|
||
|
top: 69px !important ;
|
||
|
}
|
||
|
body > div.layout-split-right.folded {
|
||
|
margin-left: 40px;
|
||
|
}
|
||
|
div.layout-split-right.folded {
|
||
|
margin-left: 40px;
|
||
|
}
|
||
|
div.layout-split-left #html-menu {
|
||
|
display: block;
|
||
|
overflow-y: scroll;
|
||
|
overflow-x: hidden;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
margin: 27px 0 0 0;
|
||
|
padding: 0 0 150px 0;
|
||
|
background-color: #e0e0d6;
|
||
|
font-size: 10pt;
|
||
|
border-bottom: 20px #666633 solid;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .mii {
|
||
|
display: none;
|
||
|
}
|
||
|
div.layout-split-left #html-menu::-webkit-scrollbar {
|
||
|
display: none;
|
||
|
}
|
||
|
div.layout-split-left #html-menu > div:last-of-type {
|
||
|
border-bottom: 1px #666633 solid;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .mi {
|
||
|
display: block ;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .mi a {
|
||
|
display: block;
|
||
|
word-wrap: break-word;
|
||
|
text-decoration: none;
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .mi:first-child {
|
||
|
border-top: 2px #666633 solid;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .mi:last-child {
|
||
|
border-bottom: 1px #666633 solid;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s0 {
|
||
|
padding: 0 ;
|
||
|
background-color: #ccccbb;
|
||
|
color: #1b1b0e;
|
||
|
border-top: 1px #666633 solid;
|
||
|
font-size: 90% ;
|
||
|
text-transform: uppercase;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s0 a {
|
||
|
padding: 5px 0 6px 8px ;
|
||
|
cursor: pointer ;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s0 a:hover,
|
||
|
div.layout-split-left #html-menu .s0 a:active {
|
||
|
background-color: #548360;
|
||
|
color: #ffffff;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s0 a:link,
|
||
|
div.layout-split-left #html-menu .s0 a:visited {
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s0.menu-open {
|
||
|
font-weight: normal;
|
||
|
background-color: #406449;
|
||
|
color: #ffffff;
|
||
|
border-bottom: 0 ;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s0.menu-open a {
|
||
|
padding: 5px 0 6px 8px ;
|
||
|
cursor: auto ;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s0.menu-open a:hover,
|
||
|
div.layout-split-left #html-menu .s0.menu-open a:active {
|
||
|
background-color: #406449;
|
||
|
color: #ffffff;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s0.menu-open a:link,
|
||
|
div.layout-split-left #html-menu .s0.menu-open a:visited {
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1 {
|
||
|
font-size: 80% ;
|
||
|
padding: 0 ;
|
||
|
background-color: #e0e0d6;
|
||
|
border-top: 1px #666633 solid;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1 a {
|
||
|
padding: 4px 0 3px 8px ;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1 a:hover,
|
||
|
div.layout-split-left #html-menu .s1 a:active {
|
||
|
background-color: #ccccbb;
|
||
|
color: #000000;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1 a:link,
|
||
|
div.layout-split-left #html-menu .s1 a:visited {
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1.sm:after {
|
||
|
content: "▼";
|
||
|
color: #888888;
|
||
|
font-size: 80% ;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1.sm a {
|
||
|
display: inline-block;
|
||
|
width: 162px;
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1.sm a:hover,
|
||
|
div.layout-split-left #html-menu .s1.sm a:active {
|
||
|
background-color: #e0e0d6;
|
||
|
color: #1b1b0e;
|
||
|
text-decoration: none ;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1.sm a:link,
|
||
|
div.layout-split-left #html-menu .s1.sm a:visited {
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1.sm a.ml:link,
|
||
|
div.layout-split-left #html-menu .s1.sm a.ml:visited {
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s1 > .s2:last-child {
|
||
|
border-bottom: 1px #666633 solid;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s2 {
|
||
|
padding: 0 ;
|
||
|
font-size: 80% ;
|
||
|
background-color: #e0e0d6;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s2 a {
|
||
|
padding: 2px 0 3px 20px ;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s2 a:hover,
|
||
|
div.layout-split-left #html-menu .s2 a:active {
|
||
|
background-color: #ccccbb;
|
||
|
color: #000000;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
div.layout-split-left #html-menu .s2 a:link,
|
||
|
div.layout-split-left #html-menu .s2 a:visited {
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top {
|
||
|
top: 28px;
|
||
|
height: 31px !important;
|
||
|
padding: 0;
|
||
|
margin: 0 ;
|
||
|
}
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top > div {
|
||
|
padding: 5px 5px 0 3px ;
|
||
|
}
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top > div .DHTMLSuite_menuItem_textContent {
|
||
|
font-size: 90% ;
|
||
|
padding: 0.1em 0.2em 0.2em 0.2em ;
|
||
|
}
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top > div .DHTMLSuite_menuItem_top_arrowShowSub {
|
||
|
margin: 0 0.2em 0.2em 0.2em ;
|
||
|
}
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_regular,
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over,
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click,
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_disabled,
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_active {
|
||
|
height: 19px;
|
||
|
}
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over,
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click {
|
||
|
color: #ae0014;
|
||
|
background-color: #ffffff;
|
||
|
}
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
|
||
|
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub {
|
||
|
border: none !important ;
|
||
|
}
|
||
|
.DHTMLSuite_menuBar_sub {
|
||
|
width: auto !important;
|
||
|
padding: 0.1em 0 0.4em 0.4em !important;
|
||
|
margin: 11px 0 0 0;
|
||
|
border-top: none;
|
||
|
border-right: 1px solid #e0e0d6;
|
||
|
border-bottom: 1px solid #e0e0d6;
|
||
|
border-left: 1px solid #e0e0d6;
|
||
|
}
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_regular,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_click,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_disabled,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active {
|
||
|
clear: both;
|
||
|
padding-left: 25px;
|
||
|
padding-right: 0.7em;
|
||
|
padding-top: 0.2em;
|
||
|
padding-bottom: 0.2em;
|
||
|
cursor: pointer;
|
||
|
background-repeat: no-repeat;
|
||
|
font-size: 90%;
|
||
|
}
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_regular .DHTMLSuite_menuItem_sub_arrowShowSub,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over .DHTMLSuite_menuItem_sub_arrowShowSub,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_click .DHTMLSuite_menuItem_sub_arrowShowSub,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_disabled .DHTMLSuite_menuItem_sub_arrowShowSub,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active .DHTMLSuite_menuItem_sub_arrowShowSub {
|
||
|
right: 3px !important;
|
||
|
}
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over,
|
||
|
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active {
|
||
|
color: #8d6a00;
|
||
|
background-color: #ffffff;
|
||
|
}
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* Menu Actionbar (menu_actionbar.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
.layout-actionbar div.layout-actionbar-separator {
|
||
|
display: block;
|
||
|
width: 0.6em;
|
||
|
height: 0.6em;
|
||
|
float: left;
|
||
|
content: " ";
|
||
|
position: relative;
|
||
|
border: none;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-action {
|
||
|
-webkit-touch-callout: none;
|
||
|
-webkit-user-select: none;
|
||
|
-khtml-user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
-ms-user-select: none;
|
||
|
user-select: none;
|
||
|
height: 25px;
|
||
|
font-size: 9pt;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-action.layout-actionbar-action-disabled {
|
||
|
color: #666633 !important;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-action.layout-actionbar-action-disabled:hover {
|
||
|
text-decoration: none !important;
|
||
|
}
|
||
|
.layout-actionbar > div.layout-actionbar-action {
|
||
|
border-radius: 4px;
|
||
|
border: 1px #292914 solid;
|
||
|
background-color: #ccccbb;
|
||
|
float: left;
|
||
|
color: #292914;
|
||
|
z-index: 1031;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-link,
|
||
|
.layout-actionbar div.layout-actionbar-submit,
|
||
|
.layout-actionbar div.layout-actionbar-scriptbutton {
|
||
|
display: block;
|
||
|
min-width: 90px;
|
||
|
width: auto;
|
||
|
box-sizing: border-box;
|
||
|
border-width: 1px;
|
||
|
border-style: solid;
|
||
|
text-align: center;
|
||
|
padding: 4px 10px;
|
||
|
cursor: default;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-link:focus,
|
||
|
.layout-actionbar div.layout-actionbar-submit:focus,
|
||
|
.layout-actionbar div.layout-actionbar-scriptbutton:focus {
|
||
|
border-color: darkgray;
|
||
|
background-color: #e0e0d6;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-link:hover,
|
||
|
.layout-actionbar div.layout-actionbar-submit:hover,
|
||
|
.layout-actionbar div.layout-actionbar-scriptbutton:hover {
|
||
|
border-width: 1px;
|
||
|
border-style: solid;
|
||
|
}
|
||
|
.layout-actionbar .layout-actionbar-default-action {
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox {
|
||
|
position: relative;
|
||
|
display: block;
|
||
|
float: left;
|
||
|
width: 110px;
|
||
|
z-index: 1031;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
|
||
|
padding-right: 20px;
|
||
|
white-space: nowrap;
|
||
|
display: block;
|
||
|
margin-bottom: -1px;
|
||
|
float: right;
|
||
|
z-index: 1033;
|
||
|
position: relative;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > div {
|
||
|
min-width: 90px;
|
||
|
height: 25px;
|
||
|
border-top-left-radius: 4px;
|
||
|
border-bottom-left-radius: 4px;
|
||
|
border: 1px #292914 solid;
|
||
|
background-color: #ccccbb;
|
||
|
color: #292914;
|
||
|
position: relative;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > span {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
width: 24px !important;
|
||
|
height: 25px !important;
|
||
|
border: 1px #292914 solid;
|
||
|
border-left: none;
|
||
|
border-top-right-radius: 4px;
|
||
|
border-bottom-right-radius: 4px;
|
||
|
padding: 4px;
|
||
|
background-color: #ccccbb;
|
||
|
background-image: url("../../image/select-down.png");
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: 5px 5px;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
|
||
|
position: relative;
|
||
|
display: none;
|
||
|
min-width: 140px;
|
||
|
float: right;
|
||
|
overflow: hidden;
|
||
|
border: 1px solid #292914;
|
||
|
border-top-left-radius: 4px;
|
||
|
border-bottom-left-radius: 4px;
|
||
|
border-bottom-right-radius: 4px;
|
||
|
z-index: 1032;
|
||
|
top: 1px;
|
||
|
background-color: #ccccbb;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action {
|
||
|
white-space: nowrap;
|
||
|
display: block;
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
text-align: left;
|
||
|
padding: 0.6em 0.6em 0.6em 1.0em;
|
||
|
border-bottom: none !important;
|
||
|
background-color: #ccccbb;
|
||
|
color: #292914;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action:hover {
|
||
|
color: #292914;
|
||
|
text-decoration: underline;
|
||
|
background-color: #e0e0d6;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head {
|
||
|
height: 29px;
|
||
|
border-bottom: none !important ;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head div {
|
||
|
border-bottom-left-radius: 0 !important;
|
||
|
border-bottom: none;
|
||
|
height: 30px ;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span {
|
||
|
border-bottom-right-radius: 0 !important;
|
||
|
border-bottom: none;
|
||
|
height: 30px !important ;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
|
||
|
display: inline-table;
|
||
|
border-top-right-radius: 0 !important;
|
||
|
}
|
||
|
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list div.layout-actionbar-action {
|
||
|
border: none !important;
|
||
|
}
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* FORM ELEMENTS (forms.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
/* forms.less */
|
||
|
form {
|
||
|
display: table;
|
||
|
width: 100%;
|
||
|
text-align: left;
|
||
|
margin: 0 auto 0 auto;
|
||
|
}
|
||
|
form.box {
|
||
|
display: block;
|
||
|
overflow: hidden ;
|
||
|
padding: 0 0 1.6em 0 ;
|
||
|
}
|
||
|
input,
|
||
|
textarea,
|
||
|
select {
|
||
|
font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
padding: 0.2em 0.2em 0.2em 0.6em;
|
||
|
border: 1px;
|
||
|
border-color: darkgray lightgray lightgray;
|
||
|
border-style: solid;
|
||
|
outline: none;
|
||
|
background-color: #fff ;
|
||
|
}
|
||
|
input[type="text"].accent,
|
||
|
textarea[type="text"].accent,
|
||
|
select[type="text"].accent {
|
||
|
font-weight: bold ;
|
||
|
font-size: 130% !important ;
|
||
|
padding: 0.6em auto !important ;
|
||
|
}
|
||
|
textarea {
|
||
|
resize: vertical;
|
||
|
}
|
||
|
input[type="text"]:focus,
|
||
|
input[type="password"]:focus,
|
||
|
textarea:focus,
|
||
|
select:focus,
|
||
|
input[type="text"]:active,
|
||
|
input[type="password"]:active,
|
||
|
textarea:active,
|
||
|
select:active {
|
||
|
background-color: #ccccbb;
|
||
|
border: 1px #0e0e07 solid;
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
select.helper {
|
||
|
background-color: #ffffff;
|
||
|
}
|
||
|
select > option {
|
||
|
padding-left: 0.6em ;
|
||
|
}
|
||
|
input[type="file"] {
|
||
|
padding: 0.8em;
|
||
|
background-color: #cccccc;
|
||
|
color: #666666;
|
||
|
border: 1px #666666 solid;
|
||
|
}
|
||
|
input[type="file"] button,
|
||
|
input[type="file"] input[type="button"] {
|
||
|
background-color: #A3FFA8;
|
||
|
}
|
||
|
label {
|
||
|
cursor: pointer;
|
||
|
vertical-align: top;
|
||
|
display: inline-block;
|
||
|
width: 88% ;
|
||
|
color: #1b1b0e;
|
||
|
}
|
||
|
label:link,
|
||
|
label:visited {
|
||
|
text-decoration: none ;
|
||
|
}
|
||
|
label:hover {
|
||
|
text-decoration: underline ;
|
||
|
}
|
||
|
fieldset {
|
||
|
margin-top: 15px;
|
||
|
color: black;
|
||
|
font-weight: normal;
|
||
|
font-size: 14pt;
|
||
|
text-transform: uppercase;
|
||
|
border-color: grey;
|
||
|
border-width: 1px ;
|
||
|
margin: 0.4em 0.6em 1.4em 0.6em;
|
||
|
}
|
||
|
fieldset h4 {
|
||
|
font-weight: normal ;
|
||
|
font-size: 11pt;
|
||
|
margin: 0;
|
||
|
padding: 0 0 0.2em 0;
|
||
|
}
|
||
|
input[type="text"].wi-smallest,
|
||
|
input[type="password"].wi-smallest {
|
||
|
width: 42px;
|
||
|
}
|
||
|
input[type="text"].wi-verysmall,
|
||
|
input[type="password"].wi-verysmall {
|
||
|
width: 80px;
|
||
|
}
|
||
|
input[type="text"].wi-small,
|
||
|
input[type="password"].wi-small {
|
||
|
width: 92px;
|
||
|
}
|
||
|
input[type="text"].wi-mediumsmall,
|
||
|
input[type="password"].wi-mediumsmall {
|
||
|
width: 124px;
|
||
|
}
|
||
|
input[type="text"].wi-normal,
|
||
|
input[type="password"].wi-normal {
|
||
|
width: 172px;
|
||
|
}
|
||
|
input[type="text"].wi-lightwide,
|
||
|
input[type="password"].wi-lightwide {
|
||
|
width: 220px;
|
||
|
}
|
||
|
input[type="text"].wi-wide,
|
||
|
input[type="password"].wi-wide {
|
||
|
width: 284px;
|
||
|
}
|
||
|
input[type="text"].wi-wider,
|
||
|
input[type="password"].wi-wider {
|
||
|
min-width: 348px;
|
||
|
}
|
||
|
input[type="text"].wi-verywide,
|
||
|
input[type="password"].wi-verywide {
|
||
|
min-width: 540px;
|
||
|
}
|
||
|
input[type="text"].wi-date,
|
||
|
input[type="password"].wi-date {
|
||
|
width: 92px;
|
||
|
}
|
||
|
input[type="text"].wi-number,
|
||
|
input[type="password"].wi-number {
|
||
|
width: 92px;
|
||
|
}
|
||
|
input[type="text"].wi-tinynumber,
|
||
|
input[type="password"].wi-tinynumber {
|
||
|
width: 80px;
|
||
|
}
|
||
|
input[type="text"].wi-largenumber,
|
||
|
input[type="password"].wi-largenumber {
|
||
|
width: 124px;
|
||
|
}
|
||
|
input[type="text"].wi-lightwide--verysmall,
|
||
|
input[type="password"].wi-lightwide--verysmall {
|
||
|
width: 139px;
|
||
|
}
|
||
|
input[type="text"].wi-wide--verysmall,
|
||
|
input[type="password"].wi-wide--verysmall {
|
||
|
width: 203px !important;
|
||
|
}
|
||
|
input .fixed_width {
|
||
|
width: 250px;
|
||
|
}
|
||
|
select.wi-smallest {
|
||
|
width: 42px;
|
||
|
}
|
||
|
select.wi-verysmall {
|
||
|
width: 80px;
|
||
|
}
|
||
|
select.wi-small {
|
||
|
width: 92px;
|
||
|
}
|
||
|
select.wi-mediumsmall {
|
||
|
width: 124px;
|
||
|
}
|
||
|
select.wi-normal {
|
||
|
width: 172px;
|
||
|
}
|
||
|
select.wi-lightwide {
|
||
|
width: 220px;
|
||
|
}
|
||
|
select.wi-wide {
|
||
|
width: 284px;
|
||
|
}
|
||
|
select.wi-wider {
|
||
|
min-width: 348px;
|
||
|
}
|
||
|
select.wi-verywide {
|
||
|
min-width: 540px;
|
||
|
}
|
||
|
select.wi-full {
|
||
|
width: 100% ;
|
||
|
}
|
||
|
select.wi-small-normal {
|
||
|
width: 300px;
|
||
|
}
|
||
|
select.wi-small-lightwide {
|
||
|
width: 348px;
|
||
|
}
|
||
|
select.wi-small-wide {
|
||
|
width: 412px;
|
||
|
}
|
||
|
select.wi-small-wider {
|
||
|
width: 476px;
|
||
|
}
|
||
|
select.wi-small-verywide {
|
||
|
width: 668px;
|
||
|
}
|
||
|
select.wi-mediumsmall-normal {
|
||
|
width: 332px;
|
||
|
}
|
||
|
select.wi-mediumsmall-lightwide {
|
||
|
width: 380px;
|
||
|
}
|
||
|
select.wi-mediumsmall-wide {
|
||
|
width: 444px;
|
||
|
}
|
||
|
select.wi-mediumsmall-wider {
|
||
|
width: 508px;
|
||
|
}
|
||
|
select.wi-mediumsmall-verywide {
|
||
|
width: 700px;
|
||
|
}
|
||
|
select.wi-normal-normal {
|
||
|
width: 380px;
|
||
|
}
|
||
|
select.wi-normal-lightwide {
|
||
|
width: 428px;
|
||
|
}
|
||
|
select.wi-normal-wide {
|
||
|
width: 492px;
|
||
|
}
|
||
|
select.wi-normal-wider {
|
||
|
width: 556px;
|
||
|
}
|
||
|
select.wi-normal-verywide {
|
||
|
width: 748px;
|
||
|
}
|
||
|
select.wi-lightwide-normal {
|
||
|
width: 428px;
|
||
|
}
|
||
|
select.wi-lightwide-lightwide {
|
||
|
width: 476px;
|
||
|
}
|
||
|
select.wi-lightwide-wide {
|
||
|
width: 540px;
|
||
|
}
|
||
|
select.wi-lightwide-wider {
|
||
|
width: 604px;
|
||
|
}
|
||
|
select.wi-lightwide-verywide {
|
||
|
width: 796px;
|
||
|
}
|
||
|
select.wi-wide-normal {
|
||
|
width: 492px;
|
||
|
}
|
||
|
select.wi-wide-lightwide {
|
||
|
width: 540px;
|
||
|
}
|
||
|
select.wi-wide-wide {
|
||
|
width: 604px;
|
||
|
}
|
||
|
select.wi-wide-wider {
|
||
|
width: 668px;
|
||
|
}
|
||
|
select.wi-wide-verywide {
|
||
|
width: 860px;
|
||
|
}
|
||
|
textarea.wi-smallest {
|
||
|
width: 172px;
|
||
|
}
|
||
|
textarea.wi-verysmall {
|
||
|
width: 172px;
|
||
|
}
|
||
|
textarea.wi-small {
|
||
|
width: 172px;
|
||
|
}
|
||
|
textarea.wi-mediumsmall {
|
||
|
width: 172px;
|
||
|
}
|
||
|
textarea.wi-normal {
|
||
|
width: 172px;
|
||
|
}
|
||
|
textarea.wi-lightwide {
|
||
|
min-width: 220px;
|
||
|
}
|
||
|
textarea.wi-wide {
|
||
|
min-width: 284px;
|
||
|
}
|
||
|
textarea.wi-wide.strict {
|
||
|
max-width: 284px !important;
|
||
|
}
|
||
|
textarea.wi-wider {
|
||
|
min-width: 348px;
|
||
|
}
|
||
|
textarea.wi-verywide {
|
||
|
min-width: 540px;
|
||
|
}
|
||
|
textarea.wi-full {
|
||
|
width: 100% ;
|
||
|
}
|
||
|
textarea.wi-small-small {
|
||
|
width: 220px;
|
||
|
}
|
||
|
textarea.wi-small-mediumsmall {
|
||
|
width: 252px;
|
||
|
margin: 0 30px 0 0 ;
|
||
|
}
|
||
|
textarea.wi-small-normal {
|
||
|
width: 300px;
|
||
|
}
|
||
|
textarea.wi-small-lightwide {
|
||
|
width: 348px;
|
||
|
}
|
||
|
textarea.wi-small-wide {
|
||
|
width: 412px;
|
||
|
}
|
||
|
textarea.wi-small-wider {
|
||
|
width: 476px;
|
||
|
}
|
||
|
textarea.wi-small-verywide {
|
||
|
width: 668px;
|
||
|
}
|
||
|
textarea.wi-mediumsmall-small {
|
||
|
width: 252px;
|
||
|
}
|
||
|
textarea.wi-mediumsmall-mediumsmall {
|
||
|
width: 284px;
|
||
|
}
|
||
|
textarea.wi-mediumsmall-normal {
|
||
|
width: 332px;
|
||
|
}
|
||
|
textarea.wi-mediumsmall-lightwide {
|
||
|
width: 380px;
|
||
|
}
|
||
|
textarea.wi-mediumsmall-wide {
|
||
|
width: 444px;
|
||
|
}
|
||
|
textarea.wi-mediumsmall-wider {
|
||
|
width: 508px;
|
||
|
}
|
||
|
textarea.wi-mediumsmall-verywide {
|
||
|
width: 700px;
|
||
|
}
|
||
|
textarea.wi-normal-small {
|
||
|
width: 300px;
|
||
|
}
|
||
|
textarea.wi-normal-mediumsmall {
|
||
|
width: 332px;
|
||
|
}
|
||
|
textarea.wi-normal-normal {
|
||
|
width: 380px;
|
||
|
}
|
||
|
textarea.wi-normal-lightwide {
|
||
|
width: 428px;
|
||
|
}
|
||
|
textarea.wi-normal-wide {
|
||
|
width: 492px;
|
||
|
}
|
||
|
textarea.wi-normal-wider {
|
||
|
width: 556px;
|
||
|
}
|
||
|
textarea.wi-normal-verywide {
|
||
|
width: 748px;
|
||
|
}
|
||
|
textarea.wi-lightwide-small {
|
||
|
width: 348px;
|
||
|
}
|
||
|
textarea.wi-lightwide-mediumsmall {
|
||
|
width: 380px;
|
||
|
}
|
||
|
textarea.wi-lightwide-normal {
|
||
|
width: 428px;
|
||
|
}
|
||
|
textarea.wi-lightwide-lightwide {
|
||
|
width: 476px;
|
||
|
}
|
||
|
textarea.wi-lightwide-wide {
|
||
|
width: 540px;
|
||
|
}
|
||
|
textarea.wi-lightwide-wider {
|
||
|
width: 604px;
|
||
|
}
|
||
|
textarea.wi-lightwide-verywide {
|
||
|
width: 796px;
|
||
|
}
|
||
|
textarea.wi-wide-small {
|
||
|
width: 412px;
|
||
|
}
|
||
|
textarea.wi-wide-mediumsmall {
|
||
|
width: 444px;
|
||
|
}
|
||
|
textarea.wi-wide-normal {
|
||
|
width: 492px;
|
||
|
}
|
||
|
textarea.wi-wide-lightwide {
|
||
|
width: 604px;
|
||
|
}
|
||
|
textarea.wi-wide-wide {
|
||
|
width: 604px;
|
||
|
}
|
||
|
textarea.wi-wide-wider {
|
||
|
width: 668px;
|
||
|
}
|
||
|
textarea.wi-wide-verywide {
|
||
|
width: 860px;
|
||
|
}
|
||
|
td.wi-date > input[type="text"],
|
||
|
th.wi-date > input[type="text"] {
|
||
|
width: 92px;
|
||
|
}
|
||
|
td.wi-lightwide > textarea,
|
||
|
th.wi-lightwide > textarea {
|
||
|
width: 284px;
|
||
|
}
|
||
|
td.wi-wide > textarea,
|
||
|
th.wi-wide > textarea {
|
||
|
width: 284px;
|
||
|
}
|
||
|
td.wi-small-verywide > textarea,
|
||
|
th.wi-small-verywide > textarea {
|
||
|
width: 668px;
|
||
|
}
|
||
|
th.wi-lightwide textarea,
|
||
|
td.wi-lightwide textarea,
|
||
|
th.wi-lightwide input[type="text"],
|
||
|
td.wi-lightwide input[type="text"],
|
||
|
th.wi-lightwide div.cke_editable,
|
||
|
td.wi-lightwide div.cke_editable,
|
||
|
th.wi-lightwide input#order_vendor_id_name,
|
||
|
td.wi-lightwide input#order_vendor_id_name {
|
||
|
width: 220px;
|
||
|
}
|
||
|
th.wi-wide textarea,
|
||
|
td.wi-wide textarea,
|
||
|
th.wi-wide input[type="text"],
|
||
|
td.wi-wide input[type="text"],
|
||
|
th.wi-wide div.cke_editable,
|
||
|
td.wi-wide div.cke_editable,
|
||
|
th.wi-wide input#order_vendor_id_name,
|
||
|
td.wi-wide input#order_vendor_id_name {
|
||
|
width: 284px;
|
||
|
}
|
||
|
span.wi-smallest {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-smallest textarea,
|
||
|
span.wi-smallest div.cke_editable {
|
||
|
width: 172px;
|
||
|
}
|
||
|
span.wi-verysmall {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-verysmall textarea,
|
||
|
span.wi-verysmall div.cke_editable {
|
||
|
width: 172px;
|
||
|
}
|
||
|
span.wi-small {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-small textarea,
|
||
|
span.wi-small div.cke_editable {
|
||
|
width: 172px;
|
||
|
}
|
||
|
span.wi-mediumsmall {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-mediumsmall textarea,
|
||
|
span.wi-mediumsmall div.cke_editable {
|
||
|
width: 172px;
|
||
|
}
|
||
|
span.wi-normal {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-normal textarea,
|
||
|
span.wi-normal div.cke_editable {
|
||
|
width: 172px;
|
||
|
}
|
||
|
span.wi-lightwide {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-lightwide textarea,
|
||
|
span.wi-lightwide div.cke_editable {
|
||
|
width: 220px;
|
||
|
}
|
||
|
span.wi-wide {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-wide textarea,
|
||
|
span.wi-wide > div.cke_editable {
|
||
|
width: 284px !important;
|
||
|
}
|
||
|
span.wi-wide.strict {
|
||
|
max-width: 284px !important;
|
||
|
}
|
||
|
span.wi-wider {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-wider textarea,
|
||
|
span.wi-wider div.cke_editable {
|
||
|
width: 348px;
|
||
|
}
|
||
|
span.wi-verywide {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-verywide textarea,
|
||
|
span.wi-verywide div.cke_editable {
|
||
|
min-width: 540px;
|
||
|
}
|
||
|
span.wi-full {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-full textarea,
|
||
|
span.wi-full div.cke_editable {
|
||
|
width: 100% ;
|
||
|
}
|
||
|
span.wi-small-small {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-small-small textarea,
|
||
|
span.wi-small-small div.cke_editable {
|
||
|
width: 220px;
|
||
|
}
|
||
|
span.wi-small-mediumsmall {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-small-mediumsmall textarea,
|
||
|
span.wi-small-mediumsmall div.cke_editable {
|
||
|
width: 252px;
|
||
|
margin: 0 30px 0 0 ;
|
||
|
}
|
||
|
span.wi-small-normal {
|
||
|
padding: 0 ;
|
||
|
}
|
||
|
span.wi-small-normal textarea,
|
||
|
span.wi-small-normal div.cke_editable {
|
||
|
width: 300px;
|
||
|
}
|
||
|
span.wi-small-lightwide {
|
||
|
padding: 0 ;
|
||
|
}
|
||
Auch abrufbar als: Unified diff
design40: Wrapper Klasse für input-/control panels hinzugefügt