]> jfr.im git - z_archive/KronOS.git/blame - public/less/reset.less
Fixing filestructure again
[z_archive/KronOS.git] / public / less / reset.less
CommitLineData
59c06b17
CS
1//
2// Modals
3// Adapted from http://github.com/necolas/normalize.css
4// --------------------------------------------------
5
6
7// Display in IE6-9 and FF3
8// -------------------------
9
10article,
11aside,
12details,
13figcaption,
14figure,
15footer,
16header,
17hgroup,
18nav,
19section {
20 display: block;
21}
22
23// Display block in IE6-9 and FF3
24// -------------------------
25
26audio,
27canvas,
28video {
29 display: inline-block;
30 *display: inline;
31 *zoom: 1;
32}
33
34// Prevents modern browsers from displaying 'audio' without controls
35// -------------------------
36
37audio:not([controls]) {
38 display: none;
39}
40
41// Base settings
42// -------------------------
43
44html {
45 font-size: 100%;
46 -webkit-text-size-adjust: 100%;
47 -ms-text-size-adjust: 100%;
48}
49// Focus states
50a:focus {
51 .tab-focus();
52}
53// Hover & Active
54a:hover,
55a:active {
56 outline: 0;
57}
58
59// Prevents sub and sup affecting line-height in all browsers
60// -------------------------
61
62sub,
63sup {
64 position: relative;
65 font-size: 75%;
66 line-height: 0;
67 vertical-align: baseline;
68}
69sup {
70 top: -0.5em;
71}
72sub {
73 bottom: -0.25em;
74}
75
76// Img border in a's and image quality
77// -------------------------
78
79img {
80 /* Responsive images (ensure images don't scale beyond their parents) */
81 max-width: 100%; /* Part 1: Set a maxium relative to the parent */
82 width: auto\9; /* IE7-8 need help adjusting responsive images */
83 height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
84
85 vertical-align: middle;
86 border: 0;
87 -ms-interpolation-mode: bicubic;
88}
89
90// Prevent max-width from affecting Google Maps
91#map_canvas img {
92 max-width: none;
93}
94
95// Forms
96// -------------------------
97
98// Font size in all browsers, margin changes, misc consistency
99button,
100input,
101select,
102textarea {
103 margin: 0;
104 font-size: 100%;
105 vertical-align: middle;
106}
107button,
108input {
109 *overflow: visible; // Inner spacing ie IE6/7
110 line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
111}
112button::-moz-focus-inner,
113input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
114 padding: 0;
115 border: 0;
116}
117button,
118input[type="button"],
119input[type="reset"],
120input[type="submit"] {
121 cursor: pointer; // Cursors on all buttons applied consistently
122 -webkit-appearance: button; // Style clickable inputs in iOS
123}
124input[type="search"] { // Appearance in Safari/Chrome
125 -webkit-box-sizing: content-box;
126 -moz-box-sizing: content-box;
127 box-sizing: content-box;
128 -webkit-appearance: textfield;
129}
130input[type="search"]::-webkit-search-decoration,
131input[type="search"]::-webkit-search-cancel-button {
132 -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
133}
134textarea {
135 overflow: auto; // Remove vertical scrollbar in IE6-9
136 vertical-align: top; // Readability and alignment cross-browser
137}