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 #browse_map ul.secondary-actions {
  88   float: right;
  89   font-size: 10px;
  90 }
  91
  92 #map {
  93   border: 0;
  94 }
  95
  96 .content_map {
  97   width: 100%;
  98   border: none;
  99   float: none;
 100   height: 200px;
 101   max-height: none;
 102   min-height: auto;
 103 }
 104
 105 .content_map #small_map {
 106   height: 300px;
 107   border: 1px solid #ccc;
 108 }
 109
 110 .leaflet-control-pan, .leaflet-control-zoomslider {
 111   display: none;
 112 }
 113
 114 .site-index .leaflet-top,
 115 .site-export .leaflet-top {
 116   top: 10px !important;
 117 }
 118
 119 /* Rules for the main content area */
 120
 121 #content {
 122   margin-left: 0px;
 123   margin-right: 0px;
 124   border-left: 0px;
 125   border-right: 0px;
 126 }
 127
 128 .site-export #content,
 129 .site-edit #content,
 130 .site-index #content {
 131   margin-top: 21px;
 132 }
 133
 134 /* Rules for search sidebar when shown */
 135
 136 #sidebar {
 137   border: 0px;
 138   margin: 0px;
 139   width: 50% !important;
 140   border-right: 1px solid #ccccdd;
 141 }
 142
 143 p.search_results_entry {
 144   padding: 2px 0px;
 145 }
 146
 147 /* Rules for the map UI */
 148
 149 .layers-ui {
 150   .leaflet-container {
 151     display: none;
 152   }
 153
 154   li {
 155     border-radius: 0;
 156     margin-bottom: 0;
 157
 158     &:first-child {
 159       border-radius: 4px 4px 0 0;
 160     }
 161
 162     &:last-child {
 163       border-radius: 0 0 4px 4px;
 164     }
 165   }
 166 }
 167
 168 /* Rules for the login form */
 169
 170 #login_login input#user_email {
 171   width: 100%;
 172   max-width: 18em;
 173 }
 174
 175 #login_login input#user_password {
 176   width: 100%;
 177   max-width: 18em;
 178 }
 179
 180 #login_login input#openid_url {
 181   width: 100%;
 182   max-width: 18em;
 183 }
 184
 185 #login_openid_buttons td {
 186   padding: 2px;
 187 }
 188
 189 /* Rules for the user view */
 190
 191 .user_map {
 192   width: 100% !important;
 193   height: 300px !important;
 194 }
 195
 196 #userinformation .deemphasize {
 197   position: relative;
 198   right: auto; left: auto;
 199   margin-top: 10px;
 200   top: auto;
 201 }
 202
 203 /* Rules for the user settings page */
 204
 205 #user_new_email {
 206   width: 60% !important;
 207 }
 208
 209 #user_description, #user_preferred_editor {
 210   width: 90% !important;
 211 }
 212
 213 .minorNote {
 214   display: block;
 215 }
 216
 217 /* Rules for the browse pages */
 218
 219 .browse-section.common div{
 220   clear: both;
 221 }
 222
 223 #changeset_list_map {
 224   position: relative;
 225   width: 100%;
 226   right: 0;
 227   left: 0;
 228   top: 0px;
 229   margin-bottom: 20px;
 230   float: none;
 231   height: 300px !important;
 232   max-height: auto;
 233   min-height: auto;
 234 }
 235
 236 /* Rules for the diary entries pages */
 237
 238 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
 239   width: 100% !important;
 240 }
 241
 242 #usemap {
 243   display: block;
 244 }
 245
 246 /* Rules for the messaging pages */
 247
 248 #message_title, #message_body {
 249   width: 100% !important;
 250 }
 251
 252 /* Rules for the sign-up page */
 253
 254 .user-new,
 255 .user-create {
 256   .col6 {
 257     width: 100%;
 258   }
 259
 260   .aside {
 261     display: none;
 262   }
 263 }