-
Notifications
You must be signed in to change notification settings - Fork 0
/
minireset.css
70 lines (70 loc) · 2.32 KB
/
minireset.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
@import url(http://fonts.googleapis.com/css?family=Economica:400,700);
/* === mini reset === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1}
ol, ul {list-style: disc inside none;}
html, body, div, form, fieldset, legend, label {margin: 0; padding: 0}
table {border-collapse: collapse; border-spacing: 0}
th, td {text-align: left; vertical-align: top}
h1, h2, h3, h4, h5, h6, th, td, caption {font-weight:normal}
img {border: 0}
input:hover {outline: 0}
input:active {outline: 0}
/* === clearing floats === */
/* clear floated elements */
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
overflow: hidden;
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* === layout === */
/* basic html */
body {background: @color8; color: @color9; padding: 0 0 40px}
/* headings */
h1 {font-size: 2.0em}
h2 {font-size: 1.5em}
h3 {font-size: 1.4em}
h4 {font-size: 1.3em}
h5 {font-size: 1.2em}
h6 {font-size: 1.1em}
/* boxes */
.box {
background:#444;
margin-bottom:20px;
padding:10px 10px 1px 10px;
}
/* menus */
ul.menu {list-style:none; padding: .5em; border-top:1px solid #555; width: 10em; background: #444}
ul.menu li {margin:0; padding-left: 1em; padding-right: 1em}
ul.menu li {margin:0; padding-left: 1em; padding-right: 1em}
ul.menu li a {display:block; padding: .5em; border-bottom:1px solid #555}
ul.menu li a:active {background:#555}
/* submenus */
ul.menu ul {list-style:none; margin:0}
ul.menu ul li a {padding-left:30px}