archive
/
dundef-viewer
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Move stylesheet into separate file

master
Chris Smith 12 years ago
parent
e3f1742afb
commit
f606427656
2 changed files with 87 additions and 95 deletions
Split View Show Diff Stats
  1. 1
    95
      index.html
  2. 86
    0
      res/style.css

+ 1
- 95
index.html View File 

@@ -184,101 +184,7 @@
184 184 
     getLayout(parseInt(getURLParameter('id')) || 13934);
185 185 
    });
186 186 
   </script>
187 
-  <style type="text/css">
188 
-   body {
189 
-    font-family: sans-serif;
190 
-    margin: 0;
191 
-    padding: 0;
192 
-   }
193 
-
194 
-   #header, #header h1 {
195 
-    margin: 0;
196 
-    padding: 0;
197 
-   }
198 
-
199 
-   #header {
200 
-    padding: 10px 20px;
201 
-    background-image: linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
202 
-    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
203 
-    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
204 
-    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
205 
-    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
206 
-
207 
-    background-image: -webkit-gradient(
208 
-	linear,
209 
-	left bottom,
210 
-	left top,
211 
-	color-stop(0.28, rgb(255,255,255)),
212 
-	color-stop(0.64, rgb(244,245,242))
213 
-    );
214 
-    border-bottom: 1px solid rgb(244, 245, 242);
215 
-   }
216 
-
217 
-   #header img {
218 
-    vertical-align: bottom;
219 
-   }
220 
-
221 
-   #header span {
222 
-    display: inline-block;
223 
-    padding-bottom: 10px;
224 
-    margin-left: 20px;
225 
-    color: #300;
226 
-   }
227 
-
228 
-   #sidebar {
229 
-    float: left;
230 
-    width: 200px;
231 
-    padding: 10px;
232 
-    min-height: 1024px;
233 
-    border-right: 1px solid rgb(244, 245, 242);
234 
-   }
235 
-
236 
-   #sidebar > div {
237 
-    text-align: center;
238 
-    margin-bottom: 20px;
239 
-   }
240 
-
241 
-   h2 {
242 
-    margin: 0;
243 
-    color: #300;
244 
-   }
245 
-
246 
-   #notecontent {
247 
-    width: 100%;
248 
-    height: 300px;
249 
-    max-width: 100%;
250 
-   }
251 
-
252 
-   #palette p {
253 
-    font-size: x-small;
254 
-    margin-top: 0;
255 
-   }
256 
-
257 
-   #stats p {
258 
-    margin: 0;
259 
-    padding: 3px 0;
260 
-   }
261 
-
262 
-   #mapcontainer {
263 
-    position: relative;
264 
-    width: 1024px;
265 
-    height: 1024px;
266 
-    margin-left: 221px;
267 
-   }
268 
-
269 
-   #du_wrapper.over {
270 
-    background-color: #600;
271 
-    color: white;
272 
-   }
273 
-
274 
-   .tower, .core, #palette .tower.monk { width: 40px; height: 40px; }
275 
-   .tower.monk, #palette .tower.monk.ui-draggable-dragging { width: 95px; height: 95px; }
276 
-   .tower.monk { z-index: 97; }
277 
-   .tower.huntress { z-index: 98; }
278 
-   .tower.squire { z-index: 99; }
279 
-   .tower.apprentice { z-index: 100; }
280 
-   body .tower.ui-draggable-dragging { z-index: 101; }
281 
-  </style>
187 
+  <link rel="stylesheet" type="text/css" href="res/style.css">
282 188 
  </head>
283 189 
  <body>
284 190 
   <div id="header">

+ 86
- 0
res/style.css View File 

@@ -0,0 +1,86 @@
1 
+body {
2 
+  font-family: sans-serif;
3 
+  margin: 0;
4 
+  padding: 0;
5 
+}
6 
+
7 
+#header, #header h1 {
8 
+  margin: 0;
9 
+  padding: 0;
10 
+}
11 
+
12 
+#header {
13 
+  padding: 10px 20px;
14 
+  background-image: linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
15 
+  background-image: -o-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
16 
+  background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
17 
+  background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
18 
+  background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(244,245,242) 64%);
19 
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.28, rgb(255,255,255)), color-stop(0.64, rgb(244,245,242)));
20 
+  border-bottom: 1px solid rgb(244, 245, 242);
21 
+}
22 
+
23 
+#header img {
24 
+  vertical-align: bottom;
25 
+}
26 
+
27 
+#header span {
28 
+  display: inline-block;
29 
+  padding-bottom: 10px;
30 
+  margin-left: 20px;
31 
+  color: #300;
32 
+}
33 
+
34 
+#sidebar {
35 
+  float: left;
36 
+  width: 200px;
37 
+  padding: 10px;
38 
+  min-height: 1024px;
39 
+  border-right: 1px solid rgb(244, 245, 242);
40 
+}
41 
+
42 
+#sidebar > div {
43 
+  text-align: center;
44 
+  margin-bottom: 20px;
45 
+}
46 
+
47 
+h2 {
48 
+  margin: 0;
49 
+  color: #300;
50 
+}
51 
+
52 
+#notecontent {
53 
+  width: 100%;
54 
+  height: 300px;
55 
+  max-width: 100%;
56 
+}
57 
+
58 
+#palette p {
59 
+  font-size: x-small;
60 
+  margin-top: 0;
61 
+}
62 
+
63 
+#stats p {
64 
+  margin: 0;
65 
+  padding: 3px 0;
66 
+}
67 
+
68 
+#mapcontainer {
69 
+  position: relative;
70 
+  width: 1024px;
71 
+  height: 1024px;
72 
+  margin-left: 221px;
73 
+}
74 
+
75 
+#du_wrapper.over {
76 
+  background-color: #600;
77 
+  color: white;
78 
+}
79 
+
80 
+.tower, .core, #palette .tower.monk { width: 40px; height: 40px; }
81 
+.tower.monk, #palette .tower.monk.ui-draggable-dragging { width: 95px; height: 95px; }
82 
+.tower.monk { z-index: 97; }
83 
+.tower.huntress { z-index: 98; }
84 
+.tower.squire { z-index: 99; }
85 
+.tower.apprentice { z-index: 100; }
86 
+body .tower.ui-draggable-dragging { z-index: 101; }

Write Preview
Loading…
Cancel
Save