diff options
-rw-r--r-- | css/intro.css | 68 | ||||
-rw-r--r-- | index.html | 4 |
2 files changed, 30 insertions, 42 deletions
diff --git a/css/intro.css b/css/intro.css index c0e4e90..62c78f6 100644 --- a/css/intro.css +++ b/css/intro.css @@ -1,8 +1,7 @@ body { - width: 60%; - padding-left: 15%; +padding-left:15%; +width:60%; } - #header { background-color:transparent; height:140px; @@ -19,71 +18,60 @@ height:120px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; --webkit-border-bottom-left-radius:5px; --webkit-border-bottom-right-radius:5px; --webkit-border-top-left-radius:5px; --webkit-border-top-right-radius:5px; background-color:#EEF7FB; border:1px solid black; bottom:0; position:absolute; -width:100%; +width:95%; } #header ul li { display:inline; list-style-type:none; padding:5px; } - #header ul li a { text-decoration:none; } - #intro { - width: 100%; - float: left; - padding-top: 40px; +float:left; +padding-top:40px; +width:100%; } - #introText { - display: inline; - width: 60%; - float: left; +display:inline; +float:left; +width:70%; } - #introText a { - text-decoration: none; +text-decoration:none; } - #monkeyHolder { - display: inline; - width: 20%; - float: left; +display:inline; +float:right; +width:20%; } - #demos { - width: 100%; - float: left; +float:left; +width:100%; +} +#demos #imgs { +margin-left:auto; +margin-right:auto; +width:95%; } - #demos img { -border:1px solid black; -padding-left:10px; -padding-right:10px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; --webkit-border-bottom-left-radius:5px; --webkit-border-bottom-right-radius:5px; --webkit-border-top-left-radius:5px; --webkit-border-top-right-radius:5px; -margin: 10px; +border:1px solid black; +margin:10px; +padding-left:10px; +padding-right:10px; } - #footer { - padding-top: 50px; - font-size: smaller; - width: 100%; - float: left; +float:left; +font-size:smaller; +padding-top:50px; +width:100%; }
\ No newline at end of file @@ -26,7 +26,7 @@ The <strong><a href="http://karmaeducation.org">Karma Project</a></strong> aims to create high-quality open-source educational software using openweb technologies. <br /><br /> - <a href="http://git.sugarlabs.org/projects/karma/repos/mainline/blobs/raw/5f93619d5dc78c6fbd9251064f95aa82a25eab70/js/karma.js">karma.js</a> is a javascript library for manipulating html5 and SVG. + <a href="http://git.sugarlabs.org/projects/karma/repos/mainline/blobs/raw/5f93619d5dc78c6fbd9251064f95aa82a25eab70/js/karma.js">karma.js</a> is a javascript library for manipulating <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">HTML 5</a> and <a href="http://wiki.svg.org/">SVG</a>. </div> <div id="monkeyHolder"> <img src="assets/images/happyChimp120x125.png" alt="image of chimp"></img> @@ -34,7 +34,7 @@ </div> <div id="demos"> <div>Try out the demos</div> - <div> + <div id="imgs"> <a href="examples/adding_up_to_10_svg/index.html"> <img src="assets/images/adding_up134x100.png" alt="adding up to 10" /> </a> |