5c5213ac82081c2d46e7e32569e93be848b792d6
[rails.git] / public / stylesheets / site-sml.css
1 /* styles specific to a small-format screen, such as iPhone, Android, etc... */
2
3 body {
4     font-size: 12px;
5 }
6 h1 {
7     font-size: 14px;
8 }
9
10 #logo {
11   width: 100px;
12   min-width: 100px;
13   padding: 10px;
14   margin: 10px;
15   margin-top: 10px;
16   height: 70px;
17   background: #fff;
18   border: 1px solid #ccd;
19 }
20 #logo h1 {
21   font-size: 11px;
22   text-align: center;
23   margin: 0px;
24 }
25 #logo h2 {
26   font-size: 8px;
27   margin: 0px;
28 }
29 #logo-img {
30     display: none;
31 }
32
33 #tabnav
34 {
35   height: 14px;
36   margin: 0px;
37   padding-left: 10px;
38   padding-top: 5px;
39   margin-top: 18px;
40   background: url('../images/tab_bottom.gif') repeat-x bottom;
41   font-size: 10px;
42   line-height: 10px;
43 }
44 #tabnav li
45 {
46   margin: 0px; 
47   padding: 0px;
48   display: inline;
49   list-style-type: none;
50 }
51 #tabnav a, #tabnav a:link, #tabnav a:visited 
52 {
53   float: left;
54   background: #f3f3f3;
55   font-size: 10px;
56   line-height: 10px;
57   font-weight: bold;
58   padding: 1px 5px;
59   margin-right: 1px;
60   border: 1px solid #ccc;
61   text-decoration: none;
62   color: #333;
63 }
64 #tabnav a:link.active, #tabnav a:visited.active
65 {
66   border-bottom: 1px solid #fff;
67   background: #fff;
68   color: #000;
69 }
70 #tabnav a:link:hover
71 {
72   background: #fff;
73 }
74
75 #left {
76   display: none;
77   min-width: 100px;
78   top: 20px;
79 }
80 #intro {
81     display: none;
82 }
83 .left_menu {
84   width: 100px;
85   min-width: 100px;
86 }
87 .optionalbox {
88   width: 100px;
89   min-width: 100px;
90 }
91 .donate {
92   width: 100px;
93   min-width: 100px;
94 }
95 #content {
96     /* left: 142px; */
97     left: 10px;
98     top: 47px;
99 }
100
101 #greeting {
102   position: absolute;
103   top: 0px;
104   right: 0px;
105   height: 14px;
106   font-size: 12px;
107   line-height: 12px;
108   white-space: nowrap;
109   background: none;
110 }
111 #full-greeting {
112     display: none;
113 }
114 #small-greeting {
115     display: inline;
116 }
117
118 #signupForm input[type="text"], #signupForm input[type="password"] {
119     width: 100%;
120 }
121 #signupForm input#user_email {
122     max-width: 30em;
123 }
124 #signupForm input#user_email_confirmation {
125     max-width: 30em;
126 }
127 #signupForm input#user_display_name {
128     max-width: 20em;
129 }
130 #signupForm input#user_pass_crypt {
131     max-width: 20em;
132 }
133 #signupForm input#user_pass_crypt_confirmation {
134     max-width: 20em;
135 }
136
137 #loginForm input#user_email {
138     width: 100%;
139     max-width: 18em;
140 }
141 #loginForm input#user_password {
142     width: 100%;
143     max-width: 18em;
144 }