dennis versus production

main.css.diff

178,179c178
< 	z-index: 10; /* allocate a suitable z-index */
< 	border: 1px solid blue;
---
> 	z-index:3; /* allocate a suitable z-index */
199c198
< 	height:100px; /* height to miss header */
---
> 	height:115px; /* height to miss footer */
513c512
< 	width: 250px;
---
> 	width: 340px;
515d513
< 	position: relative;
545d542
< 	z-index: 50;
554,555d550
< 	position: relative;
< 	z-index: 55;
565c560
< 	padding: 0;
---
> 	padding: 10px 0;
572c567
<    	margin: 0; 
---
>    margin: 3px 0; 
574,575c569
<    	font: normal 1.3em/20px 'Droid Serif', serif; color: #564b3d;
<    	height: 20px;
---
>    font: normal 1.3em/1.5em 'Droid Serif', serif; color: #564b3d;
577c571
<    	padding: 0px 10px;
---
>    padding: 5px 10px;
602,604c596,597
< 	width: 600px;
< 	margin: 0; padding: 0;
< 	font: normal 1.4em/1.4em 'Droid Serif', serif; color: #564b3d;
---
> 	width: 550px;
> 	font: normal 1.5em/1.35em 'Droid Serif', serif; color: #564b3d;
609,612d601
< .2col-content {
< 	width: 600px;
< 	}
< 	
668c657
< 	margin: 0;
---
> 	margin: 5px 0;
670d658
< 	padding: 0;
674c662
< 	margin-bottom: 10px;
---
> 	margin-bottom: 20px;
810a799,947
> 	Popup Styles
> 	========================================================================== */
> 	
> 	
> .popup-detail {
>    position:relative;
>    min-height:150px;
>    width: 800px;
> 	padding: 20px 20px 40px 20px;
> 	width/**/:/**/ 760px;
>    border:1px solid #fff;
>    background:#f7f1e9;
>    -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.27),
>                        0 0 60px rgba(0, 0, 0, 0.1) inset;
>        -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.27),
>                        0 0 40px rgba(0, 0, 0, 0.06) inset;
>             box-shadow:0 1px 6px rgba(0, 0, 0, 0.27), 
>                        0 0 40px rgba(0, 0, 0, 0.06) inset;
> 	}
> 
> .popup-detail:before,
> .popup-detail:after { 
>     content:''; 
>     position:absolute; 
>     z-index:-2; 
>     width:70%;
>     max-width:200px; /* for liquid versions */
>     height:30px; 
>     bottom:10px;
>     left: 10px; 
>     -webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.3); 
>        -moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.3); 
>             box-shadow:0 8px 16px rgba(0, 0, 0, 0.3); 
>     -webkit-transform:skew(-15deg) rotate(-6deg); 
>        -moz-transform:skew(-15deg) rotate(-6deg); 
>             transform:skew(-15deg) rotate(-6deg);
> 	} 
> 
> .popup-detail:after {
>     left:auto;
>     right: 10px; 
>     -webkit-transform:skew(15deg) rotate(6deg);
>        -moz-transform:skew(15deg) rotate(6deg);
>             transform:skew(15deg) rotate(6deg);
> 	}
> 		
> .popup-detail .fix {
>     z-index:1;
>     -webkit-box-shadow:none;
>        -moz-box-shadow:none;
>             box-shadow:none;
> 	}
> 
> .popup-detail .fix :first-child:before {
>     content:"";
>     position:absolute;
>     z-index:-1;
>     top:0;
>     bottom:0;
>     left:0;
>     right:0;
>     background:#fff;
>     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.27),
>                        0 0 60px rgba(0, 0, 0, 0.1) inset;
>        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.27),
>                        0 0 40px rgba(0, 0, 0, 0.06) inset;
>             box-shadow:0 1px 4px rgba(0, 0, 0, 0.27), 
>                        0 0 40px rgba(0, 0, 0, 0.06) inset;
> 	}
> 
> .detail-cols {
> 	margin: 0;
> 	padding: 0;
> 	}
> 	
> .thumbnail {
> 	width: 150px;
> 	float: left; 
> 	margin-right: 15px;
> 	display: block;
> 	padding-top:15px;
> 	}
> 	
> 	
> .biblio {
> 	width: 200px;
> 	float: left;
> 	margin-right: 15px;
> 	padding-top:15px;
> 	}
> 	
> 	.biblio ul {
> 		margin: 0;
> 		padding: 0;
> 		}
> 		
> 	.biblio ul li {
> 		list-style-type: none;
> 		margin-bottom: 15px;
> 		}
> 		
> 	.biblio ul li.title  {
> 		font: bold 2em/1.35em 'Droid Serif', serif;
> 		padding-bottom: 10px;
> 		}
> 		
> 	.biblio ul li.author,
> 	.biblio ul li.pub-date {
> 		font: normal 1.2em/1.2em 'Droid Serif', serif; color: #564b3d;
> 		padding-bottom: 15px;
> 		border-bottom: 1px dotted #bb9f7b;
> 		}
> 	
> 	.biblio ul li.author em,
> 	.biblio ul li.pub-date em {
> 		font: bold .8em/1.5em 'Droid Serif', serif; color: #bb9f7b;
> 		display: block;
> 		letter-spacing: .03em;
> 		text-transform: uppercase;
> 		}
> 		
> 	
> .quote {
> 	width: 370px;
> 	float: left;
> 	background: transparent url(/images/quote-marks.png) top left no-repeat;
> 	}
> 	
> 	.quote p {
> 		margin: 0;
> 		margin-left: 45px;
> 		margin-top: 15px;
> 		font: normal 1.35em/1.35em 'Droid Serif', serif; color: #564b3d;
> 		}
> 		
> .arrow {
> 	position: absolute;
> 	bottom: -30px; 
> 	left: 50%; 
> 	margin-left: -25px;
> 	display: block;
> 	background: transparent url(/images/arrow.png) no-repeat;
> 	width: 50px;
> 	height: 30px;
> 	}
> 	
> 
> 
> /* =============================================================================
888a1026,1027
> 
>    
893,898d1031
< table.booklist tr td.map {
<     background-image: url(/preview/images/markers/location.png);
<     background-repeat: no-repeat;
<     background-position: center center; 
< }
<             
928c1061
<    width: 580px;
---
>    width: 350px;
932,946d1064
< /*
<  * Table Sorter styling
<  */
< th.headerSortUp {
<     background-image: url(/preview/images/asc.gif);
<     background-repeat: no-repeat;
<     background-position: center right; 
< }
< 
< th.headerSortDown {
<     background-image: url(/preview/images/desc.gif);
<     background-repeat: no-repeat;
<     background-position: center right;
< }
<