css/kivitendo/main.css

   1 /* Stylesheet for Lx-Office
   2
   3
   4 /* The look of links */
   5 A:link { color: #597d12; text-decoration: none; }
   6 A:visited { color: #597d12; text-decoration: none; }
   7 A:active { color: black; text-decoration: none; }
   8 A:hover { color: black;
   9            background-color: #bec6a2;
  10            text-decoration: none;
  11          }
  12 a, div {
  13   transition: background-color 0.2s;
  14   -moz-transition: background-color 0.2s;
  15   -webkit-transition: background-color 0.2s;
  16 }
  17
  18 input, textarea, select {
  19   border: 1px;
  20   border-color: darkgray lightgray lightgray;
  21   border-style: solid;
  22   padding: 1px;
  23   background-color: white;
  24 }
  25 img:hover {
  26   display:block !important;
  27 }
  28
  29 select {
  30   padding: 0px;
  31 }
  32
  33 input:focus, textarea:focus, select:focus {
  34   background-color: whitesmoke;
  35   border: 1px;
  36   border-color: gray lightgray lightgray;
  37   border-style: solid;
  38 }
  39
  40 input:hover, textarea:hover, select:hover {
  41   border-color: dimgray darkgray darkgray;
  42 }
  43
  44 input[type="button"],
  45 input[type="submit"],
  46 button,
  47 input[type="button"]:focus,
  48 input[type="submit"]:focus,
  49 button:focus {
  50   border: 1px;
  51   border-color: darkgray;
  52   border-style: solid;
  53   padding: 0px 4px;
  54   -webkit-border-radius: 2px;
  55   -moz-border-radius: 2px;
  56   border-radius: 2px;
  57   background-color: whitesmoke;
  58 }
  59
  60 button:hover,
  61 input[type="button"]:hover,
  62 input[type="submit"]:hover {
  63   border: 1px;
  64   background-color: lightgray;
  65   border-color: gray;
  66   border-style: solid;
  67   -webkit-border-radius: 2px;
  68   -moz-border-radius: 2px;
  69   border-radius: 2px;
  70 }
  71
  72 html {
  73   height: 100%;
  74 }
  75
  76 body {
  77   font-family: Verdana, Arial, Helvetica, sans-serif;
  78   font-size: 10pt;
  79   background-color: white;
  80   background-image: url("../../image/fade.png"); background-repeat:repeat-x;
  81   color: black;
  82   height: 100%;
  83 }
  84
  85 td {
  86   font-family: Verdana, Arial, Helvetica, sans-serif;
  87   color: black;
  88   font-size: 8pt;
  89   font-weight: normal;
  90 }
  91 td.hover:hover {
  92     color: black;
  93 /*          background-color: #FFFFCC;
  94           font-size: 8pt;
  95           text-decoration: none;
  96           border:none;
  97           borderWidth:0px;
  98           borderColor:2557AD;
  99 */
 100 }
 101
 102
 103 th {
 104   font-family: Verdana, Arial, Helvetica, sans-serif;
 105   color: black;
 106   font-size: 8pt;
 107   font-weight: normal;
 108 }
 109
 110 /* login and admin */
 111 .login {
 112   font-family: Verdana, Arial, Helvetica, sans-serif;
 113 }
 114 div.login {
 115   min-height: 100%;
 116   height: auto !important;
 117   height: 100%;
 118   background: #bec6a2;
 119   color: #A0A0A0;
 120 }
 121 h1.login {
 122   font-size: 18pt;
 123 }
 124 h3.login {
 125   color:#fe5f14;
 126 }
 127 table.login {
 128   background-color: #efedde;
 129   padding: 20px;
 130 }
 131 td.login {
 132   text-align: center;
 133 }
 134 th.login {
 135   text-align: right;
 136 }
 137
 138 div.admin {
 139   color: black;
 140   margin: 8px;
 141 }
 142
 143 .message_error_login {
 144     color: #fe5f14;
 145     border: 1px solid #fe5f14;
 146     background-color: #ffffff;
 147     padding: 3px;
 148 }
 149 .message_ok {
 150     font-size: 12pt;
 151     padding:5px;
 152     background-color: #ADFFB6;
 153     color: black;
 154     font-weight: bolder;
 155     text-align:center;
 156     border-style:solid;
 157     border-width:thin;
 158 }
 159 .message_error {
 160     font-size: 12pt;
 161     padding:5px;
 162     background-color: #FFAAAA;
 163     color: black;
 164     font-weight: bolder;
 165     text-align:center;
 166     border-style:solid;
 167     border-width:thin;
 168 }
 169 .message_hint {
 170     font-size: 12pt;
 171     padding:5px;
 172     background-color: #FFFE66;
 173     color: black;
 174     font-weight: bolder;
 175     text-align:center;
 176     border-style:solid;
 177     border-width:thin;
 178 }
 179 .message_error_label {
 180     font-size: 0.8em;
 181     padding:5px;
 182     background-color: #FEE;
 183     font-weight:normal;
 184     text-align:left;
 185     border-style:solid;
 186     border-width:thin;
 187 }
 188
 189 /*
 190     Überschriftsbalken
 191 */
 192 .listtop, h1 {
 193     background-color: rgb(236,233,216);
 194     text-align:center;
 195     padding:5px;
 196     font-size: 10pt;
 197     color: black;
 198     font-weight: bolder;
 199     border-style:dashed;
 200     border-width:thin;
 201 }
 202
 203
 204 .listelement {
 205     background-image: url("../../image/fade2.png");
 206     background-repeat:repeat-x;
 207     border-style:dashed;
 208     border-width:thin;
 209 }
 210
 211 .listelement2 {
 212     background-image: url("../../image/fade2.png");
 213     background-repeat:repeat-x;
 214     border-style:dashed;
 215     border-width:thin;
 216 }
 217
 218 .listheading, .listheading th {
 219     font-size: 9pt;
 220     padding:3px;
 221     background-color:
 222     rgb(236,233,216);
 223     color: black;
 224     font-weight: bolder;
 225     text-align:left;
 226     background-image: url("../../image/fade.png");
 227     border-style:dotted;
 228     border-width:thin;
 229 }
 230
 231 .listheadingcontent {
 232     font-size: 9pt;
 233     background-color:
 234     rgb(236,233,216);
 235     color: black;
 236     font-weight: bolder;
 237     text-align:left;
 238 }
 239
 240 .accountlistheading {
 241     font-size: 10pt;
 242     padding:3px;
 243     color: white;
 244     font-weight: bold;
 245     text-align:left;
 246     background-color:rgb(133,132,129);
 247 }
 248
 249 .subsubheading {
 250   color: black;
 251   font-weight: bolder;
 252   text-decoration: underline;
 253 }
 254
 255 .optionen {
 256     border:dashed;
 257 /*  padding-top:10px;
 258     padding-bottom:10px;
 259     padding-left:10px;
 260 */
 261     border-width:1px;
 262     background:#efedde;
 263 }
 264
 265
 266 .listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
 267 .listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
 268 .listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
 269
 270 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
 271 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
 272
 273 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
 274 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
 275
 276 .listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 277
 278 .listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 279
 280 /* Verkaufsbericht */
 281 .listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
 282 .listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
 283 .listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 284 .listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 285 .listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
 286
 287
 288 .submit {
 289   font-family: Verdana, Arial, Helvetica, sans-serif;
 290   color: #000000;
 291 }
 292 .checkbox, .radio {
 293   font-family: Verdana, Arial, Helvetica, sans-serif;
 294   color: #778899;
 295 }
 296
 297 .plus0 {    /* font color for negative numbers */
 298   color: red;
 299 }
 300
 301 .plus1 {
 302   color: green;
 303 }
 304
 305 td.numeric { /* class for numeric columns in tables */
 306   text-align: right
 307 }
 308
 309 h2.confirm {
 310   color: blue;
 311   font-size: 14pt;
 312 }
 313
 314 h2.error {
 315   color: red;
 316   font-size: 14pt;
 317 }
 318
 319 fieldset {
 320   margin-top:15px;
 321   color: black;
 322   font-weight: bolder;
 323 }
 324
 325 /* media stuff */
 326
 327 @media screen {
 328   .noscreen {   /* items with this class won't display */
 329     display: none;
 330   }
 331 }
 332
 333 @media print {
 334   .noprint {   /* items with this class won't print */
 335     display: none;
 336   }
 337 }
 338
 339 .filecontent {
 340   border: 1px solid blue;
 341   padding-left: 2px;
 342   padding-right: 2px;
 343 }
 344
 345 label {
 346   cursor:pointer;
 347 }
 348
 349 .unbalanced_ledger {
 350   background-color: #ffa0a0;
 351 }
 352
 353 .clearfix:after {
 354   clear:both;
 355   content:".";
 356   display:block;
 357   font-size:0;
 358   height:0;
 359   visibility:hidden;
 360 }
 361
 362 .flash_message_error {
 363   background-color:#FFD6D6;
 364   border: 1px solid #AE0014;
 365   margin-top: 5px;
 366   margin-bottom: 5px;
 367   padding: 5px;
 368 }
 369
 370 .flash_message_warning {
 371   background-color:#FFE8C7;
 372   border: 1px solid #FF6600;
 373   margin-top: 5px;
 374   margin-bottom: 5px;
 375   padding: 5px;
 376 }
 377
 378 .flash_message_info {
 379   background-color:#DCF2FF;
 380   border: 1px solid #4690FF;
 381   margin-top: 5px;
 382   margin-bottom: 5px;
 383   padding: 5px;
 384 }
 385
 386 .jqmWindow {
 387   display: none;
 388
 389   position: fixed;
 390   top: 17%;
 391   left: 40%;
 392
 393   margin-left: -200px;
 394   width: 700px;
 395
 396   background-color: #bec6a2;
 397   color: #333;
 398   border: 1px solid black;
 399   padding: 4px;
 400 }
 401
 402 .jqmContent {
 403   padding: 8px;
 404 }
 405
 406 .jqmWindow h1 {
 407   border: 0;
 408   padding: 0;
 409   background-color: #bec6a2;
 410 }
 411
 412 .jqmOverlay {
 413   background-color: #000;
 414 }
 415
 416 /* Kontenliste Styles */
 417
 418 .coa_listrow1 {
 419   background-color: rgb(208,207,201);
 420   color: black;
 421   vertical-align: top;
 422 }
 423
 424 .coa_listrow0 {
 425   background-color: rgb(236,233,216);
 426   color: black;
 427   vertical-align: top;
 428 }
 429
 430 .coa_detail_emph {
 431   font-size:10pt;
 432   font-weight:bold;
 433   color:darkred;
 434 }
 435
 436 .coa_details_header {
 437   font-size:8pt;
 438   padding:3px;
 439   font-weight:bolder;
 440   text-align:center;
 441   border-style:none;
 442   border-width:thin;
 443 }
 444
 445 .coa_details_header2 {
 446   font-size:8pt;
 447   padding:3px;
 448   font-weight:normal;
 449   text-align:left;
 450   border-style:none;
 451   border-width:thin;
 452 }