css/kivitendo/main.css

   1 /* Stylesheet for kivitendo * Name:kivitendo.css*/
   2 /* Colortable
   3
   4 Background:     #EBEBEB burlywood
   5 Links:                  #006400 DarkGreen
   6 Link-hover              #FE5F14 Orange / #FFFFE0 lightyellow
   7 Titles, BG/VG:  #79B61B Mid-green FFFFFF White
   8 Tabcolor: #CAFFA3
   9 */
  10
  11
  12 body {
  13         font-family: Verdana, Arial, Helvetica;
  14         background-color: #FFFFFF;
  15         color: #000000;
  16     font-size: 9pt;
  17 }
  18
  19
  20 /* The look of links */
  21 a {
  22         padding: 0 0.2em;
  23         text-decoration: none;
  24         /* border-bottom: thin solid; */
  25         /* font-weight: bold; */
  26 }
  27 A:link, A:visited, A:active {
  28         color: #000000;
  29         border-bottom: thin solid #FE5F14;
  30 }
  31 a:hover {
  32         color: #FE5F14;
  33         background-color: #D1D1D1;
  34 }
  35 a.selected:hover {
  36         color:#EBEBEB;
  37 }
  38 a.nomobile {
  39         background-color:transparent;
  40         border:none;
  41 }
  42
  43 table {
  44     font-size: 90% !important;
  45         table-layout: auto;
  46         border-spacing: 0.3em;
  47 }
  48
  49 /* table a {
  50         color:#FE5F14 !important;
  51         border-bottom:none;
  52 } */
  53
  54 ul {
  55 }
  56
  57 hr {
  58         background-color: #006400;
  59         border: none;
  60         color: #79B61B;
  61         height: 2px;
  62 }
  63
  64 /* I.E. & Chrome können das nicht! */
  65 /* input[type="radio"], input[type="checkbox"]{
  66         width:1.15em;
  67         height:1.15em;
  68         border:1px solid;
  69         color: #006400;
  70 } */
  71 input:focus, textarea:focus, select:focus {
  72         background-color: #FFFFA0;
  73         border: 2px solid #FE5F14;
  74         /* border-bottom: medium solid #FE5F14; */
  75 }
  76 /* Fängt den "Schrink" beim focus - problem für i.e. und chrome */
  77 /* input[type="radio"]:focus, input[type="checkbox"]:focus{
  78         width:1.2em;
  79         height:1.2em;
  80 } */
  81 td {
  82         color: #000000;
  83         font-weight: normal;
  84 }
  85 /* td.hover:hover {
  86         color: #006400;
  87         background-color: #FFFFE0;
  88 } */
  89 th {
  90         color: #000000;
  91         font-weight: bold;
  92 }
  93 /* login and admin */
  94 a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover {
  95         text-decoration: none !important;
  96         background-color:transparent !important;
  97         border:none;
  98 }
  99 a.no-underlined-links:hover {
 100         background: none;
 101 }
 102 body.login {
 103         background-color: #FFFFE0;
 104         color: #000000;
 105 }
 106 .login h1 {
 107   text-align: center;
 108   font-size: 20px;
 109 }
 110 table.login {
 111         background-color: #FFFFE0;
 112         padding: 20px;
 113   width: 500px;
 114 }
 115 td.login {
 116         text-align: center;
 117 }
 118 th.login {
 119         text-align: right;
 120 }
 121 .admin h1 {
 122         background-color: #fe5f14;
 123   text-color: #ffffff;
 124 }
 125 body.menu {
 126         color: #000000;
 127 }
 128 /* Warnings */
 129 .message_error_login {
 130         color: #000000;
 131         border: 1px solid #8b0000;
 132         background-color: #ffcccc;
 133         padding: 3px;
 134 }
 135 .message_ok {
 136         padding: 5px;
 137         background-color: #ADFFB6;
 138         color: black;
 139         font-weight: bolder;
 140         text-align: center;
 141         border-style: solid;
 142         border-width: thin;
 143 }
 144 .message_error {
 145         padding: 5px;
 146         background-color: #CC0000;
 147         color: white;
 148         font-weight: bolder;
 149         text-align: center;
 150         border-style: solid;
 151         border-width: thin;
 152 }
 153 .message_hint {
 154         padding: 0.5em;
 155         background-color: #FFEE66;
 156         color: black;
 157         font-weight: bolder;
 158         text-align: center;
 159         border-style: solid;
 160         border-width: thin;
 161 }
 162 .message_error_label {
 163         padding: 0.5em;
 164         background-color: #E00000;
 165   color: white;
 166         font-weight: normal;
 167         text-align: left;
 168         border-style: solid;
 169         border-width: thin;
 170 }
 171 /*    Headings */
 172 .listtop, h1 {
 173     font-size:125%;
 174         background-color: #006400;
 175         text-align: left;
 176         padding: 0.5em;
 177         color: #FFFFFF;
 178         font-weight: bolder;
 179         border-style: none;
 180         border-width: thin;
 181         -moz-border-radius:0.4em; /* Firefox */
 182         -webkit-border-radius:0.4em; /* Safari, Chrome */
 183         -khtml-border-radius:0.4em; /* Konqueror */
 184         border-radius:0.4em; /* CSS3 */
 185         behavior:url(border-radius.htc);
 186 }
 187
 188 /* .listelement {
 189         background-color: #f8ffb3;
 190         color: #000000;
 191 }
 192 .listelement2 {
 193         background-color: #8ee085;
 194         color: #000000;
 195 } */
 196 .listheading, #content h2 {
 197         padding: 0.2em;
 198         background-color: #EBEBEB;
 199         color: #006400;
 200         font-weight: bolder;
 201         text-align: left;
 202         border-style: none;
 203 }
 204
 205 /* .listheadingcontent {
 206         background-color: #EBEBEB;
 207         color: #006400;
 208         font-weight: bolder;
 209         text-align: left;
 210 } */
 211
 212 .accountlistheading {
 213         padding: 0.3em;
 214         color: #006400;
 215         font-weight: bold;
 216         text-align: left;
 217         background-color: #EBEBEB;
 218 }
 219 .subsubheading {
 220         color: #000000;
 221         font-weight: bolder;
 222         text-decoration: underline;
 223 }
 224 .optionen {
 225         border: dashed;
 226         border-width: 1px;
 227         background: #FFFFE0;
 228 }
 229 .listrow1, .listrow:nth-child(even) {
 230         background-color: #FFFFFF;
 231         color: black;
 232         vertical-align: top;
 233 }
 234 .listrow0, .listrow:nth-child(odd) {
 235         background-color: #FFFF99;
 236         color: black;
 237         vertical-align: top;
 238 }
 239 .listrowempty {
 240         background-color: #FFFFFF;
 241         color: black;
 242         vertical-align: top;
 243 }
 244 .listsubtotal {
 245         background-color: rgb(236,233,216);
 246         color: black;
 247         font-weight: bolder;
 248 }
 249 .listtotal, .listtotal td {
 250         background-color: rgb(236,233,216);
 251         color: black;
 252         font-weight: bolder;
 253 }
 254 /* Verkaufsbericht */
 255 .listmainsortheader {
 256         background-color: rgb(236,233,216);
 257         color: red;
 258         font-weight: bolder;
 259         padding-left: 10px;
 260         padding-top: 0px;
 261 }
 262 .listmainsortsubtotal {
 263         background-color: rgb(236,233,216);
 264         color: red;
 265         font-weight: bolder;
 266         padding-left: 10px;
 267 }
 268 .listsubsortheader {
 269         background-color: rgb(236,233,216);
 270         color: green;
 271         font-weight: bolder;
 272         padding-left: 20px
 273 }
 274 .listsubsortsubtotal {
 275         background-color: rgb(236,233,216);
 276         color: green;
 277         font-weight: bolder;
 278         padding-left: 20px
 279 }
 280 .listsortdescription {
 281         background-color: rgb(236,233,216);
 282         color: black;
 283         font-weight: normal;
 284         padding-left: 30px
 285 }
 286 .submit {
 287         font-family: Verdana, Arial, Helvetica;
 288         color: #000000;
 289 }
 290 .checkbox, .radio {
 291         font-family: Verdana, Arial, Helvetica;
 292         color: #778899;
 293 }
 294 .plus0 {
 295 /* font color for negative numbers */
 296         color: red;
 297 }
 298 .plus1 {
 299         color: green;
 300 }
 301 h2.confirm {
 302         color: blue;
 303 }
 304 h2.error {
 305         color: red;
 306 }
 307 fieldset {
 308         margin-top: 15px;
 309         color: black;
 310         font-weight: bolder;
 311 }
 312 /* media stuff */
 313 @media screen {
 314 .noscreen {
 315 /* items with this class won't display */
 316         display: none;
 317 }
 318 }
 319 @media print {
 320 .noprint {
 321 /* items with this class won't print */
 322         display: none;
 323 }
 324 }
 325 .filecontent {
 326         border: 1px solid blue;
 327         padding-left: 2px;
 328         padding-right: 2px;
 329 }
 330 label {
 331         cursor: pointer;
 332         vertical-align: top;
 333 }
 334 .unbalanced_ledger {
 335         background-color: #ffa0a0;
 336 }
 337 .clearfix:after {
 338         clear: both;
 339         content: ".";
 340         display: block;
 341         height: 0;
 342         visibility: hidden;
 343 }
 344 .flash_message_error {
 345         background-color: #FFD6D6;
 346         border: 1px solid #AE0014;
 347         margin-top: 5px;
 348         margin-bottom: 5px;
 349         padding: 5px;
 350 }
 351 .flash_message_warning {
 352         background-color: #FFE8C7;
 353         border: 1px solid #FF6600;
 354         margin-top: 5px;
 355         margin-bottom: 5px;
 356         padding: 5px;
 357 }
 358 .flash_message_info {
 359         background-color: #DCF2FF;
 360         border: 1px solid #4690FF;
 361         margin-top: 5px;
 362         margin-bottom: 5px;
 363         padding: 5px;
 364 }
 365
 366 .flash_title {
 367   font-weight: bold;
 368 }
 369
 370 .dimmed-text {
 371   color: #ccc;
 372   font-style: italic;
 373 }
 374
 375 .link_separator {
 376   margin-left: 6px;
 377   margin-right: 6px;
 378 }
 379
 380 .small-text {
 381   font-size: 0.75em;
 382 }
 383
 384 .float-left {
 385   float: left;
 386 }
 387 .float-right {
 388   float: right;
 389 }
 390
 391 .block-context {
 392   overflow: hidden;
 393 }
 394
 395 .position-relative {
 396   position: relative;
 397 }
 398
 399 .position-absolute {
 400   position: absolute;
 401 }
 402
 403 .part_picker {
 404   padding-right: 16px;
 405 }
 406
 407 .partpicker-undefined {
 408   color: red;
 409   font-style: italic;
 410 }
 411
 412 div.part_picker_part {
 413   padding: 5px;
 414   margin: 5px;
 415   border: 1px;
 416   border-color: darkgray;
 417   border-style: solid;
 418   -webkit-border-radius: 4px;
 419   -moz-border-radius: 4px;
 420   border-radius: 4px;
 421   background-color: white;
 422   cursor: pointer;
 423 }
 424 div.part_picker_part:hover {
 425   background-color: #CCCCCC;
 426   color: #FE5F14;
 427   border-color: gray;
 428 }
 429 div.ppp_block {
 430   overflow:hidden;
 431   float:left;
 432   width: 350px;
 433 }
 434 div.ppp_block span.ppp_block_number {
 435   float:left;
 436 }
 437 div.ppp_block span.ppp_block_description {
 438   float:right;
 439   font-weight:bold;
 440 }
 441 div.ppp_line span.ppp_block_description {
 442   margin-left:1em;
 443   font-weight:bold;
 444 }
 445 div.ppp_line span.ppp_block_sellprice {
 446   display:none;
 447 }
 448 span.toggle_selected {
 449   font-weight: bold;
 450 }
 451
 452 /* CTI */
 453 a.cti_call_action {
 454   display: inline-block;
 455   padding-left: 18px;
 456   height: 16px;
 457   position: relative;
 458   top: 2px;
 459   vertical-align: center;
 460   background-image: url(../../image/icons/16x16/phone.png);
 461   background-repeat: no-repeat;
 462 }
 463
 464 /* the cvars table in the 2. row */
 465 .row2-cvars-table tr {vertical-align: top;}
 466 .row2-cvars-table th {text-align: right; padding-left: 15px; padding-right: 0;}
 467 .row2-cvars-table td, .row2-cvars-table th {padding-top: 10px;}