From 7b6cee76530159c51ded5a93b06eeb750609f8ef Mon Sep 17 00:00:00 2001 From: Scott Main Date: Mon, 29 Mar 2010 09:50:34 -0700 Subject: [PATCH] cherry-pick from master: I615602a3d8f9970e36399b98dadb5e2f03638444 docs: various stylesheet changes indent tables revise figure class add caption classes for tables and images add styles for xml reference docs (used by resource types docs) tweak styles for the icon tables to eliminate obscure 'caption' class Change-Id: I23f53d884f39a5f6a4b45172186e0d1c7619da30 --- .../assets/android-developer-core.css | 94 ++++++++++--------- .../assets/android-developer-docs.css | 26 ++--- 2 files changed, 63 insertions(+), 57 deletions(-) diff --git a/tools/droiddoc/templates/assets/android-developer-core.css b/tools/droiddoc/templates/assets/android-developer-core.css index 2d1708a77..750567efd 100644 --- a/tools/droiddoc/templates/assets/android-developer-core.css +++ b/tools/droiddoc/templates/assets/android-developer-core.css @@ -28,21 +28,21 @@ body { color:#000; font-size:13px; color:#333; - background-image:url(images/bg_fade.jpg); + background-image:url(images/bg_fade.jpg); background-repeat:repeat-x; } -a, a code { +a, a code { color:#006699; } a:active, -a:active code { +a:active code { color:#f00; } a:visited, -a:visited code { +a:visited code { color:#006699; } @@ -107,7 +107,7 @@ dl { padding:0; } -dt { +dt { margin:0; padding:0; } @@ -129,7 +129,9 @@ li pre, li table, li img { margin:.5em 0 0 1em; } -dd pre, dd table, dd img { +dd pre, +#jd-content dd table, +#jd-content dd img { margin:1em 0 0 1em; } @@ -226,7 +228,7 @@ blockquote { #header ul { list-style: none; - margin: 7px 0 0; + margin: 7px 0 0; padding: 0; height: 29px; } @@ -340,7 +342,7 @@ blockquote { } #mainBodyFixed h2, -#mainBodyFluid h2 { +#mainBodyFluid h2 { color:#336666; font-size:1.25em; margin: 0; @@ -348,7 +350,7 @@ blockquote { } #mainBodyFixed h1, -#mainBodyFluid h1 { +#mainBodyFluid h1 { color:#435A6E; font-size:1.7em; margin: 1em 0; @@ -356,7 +358,7 @@ blockquote { #mainBodyFixed .green, #mainBodyFluid .green, -#jd-content .green { +#jd-content .green { color:#7BB026; background-color:none; } @@ -364,13 +366,13 @@ blockquote { #mainBodyLeft { float: left; width: 600px; - margin-right: 20px; + margin-right: 20px; color: #333; position:relative; } div.indent { - margin-left: 40px; + margin-left: 40px; margin-right: 70px; } @@ -583,7 +585,7 @@ table.gsc-branding, .gsc-cursor-box .gsc-cursor div.gsc-cursor-page, .gsc-cursor-box .gsc-trailing-more-results a.gsc-trailing-more-results, -#leftSearchControl a, +#leftSearchControl a, #leftSearchControl a b { color:#006699; } @@ -669,7 +671,7 @@ td.gsc-search-button { #homeTitle { padding:15px 15px 0; - height:30px; + height:30px; } #homeTitle h2 { @@ -704,8 +706,8 @@ td.gsc-search-button { } #carouselMain { - background: url(images/home/bg_home_carousel_board.png) 0 0 no-repeat; - height:auto; + background: url(images/home/bg_home_carousel_board.png) 0 0 no-repeat; + height:auto; padding: 25px 21px 0; overflow:hidden; position:relative; @@ -717,19 +719,19 @@ td.gsc-search-button { } #carouselMain .bulletinDesc h3 { - margin:0; - padding:0; + margin:0; + padding:0; } #carouselMain .bulletinDesc p { - margin:0; - padding:0.7em 0 0; + margin:0; + padding:0.7em 0 0; } #carouselWheel { - background: url(images/home/bg_home_carousel_wheel.png) 0 0 no-repeat; - padding-top:40px; - height:150px; + background: url(images/home/bg_home_carousel_wheel.png) 0 0 no-repeat; + padding-top:40px; + height:150px; } .clearer { clear:both; } @@ -748,17 +750,17 @@ a#arrow-right { margin:35px 10px 0 0; } a.arrow-left-off, -a#arrow-left.arrow-left-off:hover { +a#arrow-left.arrow-left-off:hover { background-position:0 0; } -a.arrow-right-off, -a#arrow-right.arrow-right-off:hover { +a.arrow-right-off, +a#arrow-right.arrow-right-off:hover { background-position:-42px 0; } -a#arrow-left:hover { +a#arrow-left:hover { background-position:0 -42px; } -a#arrow-right:hover { +a#arrow-right:hover { background-position:-42px -42px; } a.arrow-left-on { @@ -778,17 +780,17 @@ a.arrow-left-off { width:100%; } -div#list-clip { - height:110px; +div#list-clip { + height:110px; width:438px; - overflow:hidden; - position:relative; - float:left; + overflow:hidden; + position:relative; + float:left; } -div#app-list { - left:0; - z-index:1; +div#app-list { + left:0; + z-index:1; position:absolute; margin:11px 0 0; _margin-top:13px; @@ -817,14 +819,14 @@ div#app-list { top:-4px; } -#app-list img { +#app-list img { width:90px; height:70px; margin:0; } -#app-list a.selected, -#app-list a:active.selected, +#app-list a.selected, +#app-list a:active.selected, #app-list a:hover.selected { background:#A4C639; color:#fff; @@ -832,12 +834,12 @@ div#app-list { text-decoration:none; } -#app-list a:hover, +#app-list a:hover, #app-list a:active { background:#ff9900; } -#app-list a:hover span, +#app-list a:hover span, #app-list a:active span { text-decoration:underline; } @@ -851,7 +853,7 @@ div#app-list { /*IE6*/ * html #app-list a { zoom: 1; margin:0 24px 0 15px;} -* html #list-clip { +* html #list-clip { width:430px !important; } @@ -1146,13 +1148,13 @@ ul.videoPreviews p.toggle a:hover { } #mainBodyRight ul.videoPreviews p { - line-height:1.2em; + line-height:1.2em; padding:0; margin:4px 0 0 130px; } #mainBodyRight ul.videoPreviews img { - margin-top:5px; + margin-top:5px; } /* Pretty printing styles. Used with prettify.js. */ @@ -1164,8 +1166,10 @@ ul.videoPreviews p.toggle a:hover { .lit { color: #066; } .pun { color: #660; } .pln { color: #000; } +dl.tag-list dt code, .tag { color: #008; } -.atn { color: #606; } +dl.atn-list dt code, +.atn { color: #828; } .atv { color: #080; } .dec { color: #606; } diff --git a/tools/droiddoc/templates/assets/android-developer-docs.css b/tools/droiddoc/templates/assets/android-developer-docs.css index 47a30a304..98f2d5e17 100644 --- a/tools/droiddoc/templates/assets/android-developer-docs.css +++ b/tools/droiddoc/templates/assets/android-developer-docs.css @@ -100,7 +100,6 @@ #side-nav li a+a { padding: 0; } - /*second level (nested) list*/ #side-nav li li li a { padding: 0 0 0 28px; @@ -518,8 +517,7 @@ hr { color:#111; border-top:2px solid #ccc; padding: .5em 0 0; - margin: 1.5em 0 1em 0; - max-width:968px; + margin: 2em 0 1em 0; } #jd-content h3 { @@ -545,6 +543,10 @@ hr { position:inherit; } +#jd-content table { + margin: 0 0 1em 1em; +} + #jd-content img { margin: 0 0 1em 1em; } @@ -807,13 +809,17 @@ pre.classic { div.figure { float:right; clear:right; - padding:0 0 20px 20px; + padding:1em 0 1em 2em; + background-color:#fff; /* width must be defined w/ an inline style matching the image width */ } -#jd-content div.figure img { - display:block; - margin:0 0 10px 0; +p.img-caption { + margin: -0.5em 0 1em 1em; /* matches default img left-margin */ +} + +p.table-caption { + margin: 0 0 0.5em 1em; /* matches default table left-margin */ } /* BEGIN quickview sidebar element styles */ @@ -967,7 +973,7 @@ table.image-caption { td.image-caption-i { font-size:92%; - padding:0; + padding:0 5px; margin:0; border:0; } @@ -982,10 +988,6 @@ td.image-caption-i img { text-align:center; } -.image-list .caption { - margin:0 2px; -} - td.image-caption-c { font-size:92%; padding:1em 2px 2px 2px;