css/design40/less/specials.less

   1 /* ------------------------------------------------------------- */
   2 /* SPECIALS (specials.less)                                      */
   3 /* ------------------------------------------------------------- */
   4
   5
   6 // ----------------------------------------------------------------------------
   7 //
   8 // SPECIALS
   9 //
  10 // ----------------------------------------------------------------------------
  11 // DESCRIPTION:
  12 // Styles for special purposes
  13 //
  14 //
  15 // CONTENTS:
  16 // - ACCOUNT LIST
  17 // - ROW POSITON DETAILS (E.G. SALES ORDER)
  18 // - TABLE #DISPLAY ROW
  19 // - HORIZONTAL SCROLLBAR DISPLAY
  20 // ----------------------------------------------------------------------------
  21
  22
  23
  24 // --------------------------------------
  25 // ACCOUNT LIST
  26 // --------------------------------------
  27 // PENDENT: ansehen
  28 #tbl-accounts{
  29   border-width: 0;
  30   thead{
  31     th{
  32       //background-color: #E3E3E3 ;
  33     }
  34
  35   }
  36   tbody{
  37
  38     tr.heading{
  39
  40       &.heading th {
  41         border-top: 1px #999 solid;
  42           &.numeric{
  43             padding-right: 20px;
  44             padding-left: 10px;
  45           }
  46       }
  47
  48       &.th1{
  49         font-size: @font-size-large  ;
  50         th{ padding: 1.0em 0 0.4em 0 ; }
  51       }
  52       &.th2{
  53         font-size: @font-size-medium ;
  54         th{ padding: 1.0em 0 0.4em 0 ; }
  55       }
  56       &.th3{
  57         font-size: @font-size-small   ;
  58         th{ padding: 1.0em 0 0.4em 0 ; }
  59       }
  60    } // /tr.heading
  61
  62     td:first-child {
  63       text-align: right !important;
  64     }
  65
  66     tr.ajax-account-details td{
  67       padding: 0.8em 0 1.0em 4.0em ;
  68     }
  69
  70
  71   }
  72 }
  73
  74
  75
  76 // --------------------------------------
  77 // ROW POSITON DETAILS (E.G. SALES ORDER)
  78 // --------------------------------------
  79
  80 td.row-position-detail{
  81   padding: 0 0 0.2em 0.4em !important;
  82
  83   div.table{
  84     display:             table;
  85     div.field{
  86       display:           table-row;
  87       padding:           0.1em 0 ;
  88       height:           2.0em !important; ;
  89
  90       span.label{
  91         width:           10.0em;
  92         height:         2.0em !important;
  93         vertical-align: middle;
  94         display:         table-cell ;
  95         padding:         0.3em 0 0 0;
  96       }
  97
  98       span.value{
  99         height:         2.0em ;
 100         span.data{
 101           padding:       0.3em 0 0.2em 0.5em !important;
 102           display:       block;
 103         }
 104       }
 105
 106     } //div.field
 107   } // /div.table
 108
 109 } // /td.row-position-detail
 110
 111
 112
 113 // --------------------------------------
 114 // TABLE #DISPLAY ROW
 115 // --------------------------------------
 116
 117 table#display_row{
 118   tbody{
 119     tr{
 120       td{
 121         a.row-position{
 122           float: left;
 123           padding: 0.6em 0.2em 0 0 ;
 124         }
 125         input.row-position{
 126           float: left;
 127         }
 128       }
 129     }
 130   }
 131
 132 }
 133
 134
 135
 136 // --------------------------------------
 137 // HORIZONTAL SCROLLBAR DISPLAY
 138 // --------------------------------------
 139
 140 // csv import preview/results table
 141 #results {
 142   // show below others and limit width so that scrollbar is displayed
 143   clear: left;
 144   width: 95vw;
 145 }
 146 // for the menu left we need to make the width smaller
 147 .layout-split-right #results {
 148   width: 80vw;
 149 }
 150
 151 // orders positions table
 152 #row_table_scroll_id {
 153   max-width: 96vw !important;
 154 }
 155
 156
 157 // icons that change between stylesheets
 158 img {
 159   &.icon-sort-up {
 160     content:url("../../image/up-small.png");
 161   }
 162   &.icon-sort-down {
 163     content:url("../../image/down.png");
 164   }
 165   &.icon-dragdrop {
 166     content:url("../../image/updown2.png");
 167   }
 168   &.icon-delete {
 169     content:url("../../image/cross2.png");
 170   }
 171   &.icon-map {
 172     content:url("../../image/map-earth.png");
 173   }
 174 }
 175
 176
 177 /* styling for input to textarea switch */
 178 span.area-input {
 179   span.switch-to-textarea {
 180     &:after {
 181       content: url("../../image/pencil.png");
 182       vertical-align: top;
 183     }
 184   }
 185 }
 186
 187 /* styling for upload drag-drop zone */
 188 span.upload_drop_zone {
 189   padding:            10px;
 190   color:              @button-neutral-color;
 191   background-color:   @button-neutral-bg;
 192   border:             @button-neutral-border;
 193   border-radius:      @button-border-radius;
 194 }
 195
 196 /* styling for thumbnails und preview for files */
 197 .overlay_div {
 198   position: relative;
 199 }
 200
 201 .overlay_img {
 202   position: absolute;
 203   top: -100px;
 204   left: -100px;
 205   z-index: 2;
 206   cursor: pointer;
 207 }
 208
 209 .thumbnail {
 210   cursor: pointer;
 211 }