files/html/old/blackwhitesimple/backup.css

Plain text | Download

1.  
2. html, body, textarea, input, select {
3.     font-family: sans-serif;
4.     font-size: 10pt;
5.     color: #000000;
6. }
7.  
8. html, body {
9.     padding: 0;
10.     margin: 0;
11. }
12.  
13. body {
14.     background: #fefefe;
15. }
16.  
17. a {
18.     color: #000;
19.     text-decoration: none;
20. }
21.  
22. h1 {
23.     font-size: 2em;
24.     margin: 1em 0;
25.     padding: 0;
26. }
27.  
28. h2 {
29.     background: #444;
30.     color: #f5f5f5;
31.     font-size: 1.4em;
32.     font-weight: bold;
33.     margin: 0.6em 0;
34.     padding: 0.2em 0;
35. }
36.  
37. h2 .blog-date {
38.     float: right;
39.     font-size: 0.7em;
40.     display: block;
41.     padding: 0.3em; 0;
42. }
43.  
44. #wrapper {
45.     margin: 3em;
46. }
47.  
48. #content {
49.     padding: 1em 15em 1em 0.5em;
50.     line-height: 1.7em;
51. }
52.  
53. #content h1 a, #content h1 a:hover,
54. #content h2 a, #content h2 a:hover,
55. #content h3 a, #content h3 a:hover {
56.     background: inherit;
57.     color: inherit;
58.     text-decoration: none;
59. }
60.  
61. #content a {
62.     color: #25518e;
63.     text-decoration: underline;
64. }
65.  
66. #content a:hover {
67.     color: #000;
68.     background: #cdd8e7;
69.     text-decoration: none;
70. }
71.  
72. #heading {
73.     background: #fff url(top.jpg) repeat-x;
74.     height: 100px;
75.     margin-bottom: -55px;
76. }
77.  
78. #heading h1 {
79.     color: #f5f5f5;
80.     font-size: 30px;
81.     margin: 0;
82.     padding: 10px;
83. }
84.  
85. #heading h1 a {
86.     color: inherit;
87.     font-style: italic;
88. }
89.  
90. #menu a {
91.     color: #fff;
92.     text-decoration: none;
93.     display: block;
94.     padding: 0.3em 0.7em;
95. }
96.  
97. #menu a:hover {
98.     color: #becde3;
99. }
100.  
101. #menu ol,
102. #menu ul {
103.     margin: 0;
104.     padding: 0;
105.     list-style: none;
106. }
107.  
108. #menu ol {
109.     height: 1.8em;
110.     padding-top: 0.2em;
111.     overflow: visible;
112.     position: relative;
113. }
114.  
115. #menu ol li {
116.     float: left;
117. }
118.  
119. #menu ul {
120.     background: #555;
121.     display: none;
122.     padding-bottom: 0.5em;
123.     margin-left: 0.3em;
124.     border-bottom: 2px solid #333;
125.     position: absolute;
126.     top: 1.8em;
127. }
128.  
129. #menu ul li {
130.     float: none;
131.     width: 8em;
132. }
133.  
134. #menu ul li a {
135.     padding-left: 0.4em;
136. }
137.  
138. #menu ol li:hover ul {
139.     display: block;
140. }
141.  
142. #sidebar {
143.     position: absolute;
144.     top: 130px;
145. }
146.  
147. #sidebar {
148.     width: 12em;
149.     padding: 1em 0 1em 3em;
150.     right: 3em;
151. }
152.  
153. #sidebar h2 {
154.     background: transparent;
155.     color: #000;
156.     margin: 0.5em 0;
157.     padding: 0;
158.     font-size: 1.2em;
159. }
160.  
161. #sidebar ul {
162.     padding: 0;
163.     margin: 0;
164.     list-style: none;
165.     font-size: 0.9em;
166. }
167.  
168. #sidebar ul a {
169.     color: #333;
170.     margin: 0.2em 0;
171.     padding: 0.2em;
172.     display: block;
173. }
174.  
175. #sidebar ul a:hover {
176.     background: #cdd8e7;
177.     color: #000;
178. }
179.  
180. #footer {
181.     border-top: 3px solid #333;
182.     padding: 0.3em 0;
183. }
184.  
185. #footer img {
186.     display: none;
187. }
188.