e6d2c92d4447d573e1e93f549b9e5ba137c3836c
[rails.git] / 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 .column-1 {
6   width: 100%;
7 }
8
9 /* Rules for the whole left sidebar, including the logo */
10
11 nav.primary,
12 nav.secondary,
13 #sidebar {
14   display: none;
15 }
16
17 .content_map {
18   width: 100%;
19   border: none;
20   float: none;
21   height: 200px;
22   max-height: none;
23   min-height: auto;
24 }
25
26 /* Rules for the map UI */
27
28 .layers-ui {
29   .leaflet-container {
30     display: none;
31   }
32
33   li {
34     border-radius: 0;
35     margin-bottom: 0;
36
37     &:first-child {
38       border-radius: 4px 4px 0 0;
39     }
40
41     &:last-child {
42       border-radius: 0 0 4px 4px;
43     }
44   }
45
46   .overlay-layers p {
47     display: none;
48   }
49 }
50
51 /* Rules for the login form */
52
53 #login_login input#user_email {
54   width: 100%;
55   max-width: 18em;
56 }
57
58 #login_login input#user_password {
59   width: 100%;
60   max-width: 18em;
61 }
62
63 #login_login input#openid_url {
64   width: 100%;
65   max-width: 18em;
66 }
67
68 #login_openid_buttons td {
69   padding: 2px;
70 }
71
72 /* Rules for the user view */
73
74 .user_map {
75   width: 100% !important;
76   height: 300px !important;
77 }
78
79 #userinformation .deemphasize {
80   position: relative;
81   right: auto; left: auto;
82   margin-top: 10px;
83   top: auto;
84 }
85
86 /* Rules for the sign-up page */
87
88 .user-new,
89 .user-create {
90   .col6 {
91     width: 100%;
92   }
93
94   .aside {
95     display: none;
96   }
97 }