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 login form */
 176
 177 #login_login input#user_email {
 178   width: 100%;
 179   max-width: 18em;
 180 }
 181
 182 #login_login input#user_password {
 183   width: 100%;
 184   max-width: 18em;
 185 }
 186
 187 #login_login input#openid_url {
 188   width: 100%;
 189   max-width: 18em;
 190 }
 191
 192 #login_openid_buttons td {
 193   padding: 2px;
 194 }
 195
 196 /* Rules for the user view */
 197
 198 .user_map {
 199   width: 100% !important;
 200   height: 300px !important;
 201 }
 202
 203 #userinformation .deemphasize {
 204   position: relative;
 205   right: auto; left: auto;
 206   margin-top: 10px;
 207   top: auto;
 208 }
 209
 210 /* Rules for the user settings page */
 211
 212 #user_new_email {
 213   width: 60% !important;
 214 }
 215
 216 #user_description, #user_preferred_editor {
 217   width: 90% !important;
 218 }
 219
 220 .minorNote {
 221   display: block;
 222 }
 223
 224 /* Rules for the browse pages */
 225
 226 .browse-section.common div{
 227   clear: both;
 228 }
 229
 230 #changeset_list_map {
 231   position: relative;
 232   width: 100%;
 233   right: 0;
 234   left: 0;
 235   top: 0px;
 236   margin-bottom: 20px;
 237   float: none;
 238   height: 300px !important;
 239   max-height: auto;
 240   min-height: auto;
 241 }
 242
 243 /* Rules for the diary entries pages */
 244
 245 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
 246   width: 100% !important;
 247 }
 248
 249 #usemap {
 250   display: block;
 251 }
 252
 253 /* Rules for the messaging pages */
 254
 255 #message_title, #message_body {
 256   width: 100% !important;
 257 }
 258
 259 /* Rules for the sign-up page */
 260
 261 .user-new,
 262 .user-create {
 263   .col6 {
 264     width: 100%;
 265   }
 266
 267   .aside {
 268     display: none;
 269   }
 270 }