css/design40/less/common.less

   1 /* ------------------------------------------------------------- */
   2 /* COMMON PROPERTIES (common.less)                               */
   3 /* ------------------------------------------------------------- */
   4
   5 // ----------------------------------------------------------------------------
   6 //
   7 // COMMON PROPERTIES
   8 //
   9 // ----------------------------------------------------------------------------
  10 // DESCRIPTION:
  11 //
  12 //
  13 //
  14 // CONTENTS:
  15 // - HTML
  16 // - BODY
  17 // - DIVs & BOX-SIZING
  18 // - CLEARFIX
  19 // - MEDIA
  20 // - CTI
  21 // - INTERACT
  22 // - CURSOR
  23 // - CKEDITOR
  24 // - PENDENT: bereinigen, bitte!
  25 // ----------------------------------------------------------------------------
  26
  27
  28
  29
  30 // --------------------------------------
  31 // HTML
  32 // --------------------------------------
  33
  34 html {
  35   // show scrollbar every time
  36   overflow-y: scroll;
  37 }
  38
  39
  40
  41
  42 // --------------------------------------
  43 // BODY
  44 // --------------------------------------
  45
  46 body {
  47   // don't use this IE stuff anymore!!!
  48   //behavior:url("csshover.htc") ;
  49   padding: 0;
  50   margin: 0 ;
  51   font-size: @font-size-smaller ;
  52 }
  53
  54
  55
  56
  57 // --------------------------------------
  58 // DIVS & BOX-SIZING
  59 // --------------------------------------
  60
  61 div,
  62 p,
  63 span,
  64 table,
  65 th,
  66 td,
  67 input,
  68 textarea,
  69 select,
  70 button,
  71 a.button
  72 {
  73   box-sizing: border-box;
  74 }
  75
  76
  77
  78
  79
  80
  81
  82
  83
  84
  85 // --------------------------------------
  86 // CLEARFIX
  87 // --------------------------------------
  88
  89 // class to fix container around floats
  90 .clearfix:after {
  91   clear:both;
  92   content:".";
  93   display:block;
  94   height:0;
  95   visibility:hidden;
  96 }
  97
  98
  99
 100
 101 // --------------------------------------
 102 // MEDIA
 103 // --------------------------------------
 104
 105 @media screen   { .noscreen { display: none; } }
 106 @media print    { .noprint  { display: none ;} }
 107 @media handheld { .nomobile { display: none; } }
 108
 109
 110
 111
 112 // --------------------------------------
 113 // CTI
 114 // --------------------------------------
 115
 116 a.cti_call_action {
 117   //display: inline-block;
 118   display: block;
 119   padding-left: 18px;
 120   top: 2px;
 121   vertical-align: middle;
 122   background-image: url(../../image/icons/16x16/phone.png);
 123   background-repeat: no-repeat;
 124 }
 125
 126
 127
 128
 129 // --------------------------------------
 130 // INTERACT
 131 // --------------------------------------
 132
 133 // clickable text anchors, usually with attached javascript handlers
 134 .interact { color: gray }
 135 .interact:hover { color: black; }
 136
 137
 138
 139
 140 // --------------------------------------
 141 // CURSOR
 142 // --------------------------------------
 143
 144 .cursor-default { cursor: default }
 145 .cursor-pointer { cursor: pointer }
 146 .cursor-help    { cursor: help }
 147
 148
 149
 150
 151
 152 // --------------------------------------
 153 // CKEditor
 154 // --------------------------------------
 155
 156 // PENDENT: schauen, wie man das am besten hinkriegt,
 157 // ggf. in CKEditor-JS-Dateien anpassen, was aber nicht nachhaltig ist
 158 // CKEditor: Padding reduziert
 159 .cke_contents iframe html body.cke_editable{
 160   padding: 0;
 161   margin: 0;
 162 }
 163
 164
 165
 166
 167
 168 // --------------------------------------
 169 // PENDENT
 170 // --------------------------------------
 171
 172
 173
 174 // PENDENT: OBSOLET diese Klassen entfernen
 175  //  Internals (waren im HTML-Code eingebaut)
 176  //  ersetzen bzw. Verlagern in Tabellen ggf. Paragrafen oder DIVs
 177 .top_border {
 178   border-top: solid black;
 179   border-width: 4px;
 180 }
 181  //  Internals (waren im HTML-Code eingebaut)
 182  //  ersetzen bzw. Verlagern in Tabellen ggf. Paragrafen oder DIVs
 183 .bottom_border {
 184   border-bottom: solid black;
 185   border-width: 1px;
 186 }
 187
 188
 189