public/stylesheets/site-sml.css

   1 /* styles specific to a small-format screen, such as iPhone, Android, etc... */
   2
   3 body {
   4     font-size: 12px;
   5 }
   6 h1 {
   7     font-size: 14px;
   8 }
   9
  10 #logo {
  11   width: 100px;
  12   min-width: 100px;
  13   padding: 10px;
  14   margin: 10px;
  15   margin-top: 10px;
  16   height: 70px;
  17   background: #fff;
  18   border: 1px solid #ccd;
  19 }
  20 #logo h1 {
  21   font-size: 11px;
  22   text-align: center;
  23   margin: 0px;
  24 }
  25 #logo h2 {
  26   font-size: 8px;
  27   margin: 0px;
  28 }
  29 #logo-img {
  30     display: none;
  31 }
  32
  33 #tabnav
  34 {
  35   height: 14px;
  36   margin: 0px;
  37   padding-left: 10px;
  38   padding-top: 5px;
  39   margin-top: 18px;
  40   background: url('../images/tab_bottom.gif') repeat-x bottom;
  41   font-size: 10px;
  42   line-height: 10px;
  43 }
  44 #tabnav li
  45 {
  46   margin: 0px;
  47   padding: 0px;
  48   display: inline;
  49   list-style-type: none;
  50 }
  51 #tabnav a, #tabnav a:link, #tabnav a:visited
  52 {
  53   float: left;
  54   background: #f3f3f3;
  55   font-size: 10px;
  56   line-height: 10px;
  57   font-weight: bold;
  58   padding: 1px 5px;
  59   margin-right: 1px;
  60   border: 1px solid #ccc;
  61   text-decoration: none;
  62   color: #333;
  63 }
  64 #tabnav a:link.active, #tabnav a:visited.active
  65 {
  66   border-bottom: 1px solid #fff;
  67   background: #fff;
  68   color: #000;
  69 }
  70 #tabnav a:link:hover
  71 {
  72   background: #fff;
  73 }
  74
  75 #left {
  76   display: none;
  77   min-width: 100px;
  78   top: 20px;
  79 }
  80 #intro {
  81     display: none;
  82 }
  83 .left_menu {
  84   width: 100px;
  85   min-width: 100px;
  86 }
  87 .optionalbox {
  88   width: 100px;
  89   min-width: 100px;
  90 }
  91 .donate {
  92   width: 100px;
  93   min-width: 100px;
  94 }
  95 #content {
  96     /* left: 142px; */
  97     left: 10px;
  98     top: 47px;
  99 }
 100
 101 #greeting {
 102   position: absolute;
 103   top: 0px;
 104   right: 0px;
 105   height: 14px;
 106   font-size: 12px;
 107   line-height: 12px;
 108   white-space: nowrap;
 109   background: none;
 110 }
 111 #full-greeting {
 112     display: none;
 113 }
 114 #small-greeting {
 115     display: inline;
 116 }
 117
 118 #signupForm input[type="text"], #signupForm input[type="password"] {
 119     width: 100%;
 120 }
 121 #signupForm input#user_email {
 122     max-width: 30em;
 123 }
 124 #signupForm input#user_email_confirmation {
 125     max-width: 30em;
 126 }
 127 #signupForm input#user_display_name {
 128     max-width: 20em;
 129 }
 130 #signupForm input#user_pass_crypt {
 131     max-width: 20em;
 132 }
 133 #signupForm input#user_pass_crypt_confirmation {
 134     max-width: 20em;
 135 }
 136
 137 #loginForm input#user_email {
 138     width: 100%;
 139     max-width: 18em;
 140 }
 141 #loginForm input#user_password {
 142     width: 100%;
 143     max-width: 18em;
 144 }