app/assets/stylesheets/small.css.scss

   1 @import "parameters";
   2
   3 /* Styles specific to a small screen, such as iPhone, Android, etc... */
   4
   5 input[type="submit"],
   6 input[type="text"] {
   7   -webkit-appearance: none;
   8 }
   9
  10 .column-1 {
  11   width: 100%;
  12 }
  13
  14 #menu-icon {
  15   display: inline-block !important;
  16 }
  17
  18 .nav {
  19   float: none !important;
  20   position: relative;
  21   display: block;
  22   clear: both;
  23 }
  24
  25 #header {
  26   height: auto;
  27   min-height: $headerHeight;
  28   background: #fff;
  29
  30   h1 {
  31     padding-bottom: 15px;
  32   }
  33
  34   &.closed .nav {
  35     display: none;
  36   }
  37
  38   .search_form {
  39     display: block;
  40   }
  41 }
  42
  43 #sidebar .search_form,
  44 #edit_tab,
  45 #export_tab {
  46   display: none;
  47 }
  48
  49 .nav.primary {
  50   padding: 0;
  51
  52   ul, li {
  53     border: none;
  54     border-radius: 0;
  55     width: 100%;
  56   }
  57
  58   ul {
  59     border-top: 1px solid #eee;
  60     li {
  61       border-bottom: 1px solid #eee;
  62       border-right: none;
  63       > a {
  64         border-radius: 0;
  65         width: 100%;
  66         text-align: center;
  67         font-size: 15px;
  68       }
  69     }
  70   }
  71 }
  72
  73 .nav.secondary {
  74   border-bottom: 1px solid #eee;
  75
  76   .user-menu {
  77     display: block;
  78     width: 100%;
  79     margin-left: 0;
  80     > li {
  81       width: 49%;
  82       > a {
  83         width: 100%;
  84         text-align: center;
  85       }
  86     }
  87   }
  88 }
  89
  90 #compact-secondary-nav {
  91   display: none;
  92 }
  93
  94 .compact-hide {
  95   display: inline-block;
  96 }
  97
  98 .map-layout {
  99   #sidebar, #map {
 100     position: relative;
 101     overflow-x: hidden;
 102     width: 100%;
 103     height: 50%;
 104   }
 105
 106   .overlay-sidebar {
 107     #sidebar {
 108       width: 300px;
 109     }
 110
 111     #map {
 112       height: 100%;
 113     }
 114   }
 115
 116   #map-ui {
 117     z-index: 9999;
 118     width: 100%;
 119     overflow-y: scroll;
 120   }
 121 }
 122
 123 #sidebar .welcome {
 124   display: none;
 125 }
 126
 127 .leaflet-top.leaflet-right {
 128   top: 10px !important;
 129   z-index: 0;
 130 }
 131
 132 .content_map {
 133   width: 100%;
 134   border: none;
 135   float: none;
 136   height: 200px;
 137   max-height: none;
 138   min-height: auto;
 139 }
 140
 141 /* Rules for the login form */
 142
 143 #login_login input#user_email {
 144   width: 100%;
 145   max-width: 18em;
 146 }
 147
 148 #login_login input#user_password {
 149   width: 100%;
 150   max-width: 18em;
 151 }
 152
 153 #login_login input#openid_url {
 154   width: 100%;
 155   max-width: 18em;
 156 }
 157
 158 #login_openid_buttons td {
 159   padding: 2px;
 160 }
 161
 162 /* Rules for the user view */
 163
 164 .user_map {
 165   width: 100% !important;
 166   height: 300px !important;
 167 }
 168
 169 #userinformation .deemphasize {
 170   position: relative;
 171   right: auto; left: auto;
 172   margin-top: 10px;
 173   top: auto;
 174 }
 175
 176 /* Rules for the sign-up page */
 177
 178 .user-new,
 179 .user-create {
 180   .col6 {
 181     width: 100%;
 182   }
 183
 184   .aside {
 185     display: none;
 186   }
 187 }
 188
 189 .site-about #content .attr h1 {
 190   font-size: 28px;
 191 }