app/assets/stylesheets/small.css.scss

   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 #top-bar {
  22   margin: 0px;
  23   height: 39px;
  24   padding: 0;
  25 }
  26
  27 #tabnav {
  28   height: 14px;
  29   margin: 0px;
  30   padding-top: 5px;
  31   margin-top: 20px;
  32   font-size: 10px;
  33   line-height: 10px;
  34 }
  35
  36 #tabnav a, #tabnav a:link, #tabnav a:visited {
  37   font-size: 10px;
  38   line-height: 10px;
  39   padding: 2px 5px;
  40   margin-right: 1px;
  41 }
  42
  43 /* Rules for the site name - shown when left sidebar is hidden */
  44
  45 #small-title {
  46   font-size: 12px;
  47   line-height: 14px;
  48   height: 16px;
  49   display: block;
  50   position: absolute;
  51   top: 5px;
  52   padding: 2px;
  53   width: 110px; /* TODO: find better fix for overlap */
  54   background-color: #fff;
  55   z-index: 100;
  56 }
  57
  58 #small-title img {
  59   position: absolute;
  60 }
  61
  62 #small-title h1 {
  63   position: absolute;
  64   left: 18px;
  65   font-size: 12px;
  66   margin: 0;
  67 }
  68
  69 /* Rules for greeting bar in the top right corner */
  70
  71 #greeting {
  72   position: absolute;
  73   top: 5px;
  74   height: 14px;
  75   font-size: 12px;
  76   line-height: 12px;
  77   white-space: nowrap;
  78   background: none;
  79 }
  80
  81 #full-greeting {
  82   display: none;
  83 }
  84
  85 #small-greeting {
  86   display: inline;
  87 }
  88
  89 /* Rules for OpenLayers maps */
  90
  91 #map {
  92   border: 0;
  93 }
  94
  95 .olControlSimplePanZoom {
  96   display: none;
  97 }
  98
  99 .site-index #map .olControlZoom,
 100 .site-index #map .SimpleLayerSwitcher,
 101 .site-export #map .olControlZoom,
 102 .site-export #map .SimpleLayerSwitcher {
 103   top: 8px !important;
 104 }
 105
 106 /* Rules for the main content area */
 107
 108 #content {
 109   margin-left: 0px;
 110   margin-right: 0px;
 111   border-left: 0px;
 112   border-right: 0px;
 113 }
 114
 115 .site-export #content,
 116 .site-edit #content,
 117 .site-index #content {
 118   margin-top: 40px;
 119 }
 120
 121 /* Rules for search sidebar when shown */
 122
 123 #sidebar {
 124   border: 0px;
 125   border-right: 1px solid #ccccdd;
 126   margin: 0px;
 127 }
 128
 129 .sidebar_title, #sidebar_content {
 130   font-size: 10px !important;
 131 }
 132
 133 p.search_results_entry {
 134   padding: 2px 0px;
 135 }
 136
 137 /* Rules for the signup form */
 138
 139 #signupForm input[type="text"], #signupForm input[type="password"] {
 140   width: 100%;
 141 }
 142
 143 #signupForm input#user_email {
 144   max-width: 30em;
 145 }
 146
 147 #signupForm input#user_email_confirmation {
 148   max-width: 30em;
 149 }
 150
 151 #signupForm input#user_display_name {
 152   max-width: 20em;
 153 }
 154
 155 #signupForm input#user_pass_crypt {
 156   max-width: 20em;
 157 }
 158
 159 #signupForm input#user_pass_crypt_confirmation {
 160   max-width: 20em;
 161 }
 162
 163 /* Rules for the login form */
 164
 165 #login_login input#user_email {
 166   width: 100%;
 167   max-width: 18em;
 168 }
 169
 170 #login_login input#user_password {
 171   width: 100%;
 172   max-width: 18em;
 173 }
 174
 175 #login_login input#openid_url {
 176   width: 100%;
 177   max-width: 18em;
 178 }
 179
 180 #login_openid_buttons td {
 181   padding-left: 2px;
 182   padding-right: 2px;
 183   padding-top: 2px;
 184   padding-bottom: 2px;
 185 }
 186
 187 /* Rules for the profile page */
 188
 189 .user_map {
 190   width: 100% !important;
 191   height: 300px !important;
 192 }
 193
 194 /* Rules for the user settings page */
 195
 196 #user_new_email {
 197   width: 60% !important;
 198 }
 199
 200 #user_description, #user_preferred_editor {
 201   width: 90% !important;
 202 }
 203
 204 .minorNote {
 205   display: block;
 206 }
 207
 208 /* Rules for the browse pages */
 209
 210 #browse_navigation {
 211   width: 100% !important;
 212   margin-top: 0 !important;
 213 }
 214
 215 #small_map, #browse_map {
 216   width: 100% !important;
 217 }
 218
 219 #changeset_list tr {
 220   display: block;
 221   clear: left;
 222   width: 100%;
 223 }
 224
 225 #changeset_list th {
 226   display: none;
 227 }
 228
 229 #changeset_list td {
 230   display: block;
 231   float: left;
 232   padding-right: 10px;
 233 }
 234
 235 #changeset_list td.comment, #changeset_list td.area {
 236   width: 96%;
 237   clear: left;
 238 }
 239
 240 /* Rules for the diary entries pages */
 241
 242 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
 243   width: 100% !important;
 244 }
 245
 246 #usemap {
 247   display: block;
 248 }
 249
 250 /* Rules for the messaging pages */
 251
 252 #message_title, #message_body {
 253   width: 100% !important;
 254 }