pretty much working version
[wl-mobile.git] / assets / www / css / style.css
1 body {
2         padding: 0;
3         margin: 0;
4         /*font-size: 13px;*/
5         font-family: verdana, arial, helvetica, sans-serif;
6 }
7
8 .spinner {
9         margin-top: 4em;
10         text-align: center;
11 }
12 #spinnertext {
13         margin-top: 2em;
14         font-size: .7em;
15 }
16
17 #cover {
18         width: 100%;
19 }
20
21 #searchbox {
22         font-size: 1.25em;
23         background: #84bf2a;
24         padding: 5px;
25         display: none;
26 }
27 #search {
28         border: none;
29         width: 100%;
30         padding: 5px 0 5px 0;
31 }
32 #swrap {
33         margin-right:85px;
34 }
35 #searchbutton {
36         width:80px;
37         float:right;
38 }
39 #content {
40     padding: 10px;
41 }
42 .button {
43         display: block;
44         background: #ddd;
45     font-size: 1.25em;
46         padding: .5em;
47         margin-bottom: .5em;
48         border-radius: 8px;
49     -webkit-border-radius: 8px;
50         color: #295158;
51 }
52 .button img {
53         margin-right: .5em;
54         vertical-align: middle;
55 }
56 .button .sub {
57         font-size: .7em;
58 }
59 .button .note {
60         font-size: .5em;
61         text-align: right;
62 }
63 .button img {
64         float:left;
65 }
66 .button .label {
67         margin-left: 32px;
68 }
69
70 .button-Book {
71     background: #ccc;
72 }
73 .button-BookText {
74     background: #ccc;
75 }
76 .delete {
77         float: right;
78         width: 24px;
79
80         background: #464646;
81     font-size: 1.25em;
82         padding: .5em;
83         margin-bottom: .5em;
84         border-radius: 8px;
85     -webkit-border-radius: 8px;
86         color: white;
87         text-align: center;
88 }
89
90 h1 .subheader {
91         display:block;
92         font-size: 70%;
93 }
94 .upper {
95         text-transform: capitalize;
96 }
97
98
99 .footer {
100         font-size: 0.75em;
101         text-align: center;
102 }
103
104 .clr {
105         clear: both;
106 }
107
108
109 .info dt {
110         display: inline;
111         font-weight: bold;
112 }
113
114 .info dd {
115         display: inline;
116         margin: 0;
117 }
118 .info img {
119         max-width: 100%;
120 }