1/* =Global 2----------------------------------------------- */ 3 4body, 5button, 6input, 7select, 8textarea { 9 color: @ini_background; 10 font-family: Montserrat, sans-serif; 11 font-size: 16px; 12 line-height: 1.5; 13 border-width: 3px; 14} 15body.custom-background-size { 16 background-position: 0 0 !important; 17 background-repeat: no-repeat !important; 18 background-attachment: fixed !important; 19 -webkit-background-size: cover !important; 20 -moz-background-size: cover !important; 21 background-size: cover !important; 22} 23 24/* Links */ 25a { 26 text-decoration: none!important; 27} 28a.urlextern { 29 background-image: none!important; 30 padding: 0px!important; 31} 32 33/* Headings */ 34h1, 35h2, 36h3, 37h4, 38h5, 39h6 { 40 clear: left; 41 margin: 0 0 20px; 42 color: @ini_text_alt; 43} 44h1 { 45 font-size: 32px; 46 line-height: 1.2; 47} 48h2 { 49 font-size: 24px; 50 line-height: 1.3; 51} 52h3 { 53 font-size: 22px; 54 line-height: 1.4; 55} 56h4 { 57 font-size: 18px; 58} 59h5 { 60 font-size: 16px; 61} 62h6 { 63 font-size: 14px; 64} 65hr { 66 background-color: @ini_background_alt; 67 border: 0; 68 height: 5px; 69 margin-bottom: 20px; 70} 71 72/* Text elements */ 73p { 74 margin-bottom: 20px; 75} 76ul, 77ol { 78 margin: 0 0 20px 0; 79} 80ul { 81 list-style: disc inside; 82} 83ol { 84 list-style: decimal inside; 85} 86li > ul, 87li > ol { 88 margin-bottom: 0; 89 margin-left: 20px; 90} 91li .li { 92 display: inline; 93} 94dt { 95 font-weight: bold; 96} 97dd { 98 margin: 0 20px 20px; 99} 100dl.code dd, 101dl.file dd { 102 margin-left: 0; 103} 104b, 105strong { 106 font-weight: bold; 107} 108dfn, 109cite, 110em, 111i { 112 font-style: italic; 113} 114cite { 115 color: @ini_theme_color; 116} 117blockquote { 118 padding: 0 0 0 20px; 119 border-left: 15px double @ini_background_alt; 120} 121blockquote > div.no { 122 display: block; 123 margin-bottom: 20px; 124} 125address { 126 margin: 0 0 20px; 127} 128pre { 129 overflow: auto; 130 padding: 20px; 131 margin-bottom: 20px; 132 max-width: 100%; 133 background: @ini_background_alt; 134 font: 15px/1.6 "Courier 10 Pitch", Courier, monospace; 135 direction: ltr; 136 unicode-bidi: bidi-override; 137 text-align: left; 138} 139code, 140kbd, 141tt, 142var { 143 font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 144} 145abbr, 146acronym { 147 border-bottom: 1px dotted; 148 cursor: help; 149 text-decoration: none; 150} 151mark, 152ins { 153 padding: 0 5px; 154 background: @ini_theme_color; 155 color: @ini_background; 156 text-decoration: none; 157} 158sup, 159sub { 160 font-size: 75%; 161 height: 0; 162 line-height: 0; 163 position: relative; 164 vertical-align: baseline; 165} 166sup { 167 bottom: 1ex; 168} 169sub { 170 top: .5ex; 171} 172small { 173 font-size: 75%; 174} 175big { 176 font-size: 125%; 177} 178figure { 179 margin: 0; 180} 181table { 182 margin: 0 0 20px; 183 width: 100%; 184 background: @ini_background_alt; 185} 186div.table { 187 overflow-x: auto; 188 margin-bottom: 20px; 189} 190div.table table { 191 margin-bottom: 0; 192} 193th { 194 background: @ini_background_neu; 195 font-weight: bold; 196} 197th, 198td { 199 padding: 10px; 200 border-bottom: 1px solid @ini_background_neu; 201} 202tr:last-of-type td { 203 border-bottom: none; 204} 205img { 206 margin: auto; 207 height: auto; /* Make sure images are scaled correctly. */ 208 max-width: 100%; /* Adhere to container width. */ 209} 210 211/* Video */ 212embed, 213iframe, 214object, 215video { 216 display: block; 217 max-width: 100%; 218 margin-bottom: 20px; 219} 220 221/* Forms */ 222button, 223input, 224select, 225textarea { 226 font-size: 100%; /* Corrects font size not being inherited in all browsers */ 227 margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 228 vertical-align: baseline; /* Improves appearance and consistency in all browsers */ 229 *vertical-align: middle; /* Improves appearance and consistency in all browsers */ 230} 231button, 232input { 233 line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 234} 235select { 236 width: 100%; 237 color: @ini_text_alt; 238} 239button, 240html input[type="button"], 241input[type="reset"], 242input[type="submit"] { 243 padding: 10px 20px; 244 border: none; 245 background: @ini_theme_color; 246 color: @ini_background; 247 font-size: 14px; 248 line-height: 1.5; 249 font-weight: bold; 250 text-transform: uppercase; 251 cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ 252 -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ 253 -webkit-box-sizing: border-box; 254 -moz-box-sizing: border-box; 255 box-sizing: border-box; 256} 257button:hover, 258html input[type="button"]:hover, 259input[type="reset"]:hover, 260input[type="submit"]:hover, 261button:focus, 262html input[type="button"]:focus, 263input[type="reset"]:focus, 264input[type="submit"]:focus, 265button:active, 266html input[type="button"]:active, 267input[type="reset"]:active, 268input[type="submit"]:active { 269 background: @ini_theme_color_alt; 270} 271input[type="checkbox"], 272input[type="radio"] { 273 box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ 274 padding: 0; /* Addresses excess padding in IE8/9 */ 275} 276input[type="search"] { 277 -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ 278 -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ 279 -moz-box-sizing: content-box; 280 box-sizing: content-box; 281} 282input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 283 -webkit-appearance: none; 284} 285button::-moz-focus-inner, 286input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ 287 border: 0; 288 padding: 0; 289} 290input[type="text"], 291input[type="url"], 292input[type="email"], 293input[type="password"], 294input[type="search"], 295textarea { 296 width: 100%; 297 height: 40px; 298 padding: 5px 10px; 299 background: transparent; 300 color: @ini_text; 301 border: 5px solid @ini_background_alt; 302 font-size: 14px; 303 line-height: 1.43; 304 -webkit-box-sizing: border-box; 305 -moz-box-sizing: border-box; 306 box-sizing: border-box; 307 -webkit-appearance: none; 308} 309input[type="text"]:focus, 310input[type="url"]:focus, 311input[type="email"]:focus, 312input[type="password"]:focus, 313input[type="search"]:focus, 314textarea:focus { 315 outline: none; 316 border-color: @ini_background_neu; 317} 318textarea { 319 overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ 320 vertical-align: top; /* Improves readability and alignment in all browsers */ 321 height: auto; 322} 323::-webkit-input-placeholder { 324 color: @ini_text; 325} 326:-moz-placeholder { 327 color: @ini_text; 328} 329::-moz-placeholder { 330 color: @ini_text; 331} 332:-ms-input-placeholder { 333 color: @ini_text; 334} 335 336button, 337input[type="button"], 338input[type="reset"], 339input[type="submit"], 340input[type="text"], 341input[type="url"], 342input[type="email"], 343input[type="password"], 344input[type="search"], 345textarea { 346 -webkit-border-radius: 20px; 347 -moz-border-radius: 20px; 348 border-radius: 20px; 349} 350 351/* Links */ 352a { 353 color: @ini_theme_color; 354} 355a:hover, 356a:focus, 357a:active { 358 color: @ini_theme_color_alt; 359} 360 361/* Transition */ 362a:not(#writr__sidebar-toggle), 363input, 364.site-title a, 365.site-info a, 366.main-navigation a { 367 -webkit-transition: all 0.25s ease-in-out; 368 -moz-transition: all 0.25s ease-in-out; 369 -ms-transition: all 0.25s ease-in-out; 370 -o-transition: all 0.25s ease-in-out; 371 transition: all 0.25s ease-in-out; 372} 373 374/* Alignment */ 375.medialeft { 376 display: inline; 377 float: left; 378 margin: 0 20px 20px 0; 379} 380.mediaright { 381 display: inline; 382 float: right; 383 margin: 0 0 20px 20px; 384} 385.mediacenter { 386 clear: both; 387 display: block; 388 margin: 0 auto 20px auto; 389} 390 391/* Clearing */ 392.clear:before, 393.clear:after, 394.site-header:before, 395.site-header:after, 396.site-content:before, 397.site-content:after, 398.site-footer:before, 399.site-footer:after, 400.widget:before, 401.widget:after { 402 content: ''; 403 display: table; 404} 405 406.clear:after, 407.site-header:after, 408.site-content:after, 409.site-footer:after, 410.widget:after { 411 clear: both; 412} 413