oem-config-slideshow-ubuntu-budgie 138 / usr / share / oem-config-slideshow / slides / 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:#333333;

	/* 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:#262932;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

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

	font-size:20px;
	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 */
	/* move this to #slideshow if we don't want the background image to move with slides */
	/*background-image:url('background.png');*/
    background-color:#F9F9F9;
}

.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;
}