yolanda/trunk/style/default.css

/*
Yolanda default stylesheet
(c) 2007-2008 Nils Dagsson Moskopp 
*/

/* global default */

*
{
	clear:			both;
}


body
{
	font-family:		sans-serif;
	font-size:			8pt;
	font-weight:		bold;
	margin:				1.5em;
	min-height:			100%;
	text-align:			center;
}

div
{
	border-width:		0px;
}

input
{
	text-align:		left;
}

img
{
	border-width:		0;
}

/* links */

a
{
	color:				#3f3fff;
	text-decoration:	none;
}

	a:focus
	{
		font-style:			italic;
	}

	a:hover
	{
		text-decoration:	underline;
	}

	a.tag
	{
		display:			inline-block;
		margin-left:		0.25em;
		margin-right:		0.25em;
	}

/* header, footer */

	a.footer,
	a.header,
	div.footer,
	div.header
	{
		background-color:	#f0f0f0;
		border-color:		#f0f0f0;
		border-style:		solid;
		clear:				none;
		font-size:			1em;
		line-height:		3em;
		height:				3em;
	}

	a.footer,
	a.header
	{
		border-bottom-width:	0px;
		border-top-width:	0px;
		border-left-width:	1px;
		border-right-width:	1px;
		display:			block;
		padding-left:		1em;
		padding-right:		1em;
	}

		a.footer:hover,
		a.header:hover
		{
			background-color:	#ffffff;
			border-color:		#c0c0c0;
		}

	a.latest-additions,
	a.view-license
	{
		border-left-width:	0px;
	}

	a.register,
	a.upload-video,
	a.view-xml
	{
		border-right-width:	0px;
	}

	a.latest-additions,
	a.most-downloads,
	a.most-views,
	a.report-bug,
	a.view-license,
	a.view-source-code
	{
		float:			left;
	}

	a.login,
	a.login-openid,
	a.logout,
	a.preferences,
	a.register,
	a.upload-video,
	a.view-xml
	{
		float:			right;
	}

	div.footer,
	div.header
	{
		border-color:		#c0c0c0;
		border-width:		1px;
	}

	div.footer
	{
		position:			absolute;
		bottom:				1.5em;
		margin-right:		1.5em;
	}

	img.logo-header
	{
		display:		none;
		border:			1px black solid;
		clear:			none;
		float:			left;
		margin-left:	1.5em;
		margin-right:	0.5em;
	}

/* content */


	div.button-download,
	div.button-edit,
	div.button-junk
	{
		display:			inline-block;
		margin:				0.5em;
		vertical-align:		top;
	}

		div.button-download img,
		div.button-edit img,
		div.button-junk img
		{
			margin:			0.5em;
		}

	div.cc-license-chooser
	{
	}

		div.cc-license-chooser img
		{
			margin:				0.25em;
			vertical-align:		middle;
		}

	div.commentform,
	div.loginform,
	div.registerform,
	div.settingsform,
	div.uploadform
	{
		line-height:	2.5em;
		margin:			1.5em;
	}

	div.comments
	{
	}

	div.messagebox
	{
		border-color:		#606060;
		border-style:		solid;
		border-width:		1px;
		margin:				1.5em;
	}

		div.messagebox#error,
		div.messagebox#warning
		{
			background-color:	#f09090; 
		}

		div.messagebox#information
		{
			background-color:	#90f090;
		}

		div.messagebox img
		{
			margin:				0.75em;
			overflow:			visible;
			vertical-align:		middle;
		}

	div.page-number
	{
		color:				#606060;
		display:			inline-block;
		font-size:			40px;
		height:				32px;
		width:				32px;
		overflow:			visible;
	}

	div.result
	{
		display:			inline-block;
		margin:				0.75em;
		overflow:			visible;
		vertical-align:		top;
	}

		div.result img
		{
			border-color:		black;
			border-width:		1px;
		}

	div.search
	{
		padding:			0.75em;
	}

	div.search-small
	{
		clear:				both;
		float:				right;
		height:				0em;
		overflow:			visible;
		text-align:			right;
	}

	div.toplists
	{
		padding:	0.75em;
	}

	div.tagcloud
	{
		background-color:	#f0f0f0;
		border-color:		#c0c0c0;
		border-style:		solid;
		border-width:		1px;
		margin:				0.75em;
		margin-left:		20%;
		margin-right:		20%;
		padding:			0.75em;
	}

	div.video
	{
		display:			inline-block;
		margin-bottom:		0.5em;
	}

	div.videoccdata
	{
		margin:			0.75em;
	}

		div.videoccdata img
		{
			border-width:		0px;
			margin-left:		0.5em;
			margin-right:		0.5em;
			margin-top:			0.5em;
		}

	div.video-metadata
	{
		display:			inline-block;
		line-height:		1.5em;
		margin-left:		1.5em;
		text-align:			left;
		vertical-align:		top;
		width:				256px;
	}

	div.videotitle
	{
		font-size:			1.5em;
		margin-bottom:		0.5em;
	}

fieldset
{
	border-width:		0px;
}

	img.logo-big
	{
		padding-bottom:		0.5em;
	}

	img.openid-icon
	{
		padding-left:		0.2em;
		vertical-align:		text-top;
	}

span.code
{
	font-family:	monospace;
	font-weight:	normal;
}

span.heading
{
	font-size:			1.5em;
}

span.instruction,
span.protip
{
	color:				#606060;
}

span.protip:after
{
	content:			" )";
}

span.protip:before
{
	content:			"( ";
}

table.metadata,
table.metadata-upload
{
	border-width:		0px;
	border-collapse:	collapse;
	width:				100%;
}

	table.metadata td.metadata-content,
	table.metadata td.metadata-title,
	table.metadata-upload td.metadata-content
	{
		text-align:			left;
		width:				50%;
	}

	table.metadata td.metadata-title
	{
		width:				40%;
	}

	table.metadata-upload td.metadata-title
	{
		text-align:			right;
		width:				50%;
	}

td.metadata-title
{
	color:				#606060;
}