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