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: 10px;
   7 }
   8
   9 h1 {
  10   font-size: 12px;
  11 }
  12
  13 h2, h3, h4 {
  14   font-size: 12px;
  15 }
  16
  17 .wrapper {
  18   margin: 0;
  19 }
  20
  21 .site-edit #content,
  22 .site-index #content,
  23 .site-export #content {
  24   left: 0;
  25 }
  26
  27 .site-edit #top-bar,
  28 .site-index #top-bar,
  29 .site-export #top-bar {
  30   position: relative;
  31 }
  32
  33 .site-edit #content, .site-index #content, .site-export #content {
  34   position: absolute;
  35 }
  36
  37 .column-1 {
  38   width: 100%;
  39 }
  40
  41 /* Rules for the whole left sidebar, including the logo */
  42
  43 #left {
  44   display: none;
  45 }
  46
  47 /* Rules for tabbed navigation bar */
  48
  49 #top-bar {
  50   left: 0;
  51   margin: 0px;
  52   height: 24px;
  53   position: static;
  54 }
  55
  56 #tabnav {
  57   height: 19px;
  58   margin: 0px;
  59   padding-top: 5px;
  60   margin-top: 26px;
  61   font-size: 10px;
  62   line-height: 10px;
  63 }
  64
  65 #tabnav a, #tabnav a:link, #tabnav a:visited {
  66   font-size: 10px;
  67   line-height: 10px;
  68   padding: 5px;
  69   margin-right: 1px;
  70 }
  71
  72 .menuicon { line-height: 10px;}
  73
  74 /* Rules for the site name - shown when left sidebar is hidden */
  75
  76 #small-title {
  77   font-size: 10px;
  78   display: block;
  79   position: absolute;
  80   left: 5px;
  81   top: 5px;
  82   margin: 0;
  83 }
  84
  85 /* Rules for greeting bar in the top right corner */
  86
  87 #greeting {
  88   position: absolute;
  89   right: 0;
  90   top: 0;
  91   background: none;
  92 }
  93
  94 #browse_map ul.secondary-actions {
  95   float: right;
  96   font-size: 10px;
  97 }
  98
  99 #map {
 100   border: 0;
 101 }
 102
 103 .content_map {
 104   width: 100%;
 105   border: none;
 106   float: none;
 107   height: 200px;
 108   max-height: none;
 109   min-height: auto;
 110 }
 111
 112 .content_map #small_map {
 113   height: 300px;
 114   border: 1px solid #ccc;
 115 }
 116
 117 .leaflet-control-pan, .leaflet-control-zoomslider {
 118   display: none;
 119 }
 120
 121 .site-index .leaflet-top,
 122 .site-export .leaflet-top {
 123   top: 10px !important;
 124 }
 125
 126 /* Rules for the main content area */
 127
 128 #content {
 129   margin-left: 0px;
 130   margin-right: 0px;
 131   border-left: 0px;
 132   border-right: 0px;
 133 }
 134
 135 .site-export #content,
 136 .site-edit #content,
 137 .site-index #content {
 138   margin-top: 21px;
 139 }
 140
 141 /* Rules for search sidebar when shown */
 142
 143 #sidebar {
 144   border: 0px;
 145   margin: 0px;
 146   width: 50% !important;
 147   border-right: 1px solid #ccccdd;
 148 }
 149
 150 p.search_results_entry {
 151   padding: 2px 0px;
 152 }
 153
 154 /* Rules for the map UI */
 155
 156 .layers-ui {
 157   .leaflet-container {
 158     display: none;
 159   }
 160
 161   li {
 162     border-radius: 0;
 163     margin-bottom: 0;
 164
 165     &:first-child {
 166       border-radius: 4px 4px 0 0;
 167     }
 168
 169     &:last-child {
 170       border-radius: 0 0 4px 4px;
 171     }
 172   }
 173 }
 174
 175 /* Rules for the signup form */
 176
 177 #signupForm input[type="text"], #signupForm input[type="password"] {
 178   width: 100%;
 179 }
 180
 181 #signupForm input#user_email {
 182   max-width: 30em;
 183 }
 184
 185 #signupForm input#user_email_confirmation {
 186   max-width: 30em;
 187 }
 188
 189 #signupForm input#user_display_name {
 190   max-width: 20em;
 191 }
 192
 193 #signupForm input#user_pass_crypt {
 194   max-width: 20em;
 195 }
 196
 197 #signupForm input#user_pass_crypt_confirmation {
 198   max-width: 20em;
 199 }
 200
 201 /* Rules for the login form */
 202
 203 #login_login input#user_email {
 204   width: 100%;
 205   max-width: 18em;
 206 }
 207
 208 #login_login input#user_password {
 209   width: 100%;
 210   max-width: 18em;
 211 }
 212
 213 #login_login input#openid_url {
 214   width: 100%;
 215   max-width: 18em;
 216 }
 217
 218 #login_openid_buttons td {
 219   padding: 2px;
 220 }
 221
 222 /* Rules for the user view */
 223
 224 .user_map {
 225   width: 100% !important;
 226   height: 300px !important;
 227 }
 228
 229 #userinformation .deemphasize {
 230   position: relative;
 231   right: auto; left: auto;
 232   margin-top: 10px;
 233   top: auto;
 234 }
 235
 236 /* Rules for the user settings page */
 237
 238 #user_new_email {
 239   width: 60% !important;
 240 }
 241
 242 #user_description, #user_preferred_editor {
 243   width: 90% !important;
 244 }
 245
 246 .minorNote {
 247   display: block;
 248 }
 249
 250 /* Rules for the browse pages */
 251
 252 .browse-section.common div{
 253   clear: both;
 254 }
 255
 256 #changeset_list_map {
 257   position: relative;
 258   width: 100%;
 259   right: 0;
 260   left: 0;
 261   top: 0px;
 262   margin-bottom: 20px;
 263   float: none;
 264   height: 300px !important;
 265   max-height: auto;
 266   min-height: auto;
 267 }
 268
 269 /* Rules for the diary entries pages */
 270
 271 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
 272   width: 100% !important;
 273 }
 274
 275 #usemap {
 276   display: block;
 277 }
 278
 279 /* Rules for the messaging pages */
 280
 281 #message_title, #message_body {
 282   width: 100% !important;
 283 }