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 .login a, .login a:visited, .login a:hover {
  95         text-decoration: none !important;
  96         background-color:transparent !important;
  97         border:none;
  98 }
  99 .login a: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 }
 114 td.login {
 115         text-align: center;
 116 }
 117 th.login {
 118         text-align: right;
 119 }
 120 .admin h1 {
 121         background-color: #fe5f14;
 122   text-color: #ffffff;
 123 }
 124 body.menu {
 125         color: #000000;
 126 }
 127 /* Warnings */
 128 .message_error_login {
 129         color: #000000;
 130         border: 1px solid #8b0000;
 131         background-color: #ffcccc;
 132         padding: 3px;
 133 }
 134 .message_ok {
 135         padding: 5px;
 136         background-color: #ADFFB6;
 137         color: black;
 138         font-weight: bolder;
 139         text-align: center;
 140         border-style: solid;
 141         border-width: thin;
 142 }
 143 .message_error {
 144         padding: 5px;
 145         background-color: #CC0000;
 146         color: white;
 147         font-weight: bolder;
 148         text-align: center;
 149         border-style: solid;
 150         border-width: thin;
 151 }
 152 .message_hint {
 153         padding: 0.5em;
 154         background-color: #FFEE66;
 155         color: black;
 156         font-weight: bolder;
 157         text-align: center;
 158         border-style: solid;
 159         border-width: thin;
 160 }
 161 .message_error_label {
 162         padding: 0.5em;
 163         background-color: #E00000;
 164   color: white;
 165         font-weight: normal;
 166         text-align: left;
 167         border-style: solid;
 168         border-width: thin;
 169 }
 170 /*    Headings */
 171 .listtop, h1 {
 172     font-size:125%;
 173         background-color: #006400;
 174         text-align: left;
 175         padding: 0.5em;
 176         color: #FFFFFF;
 177         font-weight: bolder;
 178         border-style: none;
 179         border-width: thin;
 180         -moz-border-radius:0.4em; /* Firefox */
 181         -webkit-border-radius:0.4em; /* Safari, Chrome */
 182         -khtml-border-radius:0.4em; /* Konqueror */
 183         border-radius:0.4em; /* CSS3 */
 184         behavior:url(border-radius.htc);
 185 }
 186
 187 /* .listelement {
 188         background-color: #f8ffb3;
 189         color: #000000;
 190 }
 191 .listelement2 {
 192         background-color: #8ee085;
 193         color: #000000;
 194 } */
 195 .listheading {
 196         padding: 0.2em;
 197         background-color: #EBEBEB;
 198         color: #006400;
 199         font-weight: bolder;
 200         text-align: left;
 201         border-style: none;
 202 }
 203
 204 /* .listheadingcontent {
 205         background-color: #EBEBEB;
 206         color: #006400;
 207         font-weight: bolder;
 208         text-align: left;
 209 } */
 210
 211 .accountlistheading {
 212         padding: 0.3em;
 213         color: #006400;
 214         font-weight: bold;
 215         text-align: left;
 216         background-color: #EBEBEB;
 217 }
 218 .subsubheading {
 219         color: #000000;
 220         font-weight: bolder;
 221         text-decoration: underline;
 222 }
 223 .optionen {
 224         border: dashed;
 225         border-width: 1px;
 226         background: #FFFFE0;
 227 }
 228 .listrow1 {
 229         background-color: #FFFFFF;
 230         color: black;
 231         vertical-align: top;
 232 }
 233 .listrow0 {
 234         background-color: #FFFF99;
 235         color: black;
 236         vertical-align: top;
 237 }
 238 .listrowempty {
 239         background-color: #FFFFFF;
 240         color: black;
 241         vertical-align: top;
 242 }
 243 .listsubtotal {
 244         background-color: rgb(236,233,216);
 245         color: black;
 246         font-weight: bolder;
 247 }
 248 .listtotal, .listtotal td {
 249         background-color: rgb(236,233,216);
 250         color: black;
 251         font-weight: bolder;
 252 }
 253 /* Verkaufsbericht */
 254 .listmainsortheader {
 255         background-color: rgb(236,233,216);
 256         color: red;
 257         font-weight: bolder;
 258         padding-left: 10px;
 259         padding-top: 0px;
 260 }
 261 .listmainsortsubtotal {
 262         background-color: rgb(236,233,216);
 263         color: red;
 264         font-weight: bolder;
 265         padding-left: 10px;
 266 }
 267 .listsubsortheader {
 268         background-color: rgb(236,233,216);
 269         color: green;
 270         font-weight: bolder;
 271         padding-left: 20px
 272 }
 273 .listsubsortsubtotal {
 274         background-color: rgb(236,233,216);
 275         color: green;
 276         font-weight: bolder;
 277         padding-left: 20px
 278 }
 279 .listsortdescription {
 280         background-color: rgb(236,233,216);
 281         color: black;
 282         font-weight: normal;
 283         padding-left: 30px
 284 }
 285 .submit {
 286         font-family: Verdana, Arial, Helvetica;
 287         color: #000000;
 288 }
 289 .checkbox, .radio {
 290         font-family: Verdana, Arial, Helvetica;
 291         color: #778899;
 292 }
 293 .plus0 {
 294 /* font color for negative numbers */
 295         color: red;
 296 }
 297 .plus1 {
 298         color: green;
 299 }
 300 h2.confirm {
 301         color: blue;
 302 }
 303 h2.error {
 304         color: red;
 305 }
 306 fieldset {
 307         margin-top: 15px;
 308         color: black;
 309         font-weight: bolder;
 310 }
 311 /* media stuff */
 312 @media screen {
 313 .noscreen {
 314 /* items with this class won't display */
 315         display: none;
 316 }
 317 }
 318 @media print {
 319 .noprint {
 320 /* items with this class won't print */
 321         display: none;
 322 }
 323 }
 324 .filecontent {
 325         border: 1px solid blue;
 326         padding-left: 2px;
 327         padding-right: 2px;
 328 }
 329 label {
 330         cursor: pointer;
 331         vertical-align: top;
 332 }
 333 .unbalanced_ledger {
 334         background-color: #ffa0a0;
 335 }
 336 .clearfix:after {
 337         clear: both;
 338         content: ".";
 339         display: block;
 340         height: 0;
 341         visibility: hidden;
 342 }
 343 .flash_message_error {
 344         background-color: #FFD6D6;
 345         border: 1px solid #AE0014;
 346         margin-top: 5px;
 347         margin-bottom: 5px;
 348         padding: 5px;
 349 }
 350 .flash_message_warning {
 351         background-color: #FFE8C7;
 352         border: 1px solid #FF6600;
 353         margin-top: 5px;
 354         margin-bottom: 5px;
 355         padding: 5px;
 356 }
 357 .flash_message_info {
 358         background-color: #DCF2FF;
 359         border: 1px solid #4690FF;
 360         margin-top: 5px;
 361         margin-bottom: 5px;
 362         padding: 5px;
 363 }
 364
 365 .flash_title {
 366   font-weight: bold;
 367 }