ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Tiny bit of style

Browse Source
This commit is contained in:
Tim Schaub
2012-09-29 01:17:46 +02:00
parent c24e520961
commit bc5cd13855
5 changed files with 69 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/full-screen.html
+4 -4
View File
@@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<link rel="stylesheet" href="style.css" type="text/css">
<style type="text/css"> <style type="text/css">
html, body, #map { html, body, #map {
margin: 0; margin: 0;
@@ -11,7 +12,6 @@
} }
.overlay { .overlay {
display: none; display: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
} }
.ol-overlaycontainer .overlay { .ol-overlaycontainer .overlay {
@@ -29,10 +29,10 @@
margin-left: -107px; margin-left: -107px;
margin-bottom: 12px; margin-bottom: 12px;
} }
/* Popup CSS generated with http://cssarrowplease.com/ */ /* Popup CSS generated with http://cssarrowplease.com/ */
.arrow_box { .arrow_box {
position: relative; position: relative;
background: #88b7d5; background: #88b7d5;
examples/side-by-side.html
+4 -2
View File
@@ -1,14 +1,16 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="../css/ol.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<style type="text/css"> <style type="text/css">
.map { .map {
width: 400px; width: 400px;
height: 400px; height: 400px;
border: thin solid; border: thin solid #cccccc;
margin: 1em;
} }
</style> </style>
<link rel="stylesheet" href="../css/ol.css" type="text/css">
<title>ol3 side-by-side demo</title> <title>ol3 side-by-side demo</title>
</head> </head>
<body> <body>
examples/side-by-side.js
+1 -1
View File
@@ -24,7 +24,7 @@ var domMap = new ol.Map(document.getElementById('domMap'), {
center: new ol.Coordinate(0, 0), center: new ol.Coordinate(0, 0),
layers: new ol.Collection([layer]), layers: new ol.Collection([layer]),
renderer: ol.RendererHint.DOM, renderer: ol.RendererHint.DOM,
zoom: 0 zoom: 1
}); });
domMap.getControls().push(new ol.control.MousePosition({ domMap.getControls().push(new ol.control.MousePosition({
examples/style.css
+56
View File
@@ -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;
}
examples/two-layers.html
+4 -2
View File
@@ -1,14 +1,16 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="../../css/ol.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<style type="text/css"> <style type="text/css">
.map { .map {
width: 400px; width: 400px;
height: 400px; height: 400px;
border: thin solid; border: thin solid #cccccc;
margin: 1em;
} }
</style> </style>
<link rel="stylesheet" href="../../css/ol.css" type="text/css">
<title>ol3 two-layers demo</title> <title>ol3 two-layers demo</title>
</head> </head>
<body> <body>