openrat-cms

OpenRat Content Management System
git clone http://git.code.weiherhei.de/openrat-cms.git
Log | Files | Refs | README

openrat-base.less (8201B)


      1 /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
      2 /* Customized for OR-CMS */
      3 
      4 //  * 1. Set default font family to sans-serif.
      5 //  * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
      6 html {
      7   font-family: 'Oxygen', 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Ubuntu", "Cantarell",
      8   "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
      9   font-size: 0.9em;
     10   -ms-text-size-adjust: 100%;
     11   -webkit-text-size-adjust: 100%;
     12 }
     13 
     14 //  Remove default margin.
     15 body { margin: 0 }
     16 
     17 // HTML5 display definitions ==========================================================================
     18 //  * Correct `block` display not defined for any HTML5 element in IE 8/9.
     19 //  * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
     20 //  * Correct `block` display not defined for `main` in IE 11.
     21 article,
     22 aside,
     23 details,
     24 figcaption,
     25 figure,
     26 footer,
     27 header,
     28 hgroup,
     29 main,
     30 nav,
     31 section,
     32 summary {
     33   display: block;
     34 }
     35 
     36 //  * 1. Correct `inline-block` display not defined in IE 8/9.
     37 //  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
     38 audio,
     39 canvas,
     40 progress,
     41 video {
     42   display: inline-block;
     43   vertical-align: baseline;
     44 }
     45 
     46 //  * Prevent modern browsers from displaying `audio` without controls.
     47 //  * Remove excess height in iOS 5 devices.
     48 audio:not([controls]) {
     49   display: none;
     50   height: 0;
     51 }
     52 
     53 //  * Address `[hidden]` styling not present in IE 8/9/10.
     54 //  * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
     55 [hidden],
     56 template {
     57   display: none;
     58 }
     59 
     60 // Links ==========================================================================
     61 //  * Remove the gray background color from active links in IE 10.
     62 a {
     63   background: transparent;
     64   //  * Improve readability when focused and also mouse hovered in all browsers.
     65   &:active,
     66   &:hover {
     67     outline: 0;
     68   }
     69 }
     70 
     71 // Text-level semantics ==========================================================================
     72 
     73 //  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
     74 abbr[title] { border-bottom: 1px dotted; }
     75 
     76 //  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
     77 b,
     78 strong {
     79   font-weight: bold;
     80 }
     81 
     82 //  * Address styling not present in Safari and Chrome.
     83 dfn { font-style: italic; }
     84 
     85 //  * Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome.
     86 h1 {
     87   font-size: 1.2em;
     88   margin: 0.67em 0;
     89 }
     90 
     91 //  * Address styling not present in IE 8/9.
     92 mark {
     93   background: #ff0;
     94   color: #000;
     95 }
     96 
     97 //  * Address inconsistent and variable font size in all browsers.
     98 small { font-size: 80%; }
     99 
    100 //  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
    101 sub,
    102 sup {
    103   font-size: 75%;
    104   line-height: 0;
    105   position: relative;
    106   vertical-align: baseline;
    107 }
    108 
    109 sup { top: -0.5em; }
    110 sub { bottom: -0.25em; }
    111 
    112 // Embedded content ==========================================================================
    113 //  * Remove border when inside `a` element in IE 8/9/10.
    114 img { border: 0; }
    115 
    116 //  * Correct overflow not hidden in IE 9/10/11.
    117 svg:not(:root) { overflow: hidden; }
    118 
    119 // Grouping content ==========================================================================
    120 //  * Address margin not present in IE 8/9 and Safari.
    121 figure { margin: 1em 40px; }
    122 
    123 //  * Address differences between Firefox and other browsers.
    124 hr {
    125   -moz-box-sizing: content-box;
    126   box-sizing: content-box;
    127   height: 0;
    128 }
    129 
    130 //  * Contain overflow in all browsers.
    131 pre { overflow: auto; }
    132 
    133 //  * Address odd `em`-unit font size rendering in all browsers.
    134 code,
    135 kbd,
    136 pre,
    137 samp {
    138   font-family: 'Source Code Pro', monospace, monospace;
    139   font-size: 1em;
    140 }
    141 
    142 // Forms ==========================================================================
    143 //  * Known limitation: by default, Chrome and Safari on OS X allow very limited
    144 //  * styling of `select`, unless a `border` property is set.
    145 
    146 //  * 1. Correct color not being inherited.
    147 //  *    Known issue: affects color of disabled elements.
    148 //  * 2. Correct font properties not being inherited.
    149 //  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
    150 button,
    151 input,
    152 optgroup,
    153 select,
    154 textarea {
    155   color: inherit;
    156   background-color: inherit;
    157   font: inherit;
    158   margin: 0;
    159 }
    160 
    161 //  * Address `overflow` set to `hidden` in IE 8/9/10/11.
    162 button { overflow: visible;}
    163 
    164 //  * Address inconsistent `text-transform` inheritance for `button` and `select`.
    165 //  * All other form control elements do not inherit `text-transform` values.
    166 //  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
    167 //  * Correct `select` style inheritance in Firefox.
    168 button,
    169 select {
    170   text-transform: none;
    171 }
    172 
    173 //  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
    174 //  * 2. Correct inability to style clickable `input` types in iOS.
    175 //  * 3. Improve usability and consistency of cursor style between image-type `input` and others.
    176 button,
    177 html input[type="button"] {
    178   -webkit-appearance: button;
    179   cursor: pointer;
    180 }
    181 
    182 //  * Re-set default cursor for disabled elements.
    183 button[disabled],
    184 html input[disabled] {
    185   cursor: default;
    186 }
    187 
    188 //  * Remove inner padding and border in Firefox 4+.
    189 button
    190 input {
    191   &::-moz-focus-inner {
    192     border: 0;
    193     padding: 0;
    194   }
    195 }
    196 
    197 //  * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
    198 input {
    199   line-height: normal;
    200   &[type="reset"],
    201   &[type="submit"] {
    202     -webkit-appearance: button;
    203     cursor: pointer;
    204   }
    205 
    206   // * It's recommended that you don't attempt to style these elements.
    207   // * Firefox's implementation doesn't respect box-sizing, padding, or width.
    208   // * 1. Address box sizing set to `content-box` in IE 8/9/10.
    209   // * 2. Remove excess padding in IE 8/9/10.
    210   &[type="checkbox"],
    211   &[type="radio"] {
    212     box-sizing: border-box;
    213     padding: 0;
    214   }
    215 
    216   //  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
    217   //  * `font-size` values of the `input`, it causes the cursor style of the
    218   //  * decrement button to change from `default` to `text`.
    219   &[type="number"] {
    220     &::-webkit-inner-spin-button,
    221     &::-webkit-outer-spin-button {
    222       height: auto;
    223     }
    224   }
    225 
    226   // * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
    227   // * 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof).
    228   &[type="search"] {
    229     -webkit-appearance: textfield;
    230     -moz-box-sizing: content-box;
    231     -webkit-box-sizing: content-box;
    232     box-sizing: content-box;
    233 
    234     //  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
    235     //  * Safari (but not Chrome) clips the cancel button when the search input has
    236     //  * padding (and `textfield` appearance).
    237     &::-webkit-search-cancel-button,
    238     &::-webkit-search-decoration {
    239       -webkit-appearance: none;
    240     }
    241   }
    242 
    243 }
    244 
    245 //  * Define consistent border, margin, and padding.
    246 fieldset {
    247   border: 1px solid #c0c0c0;
    248   margin: 0 2px;
    249   padding: 0.35em 0.625em 0.75em;
    250 }
    251 
    252 //  * 1. Correct `color` not being inherited in IE 8/9/10/11.
    253 //  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
    254 legend {
    255   border: 0;
    256   padding: 0;
    257 }
    258 
    259 // * Remove default vertical scrollbar in IE 8/9/10/11.
    260 textarea { overflow: auto; }
    261 
    262 //  * Don't inherit the `font-weight` (applied by a rule above).
    263 //  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
    264 optgroup { font-weight: bold; }
    265 
    266 // Tables ==========================================================================
    267 //  * Remove most spacing between table cells.
    268 table {
    269   border-collapse: collapse;
    270   border-spacing: 0;
    271 }
    272 
    273 td,
    274 th {
    275   padding: 0;
    276   text-align:left
    277 }
    278 
    279 
    280 
    281 
    282 
    283 
    284 
    285 /* Box-Sizing: We are using border-box as this is the most intuitive way for sizing. */
    286 *, ::before, ::after {
    287   box-sizing: border-box;
    288 }
    289 
    290 
    291 
    292 .or- {
    293     /* After page loading, all elements are hidden. This class will be removed by javascript. */
    294     &initial-hidden {
    295         display: none;
    296     }
    297 
    298 }
    299 
    300 .or {
    301     &-table {
    302 
    303         &-sort-value {
    304             display: none;
    305         }
    306     }
    307 }
    308 
    309 
    310 
    311 legend {
    312     font-size: 1.1em;
    313     font-weight: bold;
    314     padding: 0 0.5em; ;
    315 }