src/themes/tizen/common/jquery.mobile.grids.css

   1 /*
   2 * jQuery Mobile Framework
   3 * Copyright (c) jQuery Project
   4 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
   5 */
   6
   7 /* content configurations. */
   8 .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
   9 .ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
  10
  11 /* grid solo: 100 - single item fallback */
  12 .ui-grid-solo .ui-block-a { width: 100%; float: none; }
  13
  14 /* grid a: 50/50 */
  15 .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
  16 .ui-grid-a .ui-block-a { clear: left; }
  17
  18 /* grid b: 33/33/33 */
  19 .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
  20 .ui-grid-b .ui-block-a { clear: left; }
  21
  22 /* grid c: 25/25/25/25 */
  23 .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
  24 .ui-grid-c .ui-block-a { clear: left; }
  25
  26 /* grid d: 20/20/20/20/20 */
  27 .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
  28 .ui-grid-d .ui-block-a { clear: left; }