The Post Title
23rd Aug 2013

  • image
  • image
  • image

There's loads of features in Tides.

Etiam imperdiet urna sit amet risus. Donec ornare arcu id erat. Aliquam ultrices scelerisque sem. In elit nulla, molestie vel, ornare sit amet, interdum vel, mauris. Etiam dignissim imperdiet metus. In elit nulla, molestie vel, ornare sit amet, interdum vel, mauris. Etiam dignissim imperdiet metus.

Small Buttons

Button Button Button Button Button Button

Button Button Button Button Button


Glossy Buttons

Button Button Button Button Button Button

Button Button Button Button Button


Large Buttons

Button Button Button Button Button Button

Button Button Button Button Button


Huge Buttons

Button Button Button Button Button Button

Button Button Button Button Button


Want to see just how easy it is to use our button classes? There's only a couple of classes to learn;

The first class, button creates the button when attached to an 'a' or 'span' element, pink assigns it to be a pink button, and large makes it a large button!

If you want just a little bit more impact on your button, you can add the glossy class.


Our responsive acccordion will work in whatever container you put them in, full width, half width you name it! It's 100% custom

The footprint is absolutely tiny as well, coming in at 536bytes for a full responsive accordion script!

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum..


Panel 1

Accordion Content

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum.

Panel 2

Accordion Content

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum.

Panel 3

Accordion Content

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum.


We've bundled some great alerts in with Tides. You can set them to be whatever width you need using our columns classes.

There's a handful of display types, and also the option to have these be dismissible if you don't want them hanging around your beautiful webpage all day.


This is an alert son! Sort it out!
This is an alert son! Sort it out!
This is an alert son! Sort it out!
This is an alert son! Sort it out!
This is an alert son! Sort it out!
This is an alert son! Sort it out!
This is an alert son! Sort it out!
This is an alert son! Sort it out!

New uses our lightweight CSS framework, no bloat, percentage based columns that work perfectly no matter what container they sit in.

That's right, the columns in the theme are fully fluid, so full a page with them, full a small area with them, nest them, the columns will do the hard work for you.


Full Width
.one_half
.one_half last
.one_third
.one_third
.one_third last
.one_third
.two_thirds last
.two_thirds
.one_third last
.one_fourth
.one_fourth
.one_fourth
.one_fourth last
.one_fourth
.three_fourths last
.three_fourths
.one_fourth last
.one_fourth
.one_half
.one_fourth last

By Tommus, on 12 July 2988, tagged as Tommus, Design, 3 Comments

© 2013 Tides. All rights reserved. Theme by TommusRhodus.