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