ubiquity-slideshow-ubuntu-gnome 113 / usr / share / ubiquity-slideshow / slides / link / base.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 100%;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	vertical-align:baseline;
	background:transparent;
}
ol, ul {
	list-style:none;
}

html, body {
	margin:0;
	padding:0;

	background-color:#F7F6F6;

	font-family: 'Droid Sans', 'Cantarell', 'Ubuntu', 'UbuntuBeta', sans-serif;
	font-size:13px;
	line-height:1.4em;

	color:#FFFFFF;

	/* no reason to expose this extra stuff to the user */
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	cursor:default;
}

/*
Hyperlink-style text
*/
a {
	/*color:#0087ED;*/
	color:#eee;
	text-decoration:underline;
	display:inline;
}

.text a:hover {
	text-decoration:underline;
}

strong {
	font-weight: bolder;
}

#wrapper {
	position:absolute;

	width:752px;
	height:100%;
}

#slideshow {
	width:752px;
	min-height:442px;
	height:100%;
	overflow:hidden;
	/* move this to #main if we want the background image to move with slides */
	background-image:url('background.jpg');
	background-position: bottom;
}
#slideshow > div {
	position:absolute;
	width:100%;
	height:100%;
}

.control-arrow {
	display:block;
	position:absolute;

	z-index:100;
	top:378px;
	height:64px;
	width:33px;

	background-repeat:no-repeat;
	cursor:pointer;
}
.control-arrow.disabled {
	cursor:default;
}
.control-arrow:hover {
	background-position: 0px -65px;
}
.control-arrow:active {
	background-position: 0px -130px;
}
.control-arrow#prev-slide {
	background-image:url('arrow-back.png');
	left:686px;
}
.control-arrow#next-slide {
	background-image:url('arrow-next.png');
	left:719px; /* 752px - 33px */
}

/* Fixed container for a slide's title */
.header {
	display:table; /* this is a bit evil, but it lets us vertically centre stuff */
	position:absolute;
	/* FIXME: better to use position:relative here and for #main.
	   Need to have a specific maximum height, though,
	   which isn't working with display:table */
	top:0px;
	width:100%;
	height:68px;
	z-index: 2;
	background-color:#191919;
	box-shadow: 0px 2px 8px 5px #191919;
}

.header > .slidetitle {
	display:table-cell;
	padding:0px 25px;
	vertical-align:middle;

	font-size:15px;
	line-height:50px;
	font-weight:bold;
	color:#F7F6F6;
}
.header > .slidetitle img {
	display: block;
}

.main {
	position:absolute;
	top:70px; /* 68px + 2px margin */
	bottom:0px;
	left:0px;
	right:0px;
	min-height:370px; /* 442px (from #slideshow) - 70px - 2px */
}

.main.big {
	top:68px;
	left:0px;
	right:0px;
	bottom:0px;
}

.main.wide{
	top:68px;
	left:0px;
	right:0px;
	bottom:0px;
	/*background-image:url('background.jpg');*/
}

/*
A slide's body text goes inside here.
Inner space is 224px wide.
*/
.main > .text {
	position:absolute;
	z-index:10;
	top:55px;
	left:30px;
	width:248px;
	bottom:0px;
	min-height:314px; /* 369 - 25 - 15 (for bottom) */
	overflow:auto;
}

.text > div {
	margin-bottom:8px;
	padding:6px 12px;
}
.text > div:last-child {
	margin-bottom:0px;
}

.text > div > .subtitle {
	padding-bottom:2px;
	margin-bottom:5px;
	font-size:inherit;
	font-weight:normal;
	text-decoration:none;
	border-bottom:#F7F6F6 dotted 1px;
}

.main.big > .text {
	top:55px;
	width:320px;
}

.main.big > .text > div {
	background:none;
	font-size:13px;
	line-height:1.2em;
	color:#F7F6F6;
	/*text-shadow:1px 1px 1px #333333;*/
}

.main.wide > .text {
	position:absolute;
	z-index:10;
	top:235px;
	left:36px;
	width:680px;
	overflow:auto;
}

.main.wide > .text > div {
	background:none;
	font-size:inherit;
	line-height:1.2em;
	margin-bottom:8px;
	padding:6px 12px;
	background-color:#FCFCFC;
}

.featured ul {
	display:table;
}
.featured li {
	display:table-row;
}
.featured li > * {
	padding-bottom:12px;
}
.featured li .icon {
	display:table-cell;
	width:24px;
	height:auto;
	padding-right:12px;
}
.featured li .caption {
	display:table-cell;
	vertical-align:middle;
}

.bigicon{
	position: absolute;
	bottom:0px;
}

.bigicon ul{
	width:100%;
}
.bigicon li{
	margin-right:20px;
	float:left;
}

/* Expects screenshot to be 448x347 px */
.main > .screenshot {
	position:absolute;
	top:25px;
	right:-2px; /* offsets 2px margin of .main */

	z-index:2;

	/* Screenshot shadow, not in use but might be useful in future releases*/
	/* -webkit-box-shadow:#999999 0px 0px 5px;
	-moz-box-shadow:#999999 0px 0px 5px;
	box-shadow:#999999 0px 0px 5px; */
}

/* Expects screenshot to be 748x370 px */
.main.wide > .background {
	top:0px;
	right:0px;
	width:100%;
	height:auto;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;

	z-index:0;
}

/*
This rule disables drag-and-drop for images.  See bug #448703.
*/
img {
 	-webkit-user-drag:none;
}



/* RTL stuff */
.rtl {
	direction:rtl;
}

.rtl .control-arrow#prev-slide {
	background-image:url('arrow-next.png');
	left:719px;
}
.rtl .control-arrow#next-slide {
	background-image:url('arrow-back.png');
	left:686px; /* 752px - 33px */
}

.rtl .main > .text {
	left:auto;
	right:36px;
}

.rtl .main > .screenshot {
	right:auto;
	left:-2px;
}

.rtl .featured li .icon {
	padding-right:0px;
	padding-left:12px;
}

.l10n-string {
	display:none;
}