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-link,
 113 div.layout-actionbar div.layout-actionbar-submit,
 114 div.layout-actionbar div.layout-actionbar-scriptbutton,
 115 div.layout-actionbar div.layout-actionbar-link:focus,
 116 div.layout-actionbar div.layout-actionbar-submit:focus,
 117 div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
 118   display: inline-block;
 119   width: 120px;
 120   box-sizing: border-box;
 121   text-align: center;
 122   border-width: 1px;
 123   border-style: solid;
 124   padding: 4px 4px;
 125   cursor: default;
 126 }
 127
 128 div.layout-actionbar div.layout-actionbar-link:hover,
 129 div.layout-actionbar div.layout-actionbar-submit:hover,
 130 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
 131   border-width: 1px;
 132   border-style: solid;
 133 }
 134
 135 div.layout-actionbar-combobox {
 136   position: relative;
 137   display: inline-block;
 138 }
 139
 140 div.layout-actionbar div.layout-actionbar-action {
 141   height: 25px;
 142 }
 143
 144 div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
 145   width: 100px;
 146   height: 25px;
 147 }
 148
 149 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
 150   display: inline-block;
 151   border-width: 1px 1px 1px 1px;
 152   border-style: solid;
 153   padding: 4px;
 154   width: 14px;
 155   height: 15px;
 156   position: absolute;
 157   top: 0;
 158   right: 0;
 159 }
 160
 161 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
 162   content: "";
 163   width: 0;
 164   height: 0;
 165   position: absolute;
 166   right: 8px;
 167   top: 50%;
 168   margin-top: -3px;
 169   border-width: 3px 3px 0 3px;
 170   border-style: solid;
 171 }
 172
 173 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
 174   border-width: 0 3px 3px 3px;
 175 }
 176
 177
 178 div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
 179   padding-right: 20px;
 180   white-space: nowrap;
 181   display: block;
 182 }
 183
 184 div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
 185   position: absolute;
 186   display: none;
 187   min-width: 120px;
 188 }
 189
 190 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
 191   display: inline-block;
 192   z-index: 10;
 193 }
 194
 195 div.layout-actionbar-combobox-list div.layout-actionbar-action {
 196   white-space: nowrap;
 197   display: block;
 198   position: relative;
 199   width: 100%;
 200   text-align: left;
 201   padding: 4px;
 202 }
 203
 204 div.cke_textarea_inline > :first-child {
 205   margin-top: 0;
 206 }
 207 div.cke_textarea_inline > :last-child {
 208   margin-bottom: 0;
 209 }
 210 div.cke_textarea_inline {
 211   overflow-y: auto;
 212 }
 213 div.cke_textarea_inline:focus {
 214   outline: 0;
 215 }
 216
 217 span.upload_drop_zone {
 218   padding: 4px;
 219   border: 2px;
 220   border-color: darkgray lightgray lightgray;
 221   border-style: solid;
 222   background-color: whitesmoke;
 223 }
 224
 225 .overlay_div {
 226   position: relative;
 227 }
 228
 229 .overlay_img {
 230   position: absolute;
 231   top: -100px;
 232   left: -100px;
 233   z-index: 2;
 234   cursor: pointer;
 235 }
 236
 237 .thumbnail {
 238   cursor: pointer;
 239 }