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
  20 /* media stuff */
  21 @media screen {   .noscreen { display: none } }
  22 @media print {    .noprint  { display: none } }
  23 @media handheld { .nomobile { display: none } }
  24
  25 body { behavior:url("csshover.htc") }
  26
  27 /* class to fix container around floats */
  28 .clearfix:after {
  29   clear:both;
  30   content:".";
  31   display:block;
  32   font-size:0;
  33   height:0;
  34   visibility:hidden;
  35 }
  36
  37 /* CTI */
  38 a.cti_call_action {
  39   display: inline-block;
  40   padding-left: 18px;
  41   height: 16px;
  42   position: relative;
  43   top: 2px;
  44   vertical-align: center;
  45   background-image: url(../image/icons/16x16/phone.png);
  46   background-repeat: no-repeat;
  47 }
  48
  49 /* the cvars table in the 2. row */
  50 .row2-cvars-table tr { vertical-align: top }
  51 .row2-cvars-table th { text-align: right; padding-left: 15px; padding-right: 0 }
  52 .row2-cvars-table td, .row2-cvars-table th { padding-top: 10px }
  53
  54 input.grow_on_focus {
  55   width: 20px;
  56   transition:         width 0.1s;
  57   -moz-transition:    width 0.1s;
  58   -webkit-transition: width 0.1s;
  59   -o-transition:      width 0.1s;
  60 }
  61 input.grow_on_focus:focus { width: 150px }
  62
  63 /* clickable text anchors, usually with attached javascript handlers */
  64 .interact { color: gray }
  65 .interact:hover { color: black; }
  66 .cursor-default { cursor: default }
  67 .cursor-pointer { cursor: pointer }
  68 .cursor-help { cursor: help }