bluechips/public/css/mobile.css

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