Merge branch 'cvar_partsgroup_filter'

[kivitendo-erp.git] / css / lx-office-erp / main.css

diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css
index 87f17b8..e8814bb 100644 (file)
--- a/css/lx-office-erp/main.css
+++ b/css/lx-office-erp/main.css
@@ -1,4 +1,4 @@
-/* Stylesheet for Lx-Office
+/* Stylesheet for kivitendo
  * Name: lx-office-erp.css*/
 
 /* The look of links */
@@ -9,9 +9,65 @@ A:hover { color: black;
            background-color: lemonchiffon;
            text-decoration: none;
          }
+a, div {
+  transition: background-color 0.2s;
+  -moz-transition: background-color 0.2s;
+  -webkit-transition: background-color 0.2s;
+}
+
+input, textarea, select {
+  border: 1px;
+  border-color: darkgray lightgray lightgray;
+  border-style: solid;
+  padding: 1px;
+  background-color: white;
+}
+
+select {
+  padding: 0px;
+}
 
 input:focus, textarea:focus, select:focus {
-  background-color: yellow;
+  background-color: whitesmoke;
+  border: 1px;
+  border-color: gray lightgray lightgray;
+  border-style: solid;
+}
+
+input:hover, textarea:hover, select:hover {
+  border-color: dimgray darkgray darkgray;
+}
+
+input[type="button"],
+input[type="submit"],
+button,
+input[type="button"]:focus,
+input[type="submit"]:focus,
+button:focus {
+  border: 1px;
+  border-color: darkgray;
+  border-style: solid;
+  padding: 0px 4px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  background-color: whitesmoke;
+}
+
+button:hover:enabled,
+input[type="button"]:hover:enabled,
+input[type="submit"]:hover:enabled {
+  border: 1px;
+  background-color: lightgray;
+  border-color: gray;
+  border-style: solid;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+
+html {
+  height: 100%;
 }
 
 body {
@@ -20,6 +76,7 @@ body {
   background-color: white;
   background-image: url("../../image/fade.png"); background-repeat:repeat-x;
   color: black;
+  height: 100%;
 }
 
 td {
@@ -51,7 +108,10 @@ th {
 .login {
   font-family: Verdana, Arial, Helvetica, sans-serif;
 }
-body.login {
+div.login {
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
   background: #b8d1f3;
   color: #A0A0A0;
 }
@@ -69,9 +129,9 @@ th.login {
   text-align: right;
 }
 
-body.admin {
-  background-color:#ffffff;
+div.admin {
   color: black;
+  margin: 8px;
 }
 
 .message_error_login {
@@ -149,7 +209,7 @@ body.admin {
     border-width:thin;
 }
 
-.listheading, .listheading th {
+.listheading, .listheading th, #content h2 {
     font-size: 9pt;
     padding:3px;
     background-color:
@@ -197,8 +257,9 @@ body.admin {
 }
 
 
-.listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
-.listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
+.listrow1, .listrow:nth-child(even)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }
+.listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
+.listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
 
 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
@@ -316,34 +377,8 @@ label {
   padding: 5px;
 }
 
-.jqmWindow {
-  display: none;
-
-  position: fixed;
-  top: 17%;
-  left: 40%;
-
-  margin-left: -200px;
-  width: 700px;
-
-  background-color: lemonchiffon;
-  color: #333;
-  border: 1px solid black;
-  padding: 4px;
-}
-
-.jqmContent {
-  padding: 8px;
-}
-
-.jqmWindow h1 {
-  border: 0;
-  padding: 0;
-  background-color: lemonchiffon;
-}
-
-.jqmOverlay {
-  background-color: #000;
+.flash_title {
+  font-weight: bold;
 }
 
 /* Kontenliste Styles */
@@ -383,3 +418,99 @@ label {
   border-style:none;
   border-width:thin;
 }
+
+.dimmed-text {
+  color: #aaa;
+  font-style: italic;
+}
+
+.link_separator {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.small-text {
+  font-size: 0.75em;
+}
+
+.float-left {
+  float: left;
+}
+.float-right {
+  float: right;
+}
+
+.block-context {
+  overflow: hidden;
+}
+
+.position-relative {
+  position: relative;
+}
+
+.position-absolute {
+  position: absolute;
+}
+
+.part_picker {
+  padding-right: 16px;
+}
+.partpicker-undefined {
+  color: red;
+  font-style: italic;
+}
+div.part_picker_part {
+  padding: 5px;
+  margin: 5px;
+  border: 1px;
+  border-color: darkgray;
+  border-style: solid;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  background-color: whitesmoke;
+  cursor: pointer;
+}
+div.part_picker_part:hover {
+  background-color: lightgray;
+  border-color: gray;
+}
+div.ppp_block {
+  overflow:hidden;
+  float:left;
+  width: 350px;
+}
+div.ppp_block span.ppp_block_number {
+  float:left;
+}
+div.ppp_block span.ppp_block_description {
+  float:right;
+  font-weight:bold;
+}
+div.ppp_line span.ppp_block_description {
+  margin-left:1em;
+  font-weight:bold;
+}
+div.ppp_line span.ppp_block_sellprice {
+  display:none;
+}
+span.toggle_selected {
+  font-weight: bold;
+}
+
+/* CTI */
+a.cti_call_action {
+  display: inline-block;
+  padding-left: 18px;
+  height: 16px;
+  position: relative;
+  top: 2px;
+  vertical-align: center;
+  background-image: url(../../image/icons/16x16/phone.png);
+  background-repeat: no-repeat;
+}
+
+/* the cvars table in the 2. row */
+.row2-cvars-table tr {vertical-align: top;}
+.row2-cvars-table th {text-align: right; padding-left: 15px; padding-right: 0;}
+.row2-cvars-table td, .row2-cvars-table th {padding-top: 10px;}