self-conscious-design
clone your own copy | download snapshot

Snapshots | iceberg

No images in this repository’s iceberg at this time

Inside this repository

readium_buttons.css
text/css

Download raw (3.5 KB)

.icon48 {
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
}

.page-switch-overlay-icon {
	min-width: 52px;
	min-height: 95px;
	width: 52px;
	height: 95px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 50%;
}

*#readium-logo {
	background: transparent url('../images/ico_readium_up.png') center top no-repeat;
}
*#readium-logo:hover {
	background: transparent url('../images/ico_readium_over.png') center top no-repeat;
}

*#previous-page-btn {
	background: transparent url('../images/pagination_previous_up.png') center top no-repeat;
	left: 0;
}
*#previous-page-btn:hover {
	background: transparent url('../images/pagination_previous_over.png') center top no-repeat;
}

*#next-page-btn {
	background: transparent url('../images/pagination_next_up.png') center top no-repeat;
	right: 0;
}
*#next-page-btn:hover {
	background: transparent url('../images/pagination_next_over.png') center top no-repeat;
}

.synthetic-page-ico {
	background: transparent url('../images/ico_doublepage_up.png') center top no-repeat;
}
.synthetic-page-ico:hover {
	background: transparent url('../images/ico_doublepage_over.png') center top no-repeat;
}

.single-page-ico {
	background: transparent url('../images/ico_singlepage_up.png') center top no-repeat;
}
.single-page-ico:hover {
	background: transparent url('../images/ico_singlepage_over.png') center top no-repeat;
}

*#epub-demo-library {
	background: transparent url('../images/ico_menu_up.png') center top no-repeat;
}
*#epub-demo-library:hover {
	background: transparent url('../images/ico_menu_over.png') center top no-repeat;
}

*#friendMeter {
	visibility : hidden;
}

*#friendMeter-bar {
	background-color: #3b5998;
	width: 98%;
	height: 5px;
	padding: 0;
	overflow: hidden;
	display: block;
	position: absolute;
	bottom: 6px;
	margin-left: 25px;
	margin-right: 50px;
	z-index:100;
}

*#friendMeter-cross {
	background: url('../images/FBCross.png') no-repeat;
	height: 40px;
	width: 22px;
	position: absolute;
	display: block;
	bottom: 1%;
}

*#friendMeter-counter {
	background: transparent url('../images/friendMeter_counter.png') center top no-repeat;
	left: 0;
	min-width: 28px;
	min-height: 28px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	margin-left: 10px;
	padding: 0;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 97%;
	left: 0px;
	z-index:100;
}

*#friendMeter-counter-text{
	position: absolute;
	top: 100%;
	left: 48px;
	margin-top: -30px;
	width: 800px;
	height: 20px;
	font-size: 18px;
	font-weight: 400;
	color: #3b5998;
	z-index:200;
}

*#friendMeter-friendData {
	background: transparent url('../images/friendMeter_friendData.png') no-repeat;
	width: 300px;
	height: 70px;
	position: absolute;
	display: block;
	bottom: 1%;
	left: 28px;
	z-index:100;
	opacity:0;
	transition: opacity 0.5s linear;
}

*#friendMeter-friendData-text {
	font-size: 20px;
	font-weight: 900;
	color: white;
	margin-top: 3px;
	margin-left: 7px;
	z-index:200;
}

#FB_login{
	position: relative;
	display: block;
	top: 80%;
	left: 50%;
	margin-left: -35px;
	margin-top: -10px;
	visibility: visible;
}

#FB_logout{
	background: transparent url('../images/fb-Logout.png') left top no-repeat;
	position: absolute;
	display: block;
	top: 30%;
	left: 75px;
	width: 72px;
	height: 21px;
	visibility: hidden;
	border: none;
}

#readerInfos{
	background: transparent url('../images/AsocialReader_Infos.png') left top no-repeat;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -114px;
	margin-top: -51px;
	width: 227px;
	height: 113px;
	border: none;
}

#readiumContainer{
	display: none;
}