← Back to branch summary

~fougner/+junk/light-django-linaro-theme-new-design

« back to all changes in this revision

Viewing changes to media/css/core-reset.css

  • Committer: Alexander Fougner
  • Date: 2012-03-23 22:38:31 UTC
  • Revision ID: fougner89@gmail.com-20120323223831-voqt77dr44rfslj2
initial commit for porting to new design

Show diffs side-by-side

added added

removed removed

Lines of Context:
media/css/core-reset.css
 
1
@charset "UTF-8";
 
2
/**
 
3
 * Ubuntu Core Front-End Framework
 
4
 *
 
5
 * Reset CSS file part of the Ubuntu Core Framework
 
6
 * 
 
7
 * @project             Ubuntu Core Front-End Framework
 
8
 * @author              Web Team at Canonical Ltd
 
9
 * @copyright   2012 Canonical Ltd
 
10
 */
 
11
 
 
12
/**
 
13
 * Reset
 
14
 *
 
15
 * Resets and default styles for all simple elements
 
16
 *
 
17
 * @section defaults
 
18
 * @see         http://meyerweb.com/eric/tools/css/reset/
 
19
 * @see         http://developer.yahoo.com/yui/3/cssreset/
 
20
 * @see         http://necolas.github.com/normalize.css/
 
21
 */
 
22
 
 
23
html, body, div, span, applet, object, iframe,
 
24
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
25
a, abbr, acronym, address, big, cite, code,
 
26
del, dfn, em, img, ins, kbd, q, s, samp,
 
27
small, strike, strong, sub, sup, tt, var,
 
28
b, u, i, center,
 
29
dl, ol, ul, li,
 
30
form, label, legend,
 
31
table, caption, tbody, tfoot, thead, tr, th, td,
 
32
article, aside, canvas, details, embed, 
 
33
figure, figcaption, footer, header, hgroup, 
 
34
menu, nav, output, ruby, section, summary,
 
35
time, mark, audio, video {
 
36
        margin: 0;
 
37
        padding: 0;
 
38
        border: 0;
 
39
        vertical-align: baseline;
 
40
}
 
41
article, aside, details, figcaption, figure,
 
42
footer, header, hgroup, nav, section { /** Corrects block level element display in older browsers. */
 
43
    display: block;
 
44
}
 
45
audio, canvas, video { /** Corrects inline-block level element display in older browsers. */
 
46
    display: inline-block;
 
47
    *display: inline;
 
48
    *zoom: 1;
 
49
}
 
50
audio:not([controls]) { /** Prevents modern browsers from displaying 'audio' without controls. */
 
51
    display: none;
 
52
}
 
53
[hidden] { /** Styling for 'hidden' attribute not present in IE7/8/9, FF3, S4. */
 
54
    display: none;
 
55
}
 
56
html {
 
57
    font-size: 100%; /** HACK_IE_LTE_7: Corrects text resizing oddly in IE6/7 when body font-size is set using em units. @see http://clagnut.com/blog/348/#c790 */
 
58
    overflow-y: scroll;
 
59
    -webkit-text-size-adjust: 100%; /** HACK_IOS: Prevents text size adjust after orientation change, without disabling user zoom. @see www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
 
60
    -ms-text-size-adjust: 100%;
 
61
}
 
62
body {
 
63
        background: #fff url('../images/background-dots-developer.png');
 
64
        color: #333;
 
65
        font: normal normal 400 93.75%/1.5 "Ubuntu Beta", UbuntuBeta, Ubuntu,"Bitstream Vera Sans", "DejaVu Sans", Tahoma, sans-serif;
 
66
        line-height: 1;
 
67
                -webkit-font-smoothing: antialiased;
 
68
                -moz-font-smoothing: antialiased;
 
69
                -o-font-smoothing: antialiased;
 
70
        font-smoothing: antialiased;
 
71
}
 
72
a:focus {
 
73
    outline: thin dotted;
 
74
}
 
75
a:hover,
 
76
a:active {
 
77
    outline: 0;
 
78
}
 
79
ol, ul {
 
80
        margin-left: 20px;
 
81
        margin-bottom: 1.538em;
 
82
}
 
83
nav ul,
 
84
nav ol {
 
85
    list-style: none;
 
86
    list-style-image: none;
 
87
}
 
88
blockquote, q {
 
89
        quotes: none;
 
90
}
 
91
blockquote {
 
92
        margin: 28px 20px;
 
93
}
 
94
blockquote:before, blockquote:after,
 
95
q:before, q:after {
 
96
        content: "";
 
97
        content: none;
 
98
}
 
99
table {
 
100
        border-collapse: collapse;
 
101
        border-spacing: 0;
 
102
}
 
103
legend {
 
104
    border: 0; /** HACK_IE_LTE_9: Corrects color not being inherited in IE6/7/8/9. */
 
105
    *margin-left: -7px; /* HACK_IE_LTE_7: Corrects alignment displayed oddly in IE6/7. */
 
106
}
 
107
figure {
 
108
    margin: 0;
 
109
}
 
110
svg:not(:root) { /** HACK_IE_9: Corrects overflow displayed oddly in IE 9. */
 
111
    overflow: hidden;
 
112
}
 
113
img {
 
114
    border: 0;
 
115
}
 
116
abbr[title] {
 
117
        border-bottom: 1px dotted;
 
118
        cursor: help;
 
119
}
 
120
button,
 
121
input,
 
122
select,
 
123
textarea {
 
124
    font-size: 100%; /** Corrects font size not being inherited in all browsers. */
 
125
    margin: 0; /** Addresses margins set differently in IE6/7, FF3+, S5, Chrome. */
 
126
    vertical-align: baseline; /** Improves appearance and consistency in all browsers. */
 
127
    *vertical-align: middle;
 
128
}
 
129
button,
 
130
input {
 
131
    line-height: normal; /** HACK_FF_3_4: setting line-height on 'input' using !important in the UA stylesheet. */
 
132
}
 
133
button,
 
134
input[type="button"], 
 
135
input[type="reset"], 
 
136
input[type="submit"] {
 
137
    cursor: pointer; /** Improves usability and consistency of cursor style between image-type 'input' and others. */
 
138
    -webkit-appearance: button; /** HACK_IOS: Corrects inability to style clickable 'input' types. */
 
139
    *overflow: visible;  /** HACK_IE_7: Removes inner spacing without affecting normal text inputs. Known issue: inner spacing remains in IE6. */
 
140
}
 
141
input[type="checkbox"],
 
142
input[type="radio"] {
 
143
    box-sizing: border-box; /** HACK_IE_8_9: Addresses box sizing set to content-box in IE8/9. */
 
144
    padding: 0; /** HACK_IE_8_9: Removes excess padding in IE8/9. */
 
145
}
 
146
input[type="search"] {
 
147
    -webkit-appearance: textfield; /** Addresses appearance set to searchfield in S5, Chrome. */
 
148
    -moz-box-sizing: content-box;
 
149
    -webkit-box-sizing: content-box; /** Addresses box-sizing set to border-box in S5, Chrome. */
 
150
    box-sizing: content-box;
 
151
}
 
152
input[type="search"]::-webkit-search-decoration { /** Removes inner padding that is displayed in S5, Chrome on OS X. */
 
153
    -webkit-appearance: none;
 
154
}
 
155
button::-moz-focus-inner,
 
156
input::-moz-focus-inner { /** HACK_FF_GTE_3: Removes inner padding and border in FF3+. */
 
157
    border: 0;
 
158
    padding: 0;
 
159
}
 
160
textarea {
 
161
    overflow: auto; /** HACK_IE_LTE-_9: Removes default vertical scrollbar in IE6/7/8/9. */
 
162
    vertical-align: top; /** Improves readability and alignment in all browsers. */
 
163
}
 
164
ins {
 
165
        background: #fffbeb;
 
166
        text-decoration: none;
 
167
}
 
168
small {
 
169
    font-size: 75%;
 
170
}
 
171
sub,
 
172
sup { /** Prevents sub and sup affecting line-height in all browsers. @see gist.github.com/413930 */
 
173
    font-size: 75%;
 
174
    line-height: 0;
 
175
    position: relative;
 
176
    vertical-align: baseline;
 
177
}
 
178
sup {
 
179
        vertical-align: text-top;
 
180
}
 
181
sub {
 
182
        vertical-align: text-bottom;
 
183
}
 
184
dfn {
 
185
    font-style: italic;
 
186
}
 
187
mark {
 
188
    background: #ff0;
 
189
    color: #000;
 
190
}
 
191
pre {
 
192
    white-space: pre;
 
193
    white-space: pre-wrap;
 
194
    word-wrap: break-word;
 
195
}
 
 
b'\\ No newline at end of file'