AI 150535: add the Videos page to the site (3ba448c7) · Commits · e / os / android_build

tools/droiddoc/templates-sdk/header_tabs.cs

+5 −2

Original line number	Diff line number	Diff line
		@@ -4,8 +4,7 @@
		elif:sdk ?>sdk<?cs
		elif:home ?>home<?cs
		elif:community ?>community<?cs
		elif:publish ?>publish<?cs
		elif:about ?>about<?cs /if ?>">
		elif:videos ?>videos<?cs /if ?>">

		<li id="home-link"><a href="<?cs var:toroot ?><?cs if:android.whichdoc != "online" ?>offline.html<?cs else ?>index.html<?cs /if ?>">
		<span class="en">Home</span>
		@@ -43,6 +42,10 @@
		<span class="zh-CN">博客</span>
		<span class="zh-TW">網誌</span>
		</a></li>
		<li id="videos-link"><a href="<?cs var:toroot ?>videos/index.html" onClick="return loadLast('videos')">
		<span class="en">Videos</span>
		<span class="ja">ビデオ</span>
		</a></li>
		<li id="community-link"><a href="<?cs var:toroot ?>community/index.html">
		<span class="en">Community</span>
		<span class="es">Comunidad</span>

tools/droiddoc/templates/assets/android-developer-core.css

+271 −4

Original line number	Diff line number	Diff line
		@@ -191,6 +191,11 @@ hr.blue {
		padding: 25px 0 0;
		}

		#headerLeft img{
		height:50px;
		width:180px;
		}

		#headerRight {
		position:absolute;
		right:0;
		@@ -244,12 +249,11 @@ hr.blue {

		/* TAB HIGHLIGHTING */
		.home #home-link a,
		.publish #publish-link a,
		.guide #guide-link a,
		.reference #reference-link a,
		.sdk #sdk-link a,
		.community #community-link a,
		.about #about-link a {
		.videos #videos-link a {
		background-image: url(images/bg_images_sprite.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		@@ -259,12 +263,11 @@ hr.blue {
		}

		.home #home-link a:hover,
		.publish #publish-link a:hover,
		.guide #guide-link a:hover,
		.reference #reference-link a:hover,
		.sdk #sdk-link a:hover,
		.community #community-link a:hover,
		.about #about-link a:hover {
		.videos #videos-link a:hover {
		background-image: url(images/bg_images_sprite.png);
		background-position: 0 0;
		}
		@@ -942,4 +945,268 @@ div#app-list {
		}


		/* VIDEO PAGE */

		#mainBodyLeft.videoPlayer {
		width:570px;
		}

		#mainBodyRight.videoPlayer {
		width:330px;
		}

		/* player */

		#videoPlayerBox {
		background-color: #DAF3FC;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		width:530px;
		padding:20px;
		border:1px solid #d3ecf5;
		box-shadow:2px 3px 1px #eee;
		-moz-box-shadow:2px 3px 1px #eee;
		-webkit-box-shadow:2px 3px 1px #eee;
		}

		#videoBorder {
		background-color: #FFF;
		min-height:399px;
		height:auto !important;
		border:1px solid #ccdada;
		border-radius:7px 7px 0 0;
		-moz-border-radius:7px 7px 0 0;
		-webkit-border-top-left-radius:7px;
		-webkit-border-top-right-radius:7px;
		}

		#videoPlayerTitle {
		width:500px;
		padding:15px 15px 0;
		}

		#videoPlayerTitle h2 {
		font-weight:bold;
		font-size:1.2em;
		color:#336666;
		margin:0;
		padding:0;
		}

		#objectWrapper {
		padding:15px 15px;
		height:334px;
		width:500px;
		}

		/* playlist tabs */

		ul#videoTabs {
		list-style-type:none;
		padding:0;
		clear:both;
		margin:0;
		padding: 20px 0 0 15px;
		zoom:1; /* IE7/8, otherwise top-padding is double */
		}

		ul#videoTabs li {
		display:inline;
		padding:0;
		margin:0 3px 0 0;
		line-height:2em;
		}

		ul#videoTabs li a {
		border-radius:7px 7px 0 0;
		-moz-border-radius:7px 7px 0 0;
		-webkit-border-top-left-radius:7px;
		-webkit-border-top-right-radius:7px;
		background:#95c0d0;
		color:#fff;
		text-decoration:none;
		padding:.45em 1.5em;
		font-weight:bold;
		}

		ul#videoTabs li.selected a {
		font-weight:bold;
		text-decoration:none;
		color:#555;
		background:#daf3fc;
		border-bottom:1px solid #daf3fc;
		}

		ul#videoTabs li:hover a {
		background:#85acba;
		}

		ul#videoTabs li.selected:hover a {
		background:#daf3fc;
		}

		/* playlists */

		#videos {
		background:#daf3fc;
		margin-bottom:1.5em;
		padding:15px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		box-shadow:2px 3px 1px #eee;
		-moz-box-shadow:2px 3px 1px #eee;
		-webkit-box-shadow:2px 3px 1px #eee;
		}

		#videos div {
		display:none;
		}

		#videos div.selected {
		display:block;
		}

		ul.videoPreviews {
		list-style:none;
		padding:0;
		margin:0;
		zoom:1; /* IE, otherwise, layout doesn't update when showing 'more' */
		}

		ul.videoPreviews li {
		margin:0 0 5px;
		padding:0;
		overflow:hidden;
		position:relative;
		}

		#mainBodyFixed ul.videoPreviews h3 {
		font-size: 12px;
		margin:0 0 1em 130px;
		padding:0;
		font-weight:bold;
		color:inherit;
		}

		ul.videoPreviews a {
		margin:1px;
		padding:10px;
		text-decoration:none;
		height:90px;
		display:block;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background-color:transparent;
		}

		ul.videoPreviews a:hover {
		background-color:#FFF;
		border:none; /* IE8, otherwise, bg doesn't work */
		}

		ul.videoPreviews a.selected {
		background-color: #FF9900;
		}

		ul.videoPreviews img {
		float:left;
		clear:left;
		margin:0;
		}

		ul.videoPreviews h3 {
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		margin:0 0 1em 130px;
		padding:0;
		}

		ul.videoPreviews p {
		font-size: 12px;
		text-decoration:none;
		margin:0 0 1.2em 130px;
		}

		ul.videoPreviews p.full {
		display:none;
		}

		ul.videoPreviews span.more {
		padding:0 0 0 12px;
		background:url('/assets/images/arrow_bluelink_down.png') 0 2px no-repeat;
		}

		ul.videoPreviews span.less {
		padding:0 0 0 12px;
		background:url('/assets/images/arrow_bluelink_up.png') 0 2px no-repeat;
		display:none;
		}

		ul.videoPreviews p.toggle {
		position:absolute;
		margin:0;
		margin-top:-23px; /* instead of bottom:23px, because IE won't do it correctly */
		left:140px;
		}

		ul.videoPreviews p.toggle a {
		height:auto;
		margin:0;
		padding:0;
		zoom:1; /* IE6, otherwise the margin considers the img on redraws */
		}

		ul.videoPreviews p.toggle a:hover {
		text-decoration:underline;
		background:transparent; /* IE6, otherwise it inherits white */
		}

		/* featured videos */

		#mainBodyRight h2 {
		padding:0 0 5px;
		}

		#mainBodyRight ul.videoPreviews {
		margin:10px 0 0;
		}

		#mainBodyRight ul.videoPreviews li {
		font-size:11px;
		line-height:13px;
		margin:0 0 5px;
		padding:0;
		}

		#mainBodyRight ul.videoPreviews h3 {
		padding:0;
		margin:0;
		}

		#mainBodyRight ul.videoPreviews a {
		text-decoration:none;
		height:108px;
		border:1px solid #FFF;
		}

		#mainBodyRight ul.videoPreviews a:hover {
		border:1px solid #CCDADA;
		}

		#mainBodyRight ul.videoPreviews a.selected {
		border:1px solid #FFF;
		}

		#mainBodyRight ul.videoPreviews p {
		line-height:1.2em;
		padding:0;
		margin:4px 0 0 130px;
		}

		#mainBodyRight ul.videoPreviews img {
		margin-top:5px;
		}

tools/droiddoc/templates/assets/images/arrow_bluelink_down.png

0 → 100755

+180 B

Loading image diff...

tools/droiddoc/templates/assets/images/arrow_bluelink_up.png

0 → 100755

+181 B

Loading image diff...