css/design40/less/custom.less

   1 /* ------------------------------------------------------------- */
   2 /* CUSTOM LESS STUFF (custom.less)                               */
   3 /* ------------------------------------------------------------- */
   4
   5 // ----------------------------------------------------------------------------
   6 //
   7 // CUSTOM LESS STUFF (ONLY FOR OVERRIDES OF THE STANDARD-KIVITENDO-STUFF)
   8 //
   9 // ----------------------------------------------------------------------------
  10 // DESCRIPTION: Place your custom less/css stuff here
  11 // Override the Kivitendo-Less-Stuff only in custom.less
  12 //
  13 //
  14 //
  15 // CONTENTS:
  16 // - SUBJECT
  17 // - - My special class
  18 // - - My overridden class // PENDENT: bessere Beschreibung
  19 // ----------------------------------------------------------------------------
  20
  21
  22 //
  23 // **********************************
  24 // MY SPECIAL CLASS
  25 // **********************************
  26
  27 //.my-class-padding: 0.2em ; // just an example
  28
  29 //
  30 // **********************************
  31 // MY OVERRIDDEN CLASSES // PENDENT: bessere Beschreibung
  32 // **********************************
  33
  34 // You can delete or disable/enable the following CSS code
  35 // This is just an exemple
  36 // Do run "lessc style.less ../style.css" in your terminal session with cursor on the folder /css/less
  37
  38 // Custom overrides
  39
  40
  41 // --------------------------------------
  42 // DISABLE CAPTIONS IN HORIZONTAL TABLES
  43 // --------------------------------------
  44 // Captions are good. It is a nice guidance thru Kivitendo and captions also force
  45 // programmers
  46
  47
  48
  49 //table.tbl-horizontal {
  50 //  caption,
  51 //  th.caption,
  52 //  td.caption{
  53 //    display: none ; // instead of: table-caption
  54 //  }
  55 //}
  56 //
  57 //div.wrapper.bordered {
  58 //  padding: 0.6em 0 0.2em 0.4em;
  59 //
  60 //  &::before{
  61 //    content: "Detail Information"; //instead of caption in toggled wrapper
  62 //    z-index: 9000 ;
  63 //  }
  64 //  .tbl-horizontal{ display: none ; }
  65 //  .toggles { margin-top: -3px; }
  66 //  .toggles.max {
  67 //    width: 100%;
  68 //    z-index: 9001 ;
  69 //    margin-top: -17px;
  70 //    text-align: right;
  71 //    display: block;
  72 //    margin-right: 10px;
  73 //    a.toggle.max{
  74 //      width: 100%;
  75 //      background-position: right center;
  76 //    }
  77 //  }
  78 //}
  79 // /DISABLE CAPTIONS IN HORIZONTAL TABLES
  80
  81
  82
  83
  84 //table.tbl-horizontal {
  85 //  display: table ;
  86 //  background-color: #ccc;
  87 //  border-bottom: 12px #ccc solid ;
  88 //  border-top-left-radius:   0 ;
  89 //  border-top-right-radius:  0 ;
  90 //  border-bottom-left-radius:   @controlpanel-radius ;
  91 //  border-bottom-right-radius:  @controlpanel-radius ;
  92 //
  93 //  & > caption{
  94 //    color:                   #ffffff !important;
  95 //    background-color:        @gray-dark;
  96 //    padding-left:            0.8em;
  97 //    border-top-left-radius:  @controlpanel-radius ;
  98 //    border-top-right-radius: @controlpanel-radius ;
  99 //    //margin: -24px -12px 0.6em -12px ;
 100 //    & > a, & > a:link, & > a:visited { decoration: none; color: #fff !important; }
 101 //  }
 102 //  th{ padding-left: 0.3em; }
 103 //  td{ padding-right: 0.3em; }
 104 //  tbody { border-top: 8px #ccc solid; }
 105 //  &.checkered {
 106 //     tbody { border-top: none ; }
 107 //     border-bottom: none;
 108 //  }
 109 //  tbody > tr > td:first-child,
 110 //  tbody > tr > th:first-child,
 111 //  thead > tr > th:first-child{
 112 //    padding-left: 1.0em ;
 113 //  }
 114 //  tbody > tr:first-child {
 115 //    & > th { padding-top: 0.5em ; }
 116 //    & > td { padding-top: 0.5em ; }
 117 //  }
 118 //  th.caption{
 119 //    color:              #fff !important;
 120 //    background-color:   @gray-dark;
 121 //    padding:            0.4em 0 0.3em 0.8em;
 122 //    border-top:         6px solid #ccc;
 123 //    border-bottom:      8px solid #ccc;
 124 //    margin-bottom: 0.6em ;
 125 //    //margin: -24px -12px 0.6em -18px ;
 126 //  }
 127 //}
 128 //
 129 //.col{
 130 //  padding-bottom: 0.4em ;
 131 //
 132 //  & > table.tbl-horizontal {
 133 //    margin-right: 0 !important;
 134 //    //border-top-left-radius:  0 ;
 135 //    //border-top-right-radius: 0 ;
 136 //    border-radius: 0 ;
 137 //    padding-bottom: 0 ;
 138 //
 139 //    caption{
 140 //      border-top-left-radius:  0 ;
 141 //      border-top-right-radius: 0 ;
 142 //    }
 143 //  }
 144 //  & > table.tbl-horizontal:first-child{
 145 //    border-top-left-radius:     0 ;
 146 //    border-top-right-radius:    0 ;
 147 //    border-bottom-left-radius:  0 ;
 148 //    border-bottom-right-radius: 0 ;
 149 //    margin-bottom: 0 ;
 150 //    caption{
 151 //      border-top-left-radius:  @controlpanel-radius ;
 152 //      border-top-right-radius: @controlpanel-radius ;
 153 //    }
 154 //  }
 155 //  & > table.tbl-horizontal:last-child{
 156 //    border-bottom-left-radius:  @controlpanel-radius  ;
 157 //    border-bottom-right-radius: @controlpanel-radius ;
 158 //    margin-bottom: 0 ;
 159 //  }
 160 //}
 161 //
 162 //.cke_editable{
 163 //  margin-left: 0.0em !important;
 164 //}
 165
 166
 167
 168 // --------------------------------------
 169 // Centered Aligned Tables
 170 // --------------------------------------
 171 // Do everybody a favor: do not activate it
 172
 173 //table.tbl-list{
 174 //  margin: 0 auto 1.0em auto;
 175 //}