From 34d6222c14cfc978e264be9851cd43186dbb32ff Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Wed, 11 Jul 2012 01:02:52 -0400 Subject: index: cleanup --- css/bootswatch.css | 44 +- index.html | 1211 ++++++++++++++++++++++++---------------------------- 2 files changed, 574 insertions(+), 681 deletions(-) diff --git a/css/bootswatch.css b/css/bootswatch.css index 08c0aed5..c0a67339 100644 --- a/css/bootswatch.css +++ b/css/bootswatch.css @@ -81,13 +81,15 @@ body { } .thumbnail { + margin-bottom: 20px; background-color: #eee; } .thumbnail img { - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; + width: 100%; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; } .thumbnail .label { @@ -98,10 +100,6 @@ body { text-align: right; } -.thumbnail .btn-group { - margin-top: 10px; -} - .modal .label { vertical-align: text-top; } @@ -109,21 +107,9 @@ body { /* Landscape phones and down */ @media (max-width: 480px) { - body, .navbar { - margin: 0; - } - - body { - padding: 0; - } - - .container { - padding: 20px; - } - .hero-unit { - padding: 40px 20px 80px; - margin-bottom: 20px; + padding: 40px 20px 10px; + margin: 0 0 20px; } .hero-unit h1 { @@ -147,26 +133,15 @@ body { .about h3 { margin-top: 20px; } - } /* Landscape phone to portrait tablet */ -@media (max-width: 767px) { +@media (min-width: 481px) and (max-width: 767px) { .hero-unit { margin-top: 0; - padding-bottom: 80px; - } - - .thumbnails > li { - float: none; - margin-left: 0; + padding-bottom: 60px; } - - .thumbnail img { - width: 100%; - } - } /* Portrait tablet to landscape and desktop */ @@ -179,7 +154,6 @@ body { .thumbnail .btn { font-size: 11px; } - } /* Large desktop */ diff --git a/index.html b/index.html index d65a8b07..d9819f1f 100644 --- a/index.html +++ b/index.html @@ -1,702 +1,621 @@ - - + + - Bootswatch: Free themes for Twitter Bootstrap + Bootswatch: Free themes for Twitter Bootstrap - - + + - - - - + + + + + + + + + +
+ + +
+

Bootswatch

+

 

+ +
+
+ + +
+ +
+ RSS +
+
+
+ + +
+
+ +

Easy to Install

+

Simply download the CSS file and replace the one in Bootstrap. No messing around with hex values.

+
+
+ +

Open Source

+

Licensed under Apache 2.0 and maintained by the community on GitHub.

+
+
+ +

Tuned for 2.0.4

+

Swatches are built for and tested with the latest version of Bootstrap. Older versions are also available for download.

+
+
+ +
+
+ +

Modular

+

Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.

+
+
+ +

Get Plugged In

+

An API is available for integrating your platform with Bootswatch.

+
+
+ +

Stay Updated

+

Be notified when new swatches are released by subscribing via RSS feed, email, or Tumblr.

+
+
- - - - - - -
- - -
-

Bootswatch

-

 

- -
-
- - -
- -
- RSS -
-
-
- - -
-
- -

Easy to Install

-

Simply download or hotlink to a CSS file and replace the one in Bootstrap. No messing around with hex values.

-
-
- -

Open Source

-

Licensed under Apache 2.0 and maintained by the community on GitHub.

-
-
- -

Tuned for 2.0.4

-

Swatches are built for and tested with the latest version of Bootstrap. Older versions are also available for download.

-
-
-
-
- -

Modular

-

Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.

-
-
- -

Get Plugged In

-

An API is available for integrating your platform with Bootswatch.

-
-
- -

Stay Updated

-

Be notified when new swatches are released by subscribing via RSS feed, email, or Tumblr.

-
-
- - - -
-
-

Gallery

-
+ +
+ -
- - - -
  • -
    - -
    -

    Spacelab

    -

    Silvery and sleek.

    -
  • - - - -
  • -
    - -
    -

    Spruce

    -

    Camping in the woods.

    -
  • - - -
  • -
    - -
    -

    Superhero

    -

    Batman meets... Aquaman?

    -
  • - - -
  • -
    - -
    -

    United

    -

    Ubuntu orange and unique font.

    -
  • - - -
  • -
    - -
    -

    Still searching?

    -

    Get a swatch that's customized to your needs.

    -
    - +
    + + +
    +
    + +
    +

    Still searching?

    +

    Get a swatch that's customized to your needs.

    +
    +
    -
    -
    -
  • +
    +
    - -
    - + + + +
    +
    +

    Support

    +
    +
    + +
    +

    Swatches will always be free.

    +

    But if you find them useful, you can show your love by linking back to Bootswatch or purchasing one of these great references.

    +
    + +
    +
    + HTML and CSS: Design and Build Websites, by Jon Duckett +
    +

    HTML & CSS

    +

    Jon Duckett

    +
    + + +
    +
    +
    +
    + +
    +
    + The Book of CSS3: A Developer's Guide to the Future of Web Design, by Peter Gasston +
    +

    The Book of CSS3

    +

    Peter Gasston

    +
    + + +
    +
    +
    +
    + +
    +
    + Responsive Web Design with HTML5 and CSS3, by Ben Frain +
    +

    Responsive Web Design

    +

    Ben Frain

    +
    + + +
    +
    +
    +
    + +
    +
    + JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland +
    +

    JavaScript & jQuery

    +

    David Sawyer McFarland

    +
    + + +
    +
    +
    +
    + +
    +
    + JavaScript: The Good Parts, by Douglas Crockford +
    +

    JavaScript: The Good Parts

    +

    Douglas Crockford

    +
    + + +
    +
    +
    +
    + +
    +
    + The Principles of Beautiful Web Design, by Jason Beaird +
    +

    Beautiful Web Design

    +

    Jason Beaird

    +
    + + +
    +
    +
    +
    + +
    +
    + Don't Make Me Think: A Common Sense Approach to Web Usability, by Steve Krug +
    +

    Don't Make Me Think

    +

    Steve Krug

    +
    + + +
    +
    +
    +
    + + + +
    + +
    + + + + + -
    -
    -

    Support

    -
      -
      -

      Swatches will always be free.

      -

      But if you find them useful, you can show your love by linking back to Bootswatch or purchasing one of these great references.

      -
      - - - -
    • -
      - -
      -

      HTML & CSS

      -

      Jon Duckett

      -
      - - -
      -
      -
      -
    • - - -
    • -
      - -
      -

      The Book of CSS3

      -

      Peter Gasston

      -
      - - -
      -
      -
      -
    • - - - -
    • -
      - -
      -

      Responsive Web Design

      -

      Ben Frain

      -
      - - -
      -
      -
      -
    • - - -
    • -
      - -
      -

      JavaScript & jQuery

      -

      David Sawyer McFarland

      -
      - - -
      -
      -
      -
    • - - - -
    • -
      - -
      -

      JavaScript: The Good Parts

      -

      Douglas Crockford

      -
      - - -
      -
      -
      -
    • - - -
    • -
      - -
      -

      Beautiful Web Design

      -

      Jason Beaird

      -
      - - -
      -
      -
      -
    • - - - -
    • -
      - -
      -

      Don't Make Me Think

      -

      Steve Krug

      -
      - - -
      -
      -
      -
    • - -
    -
    -
    - - -
    - - - - - - - - - - - - - - - + + + - + -- cgit v1.2.3