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: 12px;
  78   line-height: 14px;
  79   height: 16px;
  80   display: block;
  81   position: absolute;
  82   left: 5px;
  83   top: 5px;
  84   padding: 2px;
  85   width: 110px;
  86   background-color: #fff;
  87   z-index: 100;
  88 }
  89
  90 #small-title img {
  91   position: absolute;
  92 }
  93
  94 #small-title h1 {
  95   position: absolute;
  96   font-size: 10px;
  97   line-height: 18px;
  98   margin: 0;
  99   left: 22px;
 100 }
 101
 102 /* Rules for greeting bar in the top right corner */
 103
 104 #greeting {
 105   position: absolute;
 106   right: 0;
 107   top: 0;
 108   background: none;
 109 }
 110
 111 #browse_map ul.secondary-actions {
 112   float: right;
 113   font-size: 10px;
 114 }
 115
 116 #map {
 117   border: 0;
 118 }
 119
 120 .content_map {
 121   width: 100%;
 122   border: none;
 123   float: none;
 124   height: 200px;
 125   max-height: none;
 126   min-height: auto;
 127 }
 128
 129 .content_map #small_map {
 130   height: 300px;
 131   border: 1px solid #ccc;
 132 }
 133
 134 .leaflet-control-pan, .leaflet-control-zoomslider {
 135   display: none;
 136 }
 137
 138 .site-index .leaflet-top,
 139 .site-export .leaflet-top {
 140   top: 10px !important;
 141 }
 142
 143 /* Rules for the main content area */
 144
 145 #content {
 146   margin-left: 0px;
 147   margin-right: 0px;
 148   border-left: 0px;
 149   border-right: 0px;
 150 }
 151
 152 .site-export #content,
 153 .site-edit #content,
 154 .site-index #content {
 155   margin-top: 21px;
 156 }
 157
 158 /* Rules for search sidebar when shown */
 159
 160 #sidebar {
 161   border: 0px;
 162   margin: 0px;
 163   width: 50% !important;
 164   border-right: 1px solid #ccccdd;
 165 }
 166
 167 p.search_results_entry {
 168   padding: 2px 0px;
 169 }
 170
 171 /* Rules for the signup form */
 172
 173 #signupForm input[type="text"], #signupForm input[type="password"] {
 174   width: 100%;
 175 }
 176
 177 #signupForm input#user_email {
 178   max-width: 30em;
 179 }
 180
 181 #signupForm input#user_email_confirmation {
 182   max-width: 30em;
 183 }
 184
 185 #signupForm input#user_display_name {
 186   max-width: 20em;
 187 }
 188
 189 #signupForm input#user_pass_crypt {
 190   max-width: 20em;
 191 }
 192
 193 #signupForm input#user_pass_crypt_confirmation {
 194   max-width: 20em;
 195 }
 196
 197 /* Rules for the login form */
 198
 199 #login_login input#user_email {
 200   width: 100%;
 201   max-width: 18em;
 202 }
 203
 204 #login_login input#user_password {
 205   width: 100%;
 206   max-width: 18em;
 207 }
 208
 209 #login_login input#openid_url {
 210   width: 100%;
 211   max-width: 18em;
 212 }
 213
 214 #login_openid_buttons td {
 215   padding: 2px;
 216 }
 217
 218 /* Rules for the user view */
 219
 220 .user_map {
 221   width: 100% !important;
 222   height: 300px !important;
 223 }
 224
 225 #userinformation .deemphasize {
 226   position: relative;
 227   right: auto; left: auto;
 228   margin-top: 10px;
 229   top: auto;
 230 }
 231
 232 /* Rules for the user settings page */
 233
 234 #user_new_email {
 235   width: 60% !important;
 236 }
 237
 238 #user_description, #user_preferred_editor {
 239   width: 90% !important;
 240 }
 241
 242 .minorNote {
 243   display: block;
 244 }
 245
 246 /* Rules for the browse pages */
 247
 248 .browse-section.common div{
 249   clear: both;
 250 }
 251
 252 #changeset_list_map {
 253   position: relative;
 254   width: 100%;
 255   right: 0;
 256   left: 0;
 257   top: 0px;
 258   margin-bottom: 20px;
 259   float: none;
 260   height: 300px !important;
 261   max-height: auto;
 262   min-height: auto;
 263 }
 264
 265 /* Rules for the diary entries pages */
 266
 267 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
 268   width: 100% !important;
 269 }
 270
 271 #usemap {
 272   display: block;
 273 }
 274
 275 /* Rules for the messaging pages */
 276
 277 #message_title, #message_body {
 278   width: 100% !important;
 279 }