1 /* color definitions */
5 /* page layout + top-level styles */
7 background-color: #0099cc;
10 background-color: #0099cc;
13 background-color: #0099cc;
20 background-color:#F9F9F9;
21 -webkit-font-smoothing: antialiased;
22 /* prevent subpixel antialiasing, which thickens the text */
23 /* text-rendering: optimizeLegibility; */
24 /* turned off ligatures due to bug 5945455 */ }
28 font: 14px/19px Roboto, sans-serif;
48 text-decoration: none;
49 color: #555555 !important; }
52 display: inline-block; }
71 #page-footer #copyright {
72 margin-bottom: 10px; }
86 min-height:5px; /* silly way to avoid doc floating left when nav goes fixed */
103 #devdoc-nav span.small {
114 color: #7aa1b0 !important; }
118 color: #33b5e5 !important; }
121 background:url('../images/styles/open_new_page.png') no-repeat 100% 50%;
139 font-style: italic; }
143 border-bottom: 1px dotted #555555;
147 .tooltip-link:hover {
149 border-bottom-color: #7aa1b0; }
153 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
155 /* disclosures mixin */
157 .layout-content-row {
158 display: inline-block;
159 margin-bottom: 10px; }
160 .layout-content-row:after {
165 visibility: hidden; }
166 * html .layout-content-row {
169 .layout-content-col {
172 .layout-content-col:first-child {
174 .layout-content-col h3,
175 .layout-content-col h4 {
178 .layout-content-col.span-1 {
181 .layout-content-col.span-2 {
184 .layout-content-col.span-3 {
187 .layout-content-col.span-4 {
190 .layout-content-col.span-5 {
193 .layout-content-col.span-6 {
196 .layout-content-col.span-7 {
199 .layout-content-col.span-8 {
202 .layout-content-col.span-9 {
205 .layout-content-col.span-10 {
208 .layout-content-col.span-11 {
211 .layout-content-col.span-12 {
214 .layout-content-col.span-13 {
267 /* section header divs */
268 /* expanded section header divs */
271 list-style-type: none;
278 text-decoration: none;
279 word-wrap:break-word; }
280 #nav .nav-section-header {
283 padding: 0 30px 0 0; }
284 #nav li.selected a, #nav li.selected > .nav-section-header > a {
287 #nav li.selected ul li a {
288 /* don't highlight child items */
290 #nav .nav-section .nav-section .nav-section-header {
291 /* no white line between second level sections */
293 /* section header links */
294 #nav > li > div > a {
298 padding: 10px 0 10px 10px; }
299 #nav .nav-section-header:after {
301 background: transparent url(../images/styles/disclosure_down.png) no-repeat scroll 50% 50%;
308 #nav .nav-section-header.empty {
310 #nav .nav-section-header.empty:after {
312 /* nested nav headers */
313 #nav .nav-section .nav-section {
317 #nav .nav-section li a {
318 /* first gen child (2nd level li) */
321 text-transform: none;
322 padding: 7px 5px 7px 10px;
324 #nav .nav-section li li a {
325 /* second gen child (3rd level li) */
326 padding: 5px 5px 5px 10px;
328 #nav li.expanded .nav-section-header {
330 background: rgba(0, 0, 0, 0.05); }
331 #nav li.expanded li .nav-section-header {
332 background: transparent; }
333 #nav li.expanded li ul {
337 #nav li.expanded > .nav-section-header:after {
339 background: transparent url(../images/styles/disclosure_up.png) no-repeat scroll 50% 50%;
342 #nav li.expanded li ul.tree-list-children {
345 #nav li.expanded li ul.tree-list-children .tree-list-children {
348 #nav li span.tree-list-subtitle {
349 display:inline-block;
350 padding:5px 0 0 10px;
352 text-transform:uppercase;
355 #nav li span.tree-list-subtitle:before {
358 #nav li span.tree-list-subtitle:after {
365 #nav li ul.animate-height-in {
366 -webkit-transition: height 0.25s ease-in;
367 -moz-transition: height 0.25s ease-in;
368 transition: height 0.25s ease-in; }
369 #nav li ul.animate-height-out {
370 -webkit-transition: height 0.25s ease-out;
371 -moz-transition: height 0.25s ease-out;
372 transition: height 0.25s ease-out; }
377 #nav li.expanded ul {
382 #nav li ul > li:last-child {
385 #nav li ul.tree-list-children > li:last-child {
388 #nav li.expanded ul > li {
390 background: rgba(0, 0, 0, 0.03); }
391 #nav li.expanded ul > li li {
392 background:inherit; }
393 #nav li ul.tree-list-children ul {
410 .content-header.just-links {
422 border-top: 1px solid #ccc;
427 .content-footer .col-9 {
430 .content-footer .col-4 {
433 .content-footer.wrap {
438 position: relative; }
440 position: absolute; }
442 .training-nav-top a {
446 text-decoration: none;
447 text-transform: uppercase; }
448 .paging-links .prev-page-link:before,
449 .training-nav-top .prev-page-link:before {
451 background: transparent url(../images/styles/disclosure_left.png) no-repeat scroll 50% 50%;
454 display: inline-block;
456 .training-nav-top .next-page-link,
457 .training-nav-top .start-class-link,
458 .training-nav-top .start-course-link {
460 .paging-links .prev-page-link {
462 .paging-links .next-page-link {
464 .next-page-link:after,
465 .start-class-link:after,
466 .start-course-link:after,
467 .next-class-link:after,
470 background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%;
473 display: inline-block;
475 .prev-page-link.inline:before {
477 .next-page-link.inline:after {
481 .training-nav-top a {
489 border:1px solid #DADADA;
493 .training-nav-top a.next-page-link {
498 .paging-links a.disabled,
499 .training-nav-top a.disabled,
500 .content-footer a.disabled {
504 .paging-links a.disabled:hover,
505 .training-nav-top a.disabled:hover,
506 .content-footer a.disabled:hover {
508 color:#bbb !important;
511 .training-nav-top a.start-class-link,
512 .training-nav-top a.start-course-link {
516 /* list of classes on course landing page */
525 border-top:1px solid #ccc;
527 ol.class-list li a.title {
535 ol.class-list li a.title h2 {
542 ol.class-list li a.title span {
547 background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%;
551 ol.class-list li a.title:hover {
553 color:#258AAF !important;
555 ol.class-list li a.title:hover span {
560 ol.class-list li img {
566 ol.class-list li p.description {
572 ol.class-list li p.description.article {
582 ol.class-list div.lessons li {
589 display:none !important;
592 .content-footer.next-class {
599 .content-footer.next-class a.next-class-link {
602 text-transform:uppercase;
607 /* inner-doc tabs w/ title */
609 div#title-tabs-wrapper {
610 border-bottom:1px solid #ccc;
614 display:inline-block;
617 border-bottom:1px solid #F9F9F9;
626 display:inline-block;
627 vertical-align:bottom;
633 border-bottom: 3px solid transparent;
635 ul#title-tabs li.selected {
636 border-bottom: 3px solid #93C;
641 ul#title-tabs li a:hover,
642 ul#title-tabs li a:active {
643 color:#93C !important;
649 @-webkit-keyframes glowheader {
651 background-color: #33b5e5;
653 border-bottom-color: #000; }
656 background-color: transparent;
658 border-bottom-color: #33b5e5; } }
660 @-moz-keyframes glowheader {
662 background-color: #33b5e5;
664 border-bottom-color: #000; }
667 background-color: transparent;
669 border-bottom-color: #33b5e5; } }
671 @keyframes glowheader {
673 background-color: #33b5e5;
675 border-bottom-color: #000; }
678 background-color: transparent;
680 border-bottom-color: #33b5e5; } }
684 -webkit-animation-name: glowheader;
685 -moz-animation-name: glowheader;
686 animation-name: glowheader;
687 -webkit-animation-duration: 0.7s;
688 -moz-animation-duration: 0.7s;
689 animation-duration: 0.7s;
690 -webkit-animation-timing-function: ease-out;
691 -moz-animation-timing-function: ease-out;
692 animation-timing-function: ease-out; }
698 counter-reset: item; }
702 list-style-type: none;
703 position: relative; }
704 .design ol>li:before {
705 content: counter(item) ". ";
706 counter-increment: item;
710 .design ol li.value-1:before {
712 .design ol li.value-2:before {
714 .design ol li.value-3:before {
716 .design ol li.value-4:before {
718 .design ol li.value-5:before {
720 .design ol li.value-6:before {
722 .design ol li.value-7:before {
724 .design ol li.value-8:before {
726 .design ol li.value-9:before {
728 .design ol li.value-10:before {
730 .design .with-callouts ol>li {
731 list-style-position: inside;
733 .design .with-callouts ol>li:before {
740 .design .with-callouts ul>li {
741 list-style-position: outside; }
743 /* special list items */
745 list-style-type: none !important; }
749 .design li.with-icon {
753 .design li.with-icon p {
754 margin-left: 0 !important; }
755 .design li.with-icon:before {
762 .design li.with-icon.tablet:before {
763 background-image: url(../images/styles/ico_phone_tablet.png); }
764 .design li.with-icon.web:before {
765 background-image: url(../images/styles/ico_web.png); }
766 .design li.with-icon.action:before {
767 background-image: url(../images/styles/ico_action.png); }
768 .design li.with-icon.use:before {
769 background-image: url(../images/styles/ico_use.png); }
771 /* figures and callouts */
773 position: relative; }
775 margin-bottom: 20px; }
776 .figure .figure-callout {
783 background: transparent url(../images/styles/callout.png) no-repeat scroll 50% 50%;
788 .figure .figure-callout.top {
790 .figure .figure-callout.right {
794 margin: 0 10px 20px 0;
797 font-style: italic; }
799 /* rows of figures */
803 /* to prevent space between figures */ }
804 .figure-row .figure {
805 display: inline-block;
806 vertical-align: top; }
807 .figure-row .figure + .figure {
809 /* reintroduce space between figures */ }
811 /* video containers */
812 .framed-galaxynexus-land-span-13 {
813 background: transparent url(../images/styles/device_galaxynexus_blank_land_span13.png) no-repeat
815 padding: 42px 122px 62px 126px;
817 .framed-galaxynexus-land-span-13, .framed-galaxynexus-land-span-13 video,
818 .framed-galaxynexus-land-span-13 img {
823 .framed-galaxynexus-land-span-8{
824 background: transparent url(../images/styles/device_galaxynexus_blank_land_span8.png) no-repeat
826 padding: 26px 68px 38px 72px;
828 .framed-galaxynexus-land-span-8, .framed-galaxynexus-land-span-8 video,
829 .framed-galaxynexus-land-span-8 img {
833 .framed-galaxynexus-port-span-9 {
834 background: transparent url(../images/styles/device_galaxynexus_blank_port_span9.png) no-repeat
836 padding: 95px 122px 107px 124px;
838 .framed-galaxynexus-port-span-9, .framed-galaxynexus-port-span-9 video,
839 .framed-galaxynexus-port-span-9 img {
843 .framed-galaxynexus-port-span-5 {
844 background: transparent url(../images/styles/device_galaxynexus_blank_port_span5.png) no-repeat
846 padding: 75px 31px 76px 33px;
848 .framed-galaxynexus-port-span-5, .framed-galaxynexus-port-span-5 video,
849 .framed-galaxynexus-port-span-5 img {
853 .framed-nexus4-port-216 {
854 background: transparent url(../images/styles/device_nexus4_blank_port_432.png) no-repeat
856 background-size:240px 465px;
857 padding: 52px 12px 52px 12px;
859 .framed-nexus4-port-216, .framed-nexus4-port-216 video,
860 .framed-nexus4-port-216 img {
864 .framed-nexus5-port-span-5 {
865 background: transparent url(../images/styles/device_nexus5_blank_port_span5.png) no-repeat
867 padding: 52px 33px 69px 31px;
871 .framed-nexus5-port-span-5,
872 .framed-nexus5-port-span-5 video,
873 .framed-nexus5-port-span-5 img {
878 /* landing page disclosures */
880 text-decoration: none;
883 .landing-page-link:after {
885 background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%;
888 display: inline-block;
894 background-color: rgba(0, 0, 0, 0.9);
902 .tooltip-box.below:after {
909 border: 5px solid transparent;
910 border-bottom-color: rgba(0, 0, 0, 0.9); }
913 .video-instructions {
915 margin-bottom: 10px; }
916 .video-instructions:before {
918 background: transparent url(../images/styles/ico_movie_inline.png) no-repeat scroll top left;
919 display: inline-block;
923 .video-instructions:after {
924 content: 'Click device screen to replay movie.'; }
926 /* download buttons */
930 text-decoration: none;
931 background-color: #33b5e5;
932 color: #fff !important;
934 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
936 border-radius: 2px; }
937 .download-button:hover, .download-button:focus {
938 background-color: #0099cc;
939 color: #fff !important; }
940 .download-button:active {
941 background-color: #006699; }
943 /* UI tables and other things found in Writing style and Settings pattern */
946 background-color: #282828;
949 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
950 border-collapse: separate; }
954 background-color: inherit;
959 border-top: 1px solid #494949;
960 border-right: 1px solid #494949;
961 text-align: center; }
962 .ui-table tfoot td:last-child {
965 .layout-with-list-item-margins {
966 margin-left: 30px !important; }
968 .emulate-content-left-padding {
974 background: transparent none no-repeat scroll 0px 3px; }
976 background-image: url(../images/styles/ico_wrong.png); }
977 .do-dont-label.good {
978 background-image: url(../images/styles/ico_good.png); }
998 /***** PREVIOUSLY style.css ******************/
1004 @media screen, projection, print {
1011 pre, table, input, textarea, code {
1014 address, abbr, cite {
1020 html[lang^=ja] blockquote, html[lang^=ja] q, html[lang^=ko] blockquote, html[lang^=ko] q,
1021 html[lang^=zh] blockquote, html[lang^=zh] q {
1027 fieldset, iframe, img {
1031 -ms-interpolation-mode: bicubic;
1032 vertical-align: middle;
1044 @media screen, projection {
1052 margin: 20px 0 20px;
1070 margin: 20px 0 20px;
1094 hr { /* applied to the bottom of h2 elements */
1100 p, pre, table, form {
1108 margin: 0 0 15px 18px;
1111 [dir='rtl'] ul, [dir='rtl'] ol {
1112 margin: 10px 30px 10px 10px;
1114 ul ul, ul ol, ol ul, ol ol {
1122 margin:0 0 10px 30px;
1139 pre strong, pre b, a strong, a b, a code {
1144 font: 13px/1.5 monospace;
1148 font: 13px/14px monospace;
1156 text-decoration: none;
1158 a:focus, a:hover, a:active {
1160 text-decoration: none;
1167 border-collapse: collapse;
1170 margin: .5em 1em 1em 0;
1171 width:100%; /* consistent table widths; within IE's quirks */
1172 background-color:#f7f7f7;
1176 vertical-align: top;
1180 background-color:inherit;
1181 border:solid 1px #DDD;
1187 background-color: #999;
1189 border:solid 1px #DDD;
1190 font-weight: normal;
1192 tr:first-of-type th:first-of-type:empty {
1195 /* --------------------------------------------------------------------------
1200 background: #acbc00;
1201 background: -moz-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%);
1202 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #acbc00),
1203 color-stop(50%, #acbc00), color-stop(50%, #bdde00), color-stop(100%, #bdde00));
1204 background: -webkit-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%);
1205 background: -o-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%);
1206 background: -ms-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%);
1207 background: linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%);
1223 margin: 5px 0 30px 0;
1228 #footer-local li+li:before {
1235 background: #f5f5f5;
1238 border-top: 1px solid #ebebeb;
1250 #footer-global li+li:before {
1254 * html #footer-global li {
1257 * [dir='rtl'] #footer-global li {
1260 *+html #footer-global li {
1263 *+[dir='rtl'] #footer-global li {
1266 #footer-global li a {
1267 font-weight: normal;
1270 margin: 10px 0 0 0px;
1272 [dir='rtl'] .locales {
1273 background-position: right center;
1275 padding: 0 24px 0 0;
1280 .locales select, .sites select {
1283 border: solid 1px #EBEBEB;
1284 -webkit-appearance: none;
1285 background: white url('../images/arrows-up-down.png') right center no-repeat;
1288 line-height: normal;
1294 /* =============================================================================
1296 ========================================================================== */
1298 /* configure printed page */
1305 /* reset spacing metrics */
1307 margin: 0 !important;
1308 padding: 0 !important;
1309 width: auto !important;
1312 /* leave enough space on the left for bullets */
1314 padding-left: 20px !important;
1320 /* hide a bunch of non-content elements */
1321 #header, #footer, #nav-x, #side-nav,
1322 .training-nav-top, .training-nav-bottom,
1323 #doc-col .content-footer,
1327 display: none !important;
1330 /* remove extra space above page titles */
1331 #doc-col .content-header {
1335 /* bump up spacing above subheadings */
1337 margin-top: 40px !important;
1340 /* print link URLs where possible and give links default text color */
1342 content: " (" attr(href) ")";
1346 word-wrap: break-word;
1352 /* syntax highlighting rules */
1353 .str { color: #060; }
1354 .kwd { color: #006; font-weight: bold; }
1355 .com { color: #600; font-style: italic; }
1356 .typ { color: #404; font-weight: bold; }
1357 .lit { color: #044; }
1358 .pun { color: #440; }
1359 .pln { color: #000; }
1360 .tag { color: #006; font-weight: bold; }
1361 .atn { color: #404; }
1362 .atv { color: #060; }
1365 /* =============================================================================
1367 ========================================================================== */
1369 @media screen, projection, print {
1372 border-top: solid 1px #ddd;
1373 border-bottom: solid 1px #ddd;
1374 background: #f7f7f7;
1383 margin: 0 -1.533742331288343558282%;
1384 width: 103.06748466257669%}
1386 margin-bottom: 20px;
1395 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
1396 .col-13, .col-14, .col-15, .col-16 {
1403 * html .col-1, * html .col-2, * html .col-3, * html .col-4, * html .col-5, * html .col-6, * html
1404 .col-7, * html .col-8, * html .col-9, * html .col-10, * html .col-11, * html .col-12 {
1406 padding: 0 1.4% 20px;
1408 [dir='rtl'] .col-1, [dir='rtl'] .col-2, [dir='rtl'] .col-3, [dir='rtl'] .col-4, [dir='rtl'] .col-5,
1409 [dir='rtl'] .col-6, [dir='rtl'] .col-7, [dir='rtl'] .col-8, [dir='rtl'] .col-9, [dir='rtl'] .col-10,
1410 [dir='rtl'] .col-11, [dir='rtl'] .col-12 {
1414 .col-1 { width: 40px }
1415 .col-2 { width: 100px }
1416 .col-3 { width: 160px }
1417 .col-4 { width: 220px }
1418 .col-5 { width: 280px }
1419 .col-6 { width: 340px }
1420 .col-7 { width: 400px }
1421 .col-8 { width: 460px }
1422 .col-9 { width: 520px }
1423 .col-10 { width: 580px }
1424 .col-11 { width: 640px }
1425 .col-12 { width: 700px }
1426 .col-13 { width: 760px }
1427 .col-14 { width: 820px }
1428 .col-15 { width: 880px }
1429 .col-16 { width: 940px }
1436 @media screen and (max-width:772px) {
1437 .col-5, .col-6, .col-7 {
1442 /* =============================================================================
1444 ========================================================================== */
1445 @media screen, projection, print {
1447 /* --------------------------------------------------------------------------
1448 Header, Login, Nav-X, Search
1451 padding: 2.2em 0 0.2em 0;
1453 #header:before, #header:after {
1463 list-style-type: none;
1469 .design a.selected {
1472 .develop a.selected {
1475 .distribute a.selected {
1490 .search .bottom, .search .left, .search .right {
1492 background-color: #a3a3a3;
1500 .search .left, .search .right {
1504 .search .left { top: 19px; left: 0 }
1505 .search .right { top: 19px; right: 0 }
1512 #player-frame .close {
1519 text-indent: -1000em;
1520 background: url(../images/close.png) no-repeat 0 0;
1523 .search .close:hover, .search .close:focus,
1524 #player-frame .close:hover, #player-frame .close:focus {
1525 background-position: -16px 0;
1528 #player-frame .close {
1531 .search form input {
1539 background-color: transparent
1541 .search:hover .bottom, .search:hover .left, .search:hover .right {
1542 background-color: #33b5e5;
1544 .search:hover .icon {
1545 background-position: -8px 0
1547 .search form input:focus {
1552 /* Search Dropdown */
1556 border: solid 1px #c5c5c5;
1561 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
1562 -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
1563 box-shadow: 0 0 10px rgba(0,0,0,0.2)
1565 .search-dropdown ul, .search-dropdown ul li {
1566 list-style-type: none;
1570 .search-dropdown ul li {
1573 .search-dropdown img {
1575 margin: 0 10px 10px 0
1577 .search-dropdown h6 {
1582 .search-dropdown .desc {
1585 line-height: normal;
1588 .search-dropdown li a:hover h6, .search-dropdown li a:hover .desc {
1591 /* --------------------------------------------------------------------------
1594 .button, a.button, .button-secondary, a.button-secondary {
1595 border-image: initial;
1596 -webkit-border-radius: 2px;
1597 -moz-border-radius: 2px;
1602 display:inline-block;
1603 background-color: #09c;
1604 background-image: -webkit-gradient(linear, left top, left bottom, from(#2faddb), to(#09c));
1605 background-image: -webkit-linear-gradient(top, #2faddb, #09c);
1606 background-image: -moz-linear-gradient(top, #2faddb, #09c);
1607 background-image: -ms-linear-gradient(top, #2faddb, #09c);
1608 background-image: -o-linear-gradient(top, #2faddb, #09c);
1609 background-image: linear-gradient(top, #2faddb, #09c);
1610 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2faddb', EndColorStr='#0099cc',GradientType=0);
1611 border: 1px solid #3990ab;
1614 .button-secondary, a.button-secondary {
1615 background-color: #f3f3f3;
1616 border: 1px solid #dcdcdc;
1619 a.button, a.button:visited, a.button-secondary, a.button-secondary:visited {
1627 .button, .button-secondary {
1635 .button:hover, a.button:hover {
1637 background-color: #4cadcb;
1638 background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbcd9), to(#4cadcb));
1639 background-image: -webkit-linear-gradient(top, #5dbcd9, #4cadcb);
1640 background-image: -moz-linear-gradient(top, #5dbcd9, #4cadcb);
1641 background-image: -ms-linear-gradient(top, #5dbcd9, #4cadcb);
1642 background-image: -o-linear-gradient(top, #5dbcd9, #4cadcb);
1643 background-image: linear-gradient(top, #5dbcd9, #4cadcb);
1644 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9',
1645 EndColorStr='#4cadcb',GradientType=0);
1646 color: #fff !important;
1648 .button:active, a.button:active {
1649 background-color: #1e799a;
1650 background-image: none;
1651 border-color: #30b7e6;
1653 a.button.big.subtitle {
1656 .button-secondary:hover, a.button-secondary:hover {
1657 border-color: #dbdbdb;
1658 background-color: #f3f3f3;
1659 background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec));
1660 background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec);
1661 background-image: -moz-linear-gradient(top, #f9f9f9, #ececec);
1662 background-image: -ms-linear-gradient(top, #f9f9f9, #ececec);
1663 background-image: -o-linear-gradient(top, #f9f9f9, #ececec);
1664 background-image: linear-gradient(top, #f9f9f9, #ececec);
1665 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',
1666 EndColorStr='#ececec');
1667 color: #33B5E5 !important;
1669 .button-secondary:active, a.button-secondary:active {
1670 border-color: #dadada;
1671 background: #ebebeb; /* Old browsers */
1672 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
1674 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/
1675 Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv
1676 eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+
1677 CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIg
1678 eDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJl
1679 YiIgc3RvcC1vcGFjaXR5PSIxIi8+
1680 CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+
1681 CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+
1682 CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+
1683 CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFy
1685 CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIg
1687 background: -moz-linear-gradient(top, #ebebeb 0%, #f9f9f9 5%, #fafafa 50%, #f9f9f9 90%,
1688 #ffffff 100%); /* FF3.6+ */
1689 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb),
1690 color-stop(5%,#f9f9f9), color-stop(50%,#fafafa), color-stop(90%,#f9f9f9), color-stop(100%,#ffffff));
1691 /* Chrome,Safari4+ */
1692 background: -webkit-linear-gradient(top, #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9
1693 90%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
1694 background: -o-linear-gradient(top, #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff
1695 100%); /* Opera 11.10+ */
1696 background: -ms-linear-gradient(top, #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff
1698 background: linear-gradient(top, #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff
1700 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb',
1701 endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
1702 -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
1703 -moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
1704 box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
1705 color: #258AAF !important;
1709 display:inline-block;
1711 .button.big span.small {
1721 .button.disabled:hover,
1722 .button.disabled:active {
1724 color:#999 !important;
1729 .training-nav-top a.button-secondary,
1730 .training-nav-bottom a.button-secondary {
1735 text-transform:uppercase;
1738 background-color: #f3f3f3;
1739 background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec));
1740 background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec);
1741 background-image: -moz-linear-gradient(top, #f9f9f9, #ececec);
1742 background-image: -ms-linear-gradient(top, #f9f9f9, #ececec);
1743 background-image: -o-linear-gradient(top, #f9f9f9, #ececec);
1744 background-image: linear-gradient(top, #f9f9f9, #ececec);
1745 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',
1746 EndColorStr='#ececec');
1750 .training-nav-top a.button-secondary:hover,
1751 .training-nav-bottom a.button-secondary:hover {
1752 background-color: #09c;
1753 background-image: -webkit-gradient(linear, left top, left bottom, from(#2faddb), to(#09c));
1754 background-image: -webkit-linear-gradient(top, #2faddb, #09c);
1755 background-image: -moz-linear-gradient(top, #2faddb, #09c);
1756 background-image: -ms-linear-gradient(top, #2faddb, #09c);
1757 background-image: -o-linear-gradient(top, #2faddb, #09c);
1758 background-image: linear-gradient(top, #2faddb, #09c);
1759 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2faddb', EndColorStr='#09c');
1760 border: 1px solid #3990ab;
1761 color: #fff !important;
1764 .training-nav-top a.button-secondary.last,
1765 .training-nav-bottom a.button-secondary.last {
1769 .training-nav-top a.button-secondary.double-size,
1770 .training-nav-bottom a.button-secondary.double-size {
1775 .training-nav-bottom {
1780 .training-nav-bottom {
1788 margin:0 0 0 20px; /* negative top-margin to counter the content-header bottom margin */
1793 margin:-27px 0 0 20px; /* negative top-margin to counter the content-header bottom margin */
1801 border:1px solid #ccc;
1813 text-transform:uppercase;
1814 border-bottom:1px solid gainsboro;
1827 #tb .download-box .filename,
1828 #qv .download-box .filename {
1830 margin:4px 4px 10px;
1835 /* Dev guide quicknav */
1848 border-left:4px solid #99CC00;
1851 margin:0 0 1em 20px;
1869 margin:0 15px 10px 35px;
1876 line-height:inherit;
1889 margin:3px 0 3px 15px;
1898 /* related resources blocks in checklists */
1902 border:1px solid #ccc;
1903 background-color:rgba(0, 0, 0, 0.027451);
1904 border:1px solid #ccc;
1910 padding: .5em 1em 0 1em;
1918 margin:4px 15px 0px 15px;
1921 text-transform:uppercase;
1924 /* --------------------------------------------------------------------------
1930 .article form .form-required {
1933 .article form fieldset {
1937 .article form legend {
1944 .article form ol, .article form ul {
1948 [dir='rtl'] .article form ol, [dir='rtl'] .article form ul {
1952 .article form ol ul, .article form ul ul, [dir='rtl'] .article form ol ul, [dir='rtl'] .article form
1961 .article form li li {
1965 .article form label {
1970 .article form input[type='text'], .article form select, .article form textarea, .article form
1971 .checkbox-group, .article form .radio-group {
1972 margin-bottom: 15px;
1974 .checkbox-group input {
1978 border: solid 1px #c6c6c6;
1981 .article form .checkbox-group, .article form .radio-group {
1984 .article form select {
1985 border: solid 1px #ebebeb;
1986 border-top-color: #ddd;
1987 -webkit-appearance: none;
1988 background: #f3f3f3 url(../images/arrows-up-down.png) right center no-repeat;
1991 line-height: normal;
1996 .article form .browse .browse-msg {
1999 .article form .browse .button-secondary {
2004 margin: 0 10px 15px 0;
2006 .article form input[type='text'], .article form textarea {
2007 border: 1px solid #ebebeb;
2008 border-top-color: #dcdcdc;
2010 line-height: normal;
2014 .article form textarea {
2017 .article form input[type='text']:focus, .article form textarea:focus {
2018 border-color: #33B5E5;
2019 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
2020 -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
2021 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
2022 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
2025 .article form input[disabled], .article form textarea[disabled], .article form label.form-disabled {
2028 .article form input[type='text'][disabled], .article form textarea[disabled] {
2029 background-color: #ebebeb;
2031 form .form-error input[type='text'], form .form-error textarea {
2032 border-color: #dd4b39;
2036 -moz-border-radius: 2px;
2037 -webkit-border-radius: 2px;
2043 background: #f9f9f9;
2046 .aside, .notification, .promo {
2047 -moz-border-radius: 2px;
2048 -webkit-border-radius: 2px;
2054 .aside>:first-child, .notification>:first-child, .promo>:first-child {
2057 .aside>:last-child, .notification>:last-child, .promo>:last-child {
2061 background: #f9f9f9;
2064 background: #fffbe4;
2065 border-color: #f8f6e6;
2068 background: #f6f9ff;
2069 border-color: #eff2f9;
2073 /* SDK TOS styles */
2076 white-space: pre-wrap;
2077 word-wrap: break-word;
2078 font-family: inherit;
2083 border: 1px solid #444;
2084 background: transparent;
2089 div.sdk-terms.fullsize {
2101 div#sdk-terms-form {
2105 div#sdk-terms-form input {
2107 margin:4px 4px 4px 0;
2111 /* --------------------------------------------------------------------------
2118 border: solid 1px #ddd;
2119 background: #f7f7f7;
2121 .str { color: #080; }
2122 .kwd { color: #008; }
2123 .com { color: #800; }
2124 .typ { color: #606; }
2125 .lit { color: #066; }
2126 .pun { color: #660; }
2127 .pln { color: #000; }
2128 .tag { color: #008; }
2129 .atn { color: #828; }
2130 .atv { color: #080; }
2131 .dec { color: #606; }
2133 /* --------------------------------------------------------------------------
2136 /* Package Nav & Classes Nav */
2139 border-top: solid 1px #ebebeb;
2141 #packages-nav .js-pane,
2142 #classes-nav .js-pane {
2147 max-height: inherit;
2155 #packages-nav ul, #classes-nav ul {
2156 list-style-type: none;
2157 margin: 10px 0 20px 0;
2165 #classes-nav li li {
2168 #packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited,
2169 #classes-nav li a, #classes-nav li a:active, #classes-nav li a:visited {
2172 #packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited,
2173 #classes-nav li li a, #classes-nav li li a:active, #classes-nav li li a:visited,
2174 #nav-tree li a, #nav-tree li a:active, #nav-tree li a:visited {
2176 font-weight: normal;
2178 #packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited,
2179 #classes-nav li li a, #classes-nav li li a:active, #classes-nav li li a:visited {
2182 #packages-nav li.selected a, #packages-nav li.selected a:active, #packages-nav li.selected
2184 #classes-nav li li.selected a, #classes-nav li li.selected a:active, #classes-nav li li.selected
2186 #nav-tree li div.selected {
2189 background-color:#fff; }
2190 #packages-nav li.selected ul li a,
2191 #classes-nav li.selected ul li a {
2192 /* don't highlight child items */
2194 #nav-tree li div.selected a {
2200 border-top:1px solid #ccc;
2203 display:inline-block;
2207 padding: 5px 0 5px 5px;
2210 #nav-swap .fullscreen {
2214 text-indent: -1000em;
2217 background: url(../images/fullscreen.png) no-repeat -24px 0;
2219 #nav-swap .fullscreen.disabled {
2220 background-position: 0 0;
2222 #nav-swap .fullscreen:hover,
2223 #nav-swap .fullscreen:focus {
2229 #side-nav, #devdoc-nav, #swapper,
2230 #nav-tree, #tree-list {
2241 #nav-tree ul li div {
2245 #side-nav #nav-tree ul li a,
2246 #side-nav #nav-tree ul li span.no-children {
2264 white-space: nowrap;
2267 #nav-tree .children_ul {
2271 #nav-tree .children_ul li div {
2274 #nav-tree .children_ul .children_ul li div {
2278 #nav-tree a.nolink {
2280 text-decoration: none;
2283 #nav-tree span.label {
2298 #doc-content-container {
2301 #doc-header, #doc-content {
2305 background: #f7f7f7;
2309 margin-bottom: 15px;
2315 #api-info-block a, #api-info-block a:active, #api-info-block a:visited {
2318 #api-info-block a:hover, #api-info-block a:focus {
2322 height:19px; /* plus 16px padding = 35; same as #nav li */
2326 border-bottom: 1px solid #CCC;
2328 background: rgba(0, 0, 0, 0.05); /* matches #nav li.expanded */
2341 #api-level-toggle label {
2349 #api-level-toggle .select-wrapper {
2351 display: inline-block;
2354 #api-level-toggle select {
2357 -moz-appearance:none;
2358 -webkit-appearance: none;
2359 background: transparent url(../images/arrows-up-down.png) 23px 5px no-repeat;
2372 /* Toggle for revision notes and stuff */
2373 div.toggle-content.closed .toggle-content-toggleme {
2377 #jd-content img.toggle-content-img {
2381 div.toggle-content-toggleme {
2386 /* API LEVEL FILTERED MEMBERS */
2393 color:#bbb !important;
2394 cursor:default !important;
2395 text-decoration:none !important;
2397 #devdoc-nav li.absent.selected,
2398 #devdoc-nav li.absent.selected *,
2399 #devdoc-nav div.label.absent.selected,
2400 #devdoc-nav div.label.absent.selected * {
2401 background-color:#eaeaea !important;
2403 .absent h4.jd-details-title,
2404 .absent h4.jd-details-title * {
2405 background-color:#f6f6f6 !important;
2409 filter: alpha(opacity=30);
2410 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
2421 /* JQUERY RESIZABLE STYLES */
2422 .ui-resizable { position: relative; }
2423 .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
2424 .ui-resizable .ui-resizable-handle { display: block; border-bottom: 1px solid #e4e4e4; }
2425 /*body .ui-resizable-disabled .ui-resizable-handle { display: none; }
2426 body .ui-resizable-autohide .ui-resizable-handle { display: none; }*/
2427 .ui-resizable-s { cursor: s-resize; height: 10px; width: 100% !important; bottom: -11px; left: 0;
2428 border-bottom: solid 1px #ededed;
2429 background: #f7f7f7 url("../images/resizable-s2.png") no-repeat scroll center center; }
2432 cursor: e-resize; width: 10px; right: 0; top: 0; height: 100%; border-right: solid
2433 1px #ededed;background: #f7f7f7 url("../images/resizable-e2.png") no-repeat scroll center center; }
2436 /* --------------------------------------------------------------------------
2443 border: solid 1px #dcdcdc;
2445 -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
2446 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
2447 box-shadow: 1px 1px 5px rgba(0,0,0,0.1)
2452 margin: -10px 20px 10px 0;
2458 margin: -10px -10px 10px 0;
2459 text-indent: -1000em;
2460 background: url(../images/close.png) no-repeat 0 0;
2462 .lightbox .close:hover, .lightbox .close:focus {
2463 background-position: -10px 0;
2467 /* --------------------------------------------------------------------------
2468 Styles for samples project trees and code browsing in resources tab
2471 #codesample-wrapper {
2475 pre#codesample-block {
2478 background:transparent;
2481 pre#codesample-block .code-line:hover {
2484 pre#codesample-line-numbers {
2487 background:transparent;
2489 border-right:1px solid #ccc;
2491 font-family:monospace;
2493 -webkit-touch-callout: none;
2494 -webkit-user-select: none;
2495 -khtml-user-select: none;
2496 -moz-user-select: -moz-none;
2497 -ms-user-select: none;
2500 pre#codesample-line-numbers a {
2503 pre#codesample-line-numbers.hidden {
2506 pre#codesample-block span.code-line {
2508 display:inline-block;
2512 background-image:url(../../assets/images/folder.png);
2513 background-repeat:no-repeat;
2514 background-position:16px 2px;
2519 .structure-toggleme {
2522 text-decoration:none;
2526 background-image:url(../../assets/images/file-java.png);
2527 background-repeat:no-repeat;
2528 background-position:0px 2px;
2530 padding:.3em 0 .3em 22px;
2534 background-image:url(../../assets/images/file-generic.png);
2535 background-repeat:no-repeat;
2536 background-position:0px 2px;
2538 padding:.3em 0 .3em 22px;
2542 background-image:url(../../assets/images/file-xml.png);
2543 background-repeat:no-repeat;
2544 background-position:0px 2px;
2546 padding:.3em 0 .25em 22px;
2550 background-image:url(../../assets/images/file-image.png);
2551 background-repeat:no-repeat;
2552 background-position:0px 2px;
2554 padding:.3em 0 .25em 22px;
2557 .structure-manifest {
2558 background-image:url(../../assets/images/file-manifest.png);
2559 background-repeat:no-repeat;
2560 margin:.0 0 0 1.25em;
2562 text-decoration:none;
2565 #jd-content .structure-toggle-img {
2567 padding-right:2.1em;
2575 text-decoration:none;
2578 .structure-manifest a {
2579 text-decoration: none;
2582 text-decoration: none;
2586 background-color:rgb(249, 249, 249);
2589 .sampleEmbed ol.lineNumbers {
2590 list-style-type: decimal;
2594 .sampleEmbed ol.lineNumbers li {
2595 border-left:1px solid #ddd;
2596 border-right:1px solid #ddd;
2598 background-color:#f7f7f7;
2600 padding: 2px 2px 2px 6px;
2603 .sampleEmbed ol.lineNumbers li:hover {
2604 background: #efefef;
2609 text-overflow: ellipsis;
2610 white-space: nowrap;
2613 /* --------------------------------------------------------------------------
2614 Styles for raw formatted line numbers (not used with listformatted version)
2615 div.sampleLine div.lineNumber {
2618 div.sampleLine div.lineCode {
2627 /* --------------------------------------------------------------------------
2630 #butterbar-wrapper {
2640 #butterbar-message {
2641 background-color:#f80;
2646 border-radius: 0 0 5px 5px;
2648 #butterbar-message a {color:#fff !important}
2649 #butterbar-message a:hover {text-decoration:underline;}
2651 /* --------------------------------------------------------------------------
2656 .clearfix:before, .clearfix:after {
2666 table.blank th, table.blank td {
2671 margin: 0.5em 0 2em 0;
2676 .nolist, .nolist ul, .nolist ol {
2685 text-transform:uppercase;
2692 background-color:transparent;
2698 margin: -10px 0 20px;
2709 /* width must be defined w/ an inline style matching the image width */
2717 /* width must be defined w/ an inline style matching the image width */
2721 border:1px solid #DDD;
2733 font: 12px/1.5 monospace;
2744 p.caution, div.caution,
2745 p.warning, div.warning {
2746 padding: 0 0 0 10px;
2747 border-left: 4px solid;
2751 border-color: #258AAF;
2754 p.caution, div.caution {
2755 border-color: #FF8800;
2758 p.warning, div.warning {
2759 border-color: #ff4443;
2763 border-left: 4px solid #33B5E5;
2767 border-left: 4px solid #F80;
2770 div.note.distribute {
2771 border-left: 4px solid #9C0;
2774 .note p, .caution p, .warning p {
2778 .note p:last-child, .caution p:last-child, .warning p:last-child {
2782 body.about blockquote {
2790 margin:0 0 20px 30px;
2793 div.design-announce p {
2797 #devdoc-nav a.totop {
2801 background: transparent url(../images/styles/gototop.png) no-repeat scroll 50% 50%;
2802 text-indent:-9999em;
2804 #devdoc-nav a.totop {
2808 #devdoc-nav a.totop:hover {
2809 background-color:#33B5E5;
2812 .content-footer a.totop {
2813 text-transform:uppercase;
2822 .expandable:before {
2824 background-image: url(../images/styles/disclosure_down.png);
2825 background-repeat:no-repeat;
2826 background-position: -12px -9px;
2829 display: inline-block;
2834 .expandable.expanded:before {
2835 background-image: url(../images/styles/disclosure_up.png);
2838 /* notice box for cross links between Design/Develop docs */
2839 a.notice-developers,
2840 a.notice-designers {
2845 margin:0 0 20px 20px;
2846 border:1px solid #ddd;
2848 a.notice-developers.wide,
2849 a.notice-designers.wide {
2852 a.notice-developers div,
2853 a.notice-designers div {
2855 background:url('../images/styles/notice-developers@2x.png') no-repeat 10px 10px;
2856 background-size:40px 40px;
2857 padding:10px 10px 10px 60px;
2859 a.notice-designers div {
2860 background:url('../images/styles/notice-designers@2x.png') no-repeat 10px 10px;
2861 background-size:40px 40px;
2863 a.notice-developers:hover,
2864 a.notice-designers:hover {
2867 a.notice-developers h3,
2868 a.notice-designers h3 {
2871 text-transform:uppercase;
2872 color:#000 !important;
2875 a.notice-developers p,
2876 a.notice-designers p {
2880 a.notice-developers.left,
2881 a.notice-designers.left {
2887 /* hide nested list items; companion to hideNestedLists() */
2889 .hide-nested li ul {
2896 text-transform:uppercase;
2897 font-size:.8em !important;
2903 /* -----------------------------------------------
2904 good/bad example containers
2908 background-repeat: no-repeat;
2909 background-position:10px 8px;
2910 background-color:#ccc;
2912 margin:.8em auto 1.5em 2em;
2917 .example-block.bad {
2918 background-image: url(/images/example-bad.png);
2919 background-color:#f4cccc;
2921 /* green container */
2922 .example-block.good {
2923 background-image: url(/images/example-good.png);
2924 background-color:#d9ead3;
2926 /* container heading div */
2927 #jd-content .example-block .heading {
2929 margin:6px 0 9px 36px;
2932 /* container image (if any) */
2933 #jd-content .example-block img {
2938 .example-block table {
2942 /* -----------------------------------------------
2943 Dialog box for popup messages
2957 background: #F7F7F7;
2958 -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
2959 -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
2960 box-shadow: 0 0 15px rgba(0,0,0,0.5);
2962 /* IE6 can't position fixed */
2963 * html div.dialog div { position:absolute; }
2966 div#deprecatedSticker {
2975 border:1px solid #dddd00;
2976 box-shadow:-5px 5px 10px #ccc;
2977 -moz-box-shadow:-5px 5px 10px #ccc;
2978 -webkit-box-shadow:-5px 5px 10px #ccc;
2993 padding:4em 4em 3em;
2995 border:1px solid #999;
2996 box-shadow:-10px 10px 40px #888;
2997 -moz-box-shadow:-10px 10px 40px #888;
2998 -webkit-box-shadow:-10px 10px 40px #888;
3000 /* IE6 can't position fixed */
3001 * html div#naMessage div { position:absolute; }
3003 div#naMessage strong {
3008 /* --------------------------------------------------------------------------
3009 Slideshow Controls & Next/Prev
3011 .slideshow-next, .slideshow-prev {
3014 text-indent: -1000em;
3016 .slideshow-container {
3019 .slideshow-container:before, .slideshow-container:after {
3024 a.slideshow-next, a.slideshow-next:visited {
3028 background: url(../images/arrow-right.png) no-repeat 0 0
3032 a.slideshow-prev, a.slideshow-prev:visited {
3036 background: url(../images/arrow-left.png) no-repeat 0 0
3040 .slideshow-next:hover, .slideshow-prev:hover, .slideshow-next:focus, .slideshow-prev:focus {
3042 background-position: 0 -36px
3046 .slideshow-next:active, .slideshow-prev:active {
3048 background-position: 0 -72px
3055 .slideshow-nav a, .slideshow-nav a:visited {
3056 display: inline-block;
3059 margin: 0 2px 20px 2px;
3061 -webkit-border-radius: 50%;
3062 -moz-border-radius: 50%;
3065 .slideshow-nav a:hover, .slideshow-nav a:focus {
3070 .slideshow-nav a:active {
3072 background: #1e799a;
3073 background: #ebebeb;
3074 -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
3075 -moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
3076 box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05);
3078 .slideshow-nav a.active, .slideshow-nav a.active:active, .slideshow-nav a.active:visited {
3081 /* --------------------------------------------------------------------------
3088 ul.tabs:before, ul.tabs:after {
3094 list-style-type: none;
3097 ul.tabs li a, ul.tabs li a:active, ul.tabs li a:visited {
3104 -moz-border-radius-topleft: 2px;
3105 -moz-border-radius-topright: 2px;
3106 -moz-border-radius-bottomright: px;
3107 -moz-border-radius-bottomleft: px;
3108 -webkit-border-radius: 2px 2px px px;
3109 border-radius: 2px 2px px px;
3110 border-top: solid 1px #ebebeb;
3111 border-left: solid 1px #ebebeb;
3112 border-right: solid 1px #ebebeb;
3113 background-color: #fff;
3114 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa));
3115 background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
3116 background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
3117 background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
3118 background-image: -o-linear-gradient(top, #ffffff, #fafafa);
3119 background-image: linear-gradient(top, #ffffff, #fafafa);
3120 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',
3121 EndColorStr='#fafafa');
3123 ul.tabs li a:hover {
3126 ul.tabs li a.selected {
3129 background-color: #f7f7f7;
3130 background-image: none;
3135 margin: -1px 0 2em 0;
3136 -webkit-border-radius: 2px;
3137 -moz-border-radius: 2px;
3139 border: solid 1px #ddd;
3140 background: #f7f7f7;
3142 /* --------------------------------------------------------------------------
3149 background: #F7F7F7;
3151 .box-border .top, .box-border .bottom, .box-border .left, .box-border .right {
3154 background-color: #aaa;
3156 .box-border .top, .box-border .bottom {
3160 .dialog .box-border .top,
3161 .dialog .box-border .bottom { width:391px; }
3163 .box-border .left, .box-border .right {
3167 .box-border .top { top: 0; left: 0 }
3168 .box-border .top .left { top: 1px; left: 0 }
3169 .box-border .top .right { top: 1px; right: 0 }
3170 .box-border .bottom .left { top: -8px; left: 0 }
3171 .box-border .bottom { top: 200px; left: 0 }
3172 .box-border .bottom .right { top: -8px; right: 0 }
3176 margin: 15px 18px 10px;
3187 border-top: 1px solid #dedede;
3192 .feature-box a, .feature-box h4,
3193 .dialog a, .dialog h4 {
3194 -webkit-transition: color .4s ease;
3195 -moz-transition: color .4s ease;
3196 -o-transition: color .4s ease;
3197 transition: color .4s ease;
3199 .feature-box:hover {
3202 .feature-box:hover .box-border .top, .feature-box:hover .box-border .bottom, .feature-box:hover
3203 .left, .feature-box:hover .right {
3204 background-color: #33B5E5;
3206 .feature-box:hover h4, .feature-box:hover a {
3209 /* --------------------------------------------------------------------------
3210 Page-Specific Styles
3216 margin: 40px 0 20px;
3226 border: solid 5px #fff;
3227 -webkit-border-radius: 50%;
3228 -moz-border-radius: 50%;
3245 /* ########### REFERENCE DOCS ################## */
3256 margin: 20px 0 10px;
3258 border-bottom:solid 1px #ccc;
3266 /* page-top-right container for reference pages (holds
3267 links to summary tables) */
3279 #api-info-block div.api-level {
3288 /* inheritance table */
3289 .jd-inheritance-table {
3294 background-color:transparent;
3296 .jd-inheritance-table tr td {
3300 background-color:transparent;
3302 .jd-inheritance-table .jd-inheritance-space {
3306 .jd-inheritance-table .jd-inheritance-interface-cell {
3313 text-decoration:none;
3316 .jd-sumtable a:hover {
3317 text-decoration:underline;
3320 /* the link inside a sumtable for "Show All/Hide All" */
3328 /* adjustments for in/direct subclasses tables */
3329 .jd-sumtable.jd-sumtable-subclasses {
3332 background-color:transparent;
3336 /* extra space between end of method name and open-paren */
3341 /* right alignment for the return type in sumtable */
3342 .jd-sumtable .jd-typecol {
3346 /* adjustments for the expando table-in-table */
3347 .jd-sumtable-expando {
3352 /* a div that holds a short description */
3354 padding:3px 1em 0 1em;
3359 #jd-content img.jd-expando-trigger-img {
3360 padding:0 4px 4px 0;
3364 .jd-sumtable-subclasses div#subclasses-direct,
3365 .jd-sumtable-subclasses div#subclasses-indirect {
3371 /********* MEMBER REF *************/
3375 /* border:1px solid #669999;
3380 /* API reference: a container for the
3381 .tagdata blocks that make up the detailed
3388 /* API reference: a block containing
3389 a detailed description, a params table,
3390 seealso list, etc */
3399 /* API reference: adjustments to
3400 the detailed description block */
3402 margin:.25em 0 .75em 0;
3421 /* API reference: heading marking
3422 the details section for constants,
3423 attrs, methods, etc. */
3424 h4.jd-details-title {
3426 background-color: #E2E2E2;
3427 margin:1.5em 0 .6em;
3428 padding:3px 95px 3px 3px; /* room for api-level */
3430 body.google h4.jd-details-title {
3431 background-color: #FFF;
3433 border-top: 1px solid #ccc;
3435 body.google table.jd-sumtable th {
3436 background-color: #FFF;
3448 /* API reference: heading for "Parameters", "See Also", etc.,
3449 in details sections */
3457 background-color:transparent;
3464 background-color:#fff;
3474 /* Inline api level indicator for methods */
3484 table.jd-tagtable td,
3485 table.jd-tagtable th {
3486 background-color:transparent;
3489 table.jd-tagtable th {
3520 #search_autocomplete {
3524 .search_filtered_wrapper.reference {
3528 .search_filtered_wrapper.docs {
3540 border: solid 1px #C5C5C5;
3544 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
3545 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
3546 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
3548 .suggest-card.reference {
3551 min-width:171px; /* +padding and border makes this match input width */
3552 min-height:93px; /* add 3px because this has 1 not 4px top border */
3557 .suggest-card.develop {
3559 border-top: solid 4px #F80;
3562 .suggest-card.design {
3564 border-top: solid 4px #33b5e5;
3567 .suggest-card.distribute {
3569 border-top: solid 4px #9C0;
3575 .suggest-card.dummy {
3579 background:transparent;
3580 -moz-box-shadow: none;
3581 -webkit-box-shadow: none;
3585 ul.search_filtered {
3591 .search_filtered .jd-selected {
3595 .search_filtered .jd-selected,
3596 .search_filtered .jd-selected a {
3597 color:#09C !important;
3604 .search_filtered li.jd-autocomplete {
3612 .search_filtered li a {
3614 color:#222 !important;
3615 display:inline-block;
3619 .search_filtered li.header {
3627 .search_filtered li.header.small {
3631 .suggest-card.reference
3632 .search_filtered li.header {
3637 .search_filtered li.header:first-child {
3652 /* SEARCH RESULTS */
3655 #leftSearchControl .gsc-twiddle {
3656 background-image : none;
3659 #leftSearchControl td, #searchForm td {
3660 border: 0px solid #000;
3664 #leftSearchControl .gsc-resultsHeader .gsc-title {
3672 #leftSearchControl .gsc-resultsHeader div.gsc-results-selector {
3676 #leftSearchControl .gsc-resultsRoot {
3680 #leftSearchControl div.gs-visibleUrl-long {
3685 #leftSearchControl .gsc-webResult {
3689 .gsc-webResult div.gs-visibleUrl-short,
3695 .gsc-cursor-box .gsc-cursor div.gsc-cursor-page,
3696 .gsc-cursor-box .gsc-trailing-more-results a.gsc-trailing-more-results,
3697 #leftSearchControl a,
3698 #leftSearchControl a b {
3702 .gsc-resultsHeader {
3706 /* Disable built in search forms */
3707 .gsc-control form.gsc-search-box {
3710 table.gsc-search-box {
3712 border-collapse:collapse;
3718 vertical-align:middle;
3722 border:1px solid #BCCDF0;
3728 td.gsc-search-button {
3736 overflow:hidden; /* because the repositioned page links makes the section think it needs to scroll
3741 #searchResults .gsc-control {
3747 #searchResults .gsc-tabsArea {
3754 #searchResults .gsc-above-wrapper-area {
3758 #searchResults .gsc-resultsbox-visible {
3764 #searchResults .gsc-tabHeader {
3771 #searchResults h2#searchTitle {
3777 #searchResults h2#searchTitle em {
3782 #searchResults .gsc-table-result {
3783 margin:5px 0 10px 0;
3784 background-color:transparent;
3786 #searchResults .gs-web-image-box, .gs-promotion-image-box {
3789 #searchResults .gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {
3793 #searchResults .gsc-table-result .gsc-thumbnail {
3798 background-color:transparent;
3801 #searchResults .gsc-expansionArea {
3804 #searchResults .gsc-tabsArea .gsc-cursor-box {
3806 padding:20px 0 0 1px;
3808 #searchResults .gsc-cursor-page {
3809 display:inline-block;
3811 margin:-1px 0 0 -1px;
3819 #searchResults .gsc-tabHeader.gsc-tabhInactive,
3820 #searchResults .gsc-cursor-page {
3821 text-decoration:none;
3823 border: solid 1px #DADADA;
3826 #searchResults .gsc-tabHeader.gsc-tabhInactive:hover,
3827 #searchResults .gsc-cursor-page:hover {
3828 border-color: #DBDBDB;
3829 background-color: #F3F3F3;
3830 background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#ECECEC));
3831 background-image: -webkit-linear-gradient(top, #F9F9F9, #ECECEC);
3832 background-image: -moz-linear-gradient(top, #F9F9F9, #ECECEC);
3833 background-image: -ms-linear-gradient(top, #F9F9F9, #ECECEC);
3834 background-image: -o-linear-gradient(top, #F9F9F9, #ECECEC);
3835 background-image: linear-gradient(top, #F9F9F9, #ECECEC);
3836 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',
3837 EndColorStr='#ececec');
3841 #searchResults .gsc-tabHeader.gsc-tabhActive,
3842 #searchResults .gsc-tabHeader.gsc-tabhActive:hover,
3843 #searchResults .gsc-cursor-page.gsc-cursor-current-page,
3844 #searchResults .gsc-cursor-page.gsc-cursor-current-page:hover {
3846 background-color: #09C;
3847 background-image: -webkit-gradient(linear, left top, left bottom, from(#2FADDB), to(#09C));
3848 background-image: -webkit-linear-gradient(top, #2FADDB, #09C);
3849 background-image: -moz-linear-gradient(top, #2FADDB, #09C);
3850 background-image: -ms-linear-gradient(top, #2FADDB, #09C);
3851 background-image: -o-linear-gradient(top, #2FADDB, #09C);
3852 background-image: linear-gradient(top, #2FADDB, #09C);
3853 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2faddb', EndColorStr='#09c');
3854 border: 1px solid #3990AB;
3872 /*********** PREVIOUSLY dac-styles.css ***************/
3882 border-bottom:1px solid;
3887 .about #header .wrap {
3888 border-color: #9933CC;
3891 .design #header .wrap {
3892 border-color: #33b5e5;
3895 .develop #header .wrap {
3899 .distribute #header .wrap {
3933 border-right:1px solid #CCC;
3942 text-indent:-9999em;
3945 background:url(../images/quicknav_arrow.png) no-repeat;
3948 .btn-quicknav a.arrow-active {
3949 background-position: 0 -5px;
3953 #header-wrap.quicknav a.arrow-inactive {
3957 .btn-quicknav.active a.arrow-active {
3965 -webkit-transition: all 0.25s linear;
3966 -moz-transition: all 0.25s linear;
3967 -ms-transition: all 0.25s linear;
3968 -o-transition: all 0.25s linear;
3969 transition: all 0.25s linear;
3972 #header-wrap.quicknav .nav-x li {
3977 #header-wrap.quicknav li.last {
3990 #header-wrap.quicknav #quicknav {
3999 #quicknav ul li.design {
4000 border-top:1px solid #33b5e5;
4003 #quicknav ul li.develop {
4004 border-top:1px solid #FF8800;
4007 #quicknav ul li.distribute {
4008 border-top:1px solid #99cc00;
4018 #quicknav ul li.last {
4022 #quicknav ul li ul li {
4026 #quicknav ul li ul li a {
4030 #quicknav ul li li ul,
4031 #quicknav ul li li ul li {
4035 #quicknav ul li li ul li:before {
4040 -webkit-transition: all 0.25s ease-out;
4041 -moz-transition: all 0.25s ease-out;
4042 -ms-transition: all 0.25s ease-out;
4043 -o-transition: all 0.25s ease-out;
4044 transition: all 0.25s ease-out;
4048 #header-wrap.quicknav {
4053 /* SEARCH AND MORE */
4064 -webkit-transition: width 0.4s ease;
4065 -moz-transition: width 0.4s ease;
4066 -o-transition: width 0.4s ease;
4067 transition: width 0.4s ease;
4070 .search #search-btn {
4073 background:url(../images/icon_search.png) no-repeat;
4081 .search:hover, .search.active {
4085 .search .bottom, .search .left, .search .right {
4087 background-color: #a2a2a2
4097 .search .left, .search .right {
4105 background-color:#CCC;
4111 background-color:#CCC;
4120 .search form input {
4128 background-color: transparent;
4129 border-bottom:1px solid #CCC;
4135 .search:hover form input {
4136 border-bottom:1px solid #33B5E5;
4139 .search:hover .bottom, .search:hover .left, .search:hover .right {
4140 background-color: #33b5e5;
4143 .search:hover #search-btn {
4144 background-position: 0 -28px
4147 .search form input:focus {
4161 -webkit-transition: width 0.25s ease;
4162 -moz-transition: width 0.25s ease;
4163 -o-transition: width 0.25s ease;
4164 transition: width 0.25s ease;
4167 .moremenu #more-btn {
4170 background:url(../images/icon_more.png) no-repeat;
4171 border-left:1px solid #CCC;
4176 .moremenu:hover #more-btn {
4177 background-position:0 -28px;
4194 -webkit-transform-origin:100% 0%;
4195 -moz-transform-origin:100% 0%;
4196 -o-transform-origin:100% 0%;
4197 transform-origin:100% 0%;
4199 -webkit-transition-property: -webkit-opacity;
4200 -webkit-transition-duration: .25s;
4201 -webkit-transition-timing-function:ease;
4203 -moz-transition-property: -moz-opacity;
4204 -moz-transition-duration: .25s;
4205 -moz-transition-timing-function:ease;
4207 -o-transition-property: -o-opacity;
4208 -o-transition-duration: .25s;
4209 -o-transition-timing-function:ease;
4211 transition-property: opacity;
4212 transition-duration: .25s;
4213 transition-timing-function:ease;
4221 -webkit-transition-property:height, -webkit-opacity;
4227 background:url(../images/more_top.png) no-repeat;
4232 background:url(../images/more_mid.png) repeat-y;
4233 padding:10px 20px 0 20px;
4236 .morehover .mid .header {
4237 border-bottom:1px solid #ccc;
4241 .morehover .bottom {
4244 background:url(../images/more_bottom.png) no-repeat;
4248 margin:10px 10px 20px 0;
4255 .morehover ul li.active a,
4256 .morehover ul li.active a:hover {
4257 color:#222 !important;
4260 .morehover ul li.active img {
4268 .slideshow-container {
4273 .slideshow-container .slideshow-prev {
4280 .slideshow-container .slideshow-next {
4288 .slideshow-container .pagination {
4295 .slideshow-container .pagination ul {
4298 .slideshow-container .pagination ul li{
4299 display: inline-block;
4302 text-indent:-8000px;
4306 background-color:#ccc;
4308 -webkit-transition:color .5s ease-in;
4309 -moz-transition:color .5s ease-in;
4310 -o-transition:color .5s ease-in;
4311 transition:color .5s ease-in;
4313 .slideshow-container .pagination ul li:hover {
4314 background-color:#999;
4316 .slideshow-container .pagination ul li.active {
4317 background-color:#33b5e5;
4319 .slideshow-container .pagination ul li.active:hover {
4320 background-color:#33b5e5;
4322 .slideshow-container ul li {
4347 #searchResults.wrap {
4349 border-bottom:1px solid #CCC;
4352 #searchResults.wrap #leftSearchControl {
4370 * CSS Styles that are needed by jScrollPane for it to operate correctly.
4380 width:100% !important; /* to avoid cut-off api names in reference in horiz scroll */
4389 background: #f5f5f5;
4398 background: #f5f5f5;
4402 .jspHorizontalBar * {
4410 .jspVerticalBar .jspCap {
4414 .jspHorizontalBar .jspCap {
4419 .jspHorizontalBar .jspCap {
4438 background-color: #4cadcb;
4439 background-image: -webkit-gradient(linear, left top, right top, from(#5dbcd9), to(#4cadcb));
4440 background-image: -webkit-linear-gradient(left, #5dbcd9, #4cadcb);
4441 background-image: -moz-linear-gradient(left, #5dbcd9, #4cadcb);
4442 background-image: -ms-linear-gradient(left, #5dbcd9, #4cadcb);
4443 background-image: -o-linear-gradient(left, #5dbcd9, #4cadcb);
4444 background-image: linear-gradient(left, #5dbcd9, #4cadcb);
4445 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9', EndColorStr='#4cadcb');
4448 .jspHorizontalBar .jspTrack,
4449 .jspHorizontalBar .jspDrag {
4456 text-indent: -20000px;
4461 .jspArrow.jspDisabled {
4466 .jspVerticalBar .jspArrow {
4470 .jspHorizontalBar .jspArrow {
4476 .jspVerticalBar .jspArrow:focus {
4485 /* Yuk! CSS Hack for IE6 3 pixel bug :( */
4489 /******* end of jscrollpane *********/
4495 /************ DEVELOP HOMEPAGE ******************/
4498 .slideshow-develop {
4504 .slideshow-develop .frame {
4508 .slideshow-develop img.play {
4511 margin:20px 0 0 90px;
4512 -webkit-transform: perspective(800px ) rotateY( 35deg );
4513 box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3);
4514 -moz-box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3);
4515 -webkit-box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3);
4517 .slideshow-develop img.play.no-shadow {
4519 -moz-box-shadow: none;
4520 -webkit-box-shadow: none;
4522 .slideshow-develop img.play.no-transform {
4523 -webkit-transform: none;
4525 .slideshow-develop a.slideshow-next {
4526 background: url(../images/arrow-right-develop.png);
4528 .slideshow-develop a.slideshow-prev {
4529 background: url(../images/arrow-left-develop.png);
4531 .slideshow-develop .content-right {
4534 .slideshow-develop .content-right h2 {
4539 .slideshow-develop .item {
4543 .slideshow-develop .pagination ul li.active {
4544 background-color: #F80;
4546 .slideshow-develop .pagination ul li.active:hover {
4547 background-color: #F80;
4549 .slideshow-develop .item hr {
4552 .slideshow-develop .item p {
4555 .slideshow-develop .item p.title-intro {
4566 border-bottom: 1px solid #CCC;
4568 .feed .feed-nav li {
4571 height: 21px; /* +4px bottom border = 25px; same as .feed-nav */
4575 .feed .feed-nav li.active {
4577 border-bottom: 4px solid #F80;
4579 .feed .feed-container {
4583 .feed .feed-container .feed-frame {
4586 .feed .feed-container .feed-frame ul {
4590 .feed .feed-container .feed-frame ul ul {
4592 margin:10px 0 0 30px;
4594 .feed .feed-container .feed-frame li {
4596 margin: 20px 0 20px 0;
4600 .feed .feed-container .feed-frame li.playlist {
4603 .feed .feed-container .feed-frame li.playlist a {
4607 .feed .feed-container .feed-frame li.more {
4609 margin:10px 0 5px 5px;
4611 .feed .feed-container .feed-frame li.more a {
4614 .feed .feed-container .feed-frame li.playlist-video {
4621 .feed .feed-container .feed-frame li.playlist-video a {
4625 .feed .feed-container .feed-frame li.playlist-video h5 {
4630 .feed .feed-container .feed-frame li.playlist-video p {
4634 .feed-container .feed-frame div.feed-image {
4636 border: 1px solid #999;
4640 background:url('../images/blog-default.png') no-repeat 0 0;
4641 background-size:180px;
4643 #jd-content .feed .feed-container .feed-frame li img {
4645 border: 1px solid #999;
4650 #jd-content .feed .feed-container .feed-frame li.playlist-video img {
4655 .feed .feed-container .feed-frame li a,
4656 .feed .feed-container .feed-frame li a:active {
4657 color:#555 !important;
4660 .feed .feed-container .feed-frame li a:hover,
4661 .feed .feed-container .feed-frame li a:hover * {
4662 color:#7AA1B0 !important;
4668 margin: -1px auto 0;
4674 background: #EFEFEF;
4675 border: 1px solid #CCC;
4677 z-index: 10; /* stay above marque, but below search suggestions */
4685 /************ DISTRIBUTE HOMEPAGE ***************/
4690 .marquee .main-img {
4700 .distribute-features {
4703 .distribute-features ul {
4706 .distribute-features ul li {
4709 border-top: 1px solid #9C0;
4713 .distribute-features ul li.last {
4717 .distribute-features .distribute-link li a {
4718 color:red !important;
4721 .distribute-features .distribute-link li a,
4722 .distribute-features .distribute-link li a:active {
4723 color:#555 !important;
4726 .distribute-features .distribute-link li a:hover,
4727 .distribute-features .distribute-link li a:hover * {
4728 color:#7AA1B0 !important;
4732 /************ DEVELOP TOPIC CONTAINERS ************/
4738 .landing-banner div:first-child,
4739 .landing-docs div:first-child,
4740 .landing-docs .col-12 {
4744 .landing-banner div:last-child,
4745 .landing-docs div:last-child,
4746 .landing-docs .col-12 {
4750 .landing-banner h1 {
4761 text-transform:uppercase;
4762 border-bottom:1px solid #CCC;
4766 color:#333 !important;
4769 .landing-docs a:hover,
4770 .landing-docs a:hover * {
4771 color:#7AA1B0 !important
4774 .landing-docs .normal-links a {
4775 color:#258aaf !important;
4784 /************* HOME/LANDING PAGE *****************/
4789 border-bottom: 1px solid #CCC;
4793 .slideshow-home .frame {
4797 .slideshow-home .content-left {
4800 vertical-align: center;
4803 .slideshow-home .content-right {
4806 .slideshow-home .content-right p {
4807 margin-bottom: 10px;
4809 .slideshow-home .content-right p:last-child {
4812 .slideshow-home .content-right h1 {
4815 .slideshow-home .item {
4820 padding: 30px 20px 20px;
4822 background: -webkit-linear-gradient(top, #F6F6F6,#F9F9F9);
4827 .home-sections ul li {
4833 border: 1px solid #ccc;
4837 -webkit-border-radius: 1px;
4838 -moz-border-radius: 1px;
4839 box-shadow: 1px 1px 5px #EEE;
4840 -webkit-box-shadow: 1px 1px 5px #EEE;
4841 -moz-box-shadow: 1px 1px 5px #EEE;
4844 .home-sections ul li:hover {
4845 background: #F9F9F9;
4846 border: 1px solid #CCC;
4848 .home-sections ul li a,
4849 .home-sections ul li a:hover {
4856 color: #09c !important;
4858 .home-sections ul li a {
4866 .home-sections ul li img {
4868 margin: -8px 0 0 10px;
4870 .home-sections ul li.last {