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 }