diff options
| author | Thomas Park <thomas@thomaspark.me> | 2012-02-18 17:28:49 -0500 |
|---|---|---|
| committer | Thomas Park <thomas@thomaspark.me> | 2012-02-18 17:28:49 -0500 |
| commit | 9aa9d2f501214ccda0fac86bc8fc89e0de54141b (patch) | |
| tree | 77001071f59cae2b4aab93e7c88750f92f5833ea | |
| parent | 5ebb528b56c3a677c323c364c1751239ec6aa657 (diff) | |
moved css to external stylesheet
| -rw-r--r-- | css/bootswatch.css | 67 | ||||
| -rw-r--r-- | index.html | 77 |
2 files changed, 69 insertions, 75 deletions
diff --git a/css/bootswatch.css b/css/bootswatch.css new file mode 100644 index 00000000..f0fcc2a3 --- /dev/null +++ b/css/bootswatch.css @@ -0,0 +1,67 @@ +body { + padding-top: 60px; + padding-bottom: 30px; +} + +.alert a { + font-weight: bold; + text-decoration: underline; +} + +.alert p { + margin: 0; +} + +.hero-unit, .thumbnail { + background-color: #eee; +} + +.hero-unit h1, .hero-unit p { + text-align: center; + margin-bottom: 15px; +} + +#social { + margin-top: 45px; +} + +.twitter-follow-button { + width: 80px !important; +} + +.about { + margin-top: 50px; +} + +.about h3 { + margin: 0 0 5px 35px; +} + +.about img { + float: left; + opacity: 0.8; +} + +#swatches { + margin: 60px 0 45px 0; + padding-right: 20px; + text-align: center; +} + + +.thumbnail { + max-width: 300px; +} + + +.thumbnail img { + border: 1px solid #DDD; + margin-top: 5px; + width: 290px; + height: 200px; +} + +.thumbnail .btn-toolbar { + text-align: right; +} +
\ No newline at end of file @@ -11,76 +11,7 @@ <!-- Le styles --> <link href="css/bootstrap.css" rel="stylesheet"> - <style type="text/css"> - - body { - padding-top: 60px; - padding-bottom: 30px; - } - - .alert a { - font-weight: bold; - text-decoration: underline; - } - - .alert p { - margin: 0; - } - - .hero-unit, .thumbnail { - background-color: #eee; - } - - .hero-unit h1, .hero-unit p { - text-align: center; - margin-bottom: 15px; - } - - #social { - margin-top: 45px; - } - - .twitter-follow-button { - width: 80px !important; - } - - .about { - margin-top: 50px; - } - - .about h3 { - margin: 0 0 5px 35px; - } - - .about img { - float: left; - opacity: 0.8; - } - - #swatches { - margin: 60px 0 45px 0; - padding-right: 20px; - text-align: center; - } - - - .thumbnail { - max-width: 300px; - } - - - .thumbnail img { - border: 1px solid #DDD; - margin-top: 5px; - width: 290px; - height: 200px; - } - - .thumbnail .btn-toolbar { - text-align: right; - } - - </style> + <link href="css/bootswatch.css" rel="stylesheet"> <script type="text/javascript"> @@ -97,11 +28,10 @@ })(); </script> - + </head> <body> - <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> @@ -145,11 +75,8 @@ <p><strong>14 Feb:</strong> Visit the <a target="_blank" onclick="pageTracker._link(this.href); return false;" href=" http://thomaspark.me/2012/02/introducing-bootswatch/">blog post</a> that discusses Bootswatch in more detail.</p> - </div> - - <!-- Main hero unit for a primary marketing message or call to action --> <div class="hero-unit"> <h1>Bootswatch</h1> |