WebSVN – SmartDukaan – Diff – /trunk/Website/src/main/webapp/css/product.css

 /*___ ActionBar ___*/
 #actionBar .left{background:url(../images/product-sprite.png) no-repeat 0 -78px;}
 #actionBar .right{background:url(../images/product-sprite.png) no-repeat top right 0 -156px;}
 #actionBar .center{
 	margin:0 10px;
 	background:url(../images/actionbar-hor-bar.jpg) repeat-x;
 	padding-top:4px;   /* add by ebizon */
+}
 #actionBar .blockLeft{
 	float:left;
-	/*margin-top: 4px;*/    /* commented by ebizon */
 	width: 340px;
+}
-/*#actionBar .blockLeft .smallImgButton{
-	float:left;
-	margin:4px 2px 0 2px;
-	display:inline;  IE6 bug fix
-}
-#actionBar .blockLeft .smallImgButton .button{
-	padding-top:3px;
-	cursor:pointer;
-	font-family:Verdana, Arial, Helvetica, sans-serif;
-	font-weight:bold;
-	font-size:11px;
-	border:none;
-	background:none;
-}*/
 #actionBar .blockRight{
 	float:right;
 	width:330px;
 	font-size:11px;
+}
 #actionBar .tweetDiv{
 	float:right;
 	width:120px;
 	font-size:11px;
-	/*margin-top : 3px;*/  /* commented by ebizon */
+}
 #actionBar .blockRight a{
 	color:#000;
 	text-decoration:none;
 	margin-top:2px;
 	float:left;
+}
 #actionBar .blockRight span{
 	float:left;
-	/*margin:2px 4px 0 0;*/   /* commented by ebizon */
 	display:inline; /* IE 6 bug fix */
+}
 #actionBar .blockRight #facebookCount,
 #actionBar .blockRight #twitterCount{
 	font-size:10px;
 	margin:0 10px 0 155px;
 	height:13px;
 	background:url(../images/slideguide-content-top-center.jpg) repeat-x;
+}
-#slideGuideContent .middle {
-	background:#fff;
-	border-right:1px solid #ccc;
-}
-#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}
 #slideGuideContent .bottom .left{background:url(../images/product-sprite.png) no-repeat 0 -733px}
 #slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}
 #slideGuideContent .bottom .center{
 	margin:0 10px 0 155px;
 	height:4px;
 #slideGuideContent div.teaser h1 span{ font-weight:bold;}
 #slideGuideContent div.demo{
 	float:left;
-	width:317px;
+	width:300px;
 	padding:0;
 	margin:16px 0 0 0;
+}
 #slideGuideContent div.demo ul {
 #slideGuideContent .ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
 #slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
 #slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt{
 	color:#fff !important;
 	text-decoration:none;
-	background:#848484 url(../images/product-sprite.png) no-repeat 133px -1018px !important;
+	background:#848484 url(../images/product-sprite.png) no-repeat 120px -1018px !important;
+}
 /*
 #slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
 */
 	border:1px solid #ccc;
 	overflow:hidden;
 	width:317px;
+}
 #slideGuideContent .container {
-	width:317px;
+	width:300px;
 	height:545px;
-	margin:0px 10px 0px 0px;
-	/*border:1px solid #ccc;*/
 	padding-top:4px;
 	overflow:hidden;
 	position:relative;
 	background:#fff;
+}
 #slideGuideContent div.demo div.tabby img{margin:2px;}
 #slideGuideContent div.desc{
 	float:left;
 	width:225px;
 	padding:0px 0px 0px 0px;
-	margin:50px 0px 0px 23px;
+	margin:50px 0px 0px 10px;
 	display:inline; /*ie6 bug fix*/
+}
 #slideGuideContent div.desc div.introduction{
 	font-size:0.9em;
 #slideGuideContent div.desc ul{list-style:none;}
 #slideGuideContent div.desc li.introduction{
 	margin-top:10px;
 	color:#333;
-	font-size:13px;
+	font-size:12px;
 	font-weight:normal;
+}
 #slideGuideContent div.desc li.mainFeature{
 	margin-top:30px;
 	margin:0 auto !important;
+}
 /*___ slideGuideNav ___*/
 #slideGuideNav {
-	margin-left:2px;
+	background-color: #E9F3F9;
 	float:left;
 	display:inline; /* IE 6 bug fix */
-	width:153px;
+	width: 140px;
+	min-height: 817px;
 	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
 	font-size:12px;
+}
 #slideGuideNav ul{list-style:none;}
 #slideGuideNav a span {
 	display:block;
 	width:105px;
+}
 #slideGuideNav a{
 	display:block;
-	padding:9px 0 9px 17px;
+	padding:9px 0 9px 10px;
 	color:#666666;
 	text-decoration:none;
 	line-height:18px;
-	background:url(../images/product-sprite.png) no-repeat 133px -1105px;
+}
 #slideGuideNav a:hover{
 	color:#fff;
 	text-decoration:none;
-	background:#848484 url(../images/product-sprite.png) no-repeat 133px -1018px;
+	background:#848484 url(../images/product-sprite.png) no-repeat 120px -1018px;
+}
 /*___ slideGuideProduct ___*/
 #slideGuideProduct{
 	float:left;
-	width:570px;
+	width:535px;
+}
 #slideGuideProduct h1{
 	margin:26px 0 20px 8px;
 	font-weight:normal;
+}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
             #slideGuideContent div.demo ul {padding:3px 0 !important;}
+}
 div.contweak	{
 	min-height: 817px;
+	border: 1px solid #67ABD3;
+}
 /* My Notes */
 .mynotes-section	{
 	float: right;
 	font-family: 'Comic Sans MS',Textile,cursive;
 	font-size: 11px;
 	color: #444444;
-	margin: 25px 5px 0 0;
+	margin-top: 25px;
-	width: 232px;
+	width: 226px;
+}
 .mynotes-section h3	{
-	background-color: #848484;
+	background-color: #FFD685;
-	color: #FFFFFF;
 	font-size: 12px;
 	padding: 1px 0 1px 5px;
+}
 .mynotes-section .note-display, .mynotes-section textarea	{
-	background: none repeat scroll 0 0 #FFFFC0;
+	background: none repeat scroll 0 0 #FFFFCC;
-	border: 1px solid #CCCCCC;
+	border: 1px solid #FFD685;
 	min-height: 60px;
 	max-height: 90px;
+}
 .mynotes-section .note-display	{
 	padding: 3px;
-	width: 224px;
+	width: 218px;
+}
 .mynotes-section textarea	{
 	display: none;
-	font-family: 'Comic Sans MS',Textile,cursive;
 	font-size: 11px;
-	color: #999;
+	color: #666666;
 	padding: 2px;
 	float: left;
-	width: 226px;
+	width: 220px;
 	overflow: auto;
+}
 .mynotes-section p, .mynotes-colorbox-section p	{
 	display: none;

Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/webapp/css/product.css – Rev 2718 → 3830