css/design40/less/developing.less

   1 /* ------------------------------------------------------------- */
   2 /* DEVELOPING (developing.less)                                  */
   3 /* ------------------------------------------------------------- */
   4
   5 // ----------------------------------------------------------------------------
   6 //
   7 // Developing-Section
   8 //
   9 // ----------------------------------------------------------------------------
  10 // DESCRIPTION:
  11 // This LESS-file is just for us developers.
  12 // Don't be ashamed to disable the rendering of the following LESS/CSS-Code
  13 // in the file style.less.
  14 //
  15 //
  16 // CONTENTS:
  17 // -
  18 // -
  19 // -
  20 // -
  21 // ----------------------------------------------------------------------------
  22
  23
  24 body.developing{
  25
  26   &>header{
  27      background-color: @base-h1-bg;
  28      display: block;
  29      overflow: hidden;
  30     h1{
  31       float: left;
  32       color: @base-h1-color ;
  33       padding: 1.0em;
  34     }
  35     nav{
  36       float: right;
  37       padding: 1.0em;
  38       a:link,
  39       a:visited {
  40         color: white ;
  41       }
  42     }
  43   }
  44   .wrapper{
  45     p,
  46     ul,
  47     ol,
  48     li,
  49     h2,
  50     h3,
  51     h4{
  52       clear: both;
  53       width: 60.0em;
  54       max-width: 60em;
  55     }
  56   }
  57   & > p,
  58   & > h2,
  59   & > h3,
  60   & > h4 {
  61     margin-left: 0.8em ;
  62   }
  63   h2, h3, h4 { font-weight: bold ; color: #000 !important; clear: left; padding-left: 0 !important; }
  64   h2{ font-size: 130%;  }
  65   h3{ font-size: 120%;  }
  66   h4{ font-size: 110%;  }
  67   pre {
  68     margin: 0 0 1.0em 0 ;
  69     padding: 0.6em ;
  70     border: 1px #000 solid ;
  71     background-color: #ddd ;
  72     display: inline-block;
  73     clear: both;
  74     code{ padding: 0 ; }
  75   }
  76   div.code-highlighted{
  77     margin: 0 0 1.0em 0 ;
  78     padding: 0.6em ;
  79     border: 1px #000 solid ;
  80     background-color: #ddd ;
  81     display: inline-block;
  82   }
  83
  84   p.picture{
  85     background-color: #fff;
  86     padding: 0.8em;
  87     border: 1px @gray-standard solid;
  88     display: inline-block;
  89     width: auto;
  90   }
  91   .wrapper{
  92
  93     .tbl-horizontal{
  94       border: 1px black solid !important;
  95       border-collapse: collapse;
  96       tbody {
  97         border-top: none;
  98       }
  99       caption,th { padding-left: 0.6em ; }
 100
 101       th.caption {
 102         border-top: none;
 103         border-bottom: none;
 104
 105       }
 106
 107
 108       &.test,
 109       &.test-plain{
 110         th{
 111           //border: 1px black solid !important;
 112           padding-left: 0.3em;
 113         }
 114         td{
 115           //border: 1px black solid ;
 116           display: block;
 117           overflow: visible;
 118           border-bottom: 1px @gray-dark solid ;
 119         }
 120         tr:last-child td { border: none ;}
 121
 122       }
 123     }
 124
 125     &.clear{
 126       .tbl-horizontal{
 127         clear: both ;
 128       }
 129     }
 130
 131     table.tbl-list > thead > tr th:first-child, table.tbl-list > tbody > tr td:first-child {
 132         padding-left: 0 !important;
 133     }
 134
 135     div.test-box{
 136       font-size: 80% ;
 137       overflow: visible;
 138       padding: 0.3em 0.5em ;
 139       background-color: #9D9E9D;
 140       float: left;
 141       border: 1px #000 dotted ;
 142     }
 143
 144   } // /.wrapper
 145
 146   // Buttons
 147   // Action SOFT/NEUTRAL (no submission to server page)
 148   input[type="submit"],
 149   input[type="button"],
 150   input[type="button"].button,
 151   button[type="submit"],
 152   button[type="button"],
 153   a.button {
 154     color: @button-strong-color;
 155     background-color: @button-strong-bg;
 156     border: @button-strong-border;
 157
 158     &.hover{
 159       color: @button-strong-hover-color;
 160       background-color: @button-strong-hover-bg;
 161       border: @button-strong-hover-border;
 162     }
 163     &.active{
 164       color: @button-strong-active-color;
 165       background-color: @button-strong-active-bg;
 166       border: @button-strong-active-border;
 167     }
 168   }
 169   // Action SOFT/NEUTRAL (no submission to server page)
 170   input[type="button"].neutral,
 171   input[type="submit"].neutral,
 172   input[type="reset"],
 173   input[type="reset"].neutral,
 174   button.neutral,
 175   button[type="reset"] {
 176     color:              @button-neutral-color ;
 177     background-color:   @button-neutral-bg;
 178     border:             @button-neutral-border ;
 179     &.neutral-hover {
 180       color:            @button-neutral-hover-color ;
 181       background-color: @button-neutral-hover-bg;
 182       border:           @button-neutral-hover-border ;
 183     }
 184     &.neutral-active,
 185     &.neutral-focus {
 186       color:            @button-neutral-active-color;
 187       background-color: @button-neutral-active-bg;
 188       border:           @button-neutral-active-border ;
 189     }
 190   }
 191
 192
 193
 194
 195
 196
 197 } // /body.developing