11/*--------------------- Layout and Typography ----------------------------*/
2+ html { height : 100% ; }
23body {
34 font-family : 'Palatino Linotype' , 'Book Antiqua' , Palatino, FreeSerif, serif;
4- font-size : 15 px ;
5- line-height : 22 px ;
5+ font-size : 14 px ;
6+ line-height : 16 px ;
67 color : # 252519 ;
78 margin : 0 ; padding : 0 ;
9+ height : 100% ;
810}
11+ # container { min-height : 100% ; }
12+
913a {
1014 color : # 261a3b ;
1115}
12- a : visited {
13- color : # 261a3b ;
14- }
15- p {
16- margin : 0 0 15px 0 ;
16+
17+ a : visited {
18+ color : # 261a3b ;
19+ }
20+
21+ p , ul , ol {
22+ margin : 15px 0 ;
1723}
24+
1825h1 , h2 , h3 , h4 , h5 , h6 {
19- margin : 0 px 0 15px 0 ;
26+ margin : 30 px 0 15px 0 ;
2027}
21- h1 {
22- margin-top : 40px ;
23- }
28+
29+ h1 {
30+ margin-top : 40px ;
31+ }
32+
2433hr {
25- border : 0 none;
26- border-top : 1px solid # e5e5ee ;
27- height : 1px ;
28- margin : 20px 0 ;
34+ border : 0 none;
35+ border-top : 1px solid # e5e5ee ;
36+ height : 1px ;
37+ margin : 20px 0 ;
38+ }
39+
40+ pre , tt , code {
41+ font-size : 12px ; line-height : 16px ;
42+ font-family : Menlo, Monaco, Consolas, "Lucida Console" , monospace;
43+ margin : 0 ; padding : 0 ;
2944}
30- # container {
31- position : relative;
45+
46+ ul .sections {
47+ list-style : none;
48+ padding : 0 0 5px 0 ;;
49+ margin: 0;
3250}
33- # background {
34- position : fixed;
35- top : 0 ; left : 525px ; right : 0 ; bottom : 0 ;
36- background : # f5f5ff ;
37- border-left : 1px solid # e5e5ee ;
38- z-index : -1 ;
51+
52+ /*
53+ Force border-box so that % widths fit the parent
54+ container without overlap because of margin/padding.
55+
56+ More Info : http://www.quirksmode.org/css/box.html
57+ */
58+ ul .sections > li > div {
59+ -moz-box-sizing : border-box; /* firefox */
60+ -ms-box-sizing : border-box; /* ie */
61+ -webkit-box-sizing : border-box; /* webkit */
62+ -khtml-box-sizing : border-box; /* konqueror */
63+ box-sizing : border-box; /* css3 */
3964}
65+
66+
67+ /*---------------------- Jump Page -----------------------------*/
4068# jump_to , # jump_page {
69+ margin : 0 ;
4170 background : white;
4271 -webkit-box-shadow : 0 0 25px # 777 ; -moz-box-shadow : 0 0 25px # 777 ;
4372 -webkit-border-bottom-left-radius : 5px ; -moz-border-radius-bottomleft : 5px ;
44- font : 10px Arial;
45- text-transform : uppercase;
73+ font : 16px Arial;
4674 cursor : pointer;
4775 text-align : right;
76+ list-style : none;
4877}
78+
79+ # jump_to a {
80+ text-decoration : none;
81+ }
82+
83+ # jump_to a .large {
84+ display : none;
85+ }
86+ # jump_to a .small {
87+ font-size : 22px ;
88+ font-weight : bold;
89+ color : # 676767 ;
90+ }
91+
4992# jump_to , # jump_wrapper {
5093 position : fixed;
5194 right : 0 ; top : 0 ;
52- padding : 5px 10px ;
95+ padding : 10px 15px ;
96+ margin : 0 ;
97+ }
98+
99+ # jump_wrapper {
100+ display : none;
101+ padding : 0 ;
102+ }
103+
104+ # jump_to : hover # jump_wrapper {
105+ display : block;
106+ }
107+
108+ # jump_page {
109+ padding : 5px 0 3px ;
110+ margin : 0 0 25px 25px ;
111+ }
112+
113+ # jump_page .source {
114+ display : block;
115+ padding : 15px ;
116+ text-decoration : none;
117+ border-top : 1px solid # eee ;
118+ }
119+
120+ # jump_page .source : hover {
121+ background : # f5f5ff ;
122+ }
123+
124+ # jump_page .source : first-child {
125+ }
126+
127+ /*---------------------- Low resolutions (> 320px) ---------------------*/
128+ @media only screen and (min-width : 320px ) {
129+ .pilwrap { display : none; }
130+
131+ ul .sections > li > div {
132+ display : block;
133+ padding : 5px 10px 0 10px ;
134+ }
135+
136+ ul .sections > li > div .annotation {
137+ background : # fff ;
138+ }
139+
140+ ul .sections > li > div .annotation ul , ul .sections > li > div .annotation ol {
141+ padding-left : 30px ;
142+ }
143+
144+ ul .sections > li > div .content {
145+ background : # f5f5ff ;
146+ overflow-x : auto;
147+ -webkit-box-shadow : inset 0 0 5px # e5e5ee ;
148+ box-shadow : inset 0 0 5px # e5e5ee ;
149+ border : 1px solid # dedede ;
150+ margin : 5px 10px 5px 10px ;
151+ padding-bottom : 5px ;
152+ }
153+
154+ ul .sections > li > div .annotation pre {
155+ margin : 7px 0 7px ;
156+ padding-left : 15px ;
157+ }
158+
159+ ul .sections > li > div .annotation p tt , .annotation code {
160+ background : # f8f8ff ;
161+ border : 1px solid # dedede ;
162+ font-size : 12px ;
163+ padding : 0 0.2em ;
164+ }
53165}
166+
167+ /*---------------------- (> 481px) ---------------------*/
168+ @media only screen and (min-width : 481px ) {
169+ # container {
170+ position : relative;
171+ }
172+ body {
173+ background-color : # F5F5FF ;
174+ font-size : 15px ;
175+ line-height : 22px ;
176+ }
177+ pre , tt , code {
178+ line-height : 18px ;
179+ }
180+
181+ # jump_to {
182+ padding : 5px 10px ;
183+ }
54184 # jump_wrapper {
55185 padding : 0 ;
186+ }
187+ # jump_to , # jump_page {
188+ font : 10px Arial;
189+ text-transform : uppercase;
190+ }
191+ # jump_page .source {
192+ padding : 5px 10px ;
193+ }
194+ # jump_to a .large {
195+ display : inline-block;
196+ }
197+ # jump_to a .small {
56198 display : none;
57199 }
58- # jump_to : hover # jump_wrapper {
59- display : block;
60- }
61- # jump_page {
62- padding : 5px 0 3px ;
63- margin : 0 0 25px 25px ;
64- }
65- # jump_page .source {
66- display : block;
67- padding : 5px 10px ;
68- text-decoration : none;
69- border-top : 1px solid # eee ;
70- }
71- # jump_page .source : hover {
72- background : # f5f5ff ;
73- }
74- # jump_page .source : first-child {
75- }
76- table td {
77- border : 0 ;
78- outline : 0 ;
79- }
80- td .docs , th .docs {
81- max-width : 450px ;
82- min-width : 450px ;
200+
201+
202+
203+ # background {
204+ position : absolute;
205+ top : 0 ; bottom : 0 ;
206+ width : 350px ;
207+ background : # ffffff ;
208+ border-right : 1px solid # e5e5ee ;
209+ z-index : -1 ;
210+ }
211+
212+ ul .sections > li > div .annotation ul , ul .sections > li > div .annotation ol {
213+ padding-left : 40px ;
214+ }
215+
216+ ul .sections > li {
217+ white-space : nowrap;
218+ }
219+
220+ ul .sections > li > div {
221+ display : inline-block;
222+ }
223+
224+ ul .sections > li > div .annotation {
225+ max-width : 350px ;
226+ min-width : 350px ;
83227 min-height : 5px ;
84- padding : 10 px 25 px 1 px 50 px ;
228+ padding : 13 px ;
85229 overflow-x : hidden;
230+ white-space : normal;
86231 vertical-align : top;
87232 text-align : left;
88233 }
89- .docs pre {
90- margin : 15px 0 15px ;
91- padding-left : 15px ;
92- }
93- .docs p tt , .docs p code {
94- background : # f8f8ff ;
95- border : 1px solid # dedede ;
96- font-size : 12px ;
97- padding : 0 0.2em ;
98- }
99- .pilwrap {
100- position : relative;
101- }
102- .pilcrow {
103- font : 12px Arial;
104- text-decoration : none;
105- color : # 454545 ;
106- position : absolute;
107- top : 3px ; left : -20px ;
108- padding : 1px 2px ;
109- opacity : 0 ;
110- -webkit-transition : opacity 0.2s linear;
111- }
112- td .docs : hover .pilcrow {
113- opacity : 1 ;
114- }
115- td .code , th .code {
116- padding : 14px 15px 16px 25px ;
117- width : 100% ;
234+ ul .sections > li > div .annotation pre {
235+ margin : 15px 0 15px ;
236+ padding-left : 15px ;
237+ }
238+
239+ ul .sections > li > div .content {
240+ padding : 13px ;
118241 vertical-align : top;
119242 background : # f5f5ff ;
120- border-left : 1px solid # e5e5ee ;
243+ border : none;
244+ -webkit-box-shadow : none;
245+ box-shadow : none;
121246 }
122- pre , tt , code {
123- font-size : 12px ; line-height : 18px ;
124- font-family : Menlo, Monaco, Consolas, "Lucida Console" , monospace;
125- margin : 0 ; padding : 0 ;
126- }
127247
248+ .pilwrap {
249+ position : relative;
250+ display : inline;
251+ }
252+
253+ .pilcrow {
254+ font : 12px Arial;
255+ text-decoration : none;
256+ color : # 454545 ;
257+ position : absolute;
258+ top : 3px ; left : -20px ;
259+ padding : 1px 2px ;
260+ opacity : 0 ;
261+ -webkit-transition : opacity 0.2s linear;
262+ }
263+
264+ ul .sections > li > div .annotation : hover .pilcrow {
265+ opacity : 1 ;
266+ }
267+ }
268+
269+ /*---------------------- (> 1025px) ---------------------*/
270+ @media only screen and (min-width : 1025px ) {
271+
272+ # background {
273+ width : 525px ;
274+ }
275+ ul .sections > li > div .annotation {
276+ max-width : 525px ;
277+ min-width : 525px ;
278+ padding : 10px 25px 1px 50px ;
279+ }
280+ ul .sections > li > div .content {
281+ padding : 14px 15px 16px 25px ;
282+ }
283+ }
128284
129285/*---------------------- Syntax Highlighting -----------------------------*/
130286td .linenos { background-color : # f0f0f0 ; padding-right : 10px ; }
@@ -189,4 +345,4 @@ body .bp { color: #954121 } /* Name.Builtin.Pseudo */
189345body .vc { color : # 19469D } /* Name.Variable.Class */
190346body .vg { color : # 19469D } /* Name.Variable.Global */
191347body .vi { color : # 19469D } /* Name.Variable.Instance */
192- body .il { color : # 666666 } /* Literal.Number.Integer.Long */
348+ body .il { color : # 666666 } /* Literal.Number.Integer.Long */
0 commit comments