| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- /**
- * CSS Reset
- * From Blueprint reset.css
- * http://blueprintcss.googlecode.com
- */
- html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
- body {line-height:1.5;}
- table {border-collapse:separate;border-spacing:0;}
- caption, th, td {text-align:left;font-weight:normal;}
- table, td, th {vertical-align:middle;}
- blockquote:before, blockquote:after, q:before, q:after {content:"";}
- blockquote, q {quotes:"" "";}
- a img {border:none;}
- /**
- * Basic Typography
- */
- body {
- font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
- font-size: 80%;
- color: #222;
- background: #fff;
- margin: 1em 1.5em;
- }
- pre, code {
- margin: 1.5em 0;
- white-space: pre;
- }
- pre, code {
- font: 1em 'andale mono', 'lucida console', monospace;
- line-height:1.5;
- }
- a[href] {
- color: #436976;
- background-color: transparent;
- }
- h1, h2, h3, h4, h5, h6 {
- color: #003a6b;
- background-color: transparent;
- font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
- margin: 0;
- padding-top: 0.5em;
- }
- h1 {
- font-size: 130%;
- margin-bottom: 0.5em;
- border-bottom: 1px solid #fcb100;
- }
- h2 {
- font-size: 120%;
- margin-bottom: 0.5em;
- border-bottom: 1px solid #aaa;
- }
- h3 {
- font-size: 110%;
- margin-bottom: 0.5em;
- text-decoration: underline;
- }
- h4 {
- font-size: 100%;
- font-weight: bold;
- }
- h5 {
- font-size: 100%;
- font-weight: bold;
- }
- h6 {
- font-size: 80%;
- font-weight: bold;
- }
- .olControlAttribution {
- bottom: 5px;
- }
- /**
- * Map Examples Specific
- */
- .smallmap {
- width: 512px;
- height: 256px;
- border: 1px solid #ccc;
- }
- #tags {
- display: none;
- }
- #docs p {
- margin-bottom: 0.5em;
- }
- /* mobile specific */
- @media only screen and (max-width: 600px) {
- body {
- height : 100%;
- margin : 0;
- padding : 0;
- width : 100%;
- }
- #map {
- background : #7391ad;
- width : 100%;
- }
- #map {
- border : 0;
- height : 250px;
- }
- #title {
- font-size : 1.3em;
- line-height : 2em;
- text-indent : 1em;
- margin : 0;
- padding : 0;
- }
- #docs {
- bottom : 0;
- padding : 1em;
- }
- #shortdesc {
- color : #aaa;
- font-size : 0.8em;
- padding : 1em;
- text-align : right;
- }
- #tags {
- display : none;
- }
- }
- @media only screen and (orientation: landscape) and (max-width: 600px) {
- #shortdesc {
- float: right;
- width: 25%;
- }
- #map {
- width: 70%;
- }
- #docs {
- font-size: 12px;
- }
- }
- body {
- -webkit-text-size-adjust: none;
- }
|