From baede02696b0406639bd7edaee6a25de945ccc8c Mon Sep 17 00:00:00 2001 From: Drew Date: Sat, 21 Feb 2015 15:15:06 +0100 Subject: [PATCH] added some skeleton of styling. - --- index.html | 18 ++++++++++++------ style.css | 22 +++++++++++++++++++--- 2 files changed, 31 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index b4d4e96..d283619 100644 --- a/index.html +++ b/index.html @@ -12,14 +12,20 @@ }); + -

What does Berlin look like for people in a wheelchair?

-

This is a visualization of the Berlin Public Transport System's degree of accessibility. The idea for this comes from the Hamburg initiative Mappable.
- You can find an elaborate How-to here.

+
+

What does Berlin look like for people in a wheelchair?

+

Pull the slider across the image and watch all of the inaccessible subway stations disappear.

+

This is a visualization of the Berlin Public Transport System's degree of accessibility. The idea for this comes from the Hamburg initiative Mappable.
+ You can find an elaborate How-to here.

+
+
+ + +
+
-
- -
diff --git a/style.css b/style.css index 2a471bb..3a1e44d 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,23 @@ -img{ - width:1000px; +/* this is where you can update the colors and styles for this project */ + +#container img { + width:100%; /* width of the whole main container */ } body { - font-family:helvetica; + margin: 20px; /* margin for the entire page */ + font-family:helvetica; /* font for the whole page */ + background: #111; /* background of entire page */ + color:#111 ; /* body text color */ +} +h1,h2,p { + background: #87CEEB; /* color of highlighting */ + padding:10px; /* padding for highlighting */ +} +p { + padding:10px 10px 20px 10px; /* padding for a paragraph */ +} +#container { + width:100%; /* size of the map block */ + margin: 0px auto; /* this line centers the container block */ }