From bc5cd13855d9b5880916e0aca2c7ceffc6688083 Mon Sep 17 00:00:00 2001 From: Tim Schaub Date: Sat, 29 Sep 2012 01:17:46 +0200 Subject: [PATCH] Tiny bit of style --- examples/full-screen.html | 8 +++--- examples/side-by-side.html | 6 ++-- examples/side-by-side.js | 2 +- examples/style.css | 56 ++++++++++++++++++++++++++++++++++++++ examples/two-layers.html | 6 ++-- 5 files changed, 69 insertions(+), 9 deletions(-) create mode 100644 examples/style.css diff --git a/examples/full-screen.html b/examples/full-screen.html index a98b3672e2..63e3960801 100644 --- a/examples/full-screen.html +++ b/examples/full-screen.html @@ -2,6 +2,7 @@ + - ol3 side-by-side demo diff --git a/examples/side-by-side.js b/examples/side-by-side.js index c696da15ab..1e84e7febf 100644 --- a/examples/side-by-side.js +++ b/examples/side-by-side.js @@ -24,7 +24,7 @@ var domMap = new ol.Map(document.getElementById('domMap'), { center: new ol.Coordinate(0, 0), layers: new ol.Collection([layer]), renderer: ol.RendererHint.DOM, - zoom: 0 + zoom: 1 }); domMap.getControls().push(new ol.control.MousePosition({ diff --git a/examples/style.css b/examples/style.css new file mode 100644 index 0000000000..fc4956eb66 --- /dev/null +++ b/examples/style.css @@ -0,0 +1,56 @@ +/** + * Basic Typography + */ +body { + font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; + font-size: 85%; + 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 { + color: #436976; + background-color: transparent; +} +h1, h2, h3, h4, h5, h6 { + color: #003a6b; + background-color: transparent; + font: 100% 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; +} diff --git a/examples/two-layers.html b/examples/two-layers.html index cb5c5e323b..cbad57efe9 100644 --- a/examples/two-layers.html +++ b/examples/two-layers.html @@ -1,14 +1,16 @@ + + - ol3 two-layers demo