]>
Commit | Line | Data |
---|---|---|
1 | /* | |
2 | ||
3 | CSS for Mocha UI | |
4 | ||
5 | Copyright: | |
6 | Copyright (c) 2007-2008 Greg Houston, <http://greghoustondesign.com/>. | |
7 | ||
8 | License: | |
9 | MIT-style license. | |
10 | ||
11 | Note: | |
12 | If you are adding MochaUI to an existing site, this CSS file may not be necessary. | |
13 | ||
14 | */ | |
15 | ||
16 | ||
17 | /* Reset */ | |
18 | ||
19 | ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; } | |
20 | a img,:link img,:visited img { border: none; } | |
21 | table { border-collapse: collapse; border-spacing: 0; } | |
22 | :focus { outline: none; } | |
23 | ||
24 | /* Structure */ | |
25 | ||
26 | body { | |
27 | text-align: left; | |
28 | font-family: Arial, Helvetica, sans-serif; | |
29 | font-size: 12px; | |
30 | line-height: 18px; | |
31 | color: #3f3f3f; | |
32 | } | |
33 | ||
34 | /* Typography */ | |
35 | ||
36 | h2, h3, h4 { | |
37 | margin: 0; | |
38 | padding: 0 0 5px 0; | |
39 | font-size: 12px; | |
40 | font-weight: bold; | |
41 | } | |
42 | ||
43 | h2 { | |
44 | font-size: 14px; | |
45 | font-weight: bold; | |
46 | } | |
47 | ||
48 | #mochaPage h3 { | |
49 | display: block; | |
50 | font-size: 12px; | |
51 | padding: 6px 0 6px 0; | |
52 | margin: 0 0 8px 0; | |
53 | border-bottom: 1px solid #bbb; | |
54 | } | |
55 | ||
56 | h4 { | |
57 | font-size: 11px; | |
58 | } | |
59 | ||
60 | a { | |
61 | color: #098ED1; | |
62 | text-decoration: none; | |
63 | cursor: pointer; | |
64 | } | |
65 | ||
66 | a:hover { | |
67 | text-decoration: none; | |
68 | } | |
69 | ||
70 | p { | |
71 | margin: 0; | |
72 | padding: 0 0 9px 0; | |
73 | } | |
74 | ||
75 | .lite { | |
76 | color: #999; | |
77 | } | |
78 | ||
79 | /* List Elements */ | |
80 | ||
81 | ul { | |
82 | list-style: outside; | |
83 | margin: 0 0 9px 16px; | |
84 | list-style-type: disc; | |
85 | } | |
86 | ||
87 | dt { | |
88 | font-weight: bold; | |
89 | } | |
90 | ||
91 | dd { | |
92 | padding: 0 0 9px 0; | |
93 | } | |
94 | ||
95 | /* Forms */ | |
96 | ||
97 | textarea, input { | |
98 | font-family: Arial, Helvetica, sans-serif; | |
99 | font-size: 12px; | |
100 | } | |
101 | ||
102 | /* Code */ | |
103 | ||
104 | pre { | |
105 | background-color: #f6f6f6; | |
106 | color: #060; | |
107 | display: block; | |
108 | font-family: 'Courier New', Courier, monospace; | |
109 | font-size: 11px; | |
110 | max-height: 250px; | |
111 | overflow: auto; | |
112 | margin: 0 0 10px 0; | |
113 | padding: 0 10px 10px 10px; | |
114 | border: 1px solid #d1d7dc; | |
115 | } | |
116 | ||
117 | /* Dividers */ | |
118 | ||
119 | hr { | |
120 | background-color: #ddd; | |
121 | color: #ccc; | |
122 | height: 1px; | |
123 | border: 0px; | |
124 | } |