Spaces:
Running
Running
Update style.css
Browse files
style.css
CHANGED
@@ -1,28 +1,96 @@
|
|
1 |
body {
|
2 |
-
|
3 |
-
font-family:
|
|
|
4 |
}
|
5 |
-
|
6 |
-
|
7 |
-
font-size: 16px;
|
8 |
-
margin-top: 0;
|
9 |
}
|
10 |
|
11 |
-
|
12 |
-
color
|
13 |
-
font-size: 15px;
|
14 |
-
margin-bottom: 10px;
|
15 |
-
margin-top: 5px;
|
16 |
}
|
17 |
-
|
18 |
-
|
19 |
-
max-width: 620px;
|
20 |
-
margin: 0 auto;
|
21 |
-
padding: 16px;
|
22 |
-
border: 1px solid lightgray;
|
23 |
-
border-radius: 16px;
|
24 |
}
|
25 |
-
|
26 |
-
|
27 |
-
margin
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
body {
|
2 |
+
color:#373737;
|
3 |
+
font-family:Arial;
|
4 |
+
text-align: center;
|
5 |
}
|
6 |
+
body#home {
|
7 |
+
margin-left:150px;
|
|
|
|
|
8 |
}
|
9 |
|
10 |
+
a {
|
11 |
+
color:#c0ba01;
|
|
|
|
|
|
|
12 |
}
|
13 |
+
a:hover {
|
14 |
+
color:rgb(148, 18, 18);
|
|
|
|
|
|
|
|
|
|
|
15 |
}
|
16 |
+
h2, h3, h4 {
|
17 |
+
white-space:nowrap;
|
18 |
+
margin:1em 0 0 0;
|
19 |
+
}
|
20 |
+
h3 a,
|
21 |
+
h3 a:hover {
|
22 |
+
text-decoration:none;
|
23 |
+
}
|
24 |
+
#desc {
|
25 |
+
/* float: left; */
|
26 |
+
margin-bottom: 1em;
|
27 |
+
position: relative;
|
28 |
+
white-space:nowrap;
|
29 |
+
font-size:1em;
|
30 |
+
}
|
31 |
+
#map {
|
32 |
+
border-radius:.125em;
|
33 |
+
border:2px solid #696969;
|
34 |
+
margin: 4px auto;
|
35 |
+
/* float:left; */
|
36 |
+
width: 95%;
|
37 |
+
min-height: 600px;
|
38 |
+
}
|
39 |
+
ul {
|
40 |
+
font-size:.85em;
|
41 |
+
margin:0;
|
42 |
+
padding:0;
|
43 |
+
}
|
44 |
+
li {
|
45 |
+
margin:0 0 2px 18px;
|
46 |
}
|
47 |
+
#post-it {
|
48 |
+
/* width:9em; */
|
49 |
+
/* height:9em; */
|
50 |
+
margin: 2em;
|
51 |
+
padding:1em;
|
52 |
+
/* float:left; */
|
53 |
+
background:#fbf5bf;
|
54 |
+
border:1px solid #c6bb58;
|
55 |
+
box-shadow: 2px 2px 6px #999;
|
56 |
+
color:#666;
|
57 |
+
}
|
58 |
+
#copy {
|
59 |
+
position:fixed;
|
60 |
+
z-index:1000;
|
61 |
+
right:150px;
|
62 |
+
top:-8px;
|
63 |
+
font-size:.85em;
|
64 |
+
padding:8px 8px 2px 8px;
|
65 |
+
background: #323b44;
|
66 |
+
border: 2px solid #737c85;
|
67 |
+
border-radius:.7em;
|
68 |
+
opacity: 0.9;
|
69 |
+
box-shadow:0 0 8px #5f7182;
|
70 |
+
color:#eee
|
71 |
+
}
|
72 |
+
#copy a {
|
73 |
+
color:#ccc;
|
74 |
+
text-decoration:none
|
75 |
+
}
|
76 |
+
#copy a:hover {
|
77 |
+
color:#fff
|
78 |
+
}
|
79 |
+
#ribbon {
|
80 |
+
position: absolute;
|
81 |
+
top: 0;
|
82 |
+
right: 0;
|
83 |
+
border: 0;
|
84 |
+
filter: alpha(opacity=80);
|
85 |
+
-khtml-opacity: .8;
|
86 |
+
-moz-opacity: .8;
|
87 |
+
opacity: .8;
|
88 |
+
}
|
89 |
+
.contents {
|
90 |
+
float:left;
|
91 |
+
margin:0 2em 2em 0;
|
92 |
+
}
|
93 |
+
#comments {
|
94 |
+
clear:both;
|
95 |
+
}
|
96 |
+
|