Thimble CSS

It's lightweight and nimble,
designed to expand with your website while eliminating bloat.


Download

The Grid

1160px responsive


six
six
four
four
four
three
three
three
three
fifths
fifths
fifths
fifths
fifths
two
two
two
two
two
two
one
one
one
one
one
one
one
one
one
one
one
one

960px responsive


one
eleven
two
ten
three
nine
four
eight
five
seven
six
six
seven
five
eight
four
nine
three
ten
two
eleven
one

1160px Internal & Mobile Only Grid


six
four
four
four
three
three
three
three
Will be 1/2 grid
Will be 1/2 grid

Will be 1/3 grid
Will be 1/3 grid
Will be 1/3 grid
Will be 1/4 grid
Will be 1/4 grid
Will be 1/4 grid
Will be 1/4 grid
CLICK TO SEE 100% WIDTH WITH SIDEBAR

Typography

headers


h1–Oversized Super Header

h1–The quick brown fox jumped

h2–The quick brown fox jumped

h3–The quick brown fox jumped

h4–The quick brown fox jumped

h5–The quick brown fox jumped

h2–sub-headers and more

h3–sub-headers and more

h4–sub-headers and more

h5–sub-headers and more

Body Type


TEXT LEFT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nibh et mauris iaculis id ullamcorper lectus commodo. Vivamus quam justo, commodo ut dignissim in, elementum id enim.

TEXT CENTER Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nibh et mauris iaculis id ullamcorper lectus commodo. Vivamus quam justo, commodo ut dignissim in, eleme.

TEXT RIGHT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nibh et mauris iaculis id ullamcorper lectus commodo. Vivamus quam justo, commodo ut dignissim in, elementum id enim.

BLOCK TEXT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nibh et mauris iaculis id ullamcorper lectus commodo. Vivamus quam justo, commodo ut dignissim in, elementum id enim. Praesent semper arcu lorem. Quisque facilisis enim dictum metus fringilla ac luctus neque interdum. In a felis id nulla pharetra molestie in sit amet velit. Quisque in molestie lacus. Pellentesque in massa et magna ultrices euismod vitae non velit. Sed at velit vel dolor aliquet mollis. Sed iaculis convallis ante, ac dapibus

test-image TEXT WITH A THUMBNAIL Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nibh et mauris iaculis id ullamcorper lectus commodo. Vivamus quam justo, commodo ut dignissim in, elementum id enim. Praesent semper arcu lorem. Quisque facilisis enim dictum metus fringilla ac luctus neque interdum. In a felis id nulla pharetra molestie in sit amet velit. Quisque in molestie lacus. Pellentesque in massa et magna

Text Input


List Styles


Unordered List
  • List Item One
  • List Item Two
  • List Item Three
  • List Item Four
  • List Item Five
  • List Item Six
Nested List
  • Nested List Item
    • List Item One
    • List Item Two
  • Nested List Item
    • List Item One
    • List Item Two
Ordered List
  1. List Item One
  2. List Item Two
  3. List Item Three
  4. List Item Four
  5. List Item Five
  6. List Item Six
Lined List
  • List Item One
  • List Item Two
  • List Item Three
  • List Item Four
  • List Item Five
  • List Item Six
Unstyled List
  • List Item One
  • List Item Two
  • List Item Three
  • List Item Four
  • List Item Five
  • List Item Six

Box Styles, Images, & Videos

Box Styles


Rounded corners
Round corners
Drop Shadow
Solid Shadow
Hides for large
Hides for small

Responsive Images


test-image test-image test-image

Responsive Video