app/assets/stylesheets/small.css.scss

   1 /* Styles specific to a small screen, such as iPhone, Android, etc... */
   2
   3 input[type="submit"],
   4 input[type="text"] {
   5   -webkit-appearance: none;
   6 }
   7
   8 .column-1 {
   9   width: 100%;
  10 }
  11
  12 #menu-icon {
  13   display: inline-block !important;
  14 }
  15
  16 nav.primary,
  17 nav.secondary {
  18   float: none !important;
  19   position: relative;
  20   display: block;
  21   clear: both;
  22 }
  23
  24 header {
  25   height: auto;
  26   background: #fff;
  27
  28   h1 {
  29     padding-bottom: 15px;
  30   }
  31
  32   &.closed nav {
  33     display: none;
  34   }
  35 }
  36
  37 #edit_tab,
  38 #export_tab {
  39   display: none;
  40 }
  41
  42 nav.primary {
  43   padding: 0;
  44
  45   ul, li {
  46     border: none;
  47     border-radius: 0;
  48     width: 100%;
  49   }
  50
  51   ul {
  52     border-top: 1px solid #eee;
  53     li {
  54       border-bottom: 1px solid #eee;
  55       border-right: none;
  56       > a {
  57         border-radius: 0;
  58         width: 100%;
  59         text-align: center;
  60         font-size: 15px;
  61       }
  62     }
  63   }
  64 }
  65
  66 nav.secondary {
  67   border-bottom: 1px solid #eee;
  68
  69   .user-menu {
  70     display: block;
  71     width: 100%;
  72     margin-left: 0;
  73     > li {
  74       width: 49%;
  75       > a {
  76         width: 100%;
  77         text-align: center;
  78       }
  79     }
  80   }
  81 }
  82
  83 #compact-secondary-nav {
  84   display: none;
  85 }
  86
  87 .compact-hide {
  88   display: inline-block;
  89 }
  90
  91 .map-layout {
  92   #sidebar, #map {
  93     position: relative;
  94     overflow-x: hidden;
  95     width: 100%;
  96     height: 50%;
  97   }
  98
  99   .overlay-sidebar {
 100     #sidebar {
 101       width: 300px;
 102     }
 103
 104     #map {
 105       height: 100%;
 106     }
 107   }
 108
 109   #map-ui {
 110     z-index: 9999;
 111     width: 100%;
 112     overflow-y: scroll;
 113   }
 114 }
 115
 116 .leaflet-top.leaflet-right {
 117   top: 10px !important;
 118   z-index: 0;
 119 }
 120
 121 .content_map {
 122   width: 100%;
 123   border: none;
 124   float: none;
 125   height: 200px;
 126   max-height: none;
 127   min-height: auto;
 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 sign-up page */
 166
 167 .user-new,
 168 .user-create {
 169   .col6 {
 170     width: 100%;
 171   }
 172
 173   .aside {
 174     display: none;
 175   }
 176 }
 177
 178 .site-about #content .attr h1 {
 179   font-size: 28px;
 180 }