]> git.openstreetmap.org Git - rails.git/blob - app/assets/stylesheets/small.css.scss
Fix browse overlay status messages
[rails.git] / 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 }