forked from craftyjs/craftyjs.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
global.css
98 lines (85 loc) · 4.06 KB
/
global.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
body, html { padding:0; margin:0; font-family:Helvetica, Arial }
#header { background:url('images/header-bg.png') repeat-x; border-bottom:1px solid #ccc; height:165px; text-align:center }
#header ul { padding:0; margin:10px auto 0 auto; list-style:none; text-align:center }
#header li { display:inline }
#header li a { padding:5px 10px; margin:0 9px; color:#666; text-decoration:none; text-shadow:1px 1px 1px #fff }
#header li a:hover { color:#111 }
#header li a sup { font-size:10px; margin-left:3px; padding:1px 3px; color:#c9330a; }
#header li.emph a { color:#c9330a; font-weight:bold }
#logo { margin:10px 0 }
#inner { width:820px; margin:auto }
#main { width:820px; background:#fff url('images/inner-top.png') repeat-x top; margin:-19px auto 0 auto; min-height:300px; }
#main-left { float:left; width:9px; height:206px; background:url('images/inner-left.png') no-repeat; }
#main-right { float:right; width:9px; height:206px; background:url('images/inner-right.png') no-repeat; }
#content { padding:10px 20px }
#contact {
font-family:Verdana;
font-size:10px;
margin:0 auto 10px auto;
text-align:center;
padding:3px 0
}
#contact a { margin:0 10px; text-decoration:none; color:#c37b25 }
#contact img { border:0; vertical-align:text-top; margin-top:-1px }
h2 { font-family:'Arvo', arial, serif; border-bottom:2px solid #ccc }
a { color:#0084ea; }
a:visited { color:#0084ea; }
a img { border:0 }
var { font-family:Georgia; font-style:normal; margin:5px }
button {
border:1px solid #bac9d4;
background:#d0e8f9 url('images/button.png') repeat-x;
padding:5px 10px;
color:#373f45;
font-size:16px;
border-radius:4px;
}
button:hover {
border:1px solid #373f45;
}
button:active {
top:51px;
right:-1px
}
#footer {
background:#707070 url('images/footer.png') repeat-x;
text-align:center;
padding:10px;
font-size:12px;
color:#ccc;
border-top:1px dotted #111;
margin-top:10px
}
#footer ul { padding:0; margin:0 auto; list-style:none }
#footer li { display:inline }
#footer a { color:#ccc; }
#footer li a { margin:0 10px }
#grid { margin:10px -10px 0 0 }
.box { border:1px solid #ccc; float:left; width:240px; height:150px; margin:-1px 0 0 -1px; padding:10px; text-shadow:1px 1px 1px #fff }
.box h2 { padding:0; margin:0; border:0; font-size:20px; font-family:'Arvo', arial, serif; font-weight:normal }
.browser { background:url('images/grid/browser.png') no-repeat bottom right }
.canvas { background:url('images/grid/canvas.png') no-repeat bottom center }
.sprite { background:url('images/grid/sprites.png') no-repeat bottom right }
.collide { background:url('images/grid/collide.png') no-repeat bottom left }
.clearer { clear:both }
.gridlist { padding:0; margin:0; list-style:none }
.gridlist li { float:left; width:90px; height: 115px; text-align:center }
.gridlist li a span { display:block; font-size:12px }
.gridlist li a img { border:1px solid #ccc }
.gridlist li a:hover img { border:1px solid #9f5600 }
.demo { margin-bottom:30px }
.demo img { float:left; border:1px solid #aaa; margin-right:5px }
.demo p { margin-top:-5px }
#doc-nav { float:left;margin: 25px 40px 0 0; width: 140px; }
#doc-level-one { margin:0; padding:0; list-style:none; font-size:12px }
#doc-level-one li { font-weight:bold; padding:2px 0 }
#doc-level-one li ul { padding-left:20px }
#doc-level-one li ul li { font-weight:normal }
#doc-content { float:left; width:600px }
.doc-top { float:right; font-size:12px; margin-top:10px }
#doc-content dl { background:#eee; padding:10px; font-size:13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#doc-content dt { font-weight:bold; font-family:'Courier New', monospace }
#doc-content dd { margin:0 0 5px 25px }
.doc-block { margin-top:50px }
div.doc-contents ul li {display: inline-block; margin: 0px 15px; min-width: 220px;}
pre code {background-color: whiteSmoke; display: block; padding: 8.5px; margin: -10px 0 18px; line-height: 18px; font-size: 12px; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}