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   }