css/common.css

   1
   2 /* class for numeric columns in tables */
   3 .numeric { text-align: right }
   4
   5 /* various oneshot decoration for legacy purpose. dont use */
   6 .small-text { font-size: 70% }
   7 .bold       { font-weight: bold }
   8
   9 .float-left  { float: left  }
  10 .float-right { float: right }
  11
  12 /* quirk to force certain constructs to block context */
  13 .block-context { overflow: hidden }
  14
  15 /* position */
  16 .position-relative { position: relative }
  17 .position-absolute { position: absolute }
  18
  19 .hidden { display: none; }
  20
  21 /* media stuff */
  22 @media screen {   .noscreen { display: none } }
  23 @media print {    .noprint  { display: none } }
  24 @media handheld { .nomobile { display: none } }
  25
  26 body { behavior:url("csshover.htc") }
  27
  28 /* class to fix container around floats */
  29 .clearfix:after {
  30   clear:both;
  31   content:".";
  32   display:block;
  33   font-size:0;
  34   height:0;
  35   visibility:hidden;
  36 }
  37
  38 /* CTI */
  39 a.cti_call_action {
  40   display: inline-block;
  41   padding-left: 18px;
  42   height: 16px;
  43   position: relative;
  44   top: 2px;
  45   vertical-align: center;
  46   background-image: url(../image/icons/16x16/phone.png);
  47   background-repeat: no-repeat;
  48 }
  49
  50 /* the cvars table in the 2. row */
  51 .row2-cvars-table tr { vertical-align: top }
  52 .row2-cvars-table th { text-align: right; padding-left: 15px; padding-right: 0 }
  53 .row2-cvars-table td, .row2-cvars-table th { padding-top: 10px }
  54
  55 input.grow_on_focus {
  56   width: 20px;
  57   transition:         width 0.1s;
  58   -moz-transition:    width 0.1s;
  59   -webkit-transition: width 0.1s;
  60   -o-transition:      width 0.1s;
  61 }
  62 input.grow_on_focus:focus { width: 150px }
  63
  64 /* clickable text anchors, usually with attached javascript handlers */
  65 .interact { color: gray }
  66 .interact:hover { color: black; }
  67 .cursor-default { cursor: default }
  68 .cursor-pointer { cursor: pointer }
  69 .cursor-help { cursor: help }
  70
  71 /* dunning */
  72 #dunning_invoice_list .direct_debit td,
  73 #dunning_invoice_list .direct_debit a {
  74   color: #aaa;
  75 }
  76 /* orderitems */
  77 .shipped     { color: green }
  78 .not_shipped { color: red   }
  79
  80 /* actionbar styling */
  81 div.layout-actionbar {
  82   position: fixed;
  83   height: 28px;
  84   top: 20px;
  85   z-index: 20;
  86   width: 100%;
  87   padding: 2px;
  88 }
  89
  90 div.layout-actionbar-action {
  91   -webkit-touch-callout: none; /* iOS Safari */
  92   -webkit-user-select: none;   /* Chrome/Safari/Opera */
  93   -khtml-user-select: none;    /* Konqueror */
  94   -moz-user-select: none;      /* Firefox */
  95   -ms-user-select: none;       /* Internet Explorer/Edge */
  96   user-select: none;           /* don't select text on double click */
  97 }
  98
  99 div.layout-actionbar ~ div:first {
 100   padding-top: 25px;
 101 }
 102
 103 div.layout-actionbar > div + div {
 104   margin-left: 2px;
 105 }
 106
 107 div.layout-actionbar-separator {
 108   display: inline-block;
 109   width: 20px;
 110 }
 111
 112 div.layout-actionbar div.layout-actionbar-submit,
 113 div.layout-actionbar div.layout-actionbar-scriptbutton,
 114 div.layout-actionbar div.layout-actionbar-submit:focus,
 115 div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
 116   display: inline-block;
 117   width: 120px;
 118   box-sizing: border-box;
 119   text-align: center;
 120   border: 1px;
 121   border-style: solid;
 122   padding: 4px 4px;
 123   cursor: default;
 124 }
 125
 126 div.layout-actionbar div.layout-actionbar-submit:hover,
 127 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
 128   border: 1px;
 129   border-style: solid;
 130 }
 131
 132 div.layout-actionbar-combobox {
 133   position: relative;
 134   display: inline-block;
 135 }
 136
 137 div.layout-actionbar div.layout-actionbar-action {
 138   height: 25px;
 139 }
 140
 141 div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
 142   width: 100px;
 143   height: 25px;
 144 }
 145
 146 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
 147   display: inline-block;
 148   border-width: 1px 1px 1px 1px;
 149   border-style: solid;
 150   padding: 4px;
 151   width: 14px;
 152   height: 15px;
 153   position: absolute;
 154   top: 0;
 155   right: 0;
 156 }
 157
 158 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
 159   content: "";
 160   width: 0;
 161   height: 0;
 162   position: absolute;
 163   right: 8px;
 164   top: 50%;
 165   margin-top: -3px;
 166   border-width: 3px 3px 0 3px;
 167   border-style: solid;
 168 }
 169
 170 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
 171   border-width: 0 3px 3px 3px;
 172 }
 173
 174
 175 div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
 176   padding-right: 20px;
 177   white-space: nowrap;
 178   display: block;
 179 }
 180
 181 div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
 182   position: absolute;
 183   display: none;
 184   min-width: 120px;
 185 }
 186
 187 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
 188   display: inline-block;
 189   z-index: 10;
 190 }
 191
 192 div.layout-actionbar-combobox-list div.layout-actionbar-action {
 193   white-space: nowrap;
 194   display: block;
 195   position: relative;
 196   width: 100%;
 197   text-align: left;
 198   padding: 4px;
 199 }