X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=css%2Fcommon.css;h=dd295006f8d07e058e07587caffa939350f68cf9;hb=c62a6cabffc11bdb2d3fda2025fef2f3d07c5ba9;hp=ffb5e1829aca1d67ad19dbc79ced3a1570058281;hpb=7ee5fab89c8ef14f442e686a23635e4a6fd3f2ee;p=kivitendo-erp.git

diff --git a/css/common.css b/css/common.css
index ffb5e1829..dd295006f 100644
--- a/css/common.css
+++ b/css/common.css
@@ -16,6 +16,7 @@
 .position-relative { position: relative }
 .position-absolute { position: absolute }
 
+.hidden { display: none; }
 
 /* media stuff */
 @media screen {   .noscreen { display: none } }
@@ -42,7 +43,7 @@ a.cti_call_action {
   position: relative;
   top: 2px;
   vertical-align: center;
-  background-image: url(../../image/icons/16x16/phone.png);
+  background-image: url(../image/icons/16x16/phone.png);
   background-repeat: no-repeat;
 }
 
@@ -50,3 +51,189 @@ a.cti_call_action {
 .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 }
+
+input.grow_on_focus {
+  width: 20px;
+  transition:         width 0.1s;
+  -moz-transition:    width 0.1s;
+  -webkit-transition: width 0.1s;
+  -o-transition:      width 0.1s;
+}
+input.grow_on_focus:focus { width: 150px }
+
+/* clickable text anchors, usually with attached javascript handlers */
+.interact { color: gray }
+.interact:hover { color: black; }
+.cursor-default { cursor: default }
+.cursor-pointer { cursor: pointer }
+.cursor-help { cursor: help }
+
+/* dunning */
+#dunning_invoice_list .direct_debit td,
+#dunning_invoice_list .direct_debit a {
+  color: #aaa;
+}
+/* orderitems */
+.shipped     { color: green }
+.not_shipped { color: red   }
+
+/* actionbar styling */
+div.layout-actionbar {
+  position: fixed;
+  height: 28px;
+  top: 20px;
+  z-index: 20;
+  width: 100%;
+  padding: 2px;
+}
+
+div.layout-actionbar-action {
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none;   /* Chrome/Safari/Opera */
+  -khtml-user-select: none;    /* Konqueror */
+  -moz-user-select: none;      /* Firefox */
+  -ms-user-select: none;       /* Internet Explorer/Edge */
+  user-select: none;           /* don't select text on double click */
+}
+
+div.layout-actionbar ~ div:first {
+  padding-top: 25px;
+}
+
+div.layout-actionbar > div + div {
+  margin-left: 2px;
+}
+
+div.layout-actionbar-separator {
+  display: inline-block;
+  width: 20px;
+}
+
+div.layout-actionbar div.layout-actionbar-link,
+div.layout-actionbar div.layout-actionbar-submit,
+div.layout-actionbar div.layout-actionbar-scriptbutton,
+div.layout-actionbar div.layout-actionbar-link:focus,
+div.layout-actionbar div.layout-actionbar-submit:focus,
+div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
+  display: inline-block;
+  width: 120px;
+  box-sizing: border-box;
+  text-align: center;
+  border-width: 1px;
+  border-style: solid;
+  padding: 4px 4px;
+  cursor: default;
+}
+
+div.layout-actionbar div.layout-actionbar-link:hover,
+div.layout-actionbar div.layout-actionbar-submit:hover,
+div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
+  border-width: 1px;
+  border-style: solid;
+}
+
+div.layout-actionbar-combobox {
+  position: relative;
+  display: inline-block;
+}
+
+div.layout-actionbar div.layout-actionbar-action {
+  height: 25px;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
+  width: 100px;
+  height: 25px;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
+  display: inline-block;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid;
+  padding: 4px;
+  width: 14px;
+  height: 15px;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
+  content: "";
+  width: 0;
+  height: 0;
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  margin-top: -3px;
+  border-width: 3px 3px 0 3px;
+  border-style: solid;
+}
+
+div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
+  border-width: 0 3px 3px 3px;
+}
+
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
+  padding-right: 20px;
+  white-space: nowrap;
+  display: block;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
+  position: absolute;
+  display: none;
+  min-width: 120px;
+}
+
+div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
+  display: inline-block;
+  z-index: 10;
+}
+
+div.layout-actionbar-combobox-list div.layout-actionbar-action {
+  white-space: nowrap;
+  display: block;
+  position: relative;
+  width: 100%;
+  text-align: left;
+  padding: 4px;
+}
+
+div.cke_textarea_inline > :first-child {
+  margin-top: 0;
+}
+div.cke_textarea_inline > :last-child {
+  margin-bottom: 0;
+}
+div.cke_textarea_inline {
+  overflow-y: auto;
+}
+div.cke_textarea_inline:focus {
+  outline: 0;
+}
+
+span.upload_drop_zone {
+  padding: 4px;
+  border: 2px;
+  border-color: darkgray lightgray lightgray;
+  border-style: solid;
+  background-color: whitesmoke;
+}
+
+.overlay_div {
+  position: relative;
+}
+
+.overlay_img {
+  position: absolute;
+  top: -100px;
+  left: -100px;
+  z-index: 2;
+  cursor: pointer;
+}
+
+.thumbnail {
+  cursor: pointer;
+}