You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
97 lines
1.7 KiB
97 lines
1.7 KiB
* { padding: 0; margin: 0; vertical-align: top; } |
|
|
|
body { |
|
background: url(background.png) repeat-x; |
|
font: 18px/1.5em "proxima-nova", Helvetica, Arial, sans-serif; |
|
} |
|
|
|
a { color: #069; } |
|
a:hover { color: #28b; } |
|
|
|
h2 { |
|
margin-top: 15px; |
|
font: normal 32px "omnes-pro", Helvetica, Arial, sans-serif; |
|
} |
|
|
|
h3 { |
|
margin-left: 30px; |
|
font: normal 26px "omnes-pro", Helvetica, Arial, sans-serif; |
|
color: #666; |
|
} |
|
|
|
p { |
|
margin-top: 10px; |
|
} |
|
|
|
button { |
|
font-size: 18px; |
|
padding: 1px 7px; |
|
} |
|
|
|
input { |
|
font-size: 18px; |
|
} |
|
|
|
input[type=checkbox] { |
|
margin: 7px; |
|
} |
|
|
|
#header { |
|
position: relative; |
|
width: 900px; |
|
margin: auto; |
|
} |
|
|
|
#header h2 { |
|
margin-left: 10px; |
|
vertical-align: middle; |
|
font-size: 42px; |
|
font-weight: bold; |
|
text-decoration: none; |
|
color: #000; |
|
} |
|
|
|
#content { |
|
width: 880px; |
|
margin: 0 auto; |
|
padding: 10px; |
|
} |
|
|
|
#footer { |
|
margin-top: 25px; |
|
margin-bottom: 10px; |
|
text-align: center; |
|
font-size: 12px; |
|
color: #999; |
|
} |
|
|
|
.demo-container { |
|
box-sizing: border-box; |
|
width: 850px; |
|
height: 450px; |
|
padding: 20px 15px 15px 15px; |
|
margin: 15px auto 30px auto; |
|
border: 1px solid #ddd; |
|
background: #fff; |
|
background: linear-gradient(#f6f6f6 0, #fff 50px); |
|
background: -o-linear-gradient(#f6f6f6 0, #fff 50px); |
|
background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); |
|
background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); |
|
background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); |
|
box-shadow: 0 3px 10px rgba(0,0,0,0.15); |
|
-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1); |
|
-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1); |
|
-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); |
|
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); |
|
} |
|
|
|
.demo-placeholder { |
|
width: 100%; |
|
height: 100%; |
|
font-size: 14px; |
|
line-height: 1.2em; |
|
} |
|
|
|
.legend table { |
|
border-spacing: 5px; |
|
} |