files/html/old/test/main.css

Plain text | Download

1.  
2. /*
3.  * Global tags
4.  */
5.  
6. body, input, select, textarea {
7.     font-family: sans-serif;
8.     font-size: 11pt;
9. }
10.  
11. html, body {
12.     margin: 0;
13.     padding: 0;
14.     height: 100%;
15.     width: 100%;
16. }
17.  
18. body {
19.     background: #eef;
20.     overflow: auto;
21. }
22.  
23. a {
24.     color: #556;
25. }
26.  
27. a:hover {
28.     color: #000;
29. }
30.  
31. code, pre {
32.     background: #eee;
33.     font-family: monospace;
34.     font-size: 0.9em;
35.     line-height: 1.1em;
36.     border: 1px solid #ddd;
37. }
38.  
39. h1, h2, h3 {
40.     margin: 1.2em 0 0.8em 0;
41.     padding: 0;
42. }
43.  
44. h1, h2, h3,
45. h1 a, h2 a, h3 a {
46.     color: #246;
47. }
48.  
49. h1 {
50.     font-size: 1.6em;
51. }
52.  
53. h2 {
54.     font-size: 1.4em;
55. }
56.  
57. h3 {
58.     font-size: 1.2em;
59. }
60.  
61. /*
62.  * Layout
63.  */
64.  
65. #wrapper {
66.     background: #fff;
67.     width: 40em;
68.     margin: 0 auto;
69.     padding: 0 3em;
70.     border-left: 2px solid #ccd;
71.     border-right: 2px solid #ccd;
72.     min-height: 100%;
73. }
74.  
75. #heading {
76.     padding-top: 2em;
77.     border-bottom: 1px solid #ccd;
78. }
79.  
80. #heading h1 {
81.     font-size: 1.8em;
82.     padding-bottom: 0.3em;
83.     margin: 0;
84. }
85.  
86. #heading h1 a {
87.     text-decoration: none;
88. }
89.  
90. #menu {
91.     line-height: 1.2em;
92.     height: 1.6em;
93.     border-bottom: 1px solid #ccd;
94.     margin-bottom: 2em;
95. }
96.  
97. #menu ul, #menu ol, #menu li {
98.     margin: 0;
99.     padding: 0;
100.     list-style: none;
101. }
102.  
103. #menu li {
104.     float: left;
105. }
106.  
107. #menu li a {
108.     color: #346;
109.     padding: 0.2em 0.4em;
110.     text-decoration: none;
111.     display: block;
112. }
113.  
114. #menu li a:hover {
115.     color: #123;
116.     background: #dde;
117. }
118.  
119. #menu ol ul {
120.     display: none;
121. }
122.  
123. #content {
124. }
125.  
126. #footer {
127.     font-size: 0.8em;
128.     margin-top: 4em;
129.     padding: 1em 0 2em 0;
130.     border-top: 1px solid #ccd;
131. }
132.