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 the site name - shown when left sidebar is hidden */
  42
  43 #small-title {
  44   font-size: 12px;
  45   line-height: 14px;
  46   display: block;
  47   position: absolute;
  48   top: 0;
  49   margin: 3px;
  50 }
  51
  52 #small-title img {
  53   position: absolute;
  54 }
  55
  56 #small-title h1 {
  57   position: absolute;
  58   left: 18px;
  59   font-size: 12px;
  60   margin: 2px;
  61 }
  62
  63 /* Rules for greeting bar in the top right corner */
  64
  65 #greeting {
  66   position: absolute;
  67   top: 0px;
  68   right: 0px;
  69   height: 14px;
  70   font-size: 12px;
  71   line-height: 12px;
  72   white-space: nowrap;
  73   background: none;
  74 }
  75
  76 #full-greeting {
  77   display: none;
  78 }
  79
  80 #small-greeting {
  81   display: inline;
  82 }
  83
  84 /* Rules for OpenLayers maps */
  85
  86 .olControlPanZoomBar {
  87   display: none;
  88 }
  89
  90 /* Rules for the main content area */
  91
  92 #content {
  93   left: 10px;
  94   top: 47px;
  95 }
  96
  97 /* Rules for the signup form */
  98
  99 #signupForm input[type="text"], #signupForm input[type="password"] {
 100   width: 100%;
 101 }
 102
 103 #signupForm input#user_email {
 104   max-width: 30em;
 105 }
 106
 107 #signupForm input#user_email_confirmation {
 108   max-width: 30em;
 109 }
 110
 111 #signupForm input#user_display_name {
 112   max-width: 20em;
 113 }
 114
 115 #signupForm input#user_pass_crypt {
 116   max-width: 20em;
 117 }
 118
 119 #signupForm input#user_pass_crypt_confirmation {
 120   max-width: 20em;
 121 }
 122
 123 /* Rules for the login form */
 124
 125 #loginForm input#user_email {
 126   width: 100%;
 127   max-width: 18em;
 128 }
 129
 130 #loginForm input#user_password {
 131   width: 100%;
 132   max-width: 18em;
 133 }