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 #sidebar {
  44   display: none;
  45 }
  46
  47 /* Rules for greeting bar in the top right corner */
  48
  49 #browse_map ul.secondary-actions {
  50   float: right;
  51   font-size: 10px;
  52 }
  53
  54 #map {
  55   border: 0;
  56 }
  57
  58 .content_map {
  59   width: 100%;
  60   border: none;
  61   float: none;
  62   height: 200px;
  63   max-height: none;
  64   min-height: auto;
  65 }
  66
  67 .content_map #small_map {
  68   height: 300px;
  69   border: 1px solid #ccc;
  70 }
  71
  72 .leaflet-control-pan, .leaflet-control-zoomslider {
  73   display: none;
  74 }
  75
  76 .site-index .leaflet-top,
  77 .site-export .leaflet-top {
  78   top: 10px !important;
  79 }
  80
  81 /* Rules for the main content area */
  82
  83 #content {
  84   margin-left: 0px;
  85   margin-right: 0px;
  86   border-left: 0px;
  87   border-right: 0px;
  88 }
  89
  90 .site-export #content,
  91 .site-edit #content,
  92 .site-index #content {
  93   margin-top: 21px;
  94 }
  95
  96 /* Rules for search sidebar when shown */
  97
  98 #sidebar {
  99   border: 0px;
 100   margin: 0px;
 101   width: 50% !important;
 102   border-right: 1px solid #ccccdd;
 103 }
 104
 105 p.search_results_entry {
 106   padding: 2px 0px;
 107 }
 108
 109 /* Rules for the map UI */
 110
 111 .layers-ui {
 112   .leaflet-container {
 113     display: none;
 114   }
 115
 116   li {
 117     border-radius: 0;
 118     margin-bottom: 0;
 119
 120     &:first-child {
 121       border-radius: 4px 4px 0 0;
 122     }
 123
 124     &:last-child {
 125       border-radius: 0 0 4px 4px;
 126     }
 127   }
 128 }
 129
 130 /* Rules for the login form */
 131
 132 #login_login input#user_email {
 133   width: 100%;
 134   max-width: 18em;
 135 }
 136
 137 #login_login input#user_password {
 138   width: 100%;
 139   max-width: 18em;
 140 }
 141
 142 #login_login input#openid_url {
 143   width: 100%;
 144   max-width: 18em;
 145 }
 146
 147 #login_openid_buttons td {
 148   padding: 2px;
 149 }
 150
 151 /* Rules for the user view */
 152
 153 .user_map {
 154   width: 100% !important;
 155   height: 300px !important;
 156 }
 157
 158 #userinformation .deemphasize {
 159   position: relative;
 160   right: auto; left: auto;
 161   margin-top: 10px;
 162   top: auto;
 163 }
 164
 165 /* Rules for the user settings page */
 166
 167 #user_new_email {
 168   width: 60% !important;
 169 }
 170
 171 #user_description, #user_preferred_editor {
 172   width: 90% !important;
 173 }
 174
 175 .minorNote {
 176   display: block;
 177 }
 178
 179 /* Rules for the browse pages */
 180
 181 .browse-section.common div{
 182   clear: both;
 183 }
 184
 185 #changeset_list_map {
 186   position: relative;
 187   width: 100%;
 188   right: 0;
 189   left: 0;
 190   top: 0px;
 191   margin-bottom: 20px;
 192   float: none;
 193   height: 300px !important;
 194   max-height: auto;
 195   min-height: auto;
 196 }
 197
 198 /* Rules for the diary entries pages */
 199
 200 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
 201   width: 100% !important;
 202 }
 203
 204 #usemap {
 205   display: block;
 206 }
 207
 208 /* Rules for the messaging pages */
 209
 210 #message_title, #message_body {
 211   width: 100% !important;
 212 }
 213
 214 /* Rules for the sign-up page */
 215
 216 .user-new,
 217 .user-create {
 218   .col6 {
 219     width: 100%;
 220   }
 221
 222   .aside {
 223     display: none;
 224   }
 225 }