view deck.js/extensions/menu/deck.menu.scss @ 0:dd1c78c6398f

add having slides
author taiki <taiki@cr.ie.u-ryukyu.ac.jp>
date Mon, 25 Mar 2013 05:14:03 +0900
parents
children
line wrap: on
line source

.deck-menu {
	.slide {
		background:#eee;
		position:relative;
		left:0;
		top:0;
		visibility:visible;
		cursor:pointer;
	}
	
	> .slide {
		.no-csstransforms & {
			float:left;
			width:22%;
			height:22%;
			min-height:0;
			margin:1%;
			font-size:0.22em;
			overflow:hidden;
			padding:0 0.5%;
		}
		
		.csstransforms & {
			-webkit-transform:scale(.22) !important;
			-moz-transform:scale(.22) !important;
			-o-transform:scale(.22) !important;
			-ms-transform:scale(.22) !important;
			transform:scale(.22) !important;
			-webkit-transform-origin:0 0;
			-moz-transform-origin:0 0;
			-o-transform-origin:0 0;
			-ms-transform-origin:0 0;
			transform-origin:0 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			width:100%;
			height:100%;
			overflow:hidden;
			padding:0 48px;
			margin:12px;
		}
	}
	
	iframe, img, video {
		max-width:100%;
	}
	
	.deck-current, .no-touch & .slide:hover {
		background:#ddf;
	}
	
	&.deck-container:hover {
		.deck-prev-link, .deck-next-link {
			display:none;
		}
	}
}