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