Permalink
Browse files

[css] add tablet style

  • Loading branch information...
1 parent 766e294 commit 3e927ec17edb5a4c58d96f700bb76fbed5a1ba62 Ida Swarczewskaja committed Dec 22, 2011
Showing with 42 additions and 0 deletions.
  1. +42 −0 resources/tablet.css
View
@@ -0,0 +1,42 @@
+/** Tablet Portrait: width of 768px **/
+
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+ .container, .container-fluid { width: 768px; }
+
+ /* Columns */
+ .span1 { width: 28px; }
+ .span2 { width: 76px; }
+ .span3{ width: 124px; }
+ .span4 { width: 172px; }
+ .span5 { width: 220px; }
+ .span6 { width: 268px; }
+ .span7 { width: 316px; }
+ .span8 { width: 364px; }
+ .span9 { width: 412px; }
+ .span10 { width: 460px; }
+ .span11 { width: 508px; }
+ .span12 { width: 556px; }
+ .span13 { width: 604px; }
+ .span14 { width: 652px; }
+ .span15 { width: 700px; }
+ .span16, .span17, .span18, .span19, .span20, .span21, .span22, .span23, .span24 { width: 748px; }
+
+ .span-one-third { width: 236px; }
+ .span-two-thirds { width: 492px; }
+
+ /* Offsets */
+ .row > .offset1 { margin-left: 48px; }
+ .row > .offset2 { margin-left: 96px; }
+ .row > .offset3 { margin-left: 144px; }
+ .row > .offset4 { margin-left: 192px; }
+ .row > .offset5 { margin-left: 240px; }
+ .row > .offset6 { margin-left: 288px; }
+ .row > .offset7 { margin-left: 336px; }
+ .row > .offset8 { margin-left: 348px; }
+ .row > .offset9 { margin-left: 432px; }
+ .row > .offset10 { margin-left: 480px; }
+ .row > .offset11 { margin-left: 528px; }
+ .row > .offset12 { margin-left: 576px; }
+ .row > .offset-one-third { margin-left: 236px;}
+ .row > .offset-two-thirds {margin-left: 492px;}
+}

0 comments on commit 3e927ec

Please sign in to comment.