]> git.openstreetmap.org Git - rails.git/blob - public/stylesheets/small.css
New version of slim layout with grey background and centered, auto-adjusting page
[rails.git] / public / stylesheets / small.css
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-left: 10px;
26   padding-top: 5px;
27   margin-top: 18px;
28   background: url('../images/tab_bottom.gif') repeat-x bottom;
29   font-size: 10px;
30   line-height: 10px;
31 }
32
33 #tabnav a, #tabnav a:link, #tabnav a:visited 
34 {
35   font-size: 10px;
36   line-height: 10px;
37   padding: 1px 5px;
38   margin-right: 1px;
39 }
40
41 /* Rules for greeting bar in the top right corner */
42
43 #greeting {
44   position: absolute;
45   top: 0px;
46   right: 0px;
47   height: 14px;
48   font-size: 12px;
49   line-height: 12px;
50   white-space: nowrap;
51   background: none;
52 }
53
54 #full-greeting {
55   display: none;
56 }
57
58 #small-greeting {
59   display: inline;
60 }
61
62 /* Rules for OpenLayers maps */
63
64 .olControlPanZoomBar {
65   display: none;
66 }
67
68 /* Rules for the main content area */
69
70 #content {
71   left: 10px;
72   top: 47px;
73 }
74
75 /* Rules for the signup form */
76
77 #signupForm input[type="text"], #signupForm input[type="password"] {
78   width: 100%;
79 }
80
81 #signupForm input#user_email {
82   max-width: 30em;
83 }
84
85 #signupForm input#user_email_confirmation {
86   max-width: 30em;
87 }
88
89 #signupForm input#user_display_name {
90   max-width: 20em;
91 }
92
93 #signupForm input#user_pass_crypt {
94   max-width: 20em;
95 }
96
97 #signupForm input#user_pass_crypt_confirmation {
98   max-width: 20em;
99 }
100
101 /* Rules for the login form */
102
103 #loginForm input#user_email {
104   width: 100%;
105   max-width: 18em;
106 }
107
108 #loginForm input#user_password {
109   width: 100%;
110   max-width: 18em;
111 }