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: 12px;
   7 }
   8
   9 h1 {
  10   font-size: 14px;
  11 }
  12
  13 /* Rules for the whole left sidebar, including the logo */
  14
  15 #left {
  16   display: none;
  17 }
  18
  19 /* Rules for tabbed navigation bar */
  20
  21 #tabnav
  22 {
  23   height: 14px;
  24   margin: 0px;
  25   padding-top: 5px;
  26   margin-top: 18px;
  27   font-size: 10px;
  28   line-height: 10px;
  29 }
  30
  31 #tabnav a, #tabnav a:link, #tabnav a:visited
  32 {
  33   font-size: 10px;
  34   line-height: 10px;
  35   padding: 2px 5px;
  36   margin-right: 1px;
  37 }
  38
  39 /* Rules for the site name - shown when left sidebar is hidden */
  40
  41 #small-title {
  42   font-size: 12px;
  43   line-height: 14px;
  44   height: 16px;
  45   display: block;
  46   position: absolute;
  47   top: 0;
  48   padding: 2px;
  49   width: 110px; /* TODO: find better fix for overlap */
  50   background-color: #fff;
  51   z-index: 100;
  52 }
  53
  54 #small-title img {
  55   position: absolute;
  56 }
  57
  58 #small-title h1 {
  59   position: absolute;
  60   left: 18px;
  61   font-size: 12px;
  62   margin: 2px;
  63 }
  64
  65 /* Rules for greeting bar in the top right corner */
  66
  67 #greeting {
  68   position: absolute;
  69   top: 0px;
  70   right: 0px;
  71   height: 14px;
  72   font-size: 12px;
  73   line-height: 12px;
  74   white-space: nowrap;
  75   background: none;
  76 }
  77
  78 #full-greeting {
  79   display: none;
  80 }
  81
  82 #small-greeting {
  83   display: inline;
  84 }
  85
  86 /* Rules for OpenLayers maps */
  87
  88 #map {
  89   border: 0;
  90 }
  91
  92 .olControlPanZoomBar {
  93   display: none;
  94 }
  95
  96 /* Rules for the main content area */
  97
  98 #content {
  99   left: 10px;
 100   right: 10px;
 101   top: 47px;
 102   margin-left: 0px;
 103   margin-right: 0px;
 104 }
 105
 106 #content.site_index {
 107   left: 0px;
 108   right: 0px;
 109   top: 38px;
 110   bottom: 0px;
 111   padding-bottom: 0px;
 112 }
 113
 114 /* Rules for search sidebar when shown */
 115
 116 #sidebar {
 117   border: 0px;
 118   border-right: 1px solid #ccccdd;
 119   margin: 0px;
 120 }
 121
 122 .sidebar_title, #sidebar_content {
 123   font-size: 10px !important;
 124 }
 125
 126 p.search_results_entry {
 127   padding: 2px 0px;
 128 }
 129
 130 /* Rules for the signup form */
 131
 132 #signupForm input[type="text"], #signupForm input[type="password"] {
 133   width: 100%;
 134 }
 135
 136 #signupForm input#user_email {
 137   max-width: 30em;
 138 }
 139
 140 #signupForm input#user_email_confirmation {
 141   max-width: 30em;
 142 }
 143
 144 #signupForm input#user_display_name {
 145   max-width: 20em;
 146 }
 147
 148 #signupForm input#user_pass_crypt {
 149   max-width: 20em;
 150 }
 151
 152 #signupForm input#user_pass_crypt_confirmation {
 153   max-width: 20em;
 154 }
 155
 156 /* Rules for the login form */
 157
 158 #login_login input#user_email {
 159   width: 100%;
 160   max-width: 18em;
 161 }
 162
 163 #login_login input#user_password {
 164   width: 100%;
 165   max-width: 18em;
 166 }
 167
 168 #login_login input#openid_url {
 169   width: 100%;
 170   max-width: 18em;
 171 }
 172
 173 #login_openid_buttons td {
 174   padding-left: 2px;
 175   padding-right: 2px;
 176   padding-top: 2px;
 177   padding-bottom: 2px;
 178 }
 179
 180 /* Rules for the profile page */
 181
 182 .user_map {
 183   width: 100% !important;
 184   height: 300px !important;
 185 }
 186
 187 /* Rules for the user settings page */
 188
 189 #user_new_email {
 190   width: 60% !important;
 191 }
 192
 193 #user_description, #user_preferred_editor {
 194   width: 90% !important;
 195 }
 196
 197 .minorNote {
 198   display: block;
 199 }
 200
 201 /* Rules for the browse pages */
 202
 203 #browse_navigation {
 204   width: 100% !important;
 205   margin-top: 0 !important;
 206 }
 207
 208 #small_map, #browse_map {
 209   width: 100% !important;
 210 }
 211
 212 #changeset_list tr {
 213   display: block;
 214   clear: left;
 215   width: 100%;
 216 }
 217
 218 #changeset_list th {
 219   display: none;
 220 }
 221
 222 #changeset_list td {
 223   display: block;
 224   float: left;
 225   padding-right: 10px;
 226 }
 227
 228 #changeset_list td.comment, #changeset_list td.area {
 229   width: 96%;
 230   clear: left;
 231 }
 232
 233 /* Rules for the diary entries pages */
 234
 235 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
 236   width: 100% !important;
 237 }
 238
 239 #usemap {
 240   display: block;
 241 }
 242
 243 /* Rules for the messaging pages */
 244
 245 #message_title, #message_body {
 246   width: 100% !important;
 247 }