Revision e7c11f83
Von Hans Peter Schlaepfer vor mehr als 6 Jahren hinzugefügt
| css/less/admin.less | ||
|---|---|---|
| 34 | 34 |
// Admin section: the menu itself doesn't occupy space. So make room |
| 35 | 35 |
// at the top of the div covering the whole admin area. |
| 36 | 36 |
body > div.admin {
|
| 37 |
padding-top: 24px;
|
|
| 37 |
margin: 60px 0 0 0 ;
|
|
| 38 | 38 |
|
| 39 | 39 |
h1 {
|
| 40 | 40 |
background-color: #fe5f14; |
| 41 | 41 |
color: #ffffff; |
| 42 |
padding: 0.1em 0.5em 37px 0.5em ; |
|
| 43 |
top: 0 ; |
|
| 44 |
position: fixed; |
|
| 45 |
width: 100% ; |
|
| 46 |
display: block; |
|
| 47 |
} |
|
| 48 |
|
|
| 49 |
.tabwidget {
|
|
| 50 |
top: 0 ; |
|
| 51 |
padding: 1.0em 0 0 0 !important; |
|
| 52 |
.ui-tabs-panel {
|
|
| 53 |
padding: 2.0em 1.0em 1.0em 1.0em ; |
|
| 54 |
} |
|
| 55 |
} |
|
| 56 |
form{
|
|
| 57 |
display: block ; |
|
| 58 |
margin-top: 1px ; |
|
| 42 | 59 |
} |
| 43 |
|
|
| 44 | 60 |
} |
| 45 | 61 |
|
| 46 | 62 |
|
| 47 | 63 |
|
| 48 |
/* Admin-Bereich */ |
|
| 49 |
&.admin #menuv3{
|
|
| 50 |
top: 0px ; |
|
| 51 |
} |
|
| 52 | 64 |
|
| 53 | 65 |
|
| 54 |
/* Admin-Bereich */ |
|
| 55 |
&.admin > div.admin{
|
|
| 56 |
top: 74px ; |
|
| 57 |
position: absolute; |
|
| 58 |
width: 100%; |
|
| 59 |
background-color: #ececec ; |
|
| 60 |
} |
|
| 61 | 66 |
|
| 62 | 67 |
|
| 63 | 68 |
|
| css/less/forms.less | ||
|---|---|---|
| 56 | 56 |
outline: none; |
| 57 | 57 |
background-color: #fff ; |
| 58 | 58 |
|
| 59 |
input[type="text"], |
|
| 60 |
input[type="password"], |
|
| 61 |
textarea, |
|
| 62 |
select {
|
|
| 63 |
background-color: #fff ; |
|
| 64 |
|
|
| 65 |
// -------------- |
|
| 66 |
// Focused Elements |
|
| 67 |
&:focus, |
|
| 68 |
&:active {
|
|
| 69 |
background-color: @formelement-focus-bg !important ; |
|
| 70 |
border: @formelement-focus-border ; |
|
| 59 |
&[type="text"], |
|
| 60 |
&[type="password"] {
|
|
| 61 |
|
|
| 62 |
} |
|
| 63 |
|
|
| 64 |
&[type="text"] {
|
|
| 65 |
&.accent{
|
|
| 66 |
font-weight: bold ; |
|
| 67 |
font-size: 130% !important ; |
|
| 68 |
padding: 0.6em auto !important ; |
|
| 71 | 69 |
} |
| 70 |
} |
|
| 71 |
|
|
| 72 |
// -------------- |
|
| 73 |
// Focused Elements |
|
| 74 |
&:focus, |
|
| 75 |
&:active {
|
|
| 76 |
background-color: @formelement-focus-bg !important ; |
|
| 77 |
border: @formelement-focus-border ; |
|
| 72 | 78 |
} |
| 79 |
|
|
| 73 | 80 |
} |
| 74 | 81 |
// /input, textarea, select |
| 75 | 82 |
|
| ... | ... | |
| 99 | 106 |
input.submit, |
| 100 | 107 |
button, |
| 101 | 108 |
a.button {
|
| 102 |
// PENDENT: MIXIN-anlegen fuer .Buttons |
|
| 103 |
background-color: #99CCFF; |
|
| 104 |
border: 1px #53619B solid; |
|
| 105 |
border-radius: 3px; |
|
| 106 |
color: #06C; |
|
| 107 |
padding: 0px 4px; |
|
| 109 |
.mx-button |
|
| 110 |
} |
|
| 111 |
a.button.neutral{
|
|
| 112 |
background-color: #ccc; |
|
| 113 |
&:link, |
|
| 114 |
&:visited{
|
|
| 115 |
color: #666 ; |
|
| 116 |
} |
|
| 117 |
} |
|
| 118 |
// PENDENT: Neu |
|
| 119 |
input[type="button"]{
|
|
| 120 |
&.inline{}
|
|
| 121 |
&.below{
|
|
| 122 |
clear: both !important; |
|
| 123 |
float: none; |
|
| 124 |
margin-top: 0.3em; |
|
| 125 |
overflow: hidden ; |
|
| 126 |
} |
|
| 127 |
&.wi-wider{ width: 24.5em; }
|
|
| 108 | 128 |
} |
| 109 | 129 |
|
| 110 | 130 |
input[type="button"]:focus, |
| ... | ... | |
| 118 | 138 |
button:hover:enabled, |
| 119 | 139 |
input[type="button"]:hover:enabled, |
| 120 | 140 |
input[type="submit"]:hover:enabled {
|
| 121 |
color: #fe5f14;
|
|
| 141 |
color: #fff;
|
|
| 122 | 142 |
} |
| 123 | 143 |
|
| 124 |
|
|
| 144 |
div.buttons{
|
|
| 145 |
padding: 1.0em ; |
|
| 146 |
&.positions{
|
|
| 147 |
margin: 0 0 -2.4em 20.0em; |
|
| 148 |
} |
|
| 149 |
} |
|
| 125 | 150 |
|
| 126 | 151 |
|
| 127 | 152 |
// -------------------------------------- |
| ... | ... | |
| 185 | 210 |
// 1 Lined input field |
| 186 | 211 |
// |
| 187 | 212 |
|
| 188 |
&[type="text"]{
|
|
| 213 |
&[type="text"], |
|
| 214 |
&[type="password"]{
|
|
| 189 | 215 |
|
| 190 | 216 |
&.wi-smallest { width: @input-wi-smallest ; } // 2.0em
|
| 191 | 217 |
&.wi-verysmall { width: @input-wi-verysmall ; } // 4.0em
|
| ... | ... | |
| 206 | 232 |
|
| 207 | 233 |
// Password (Standard size) |
| 208 | 234 |
&[type="password"]{
|
| 209 |
width: 10.0em ;
|
|
| 235 |
min-width: @input-wi-normal ;
|
|
| 210 | 236 |
} |
| 211 | 237 |
|
| 212 | 238 |
// OBSOLETE |
| ... | ... | |
| 281 | 307 |
} |
| 282 | 308 |
|
| 283 | 309 |
|
| 310 |
td {
|
|
| 311 |
div.rowspan-table{
|
|
| 312 |
display: table-row ; |
|
| 313 |
|
|
| 314 |
div.label-n-value{
|
|
| 315 |
display: table-cell ; |
|
| 316 |
vertical-align: middle; |
|
| 317 |
height: 1.6em !important ; // the cell have not the same height if they are made with DIVs |
|
| 318 |
|
|
| 319 |
float: left; |
|
| 320 |
padding: 0 2.3em 0 0 ; |
|
| 321 |
//overflow: hidden ; |
|
| 322 |
b{
|
|
| 323 |
font-weight: normal; |
|
| 324 |
padding: 0 0 0 0 ; |
|
| 325 |
} |
|
| 326 |
} |
|
| 327 |
} |
|
| 328 |
} |
|
| 329 |
|
|
| 284 | 330 |
|
| 285 | 331 |
// -------------------------------------- |
| 286 | 332 |
// MIXED FORM-TABLES |
| ... | ... | |
| 314 | 360 |
|
| 315 | 361 |
} |
| 316 | 362 |
|
| 317 |
|
|
| 318 | 363 |
} |
| 319 | 364 |
// /form |
| 320 | 365 |
|
| 321 | 366 |
|
| 367 |
// -------------------------------------- |
|
| 368 |
// CHECKBOXES & LABELS WITHIN DIVS |
|
| 369 |
// -------------------------------------- |
|
| 370 |
// especially in the admin section |
|
| 371 |
|
|
| 372 |
div.admin{
|
|
| 373 |
form{
|
|
| 374 |
font-size: @font-size-small ; |
|
| 375 |
input[type="checkbox"] {
|
|
| 376 |
margin: 0.2em 0.6em 0.3em 0 ; |
|
| 377 |
float: left; |
|
| 378 |
} |
|
| 379 |
|
|
| 380 |
|
|
| 381 |
|
|
| 382 |
h3{
|
|
| 383 |
margin: 1.2em 0 0.6em 0 ; |
|
| 384 |
display: block; |
|
| 385 |
} |
|
| 386 |
div.boxes{
|
|
| 387 |
margin: 0 0 0.9em 0 ; |
|
| 388 |
overflow: hidden ; |
|
| 389 |
max-width: 800px ; |
|
| 390 |
|
|
| 391 |
div{
|
|
| 392 |
clear: both; |
|
| 393 |
margin: 0 0 0.6em 0 ; |
|
| 394 |
padding: 0; |
|
| 395 |
display: block ; |
|
| 396 |
overflow: hidden ; |
|
| 397 |
label{
|
|
| 398 |
float: left; |
|
| 399 |
width: 94% ; |
|
| 400 |
} |
|
| 401 |
} |
|
| 402 |
} |
|
| 403 |
} |
|
| 404 |
} |
|
| 405 |
|
|
| 406 |
|
|
| 407 |
|
|
| 322 | 408 |
|
| 323 | 409 |
|
| 324 | 410 |
// -------------------------------------- |
| css/less/jquery-ui.custom.less | ||
|---|---|---|
| 100 | 100 |
padding: 0; |
| 101 | 101 |
white-space: nowrap; |
| 102 | 102 |
border: 1px solid #cccccc; |
| 103 |
background: #f6f6f6 url(../ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
|
|
| 103 |
background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; |
|
| 104 | 104 |
font-size: @font-size-smaller ; |
| 105 | 105 |
font-weight: bold; |
| 106 | 106 |
color: #1c94c4; |
| css/less/main.less | ||
|---|---|---|
| 139 | 139 |
h3{
|
| 140 | 140 |
.mx-h3-caption ; // Mixin |
| 141 | 141 |
color: @headings-color ; |
| 142 |
padding-left: 0 ; |
|
| 142 | 143 |
} |
| 143 | 144 |
|
| 144 | 145 |
|
| ... | ... | |
| 184 | 185 |
border:none; |
| 185 | 186 |
} |
| 186 | 187 |
|
| 188 |
// -------------- |
|
| 189 |
// Buttons (Link as Buttons outside a FORM) |
|
| 190 |
// |
|
| 191 |
&.button {
|
|
| 192 |
.mx-button |
|
| 193 |
// PENDENT! |
|
| 194 |
&.inline{
|
|
| 195 |
|
|
| 196 |
} |
|
| 197 |
&.below{
|
|
| 198 |
clear: both !important; |
|
| 199 |
} |
|
| 200 |
.wi-wider{ width: @wi-wider ; }
|
|
| 201 |
} |
|
| 187 | 202 |
|
| 188 | 203 |
} |
| 189 | 204 |
// /a (Links) |
| ... | ... | |
| 313 | 328 |
margin: @contentbox-margin; |
| 314 | 329 |
clear: both; |
| 315 | 330 |
} |
| 331 |
// PENDENT: Neue Loesung |
|
| 332 |
.accent{
|
|
| 333 |
div.label{
|
|
| 334 |
float: left ; |
|
| 335 |
color: gray ; |
|
| 336 |
font-size: 80% ; |
|
| 337 |
&.wi-mediumsmall{ width: 13.6em; } // PENDENT!
|
|
| 338 |
padding-top: 0.8em ; |
|
| 339 |
} |
|
| 340 |
div.data{
|
|
| 341 |
float: left ; |
|
| 342 |
input[type="text"]{
|
|
| 343 |
width: 20em !important ; |
|
| 344 |
} |
|
| 345 |
} |
|
| 346 |
} |
|
| 347 |
|
|
| 348 |
|
|
| 316 | 349 |
|
| 317 | 350 |
// Centered blocks |
| 318 | 351 |
.center {
|
| css/less/menu.less | ||
|---|---|---|
| 9 | 9 |
// |
| 10 | 10 |
// CONTENTS: |
| 11 | 11 |
// - MENUV3 |
| 12 |
// - - Links |
|
| 12 |
// - - List-Element general |
|
| 13 |
// - - - Links & Inbound Pseudo Link (DIV) |
|
| 13 | 14 |
// - - Items with Sub Items |
| 14 | 15 |
// - - List 1st Level (horizontal) |
| 15 |
// - - List 2nd Level (Vertical) |
|
| 16 |
// - - List 2nd and 3rd Level (Vertical) |
|
| 17 |
// - - List 3rd Level (Vertical) |
|
| 18 |
// - - Hovers |
|
| 16 |
// - - - List 2nd and 3rd Level (Vertical) |
|
| 17 |
// - - - List 2nd Level (Vertical) |
|
| 18 |
// - - - - List 3rd Level (Vertical) |
|
| 19 | 19 |
// |
| 20 | 20 |
// - HTML-MENU |
| 21 | 21 |
// - - |
| ... | ... | |
| 31 | 31 |
|
| 32 | 32 |
#menuv3 {
|
| 33 | 33 |
// Main-Properties of this element in File SCAFFOLDING.LESS |
| 34 |
background-color: @menu_link_bg; |
|
| 35 |
color: @menu_link; |
|
| 36 |
font-weight: normal !important ; |
|
| 37 |
|
|
| 38 |
|
|
| 39 |
a, |
|
| 40 |
li, |
|
| 41 |
div.x {
|
|
| 42 |
font-size: @font-size-smaller; |
|
| 43 |
line-height: 96%; |
|
| 44 |
display: block; |
|
| 45 |
border: 0; |
|
| 46 |
white-space: nowrap; |
|
| 47 |
margin: 0; |
|
| 48 |
font-weight: normal !important ; |
|
| 49 |
} |
|
| 50 |
|
|
| 34 |
background-color: @menu_link_bg_level1 ; |
|
| 51 | 35 |
|
| 52 | 36 |
|
| 53 | 37 |
|
| 54 | 38 |
// -------------- |
| 55 |
// Links
|
|
| 39 |
// List-Element general
|
|
| 56 | 40 |
// |
| 57 | 41 |
|
| 58 |
a {
|
|
| 59 |
background: @menu_link_bg; |
|
| 42 |
li {
|
|
| 60 | 43 |
display: block; |
| 61 |
} |
|
| 62 |
|
|
| 63 |
a, |
|
| 64 |
a:visited, |
|
| 65 |
div.x, |
|
| 66 |
div.x:visited {
|
|
| 67 |
color: @menu_link; |
|
| 68 |
text-decoration: none; |
|
| 69 |
padding-right: 0.6em; |
|
| 70 |
} |
|
| 71 |
|
|
| 72 |
|
|
| 73 |
|
|
| 74 |
// -------------- |
|
| 75 |
// Items with Sub Items |
|
| 76 |
// |
|
| 44 |
position: relative; |
|
| 45 |
float: none; |
|
| 46 |
font-weight: normal !important ; |
|
| 47 |
font-size: @font-size-smaller; |
|
| 48 |
line-height: 96%; |
|
| 49 |
white-space: nowrap; |
|
| 50 |
border: 0; |
|
| 51 |
padding: 0; |
|
| 52 |
margin: 0; |
|
| 77 | 53 |
|
| 78 |
div.x, |
|
| 79 |
div.x:visited {
|
|
| 80 |
//border-right: 1em solid #FE5F14; |
|
| 81 |
background-color: @menu_link_bg ; |
|
| 82 |
background: no-repeat right url("/image/menu-arrow-to-right-5.png");
|
|
| 83 |
} |
|
| 54 |
&:hover {
|
|
| 55 |
cursor: pointer; |
|
| 56 |
} |
|
| 84 | 57 |
|
| 85 |
div.x:hover { border-right: none; }
|
|
| 86 | 58 |
|
| 87 |
a:hover, |
|
| 88 |
div.x:hover {
|
|
| 89 |
color: @menu_link_hover; |
|
| 90 |
background-color: @menu_link_hover_bg; |
|
| 91 |
} |
|
| 59 |
// -------------- |
|
| 60 |
// Links & Inbound Pseudo Link (DIV) |
|
| 61 |
// |
|
| 62 |
a, |
|
| 63 |
a:visited, |
|
| 64 |
div.x, |
|
| 65 |
div.x:visited {
|
|
| 66 |
display: block; |
|
| 67 |
color: @menu_link; |
|
| 68 |
text-decoration: none; |
|
| 69 |
//padding-right: 0.6em; |
|
| 70 |
} |
|
| 92 | 71 |
|
| 93 |
a:active, |
|
| 94 |
div.x:active { color: @menu_link; }
|
|
| 72 |
} // /li (List-Element general) |
|
| 95 | 73 |
|
| 96 | 74 |
|
| 97 | 75 |
|
| ... | ... | |
| 107 | 85 |
float: left; |
| 108 | 86 |
|
| 109 | 87 |
|
| 110 |
li {
|
|
| 111 |
position: relative; |
|
| 112 |
float: none; |
|
| 113 |
padding: 0; |
|
| 114 |
background-color: @menu_link_bg ; |
|
| 115 |
|
|
| 116 |
&:hover{
|
|
| 117 |
background-color: @menu_link_hover_bg ; |
|
| 118 |
} |
|
| 119 |
} |
|
| 120 |
// /li |
|
| 121 |
|
|
| 122 | 88 |
& > li{
|
| 123 | 89 |
display: block; |
| 124 |
//height: auto; |
|
| 125 | 90 |
height: 17px; |
| 126 | 91 |
padding: 9px 0.9em 6px 0.9em; |
| 127 |
border-radius: 0 0 0 0;
|
|
| 92 |
background-color: @menu_link_bg_level1 ;
|
|
| 128 | 93 |
vertical-align: middle; |
| 129 |
color: @menu_link; |
|
| 130 | 94 |
|
| 131 | 95 |
&:hover {
|
| 132 |
background-color: @menu_link_hover_bg; |
|
| 133 |
color: @menu_link_hover; |
|
| 134 |
} |
|
| 96 |
background-color: @menu_link_bg_level1_hover; |
|
| 135 | 97 |
|
| 136 |
|
|
| 137 |
// -------------- |
|
| 138 |
// List 2nd Level (Vertical) |
|
| 139 |
// |
|
| 140 |
& > ul { }
|
|
| 98 |
// Display Menu 2nd level |
|
| 99 |
> ul {
|
|
| 100 |
display: block; |
|
| 101 |
position: absolute; |
|
| 102 |
} |
|
| 103 |
} |
|
| 141 | 104 |
|
| 142 | 105 |
|
| 143 | 106 |
|
| ... | ... | |
| 146 | 109 |
// |
| 147 | 110 |
|
| 148 | 111 |
ul {
|
| 149 |
position: absolute;
|
|
| 112 |
position: relative;
|
|
| 150 | 113 |
display: none; |
| 151 |
top: 32px; |
|
| 152 | 114 |
padding: 0 2em 2em 2em; |
| 153 | 115 |
margin: 0 -2em -2em -2.9em; |
| 154 | 116 |
|
| 117 |
|
|
| 155 | 118 |
li{
|
| 156 |
border-bottom: 1px #ccc solid ; |
|
| 157 |
background-color: @menu_link_bg ; |
|
| 119 |
border-bottom: 1px #777777 solid ; |
|
| 120 |
padding: 0.45em 0.6em 0.58em 0.8em ; |
|
| 121 |
} |
|
| 122 |
} |
|
| 123 |
|
|
| 124 |
|
|
| 125 |
// -------------- |
|
| 126 |
/* List 2nd Level (Vertical) */ |
|
| 127 |
// |
|
| 128 |
& > ul {
|
|
| 129 |
top: 32px; |
|
| 130 |
|
|
| 131 |
& > li {
|
|
| 132 |
background-color: @menu_link_bg_level2 ; |
|
| 158 | 133 |
|
| 159 |
a, |
|
| 134 |
// |
|
| 135 |
// Items with Sub Items |
|
| 136 |
// |
|
| 160 | 137 |
div.x {
|
| 161 |
padding: 0.45em 0.6em 0.58em 0.8em ; |
|
| 162 |
font-size: 1.0em ; |
|
| 163 |
background-color: @menu_link_bg ; |
|
| 138 |
background: no-repeat right url("/image/menu-arrow-to-right-5.png");
|
|
| 164 | 139 |
} |
| 165 |
} |
|
| 166 | 140 |
|
| 141 |
// |
|
| 142 |
// List-Item Hover |
|
| 143 |
// |
|
| 144 |
&:hover {
|
|
| 145 |
color: @menu_link_hover; |
|
| 146 |
background-color: @menu_link_bg_level2_hover; |
|
| 147 |
|
|
| 148 |
// Display Menu 3rd level |
|
| 149 |
> ul {
|
|
| 150 |
display: block; |
|
| 151 |
position: absolute; |
|
| 152 |
} |
|
| 153 |
} |
|
| 167 | 154 |
|
| 168 |
// -------------- |
|
| 169 |
// List 3rd Level (Vertical) |
|
| 170 |
// |
|
| 171 | 155 |
|
| 172 |
ul {
|
|
| 173 |
top: 0; |
|
| 174 |
left: 99%; |
|
| 175 |
padding: 2em; |
|
| 176 |
margin: -2em; |
|
| 177 |
list-style: none; |
|
| 156 |
// -------------- |
|
| 157 |
// List 3rd Level (Vertical) |
|
| 158 |
// |
|
| 178 | 159 |
|
| 179 |
li {
|
|
| 180 |
border-left: 0.2em solid @menu_link_bg; |
|
| 181 |
a { padding: 0.4em 0.9em 0.5em 0.9em; }
|
|
| 182 |
} |
|
| 183 |
} |
|
| 184 |
|
|
| 185 |
} |
|
| 186 |
// /ul ul |
|
| 187 |
} |
|
| 188 |
// /> li |
|
| 189 |
} // /ul |
|
| 160 |
> ul {
|
|
| 161 |
top: 0; |
|
| 162 |
left: 99%; |
|
| 163 |
padding: 2em; |
|
| 164 |
margin: -2em; |
|
| 165 |
list-style: none; |
|
| 190 | 166 |
|
| 167 |
> li {
|
|
| 168 |
background-color: @menu_link_bg_level3 ; |
|
| 169 |
border-left: 0.2em solid @menu_link_bg; |
|
| 191 | 170 |
|
| 171 |
&:hover { background-color: @menu_link_bg_level3_hover }
|
|
| 172 |
} |
|
| 173 |
} |
|
| 192 | 174 |
|
| 193 |
// -------------- |
|
| 194 |
// HOVERS |
|
| 195 |
// |
|
| 175 |
} |
|
| 196 | 176 |
|
| 197 |
li:hover {
|
|
| 198 |
cursor: pointer; |
|
| 199 |
} |
|
| 200 | 177 |
|
| 201 |
li:hover ul ul, |
|
| 202 |
li li:hover ul ul, |
|
| 203 |
li li li:hover ul ul, |
|
| 204 |
li li li li:hover ul ul {
|
|
| 205 |
display: none; |
|
| 206 |
} |
|
| 207 |
li:hover ul, |
|
| 208 |
li li:hover ul, |
|
| 209 |
li li li:hover ul, |
|
| 210 |
li li li li:hover ul {
|
|
| 211 |
display: block; |
|
| 212 |
position: absolute; |
|
| 213 |
//left: 10px; |
|
| 214 |
} |
|
| 215 | 178 |
|
| 179 |
} // /List 2nd Level (Vertical) |
|
| 216 | 180 |
|
| 181 |
} // /> li |
|
| 182 |
} // /ul |
|
| 217 | 183 |
} |
| 218 | 184 |
// /#menuv3 |
| 219 | 185 |
|
| css/less/mixins.less | ||
|---|---|---|
| 56 | 56 |
color: @t-cell-head-text ; |
| 57 | 57 |
text-align: left ; |
| 58 | 58 |
vertical-align: middle ; |
| 59 |
} |
|
| 60 |
// -------------------------------------- |
|
| 61 |
// Buttons |
|
| 62 |
// -------------------------------------- |
|
| 63 |
|
|
| 64 |
.mx-button{
|
|
| 65 |
background-color: #99CCFF; |
|
| 66 |
border: 1px #53619B solid; |
|
| 67 |
border-radius: 3px; |
|
| 68 |
color: #06C; |
|
| 69 |
padding: 0px 4px; |
|
| 59 | 70 |
} |
| css/less/scaffolding.less | ||
|---|---|---|
| 143 | 143 |
.col-right{
|
| 144 | 144 |
display: block; |
| 145 | 145 |
overflow: hidden; |
| 146 |
p { font-size: 10pt; }
|
|
| 146 | 147 |
} |
| 147 | 148 |
.col, |
| 148 | 149 |
.col-left{
|
| css/less/tables.less | ||
|---|---|---|
| 129 | 129 |
// -------------- |
| 130 | 130 |
// Images within Cells |
| 131 | 131 |
// |
| 132 |
|
|
| 133 | 132 |
img{
|
| 134 | 133 |
//display: inline-block ; |
| 135 | 134 |
display: inline ; |
| ... | ... | |
| 189 | 188 |
// -------------- |
| 190 | 189 |
// TD (Table Data) |
| 191 | 190 |
// |
| 192 |
td {
|
|
| 193 |
|
|
| 194 |
} |
|
| 191 |
td {}
|
|
| 195 | 192 |
|
| 196 | 193 |
|
| 197 | 194 |
// -------------- |
| ... | ... | |
| 202 | 199 |
&.header-caption th{
|
| 203 | 200 |
vertical-align: bottom ; |
| 204 | 201 |
} |
| 205 |
|
|
| 206 | 202 |
} |
| 207 | 203 |
|
| 208 | 204 |
|
| ... | ... | |
| 267 | 263 |
border-top: #000 2px solid ; |
| 268 | 264 |
} |
| 269 | 265 |
} |
| 270 |
|
|
| 271 |
// normaly last row of a table with some links or buttons under a designated row
|
|
| 266 |
|
|
| 267 |
// normaly last row of a table with some links or buttons under a designated row |
|
| 272 | 268 |
&.blank {
|
| 273 |
th,
|
|
| 269 |
th, |
|
| 274 | 270 |
td {
|
| 275 |
border: none !important ;
|
|
| 271 |
border: none !important ; |
|
| 276 | 272 |
} |
| 277 | 273 |
} |
| 278 | 274 |
} // /tr |
| ... | ... | |
| 349 | 345 |
// Table with Zebra Effect |
| 350 | 346 |
// This table has at least a THEAD and a TBODY |
| 351 | 347 |
// Optional a TFOOT for Totals |
| 352 |
|
|
| 353 | 348 |
&.tbl-list {
|
| 354 | 349 |
border-spacing: 1px; |
| 355 | 350 |
border-collapse: collapse ; |
| ... | ... | |
| 403 | 398 |
&.tbl-plain{
|
| 404 | 399 |
caption, |
| 405 | 400 |
th.caption { font-size: 80% !important; }
|
| 406 |
|
|
| 401 |
|
|
| 407 | 402 |
th, |
| 408 | 403 |
td{ padding-right: 0.8em; }
|
| 409 | 404 |
|
| ... | ... | |
| 425 | 420 |
|
| 426 | 421 |
&.tbl-list-plain {
|
| 427 | 422 |
thead th {
|
| 428 |
border-top: 1px #000 solid !important;
|
|
| 429 |
border-bottom: 1px #000 solid;
|
|
| 423 |
border-top: 1px #000 solid !important; |
|
| 424 |
border-bottom: 1px #000 solid; |
|
| 430 | 425 |
font-weight: bold; |
| 431 | 426 |
} |
| 432 | 427 |
tbody {
|
| ... | ... | |
| 448 | 443 |
td{
|
| 449 | 444 |
background: none; |
| 450 | 445 |
padding: 0.5em 0.8em 0.2em 0.2em; |
| 451 |
|
|
| 446 |
|
|
| 452 | 447 |
// Adjust Form Elements in this table type |
| 453 | 448 |
&>input[type="checkbox"], |
| 454 | 449 |
&>input[type="radio"] {
|
| ... | ... | |
| 460 | 455 |
// if there are further form elements within a table cell separated with a Linebreak BR |
| 461 | 456 |
&.addition { margin-top: 0.3em !important; }
|
| 462 | 457 |
} |
| 458 |
|
|
| 459 |
// In some cases labels can be placed within the same cell as the form element |
|
| 460 |
// best is to have it above the element |
|
| 461 |
.label-above{
|
|
| 462 |
display: block; |
|
| 463 |
clear: both ; |
|
| 464 |
overflow: hidden; |
|
| 465 |
height: 1.8em ; // PENDENT: besser loesen, gefaellt mir nicht |
|
| 466 |
} |
|
| 463 | 467 |
|
| 464 | 468 |
} |
| 465 | 469 |
|
| ... | ... | |
| 468 | 472 |
vertical-align: top; |
| 469 | 473 |
padding-top: 0.5em ; |
| 470 | 474 |
} |
| 471 |
|
|
| 472 |
td{ }
|
|
| 475 |
|
|
| 476 |
td{
|
|
| 477 |
// 2nd to x column with plain data (no form elements) |
|
| 478 |
span.plain-data{
|
|
| 479 |
padding: 0.3em 0.3em 0.6em 0.3em ; |
|
| 480 |
} |
|
| 481 |
} |
|
| 473 | 482 |
|
| 474 | 483 |
caption, |
| 475 | 484 |
th.caption{
|
| 476 | 485 |
padding: 0.8em 0 0.2em 0.2em; |
| 477 | 486 |
} |
| 478 |
|
|
| 487 |
|
|
| 479 | 488 |
&.zebra {
|
| 480 | 489 |
tbody{
|
| 481 | 490 |
tr:nth-child(odd){
|
| ... | ... | |
| 484 | 493 |
tr:nth-child(even){
|
| 485 | 494 |
background-color: #ececec ; |
| 486 | 495 |
} |
| 487 |
}
|
|
| 496 |
} |
|
| 488 | 497 |
} |
| 489 |
|
|
| 498 |
|
|
| 499 |
|
|
| 500 |
|
|
| 501 |
|
|
| 502 |
|
|
| 503 |
|
|
| 504 |
|
|
| 490 | 505 |
} // /.tbl-horizontal |
| 491 | 506 |
|
| 492 | 507 |
|
| ... | ... | |
| 516 | 531 |
// -------------------------------------- |
| 517 | 532 |
// TABLE CLASS TEST |
| 518 | 533 |
// -------------------------------------- |
| 519 |
// Use it for controlling your Table HTML
|
|
| 520 |
|
|
| 534 |
// Use this class for reviewing your Table HTML
|
|
| 535 |
|
|
| 521 | 536 |
&.test{
|
| 522 |
background-color: #CCFF99; |
|
| 523 |
|
|
| 537 |
border: 2px #000 solid ; |
|
| 538 |
background-color: #BFD2AD; |
|
| 539 |
|
|
| 524 | 540 |
th{
|
| 525 |
border: 1px solid red !important; |
|
| 541 |
border-width: 1px !important; |
|
| 542 |
background-color: #C20D18; |
|
| 543 |
color: #FFD9C3 ; |
|
| 544 |
font-weight: bold ; |
|
| 526 | 545 |
|
| 527 | 546 |
&.caption {
|
| 528 |
border: 3px solid red !important; |
|
| 547 |
border: 3px solid red !important;
|
|
| 529 | 548 |
} |
| 530 | 549 |
} |
| 531 | 550 |
td{
|
| 532 |
border: 1px solid blue !important; |
|
| 551 |
border: 1px solid blue !#FF9D58; |
|
| 552 |
background-color: #F7CC94; |
|
| 533 | 553 |
|
| 534 | 554 |
&.longdesc, |
| 535 | 555 |
&.longdescription, |
| ... | ... | |
| 538 | 558 |
border: 1px solid green !important; |
| 539 | 559 |
} |
| 540 | 560 |
} |
| 561 |
|
|
| 562 |
table {
|
|
| 563 |
border: 2px #0000FF solid ; |
|
| 564 |
border-collapse: collapse; |
|
| 565 |
|
|
| 566 |
td, th{
|
|
| 567 |
border: 1px #C20D18 dotted !important; |
|
| 568 |
} |
|
| 569 |
} |
|
| 570 |
|
|
| 541 | 571 |
} // /.test |
| 542 | 572 |
|
| 543 | 573 |
|
| ... | ... | |
| 611 | 641 |
|
| 612 | 642 |
|
| 613 | 643 |
// -------------------------------------- |
| 614 |
// TABLES in Content-Blocks
|
|
| 644 |
// LIST-TABLES in Wrappers
|
|
| 615 | 645 |
// -------------------------------------- |
| 616 | 646 |
|
| 617 | 647 |
div.pad-wrapper, |
| ... | ... | |
| 717 | 747 |
width: auto: |
| 718 | 748 |
padding: 0 2.0em 0 0; |
| 719 | 749 |
margin: 0; |
| 720 |
background-color: #6FC;
|
|
| 721 |
|
|
| 750 |
background-color: #6FC; |
|
| 751 |
|
|
| 722 | 752 |
} |
| 723 | 753 |
div.cells{
|
| 724 | 754 |
float: left; |
| 725 | 755 |
display: block; |
| 726 | 756 |
overflow: hidden; |
| 727 | 757 |
width: 100%; |
| 728 |
background-color: #F66;
|
|
| 729 |
|
|
| 758 |
background-color: #F66; |
|
| 759 |
|
|
| 730 | 760 |
div.cell{
|
| 731 | 761 |
float: left; |
| 732 | 762 |
padding: 0 2.0em 0 0; |
| 733 |
border-right: 1px #fff solid;
|
|
| 734 |
background-color: #FC6;
|
|
| 763 |
border-right: 1px #fff solid; |
|
| 764 |
background-color: #FC6; |
|
| 735 | 765 |
} |
| 736 | 766 |
} |
| 737 |
} |
|
| 767 |
} |
|
| 768 |
|
|
| 769 |
|
|
| 770 |
|
|
| 771 |
// -------------------------------------- |
|
| 772 |
// Medienabfragen und Beruecksichtigungen Plattformen |
|
| 773 |
// -------------------------------------- |
|
| 774 |
// Handheld Hochformat width: 320px |
|
| 775 |
@media screen and (max-device-width: 479px) {
|
|
| 776 |
|
|
| 777 |
} |
|
| 778 |
// Handheld Querformat width: 480px |
|
| 779 |
@media screen and (min-device-width: 480px) and (max-device-width: 767px) {
|
|
| 780 |
|
|
| 781 |
} |
|
| 782 |
// Tablet Hochformat |
|
| 783 |
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
|
|
| 784 |
//colgroup col:first-child, |
|
| 785 |
.tbl-horizontal th{
|
|
| 786 |
// -------------- |
|
| 787 |
// Width of Columns (Dimensions) |
|
| 788 |
// |
|
| 789 |
&.wi-smallest { width: @tcol-wi-normal !important ; }
|
|
| 790 |
&.wi-verysmall { width: @tcol-wi-normal !important ; }
|
|
| 791 |
&.wi-small { width: @tcol-wi-normal !important ; }
|
|
| 792 |
&.wi-mediumsmall { width: @tcol-wi-normal !important ; }
|
|
| 793 |
&.wi-normal { width: @tcol-wi-normal !important ; }
|
|
| 794 |
&.wi-lightwide { width: @tcol-wi-normal !important ; }
|
|
| 795 |
&.wi-wide { width: @tcol-wi-normal !important ; }
|
|
| 796 |
&.wi-wider { width: @tcol-wi-normal !important ; }
|
|
| 797 |
&.wi-verywide { width: @tcol-wi-normal !important ; }
|
|
| 798 |
} |
|
| 799 |
} |
|
| 800 |
// < Tablet Querformat |
|
| 801 |
@media screen and (max-device-width: 1024px) {
|
|
| 802 |
.tbl-horizontal th{
|
|
| 803 |
// -------------- |
|
| 804 |
// Width of Columns (Dimensions) |
|
| 805 |
// |
|
| 806 |
&.wi-smallest { width: @tcol-wi-normal !important ; }
|
|
| 807 |
&.wi-verysmall { width: @tcol-wi-normal !important ; }
|
|
| 808 |
&.wi-small { width: @tcol-wi-normal !important ; }
|
|
| 809 |
&.wi-mediumsmall { width: @tcol-wi-normal !important ; }
|
|
| 810 |
&.wi-normal { width: @tcol-wi-normal !important ; }
|
|
| 811 |
&.wi-lightwide { width: @tcol-wi-normal !important ; }
|
|
| 812 |
&.wi-wide { width: @tcol-wi-normal !important ; }
|
|
| 813 |
&.wi-wider { width: @tcol-wi-normal !important ; }
|
|
| 814 |
&.wi-verywide { width: @tcol-wi-normal !important ; }
|
|
| 815 |
} |
|
| 816 |
} |
|
| 817 |
// Normale Bildschirme |
|
| 818 |
@media screen and (min-device-width: 1260px) {
|
|
| 819 |
|
|
| 820 |
} |
|
| 821 |
|
|
| 822 |
|
|
| 823 |
|
|
| 824 |
|
|
| 825 |
|
|
| css/less/variables.less | ||
|---|---|---|
| 414 | 414 |
// Highlighting (Focused, Activated) |
| 415 | 415 |
// |
| 416 | 416 |
|
| 417 |
@formelement-focus-bg: #DDFF82 ;
|
|
| 417 |
@formelement-focus-bg: #E7FFCE ;
|
|
| 418 | 418 |
@formelement-focus-border: 1px solid #9ccb21 ; |
| 419 | 419 |
|
| 420 | 420 |
|
| ... | ... | |
| 472 | 472 |
@zindex-h1: 1020; // h1 innerhalb content |
| 473 | 473 |
|
| 474 | 474 |
@zindex-actionbar: 1030; // action-bar (Workflow) |
| 475 |
@zindex-actionbar-action: 1031;
|
|
| 475 |
@zindex-actionbar-action: 1031; |
|
| 476 | 476 |
@zindex-actionbar-combobox: 1031; |
| 477 | 477 |
@zindex-actionbar-combobox-head: 1033; |
| 478 | 478 |
@zindex-actionbar-combobox-list: 1032; |
| ... | ... | |
| 504 | 504 |
@menu_link_hover_deco: underline ; |
| 505 | 505 |
|
| 506 | 506 |
|
| 507 |
@menu_link_bg_level1: #dcdcdc ; |
|
| 508 |
@menu_link_bg_level1_hover: #cdcdcd ; |
|
| 509 |
@menu_link_bg_level2: #cdcdcd ; |
|
| 510 |
@menu_link_bg_level2_hover: #dcdcdc ; |
|
| 511 |
@menu_link_bg_level3: #dcdcdc ; |
|
| 512 |
@menu_link_bg_level3_hover: #cdcdcd ; |
|
| 513 |
|
|
| 514 |
|
|
| 507 | 515 |
|
| 508 | 516 |
// -------------- |
| 509 | 517 |
// Context-Menu (layout-actionbar) |
| css/style.css | ||
|---|---|---|
| 12 | 12 |
padding: 0 1em 1em 1em; |
| 13 | 13 |
} |
| 14 | 14 |
.mx-thead-th {
|
| 15 |
color: #555555;
|
|
| 15 |
color: #555; |
|
| 16 | 16 |
text-align: left ; |
| 17 | 17 |
vertical-align: middle ; |
| 18 | 18 |
} |
| 19 |
.mx-button {
|
|
| 20 |
background-color: #99CCFF; |
|
| 21 |
border: 1px #53619B solid; |
|
| 22 |
border-radius: 3px; |
|
| 23 |
color: #06C; |
|
| 24 |
padding: 0px 4px; |
|
| 25 |
} |
|
| 19 | 26 |
body {
|
| 20 | 27 |
margin: 0 ; |
| 21 | 28 |
background-color: #efefef; |
| ... | ... | |
| 78 | 85 |
display: block; |
| 79 | 86 |
overflow: hidden; |
| 80 | 87 |
} |
| 88 |
body .cols .col p, |
|
| 89 |
body .cols-no-padding .col p, |
|
| 90 |
body .cols .col-left p, |
|
| 91 |
body .cols-no-padding .col-left p, |
|
| 92 |
body .cols .col-right p, |
|
| 93 |
body .cols-no-padding .col-right p {
|
|
| 94 |
font-size: 10pt; |
|
| 95 |
} |
|
| 81 | 96 |
body .cols .col, |
| 82 | 97 |
body .cols-no-padding .col, |
| 83 | 98 |
body .cols .col-left, |
| ... | ... | |
| 180 | 195 |
font: menu; |
| 181 | 196 |
font-size: 12pt; |
| 182 | 197 |
/*hps: vorher 12px */ |
| 183 |
|
|
| 184 | 198 |
line-height: 16px; |
| 185 | 199 |
overflow: hidden; |
| 186 | 200 |
} |
| 187 | 201 |
.ac_loading {
|
| 188 |
background: #ffffff url('indicator.gif') right center no-repeat;
|
|
| 202 |
background: white url('indicator.gif') right center no-repeat;
|
|
| 189 | 203 |
} |
| 190 | 204 |
.ac_odd {
|
| 191 | 205 |
background-color: #eee; |
| ... | ... | |
| 242 | 256 |
.ms2side__header {
|
| 243 | 257 |
color: #666; |
| 244 | 258 |
/* hps */ |
| 245 |
|
|
| 246 | 259 |
font-size: 10pt; |
| 247 | 260 |
line-height: 1.0em; |
| 248 | 261 |
padding: 0 0 0.3em 0; |
| ... | ... | |
| 288 | 301 |
.ms2side__div select {
|
| 289 | 302 |
width: 12.0em; |
| 290 | 303 |
/*hps:400px*/ |
| 291 |
|
|
| 292 | 304 |
float: left; |
| 293 | 305 |
} |
| 294 | 306 |
/* This is the default Tooltipster theme */ |
| ... | ... | |
| 311 | 323 |
/* Set display: none; if you would like a border around the tooltip but no border around the arrow */ |
| 312 | 324 |
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
|
| 313 | 325 |
/* border-color: ... !important; */ |
| 314 |
|
|
| 315 | 326 |
} |
| 316 | 327 |
/* If you're using the icon option, use this next selector to style them */ |
| 317 | 328 |
.tooltipster-icon {
|
| ... | ... | |
| 2006 | 2017 |
padding: 0; |
| 2007 | 2018 |
white-space: nowrap; |
| 2008 | 2019 |
border: 1px solid #cccccc; |
| 2009 |
background: #f6f6f6 url(../ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
|
|
| 2020 |
background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; |
|
| 2010 | 2021 |
font-size: 10pt; |
| 2011 | 2022 |
font-weight: bold; |
| 2012 | 2023 |
color: #1c94c4; |
| ... | ... | |
| 2131 | 2142 |
span.chart_picker input, |
| 2132 | 2143 |
span.part_picker input {
|
| 2133 | 2144 |
/* padding-right: 20px; */ |
| 2134 |
|
|
| 2135 | 2145 |
box-sizing: border-box; |
| 2136 | 2146 |
-moz-box-sizing: border-box; |
| 2137 | 2147 |
-webkit-box-sizing: border-box; |
| ... | ... | |
| 2275 | 2285 |
background-repeat: no-repeat; |
| 2276 | 2286 |
} |
| 2277 | 2287 |
.interact {
|
| 2278 |
color: #808080;
|
|
| 2288 |
color: gray;
|
|
| 2279 | 2289 |
} |
| 2280 | 2290 |
.interact:hover {
|
| 2281 | 2291 |
color: black; |
| ... | ... | |
| 2346 | 2356 |
.admin h2 {
|
| 2347 | 2357 |
padding: 0.6em 0.2em; |
| 2348 | 2358 |
margin: 0.6em 0 0 0 ; |
| 2349 |
color: #000000;
|
|
| 2359 |
color: #000; |
|
| 2350 | 2360 |
font-size: 15pt; |
| 2351 | 2361 |
font-weight: normal; |
| 2352 | 2362 |
text-align: left; |
| ... | ... | |
| 2367 | 2377 |
padding: 0.2em 0 0.2em 0.4em; |
| 2368 | 2378 |
color: #666 !important ; |
| 2369 | 2379 |
margin: 0; |
| 2370 |
color: #000000; |
|
| 2380 |
color: #000; |
|
| 2381 |
padding-left: 0 ; |
|
| 2371 | 2382 |
} |
| 2372 | 2383 |
a {
|
| 2373 | 2384 |
text-decoration: none; |
| ... | ... | |
| 2400 | 2411 |
background-color: #FF0000; |
| 2401 | 2412 |
border: none; |
| 2402 | 2413 |
} |
| 2414 |
a.button.below {
|
|
| 2415 |
clear: both !important; |
|
| 2416 |
} |
|
| 2417 |
a.button .wi-wider {
|
|
| 2418 |
width: 24em; |
|
| 2419 |
} |
|
| 2403 | 2420 |
div.wi-smallest, |
| 2404 | 2421 |
span.wi-smallest {
|
| 2405 | 2422 |
width: 2.6em; |
| ... | ... | |
| 2492 | 2509 |
width: 36em; |
| 2493 | 2510 |
} |
| 2494 | 2511 |
div.instructions {
|
| 2495 |
background-color: #e6e6e6;
|
|
| 2512 |
background-color: #E6E6E6;
|
|
| 2496 | 2513 |
border: 1px #808080 solid; |
| 2497 | 2514 |
border-radius: 0.3em; |
| 2498 | 2515 |
max-width: 70% ; |
| ... | ... | |
| 2510 | 2527 |
margin: 1em 1em 1em 1em; |
| 2511 | 2528 |
clear: both; |
| 2512 | 2529 |
} |
| 2530 |
.accent div.label {
|
|
| 2531 |
float: left ; |
|
| 2532 |
color: gray ; |
|
| 2533 |
font-size: 80% ; |
|
| 2534 |
padding-top: 0.8em ; |
|
| 2535 |
} |
|
| 2536 |
.accent div.label.wi-mediumsmall {
|
|
| 2537 |
width: 13.6em; |
|
| 2538 |
} |
|
| 2539 |
.accent div.data {
|
|
| 2540 |
float: left ; |
|
| 2541 |
} |
|
| 2542 |
.accent div.data input[type="text"] {
|
|
| 2543 |
width: 20em !important ; |
|
| 2544 |
} |
|
| 2513 | 2545 |
.center {
|
| 2514 | 2546 |
margin: 0 auto; |
| 2515 | 2547 |
width: auto; |
| ... | ... | |
| 2618 | 2650 |
border-radius: 0.22em ; |
| 2619 | 2651 |
} |
| 2620 | 2652 |
.flash_message.flash_message_error {
|
| 2621 |
background-color: #ffd6d6;
|
|
| 2622 |
border: 1px solid #ae0014;
|
|
| 2623 |
color: #ae0014;
|
|
| 2653 |
background-color: #FFD6D6;
|
|
| 2654 |
border: 1px solid #AE0014;
|
|
| 2655 |
color: #AE0014;
|
|
| 2624 | 2656 |
} |
| 2625 | 2657 |
.flash_message.flash_message_error a.icon-close {
|
| 2626 |
border: 1px solid #ae0014;
|
|
| 2627 |
color: #ae0014;
|
|
| 2658 |
border: 1px solid #AE0014;
|
|
| 2659 |
color: #AE0014;
|
|
| 2628 | 2660 |
} |
| 2629 | 2661 |
.flash_message.flash_message_ok {
|
| 2630 |
background-color: #adffb6;
|
|
| 2631 |
border: 1px solid #007f0f;
|
|
| 2632 |
color: #007f0f;
|
|
| 2662 |
background-color: #ADFFB6;
|
|
| 2663 |
border: 1px solid #007F0F;
|
|
| 2664 |
color: #007F0F;
|
|
| 2633 | 2665 |
} |
| 2634 | 2666 |
.flash_message.flash_message_ok a.icon-close {
|
| 2635 |
border: 1px solid #007f0f;
|
|
| 2636 |
color: #007f0f;
|
|
| 2667 |
border: 1px solid #007F0F;
|
|
| 2668 |
color: #007F0F;
|
|
| 2637 | 2669 |
} |
| 2638 | 2670 |
.flash_message.flash_message_warning {
|
| 2639 |
background-color: #ffe8c7;
|
|
| 2640 |
border: 1px solid #ff6600;
|
|
| 2641 |
color: #ff6600;
|
|
| 2671 |
background-color: #FFE8C7;
|
|
| 2672 |
border: 1px solid #FF6600;
|
|
| 2673 |
color: #FF6600;
|
|
| 2642 | 2674 |
} |
| 2643 | 2675 |
.flash_message.flash_message_warning a.icon-close {
|
| 2644 |
border: 1px solid #ff6600;
|
|
| 2645 |
color: #ff6600;
|
|
| 2676 |
border: 1px solid #FF6600;
|
|
| 2677 |
color: #FF6600;
|
|
| 2646 | 2678 |
} |
| 2647 | 2679 |
.flash_message.flash_message_info {
|
| 2648 |
background-color: #dcf2ff;
|
|
| 2649 |
border: 1px solid #4690ff;
|
|
| 2650 |
color: #4690ff;
|
|
| 2680 |
background-color: #DCF2FF;
|
|
| 2681 |
border: 1px solid #4690FF;
|
|
| 2682 |
color: #4690FF;
|
|
| 2651 | 2683 |
} |
| 2652 | 2684 |
.flash_message.flash_message_info a.icon-close {
|
| 2653 |
border: 1px solid #4690ff;
|
|
| 2654 |
color: #4690ff;
|
|
| 2685 |
border: 1px solid #4690FF;
|
|
| 2686 |
color: #4690FF;
|
|
| 2655 | 2687 |
} |
| 2656 | 2688 |
.flash_message .flash_title {
|
| 2657 | 2689 |
font-weight: bold; |
| ... | ... | |
| 2694 | 2726 |
color: #FFFFFF; |
| 2695 | 2727 |
} |
| 2696 | 2728 |
.shipped {
|
| 2697 |
color: #008000;
|
|
| 2729 |
color: green;
|
|
| 2698 | 2730 |
} |
| 2699 | 2731 |
.not_shipped {
|
| 2700 |
color: #ff0000;
|
|
| 2732 |
color: red;
|
|
| 2701 | 2733 |
} |
| 2702 | 2734 |
hr {
|
| 2703 | 2735 |
background-color: #006400; |
| ... | ... | |
| 2754 | 2786 |
font-size: 10pt ; |
| 2755 | 2787 |
} |
| 2756 | 2788 |
#menuv3 {
|
| 2757 |
background-color: #ebebeb; |
|
| 2758 |
color: #000000; |
|
| 2759 |
font-weight: normal !important ; |
|
| 2789 |
background-color: #dcdcdc; |
|
| 2760 | 2790 |
} |
| 2761 |
#menuv3 a, |
|
| 2762 |
#menuv3 li, |
|
| 2763 |
#menuv3 div.x {
|
|
| 2791 |
#menuv3 li {
|
|
| 2792 |
display: block; |
|
| 2793 |
position: relative; |
|
| 2794 |
float: none; |
|
| 2795 |
font-weight: normal !important ; |
|
| 2764 | 2796 |
font-size: 10pt; |
| 2765 | 2797 |
line-height: 96%; |
| 2766 |
display: block; |
|
| 2767 |
border: 0; |
|
| 2768 | 2798 |
white-space: nowrap; |
| 2799 |
border: 0; |
|
| 2800 |
padding: 0; |
|
| 2769 | 2801 |
margin: 0; |
| 2770 |
font-weight: normal !important ; |
|
| 2771 | 2802 |
} |
| 2772 |
#menuv3 a {
|
|
| 2773 |
background: #ebebeb; |
|
| 2774 |
display: block; |
|
| 2803 |
#menuv3 li:hover {
|
|
| 2804 |
cursor: pointer; |
|
| 2775 | 2805 |
} |
| 2776 |
#menuv3 a, |
|
| 2777 |
#menuv3 a:visited, |
|
| 2778 |
#menuv3 div.x, |
|
| 2779 |
#menuv3 div.x:visited {
|
|
| 2780 |
color: #000000; |
|
| 2806 |
#menuv3 li a, |
|
| 2807 |
#menuv3 li a:visited, |
|
| 2808 |
#menuv3 li div.x, |
|
| 2809 |
#menuv3 li div.x:visited {
|
|
| 2810 |
display: block; |
|
| 2811 |
color: #000; |
|
| 2781 | 2812 |
text-decoration: none; |
| 2782 |
padding-right: 0.6em; |
|
| 2783 |
} |
|
| 2784 |
#menuv3 div.x, |
|
| 2785 |
#menuv3 div.x:visited {
|
|
| 2786 |
background-color: #ebebeb; |
|
| 2787 |
background: no-repeat right url("/image/menu-arrow-to-right-5.png");
|
|
| 2788 |
} |
|
| 2789 |
#menuv3 div.x:hover {
|
|
| 2790 |
border-right: none; |
|
| 2791 |
} |
|
| 2792 |
#menuv3 a:hover, |
|
| 2793 |
#menuv3 div.x:hover {
|
|
| 2794 |
color: #000000; |
|
| 2795 |
background-color: #ebebeb; |
|
| 2796 |
} |
|
| 2797 |
#menuv3 a:active, |
|
| 2798 |
#menuv3 div.x:active {
|
|
| 2799 |
color: #000000; |
|
| 2800 | 2813 |
} |
| 2801 | 2814 |
#menuv3 > ul {
|
| 2802 | 2815 |
list-style: none; |
| ... | ... | |
| 2804 | 2817 |
padding: 0; |
| 2805 | 2818 |
float: left; |
| 2806 | 2819 |
} |
| 2807 |
#menuv3 > ul li {
|
|
| 2808 |
position: relative; |
|
| 2809 |
float: none; |
|
| 2810 |
padding: 0; |
|
| 2811 |
background-color: #ebebeb; |
|
| 2812 |
} |
|
| 2813 |
#menuv3 > ul li:hover {
|
|
| 2814 |
background-color: #ebebeb; |
|
| 2815 |
} |
|
| 2816 | 2820 |
#menuv3 > ul > li {
|
| 2817 | 2821 |
display: block; |
| 2818 | 2822 |
height: 17px; |
| 2819 | 2823 |
padding: 9px 0.9em 6px 0.9em; |
| 2820 |
border-radius: 0 0 0 0;
|
|
| 2824 |
background-color: #dcdcdc;
|
|
| 2821 | 2825 |
vertical-align: middle; |
| 2822 |
color: #000000;
|
|
| 2826 |
/* List 2nd Level (Vertical) */
|
|
| 2823 | 2827 |
} |
| 2824 | 2828 |
#menuv3 > ul > li:hover {
|
| 2825 |
background-color: #ebebeb; |
|
| 2826 |
color: #000000; |
|
| 2829 |
background-color: #cdcdcd; |
|
| 2827 | 2830 |
} |
| 2828 |
#menuv3 > ul > li ul {
|
|
| 2831 |
#menuv3 > ul > li:hover > ul {
|
|
| 2832 |
display: block; |
|
| 2829 | 2833 |
position: absolute; |
| 2834 |
} |
|
| 2835 |
#menuv3 > ul > li ul {
|
|
| 2836 |
position: relative; |
|
| 2830 | 2837 |
display: none; |
| 2831 |
top: 32px; |
|
| 2832 | 2838 |
padding: 0 2em 2em 2em; |
| 2833 | 2839 |
margin: 0 -2em -2em -2.9em; |
| 2834 | 2840 |
} |
| 2835 | 2841 |
#menuv3 > ul > li ul li {
|
| 2836 |
border-bottom: 1px #ccc solid ; |
|
| 2837 |
background-color: #ebebeb; |
|
| 2838 |
} |
|
| 2839 |
#menuv3 > ul > li ul li a, |
|
| 2840 |
#menuv3 > ul > li ul li div.x {
|
|
| 2842 |
border-bottom: 1px #777777 solid ; |
|
| 2841 | 2843 |
padding: 0.45em 0.6em 0.58em 0.8em ; |
| 2842 |
font-size: 1.0em ; |
|
| 2843 |
background-color: #ebebeb; |
|
| 2844 | 2844 |
} |
| 2845 |
#menuv3 > ul > li ul ul {
|
|
| 2845 |
#menuv3 > ul > li > ul {
|
|
| 2846 |
top: 32px; |
|
| 2847 |
} |
|
| 2848 |
#menuv3 > ul > li > ul > li {
|
|
| 2849 |
background-color: #cdcdcd; |
|
| 2850 |
} |
|
| 2851 |
#menuv3 > ul > li > ul > li div.x {
|
|
| 2852 |
background: no-repeat right url("/image/menu-arrow-to-right-5.png");
|
|
| 2853 |
} |
|
| 2854 |
#menuv3 > ul > li > ul > li:hover {
|
|
| 2855 |
color: #000; |
|
| 2856 |
background-color: #dcdcdc; |
|
| 2857 |
} |
|
| 2858 |
#menuv3 > ul > li > ul > li:hover > ul {
|
|
| 2859 |
display: block; |
|
| 2860 |
position: absolute; |
|
| 2861 |
} |
|
| 2862 |
#menuv3 > ul > li > ul > li > ul {
|
|
| 2846 | 2863 |
top: 0; |
| 2847 | 2864 |
left: 99%; |
| 2848 | 2865 |
padding: 2em; |
| 2849 | 2866 |
margin: -2em; |
| 2850 | 2867 |
list-style: none; |
| 2851 | 2868 |
} |
| 2852 |
#menuv3 > ul > li ul ul li {
|
|
| 2853 |
border-left: 0.2em solid #ebebeb; |
|
| 2854 |
} |
|
| 2855 |
#menuv3 > ul > li ul ul li a {
|
|
| 2856 |
padding: 0.4em 0.9em 0.5em 0.9em; |
|
| 2857 |
} |
|
| 2858 |
#menuv3 li:hover {
|
|
| 2859 |
cursor: pointer; |
|
| 2860 |
} |
|
| 2861 |
#menuv3 li:hover ul ul, |
|
| 2862 |
#menuv3 li li:hover ul ul, |
|
| 2863 |
#menuv3 li li li:hover ul ul, |
|
| 2864 |
#menuv3 li li li li:hover ul ul {
|
|
| 2865 |
display: none; |
|
| 2869 |
#menuv3 > ul > li > ul > li > ul > li {
|
|
| 2870 |
background-color: #dcdcdc; |
|
| 2871 |
border-left: 0.2em solid #EBEBEB; |
|
| 2866 | 2872 |
} |
| 2867 |
#menuv3 li:hover ul, |
|
| 2868 |
#menuv3 li li:hover ul, |
|
| 2869 |
#menuv3 li li li:hover ul, |
|
| 2870 |
#menuv3 li li li li:hover ul {
|
|
| 2871 |
display: block; |
|
| 2872 |
position: absolute; |
|
| 2873 |
#menuv3 > ul > li > ul > li > ul > li:hover {
|
|
| 2874 |
background-color: #cdcdcd; |
|
| 2873 | 2875 |
} |
| 2874 | 2876 |
div.layout-split-right {
|
| 2875 | 2877 |
margin-left: 190px; |
| ... | ... | |
| 2989 | 2991 |
} |
| 2990 | 2992 |
.layout-actionbar > div.layout-actionbar-action {
|
| 2991 | 2993 |
border-radius: 0.3em ; |
| 2992 |
border: 1px #30b21e solid;
|
|
| 2993 |
background-color: #bcec6d;
|
|
| 2994 |
border: 1px #30B21E solid;
|
|
| 2995 |
background-color: #BCEC6D;
|
|
| 2994 | 2996 |
float: left; |
| 2995 |
color: #1a920f;
|
|
| 2997 |
color: #1A920F;
|
|
| 2996 | 2998 |
z-index: 1031; |
| 2997 | 2999 |
} |
| 2998 | 3000 |
.layout-actionbar div.layout-actionbar-link, |
| ... | ... | |
| 3043 | 3045 |
height: 25px; |
| 3044 | 3046 |
border-top-left-radius: 0.3em ; |
| 3045 | 3047 |
border-bottom-left-radius: 0.3em ; |
| 3046 |
border: 1px #30b21e solid;
|
|
| 3047 |
background-color: #bcec6d;
|
|
| 3048 |
color: #1a920f;
|
|
| 3048 |
border: 1px #30B21E solid;
|
|
| 3049 |
background-color: #BCEC6D;
|
|
| 3050 |
color: #1A920F;
|
|
| 3049 | 3051 |
position: relative; |
| 3050 | 3052 |
} |
| 3051 | 3053 |
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > span {
|
| ... | ... | |
| 3055 | 3057 |
right: 0; |
| 3056 | 3058 |
width: 14px; |
| 3057 | 3059 |
height: 15px; |
| 3058 |
border: 1px #30b21e solid;
|
|
| 3060 |
border: 1px #30B21E solid;
|
|
| 3059 | 3061 |
border-left: none; |
| 3060 | 3062 |
border-top-right-radius: 0.3em ; |
| 3061 | 3063 |
border-bottom-right-radius: 0.3em ; |
| 3062 | 3064 |
padding: 4px; |
| 3063 |
background-color: #bcec6d;
|
|
| 3065 |
background-color: #BCEC6D;
|
|
| 3064 | 3066 |
} |
| 3065 | 3067 |
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > span:after {
|
| 3066 | 3068 |
content: ""; |
| ... | ... | |
| 3083 | 3085 |
min-width: 120px; |
| 3084 | 3086 |
float: right; |
| 3085 | 3087 |
overflow: hidden; |
| 3086 |
border: 1px solid #30b21e;
|
|
| 3088 |
border: 1px solid #30B21E;
|
|
| 3087 | 3089 |
border-top-left-radius: 0.3em; |
| 3088 | 3090 |
border-bottom-left-radius: 0.3em; |
| 3089 | 3091 |
border-bottom-right-radius: 0.3em; |
| ... | ... | |
| 3091 | 3093 |
min-width: 10.0em; |
| 3092 | 3094 |
top: 1px; |
| 3093 | 3095 |
padding-bottom: 0.6em; |
| 3094 |
background-color: #bcec6d !important;
|
|
| 3096 |
background-color: #BCEC6D !important;
|
|
| 3095 | 3097 |
} |
| 3096 | 3098 |
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action {
|
| 3097 | 3099 |
white-space: nowrap; |
| ... | ... | |
| 3101 | 3103 |
text-align: left; |
| 3102 | 3104 |
padding: 0.6em 0.6em 0.6em 1.0em; |
| 3103 | 3105 |
border-bottom: none !important; |
| 3104 |
background-color: #bcec6d !important;
|
|
| 3105 |
color: #1a920f;
|
|
| 3106 |
background-color: #BCEC6D !important;
|
|
| 3107 |
color: #1A920F;
|
|
| 3106 | 3108 |
} |
| 3107 | 3109 |
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action:hover {
|
| 3108 | 3110 |
color: white; |
| ... | ... | |
| 3112 | 3114 |
border-bottom: none !important ; |
| 3113 | 3115 |
} |
| 3114 | 3116 |
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head div {
|
| 3115 |
background-color: #bcec6d !important;
|
|
| 3117 |
background-color: #BCEC6D !important;
|
|
| 3116 | 3118 |
border-bottom-left-radius: 0 !important; |
| 3117 | 3119 |
border-bottom: none; |
| 3118 | 3120 |
height: 30px ; |
| 3119 | 3121 |
} |
| 3120 | 3122 |
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span {
|
| 3121 |
background-color: #bcec6d !important;
|
|
| 3123 |
background-color: #BCEC6D !important;
|
|
| 3122 | 3124 |
border-bottom-right-radius: 0 !important; |
| 3123 | 3125 |
border-bottom: none; |
| 3124 | 3126 |
height: 24px ; |
| ... | ... | |
| 3141 | 3143 |
background: none; |
| 3142 | 3144 |
} |
| 3143 | 3145 |
body > div.admin {
|
| 3144 |
padding-top: 24px;
|
|
| 3146 |
margin: 60px 0 0 0 ;
|
|
| 3145 | 3147 |
} |
| 3146 | 3148 |
body > div.admin h1 {
|
| 3147 | 3149 |
background-color: #fe5f14; |
| 3148 | 3150 |
color: #ffffff; |
| 3151 |
padding: 0.1em 0.5em 37px 0.5em ; |
|
| 3152 |
top: 0 ; |
|
| 3153 |
position: fixed; |
|
| 3154 |
width: 100% ; |
|
| 3155 |
display: block; |
|
| 3149 | 3156 |
} |
| 3150 |
/* Admin-Bereich */
|
|
| 3151 |
.admin #menuv3 {
|
|
| 3152 |
top: 0px ;
|
|
| 3157 |
body > div.admin .tabwidget {
|
|
| 3158 |
top: 0 ;
|
|
| 3159 |
padding: 1.0em 0 0 0 !important;
|
|
| 3153 | 3160 |
} |
| 3154 |
/* Admin-Bereich */ |
|
| 3155 |
.admin > div.admin {
|
|
| 3156 |
top: 74px ; |
|
| 3157 |
position: absolute; |
|
| 3158 |
width: 100%; |
|
| 3159 |
background-color: #ececec ; |
|
| 3161 |
body > div.admin .tabwidget .ui-tabs-panel {
|
|
Auch abrufbar als: Unified diff
Anpassungen für die Präsentation am kivitendo Treffen April 2018