source: branches/version-2_11-dev/html/user_data/packages/sphone/css/jqm-docs.css @ 21052

Revision 21052, 5.1 KB checked in by 468, 13 years ago (diff)

#1413 スマートフォン版スタイルシートファイル変更(HTML5対応)

  • Property svn:mime-type set to text/plain
Line 
1/* jqm docs css
2
3Beware: lots of last-minute CSS going on in here
4cobblers, shoes,
5*/
6body {
7    background: #dddddd;
8}
9
10.ui-mobile #jqm-home {
11    background: #e5e5e5 url(../images/jqm-sitebg.png) top center repeat-x;
12}
13
14.ui-mobile #jqm-homeheader {
15    padding: 40px 10px 0;
16    text-align: center;
17    margin: 0 auto;
18}
19
20.ui-mobile #jqm-homeheader h1 {
21    margin: 0 0;
22}
23
24.ui-mobile #jqm-homeheader p {
25    margin: .3em 0 0;
26    line-height: 1.3;
27    font-size: .9em;
28    font-weight: bold;
29    color: #666;
30}
31
32.ui-mobile #jqm-version {
33    text-indent: -99999px;
34    background: url(../images/version.png) top right no-repeat;
35    width: 119px;
36    height: 122px;
37    overflow: hidden;
38    position: absolute;
39    z-index: 50;
40    top: 0;
41    right: 0;
42}
43
44.ui-mobile .jqm-themeswitcher {
45    margin: 10px 25px 10px 10px;
46}
47
48h2 {
49    margin-top: 1.5em;
50}
51
52p code {
53    font-size: 1.2em;
54    font-weight: bold;
55}
56
57dt {
58    font-weight: bold;
59    margin: 2em 0 .5em;
60}
61
62dt code,dd code {
63    font-size: 1.3em;
64    line-height: 150%;
65}
66
67pre {
68    white-space: pre;
69    white-space: pre-wrap;
70    word-wrap: break-word;
71}
72
73#jqm-homeheader img {
74    width: 235px;
75}
76
77.ui-header .jqm-home {
78    top: 0.65em;
79}
80
81nav {
82    margin: 0;
83}
84
85p.intro {
86    font-size: .96em;
87    line-height: 1.3;
88    border-top: 1px solid #75ae18;
89    border-bottom: 0;
90    background: none;
91    margin: 1.5em 0;
92    padding: 1.5em 15px 0;
93}
94
95p.intro strong {
96    color: #558e08;
97}
98
99.footer-docs {
100    padding: 5px 0;
101}
102
103.footer-docs p {
104    float: left;
105    margin-left: 15px;
106    font-weight: normal;
107    font-size: .9em;
108}
109
110.type-interior .content-secondary {
111    border-right: 0;
112    border-left: 0;
113    margin: 10px -15px 0;
114    background: #fff;
115    border-top: 1px solid #ccc;
116}
117
118.type-home .ui-content {
119    margin-top: 5px;
120}
121
122.type-interior .ui-content {
123    padding-bottom: 0;
124}
125
126.content-secondary .ui-collapsible-contain {
127    padding: 10px 15px;
128}
129
130.content-secondary .ui-collapsible-heading {
131    margin: 0 0 30px;
132}
133
134.content-secondary .ui-collapsible-heading-collapsed,.content-secondary .ui-collapsible-content
135    {
136    padding: 0;
137    margin: 0;
138}
139
140/* F bar theme - just for the docs overview headers */
141.ui-bar-f {
142    border: 1px solid #56A00E;
143    background: #74b042;
144    color: #fff;
145    font-weight: bold;
146    text-shadow: 0 -1px 1px #234403;
147    background-image: -moz-linear-gradient(top, #74b042, #56A00E);
148    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74b042),color-stop(1, #56A00E) );
149    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')";
150}
151
152.ui-bar-f,.ui-bar-f .ui-link-inherit {
153    color: #fff;
154}
155
156.ui-bar-f .ui-link {
157    color: #fff;
158    font-weight: bold;
159}
160
161/* docs site layout */
162@media all and (min-width: 650px) {
163    .jqm-home {
164        position: absolute;
165        left: 10px;
166        top: 0;
167    }
168    .type-home .ui-content {
169        margin-top: 5px;
170    }
171    .ui-mobile #jqm-homeheader {
172        max-width: 340px;
173    }
174    .ui-mobile .jqm-themeswitcher {
175        float: right;
176    }
177    p.intro {
178        margin: 2em 0;
179    }
180    .type-home .ui-content,.type-interior .ui-content {
181        padding: 0;
182        background: url(../images/px-ccc.gif) 50% 0 repeat-y;
183    }
184    .type-interior .ui-content {
185        background-position: 45%;
186        overflow: hidden;
187    }
188    .content-secondary {
189        text-align: left;
190        float: left;
191        width: 45%;
192        background: none;
193        border-top: 0;
194    }
195    .content-secondary,.type-interior .content-secondary {
196        margin: 30px 0 20px 2%;
197        padding: 20px 4% 0 0;
198        background: none;
199    }
200    .type-index .content-secondary {
201        padding: 0;
202    }
203    .type-index .content-secondary .ui-listview {
204        margin: 0;
205    }
206    .ui-mobile #jqm-homeheader {
207        padding: 0;
208    }
209    .content-primary {
210        width: 45%;
211        float: right;
212        margin-top: 30px;
213        margin-right: 1%;
214        padding-right: 1%;
215    }
216    .content-primary ul:first-child {
217        margin-top: 0;
218    }
219    .content-secondary h2 {
220        position: absolute;
221        left: -9999px;
222    }
223    .type-interior .content-primary {
224        padding: 1.5em 6% 3em 0;
225        margin: 0;
226    }
227    /* fix up the collapsibles - expanded on desktop */
228    .content-secondary .ui-collapsible-heading {
229        display: none;
230    }
231    .content-secondary .ui-collapsible-contain {
232        margin: 0;
233    }
234    .content-secondary .ui-collapsible-content {
235        display: block;
236        margin: 0;
237        padding: 0;
238    }
239    .type-interior  .content-secondary .ui-li-divider {
240        padding-top: 1em;
241        padding-bottom: 1em;
242    }
243    .type-interior .content-secondary {
244        margin: 0;
245        padding: 0;
246    }
247}
248
249@media all and (min-width: 750px) {
250    .type-home .ui-content,.type-interior .ui-content {
251        background-position: 39%;
252    }
253    .content-secondary {
254        width: 34%;
255    }
256    .content-primary {
257        width: 56%;
258        padding-right: 1%;
259    }
260    .type-interior .ui-content {
261        background-position: 34%;
262    }
263}
264
265@media all and (min-width: 1200px) {
266    .type-home .ui-content {
267        background-position: 38.5%;
268    }
269    .type-interior .ui-content {
270        background-position: 30%;
271    }
272    .content-secondary {
273        width: 30%;
274        padding-right: 6%;
275        margin: 30px 0 20px 5%;
276    }
277    .type-interior .content-secondary {
278        margin: 0;
279        padding: 0;
280    }
281    .content-primary {
282        width: 50%;
283        margin-right: 5%;
284        padding-right: 3%;
285    }
286    .type-interior .content-primary {
287        width: 60%;
288    }
289}
Note: See TracBrowser for help on using the repository browser.