public/stylesheets/small.css

   1 /* Styles specific to a small screen, such as iPhone, Android, etc... */
   2
   3 /* Default rules for the body of every page */
   4
   5 body {
   6   font-size: 12px;
   7 }
   8
   9 h1 {
  10   font-size: 14px;
  11 }
  12
  13 /* Rules for the whole left sidebar, including the logo */
  14
  15 #left {
  16   display: none;
  17 }
  18
  19 /* Rules for tabbed navigation bar */
  20
  21 #tabnav
  22 {
  23   height: 14px;
  24   margin: 0px;
  25   padding-left: 10px;
  26   padding-top: 5px;
  27   margin-top: 18px;
  28   background: url('../images/tab_bottom.gif') repeat-x bottom;
  29   font-size: 10px;
  30   line-height: 10px;
  31 }
  32
  33 #tabnav a, #tabnav a:link, #tabnav a:visited
  34 {
  35   font-size: 10px;
  36   line-height: 10px;
  37   padding: 1px 5px;
  38   margin-right: 1px;
  39 }
  40
  41 /* Rules for greeting bar in the top right corner */
  42
  43 #greeting {
  44   position: absolute;
  45   top: 0px;
  46   right: 0px;
  47   height: 14px;
  48   font-size: 12px;
  49   line-height: 12px;
  50   white-space: nowrap;
  51   background: none;
  52 }
  53
  54 #full-greeting {
  55   display: none;
  56 }
  57
  58 #small-greeting {
  59   display: inline;
  60 }
  61
  62 /* Rules for OpenLayers maps */
  63
  64 .olControlPanZoomBar {
  65   display: none;
  66 }
  67
  68 /* Rules for the main content area */
  69
  70 #content {
  71   left: 10px;
  72   top: 47px;
  73 }
  74
  75 /* Rules for the signup form */
  76
  77 #signupForm input[type="text"], #signupForm input[type="password"] {
  78   width: 100%;
  79 }
  80
  81 #signupForm input#user_email {
  82   max-width: 30em;
  83 }
  84
  85 #signupForm input#user_email_confirmation {
  86   max-width: 30em;
  87 }
  88
  89 #signupForm input#user_display_name {
  90   max-width: 20em;
  91 }
  92
  93 #signupForm input#user_pass_crypt {
  94   max-width: 20em;
  95 }
  96
  97 #signupForm input#user_pass_crypt_confirmation {
  98   max-width: 20em;
  99 }
 100
 101 /* Rules for the login form */
 102
 103 #loginForm input#user_email {
 104   width: 100%;
 105   max-width: 18em;
 106 }
 107
 108 #loginForm input#user_password {
 109   width: 100%;
 110   max-width: 18em;
 111 }