bluechips/public/css/mobile.css

   1 body {
   2     width: auto;
   3     font-size: 1em;
   4     -webkit-text-size-adjust: none;
   5 }
   6 #tabs img {
   7     width: 64px;
   8     height: 64px;
   9 }
  10 #tabs a {
  11     text-align: center;
  12     display: block;
  13 }
  14 #portrait #tabs a {
  15     width: 98px;
  16     float: left;
  17     border-top: 1px solid #fff;
  18     border-bottom: 1px solid #aaa;
  19     padding: 5px 1px;
  20 }
  21 #portrait #tabs a.selected {
  22     border: 1px solid #aaa;
  23     border-bottom: 1px solid #fff;
  24     padding: 5px 0;
  25     -webkit-border-top-left-radius: 10px;
  26     -webkit-border-top-right-radius: 10px;
  27 }
  28 #portrait #tabs:after {
  29     content: ".";
  30     display: block;
  31     clear: both;
  32     visibility: hidden;
  33     line-height: 0;
  34     height: 0;
  35     margin-bottom: 10px;
  36 }
  37 #landscape #tabs {
  38     float: left;
  39     width: 100px;
  40     margin-right: 10px;
  41 }
  42 #landscape #tabs a {
  43     border-left: 1px solid #fff;
  44     border-right: 1px solid #aaa;
  45     padding: 4px 5px;
  46 }
  47 #landscape #tabs a.selected {
  48     border: 1px solid #aaa;
  49     border-right: 1px solid #fff;
  50     padding: 3px 5px;
  51     -webkit-border-top-left-radius: 10px;
  52     -webkit-border-bottom-left-radius: 10px;
  53 }
  54 div.tab {
  55     display: none;
  56 }
  57 #non-mobile a {
  58     display: block;
  59     text-align: center;
  60     padding: 5px 0;
  61     border: 1px solid #aaa;
  62     margin-bottom: 5px;
  63 }
  64 #portrait #non-mobile a {
  65     width: 100%;
  66 }
  67 #landscape #non-mobile a {
  68     float: right;
  69     width: 352px;
  70 }