School Image Gallery CSS Code

school-image-gallery-style.css

		#configuration div {
			width:6%;
			height: 20px;
			float:left;
			text-align:center;
			vertical-align:middle;
			padding:0.5%;
			color:#ccc;
			font-size:0.9em;
		}
		#configuration div.selected {
			font-weight:bold;
			color:#0096D7;
			font-size:1.2em;
		}
		#info-box{
			padding:5px;
			clear:both;
			border:1px solid #ccc;
			background-color:#efefef;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
			border-radius: 2px;
		}
		#large-img{
			width: 100%;
			max-width: 1000px;
		}
		.next, .prev{
			cursor: pointer;
		}
		#gallery{
			max-width:1000px;
			border: 1px solid #ccc;
		}
		#gallery, .items{
			width: auto;
			height: 150px;
		}
		.items a{
			display:block;
			float:left;
			width:25%;
			padding:0 auto;
			height:150px;
			text-align:center;
		}
		.items img {
			width:95%;
			max-width:150px;
		}