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