-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathwf.css
51 lines (47 loc) · 1.51 KB
/
wf.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
/* Handwriting Fonts */
@import url(http://fonts.googleapis.com/css?family=Rock+Salt|Indie+Flower|Coming+Soon);
/* Font Awesome Icons */
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
/* Basic Reset */
*, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; }
/* Wireframe Borders */
[class*='wf'], [class*='wf-child'] > * {
border: 0px solid #aaa;
border-image: url('noise.png') 2 stretch;
}
/* All sides */
.wf, .wf-child > * { border-width: 2px; }
/* Single sides */
.wf-top, .wf-child-top > * { border-top-width: 2px; }
.wf-right, .wf-child-right > * { border-right-width: 2px; }
.wf-bottom, .wf-child-bottom > * { border-bottom-width: 2px; }
.wf-left, .wf-child-left > * { border-left-width: 2px; }
/* Prevent certain elements from using their default border/bg styles */
form, input, textarea, table, button, select, optgroup, option {
font: inherit; color: inherit; background: transparent;
border-image: url('noise.png') 2 stretch;
}
/* General Styles*/
body {
font: bold 91% 'Indie Flower';
color: #fff;
background-color: #111;
background: url('grid-dark.png') fixed;
}
body.light {
color: #333;
background-color: #fff;
background: url('grid-light.png') fixed;
}
a {
text-decoration: none;
color: #fff;
cursor: pointer; /*since all links will be dummy*/
}
body.light a {
color: #333;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Rock Salt';
font-size: 91%;
}