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

 /* css by ebizon for comparision page */
 #comparision-heading {
   color:#000000;
-  font-size:14px;
+  font-size:18px;
   font-weight:bold;
   float:left;
   padding-right:5px;
   height: 30px;
+}
+}
 .comparision-bc a {
   font-size:14px;
   font-weight: normal;
+}
-.comparision#wrapper  {
+.comparision#wrapper {
   width:100%;
   margin-bottom:4px;
+}
-.comparision #productDetail , .summary #productDetail {
+.comparision #productDetail,
+.summary #productDetail {
   margin-bottom:0px;
+}
-.comparision #productDetail , .summary #productDetail {
+.comparision #productDetail,
+.summary #productDetail {
   width:735px;
   float:left;
+}
-#comparision-left{
+#comparision-left {
   float:left;
   width:155px;
   background:transparent url(../images/slideguide-nav-ver-bar.jpg) repeat-y scroll 0 0;
+}
 #comparision-left .right {
   background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
+}
-#comparision-right{
+#comparision-right {
   float:right;
   position: relative;
   width:824px;
   top:-10px;
   /*background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;*/
+}
 .summary-comparision-content h1.comparision-page-title {
   margin-top: 7px;
   padding-left:0px;
   background:none;
+}
 h1.comparision-page-title {
   background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;
+}
-.comparision #registration .top .left , .summary #registration .top .left {
+.comparision #registration .top .left,
+.summary #registration .top .left {
   background:transparent url(../images/product-sprite.png) no-repeat scroll 0 -904px;
+}
-.comparision #registration .top .right , .summary #registration .top .right {
+.comparision #registration .top .right,
+.summary #registration .top .right {
   background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
+}
-.comparision #registration .top .center , .summary #registration .top .center {
+.comparision #registration .top .center,
+.summary #registration .top .center {
   background:transparent url(../images/slideguide-content-top-center.jpg) repeat-x scroll 0 0;
   height:13px;
   margin:0 10px 0 155px;
+}
 #comparision-right h1 {
   font-size:24px;
   font-weight:normal;
   padding:18px 0 10px 8px;
+}
+.phone-comparision-area,
-.phone-comparision-area , .inner-comparision-area {
+.inner-comparision-area {
   float:left;
   width:824px;
+}
 .phone-comparision-area .scroller {
   float:left;
   width:275px;
   background:transparent url(../images/column-right-border.jpg) repeat-y scroll top right;
   min-height: 757px;
   *min-height:765px;
+}
 .inner-comparision-area .column2 {
   float:left;
   width:275px;
   background:#f0efef url(../images/column-right-border.jpg) repeat-y scroll top right;
   min-height: 757px;
   *min-height:765px;
+}
 .inner-comparision-area .column3 {
   float:left;
   width:275px;
   min-height: 757px;
-  *min-height:765px;
   background:#fff url(../images/column-right-border.jpg) repeat-y scroll top right;
+  *min-height:765px;
+}
-.inner-comparision-area .header{
+.inner-comparision-area .header {
   float:left;
   border-bottom:1px solid #ccc;
   width:258px;
   padding:5px 0 0 14px;
   background-color: #fff;
   height:62px;
+}
-.phone-name a{
+.phone-name a {
   font-size:14px;
+}
-.phone-image{
+.phone-image {
   float: left;
   margin-right: 10px;
   text-align: right;
   width: 87%;
+}
-.phone-image .img{
+.phone-image .img {
   margin-top:16px;
+}
 .featureslisting {
   float:left;
   width:258px;
 .featureslisting ul li {
   float:left;
   list-style:none;
   width:220px;
+}
-.red{
+.red {
   color:#7a2222;
+}
 .comparision #productDetail .middle .content {
   *height:55px;
+}
 /*  Summary  */
-.summary td.column1{
-  width:226px;
-  border-right:1px solid #ccc;
-  background:none;
-  min-height:0;
-  border-bottom:1px solid #ccc;
-}
-.summary td.column1 .header{
-  height:123px;
-  width:226px;
-  border-bottom:1px solid #ccc;
-  border-bottom:none;
-  padding:0;
-}
-.product-content-row{
-  width:106px;
-  border-right:1px solid #ccc;
-  background:none;
-  min-height:0;
-  border-bottom:1px solid #ccc;
-}
-.summary td.column2.last , .summary td.column2 .header.last {
-  border-right:none;
-}
-.summary td.column2 .header{
-  width:106px;
-  height:130px;
-  background:none;
-  padding:0px;
-  border-bottom:none;
-}
 .summary #registration div.middle {
   min-height:900px;
   overflow: hidden;
   width: 980px;
+}
-.summary tr.row2 td{
-  height:30px;
-  padding:5px;
-}
-.summary tr.row3 td , .summary tr.row1 td{
-  padding:5px;
-}
 .summary .featureslisting {
   float:left;
   padding:0;
   width:236px;
+}
   float:left;
   width:100%;
   margin-bottom: 4px;
+}
-.scoretext{
+.scoretext {
   font-weight:bold;
   float:left;
   color:#666;
   font-size:14px;
   height:20px;
+}
-.scoretextnormal{
+.scoretextnormal {
   font-weight:normal;
   float:left;
   color:#666;
   font-size:12px;
-  width:140px;
+  width:115px;
+}
-.option{
+.option {
   float:right;
+}
-.option select{
+.option select {
   float:right;
   height:20px;
+  /*
+  width:130px;
+  */
+}
-.summary .column2 .header .left{
-  width:70px;
-  height:123px;
-  float:left;
-  margin-top: 7px;
-  background:none !important;
-}
-.summary .column2 .header .left .topimg{
-  float:left;
-  height:65px;
-}
-.summary .column2 .header .left .toptext{
-  float:left;
-  height:62px;
-}
-.summary .column2 .header .right{
-  width:25px;
-  height:123px;
-  float:right;
-}
-.summary .column2 .header .right .cartimg{
-  float:left;
-  margin-top:105px;
-}
-.summary .columnlisting {
-  float:left;
-  padding:0;
-  width:106px;
-}
-.features-color{
-  width	: 116px;
-  padding:0 !important;
-}
-.features-color.last{
-  border-right: none;
-}
-.value{
+.value {
   padding:7px;
   float:left;
+}
-.features-color .rating4-5{
+.features-color .rating4-5 {
   border-left: 10px solid #ffcccc;
   float:left;
-  padding: 6px;
+  padding: 7px;
+}
-.features-color .rating3-4{
+.features-color .rating3-4 {
   border-left: 10px solid #ff9999;
   float:left;
-  padding: 6px;
+  padding: 7px;
+}
-.features-color .rating2-3{
+.features-color .rating2-3 {
   border-left: 10px solid #ff6666;
   float:left;
-  padding: 6px;
+  padding: 7px;
+}
-.features-color .rating0-2{
+.features-color .rating0-2 {
   border-left: 10px solid #ff0000;
   float:left;
-  padding: 6px;
+  padding: 7px;
+}
-.features-color .rating5-6{
+.features-color .rating5-6 {
   border-left: 10px solid #C3E9C3;
   float:left;
-  padding: 6px;
+  padding: 7px;
+}
-.features-color .rating6-7{
+.features-color .rating6-7 {
   border-left: 10px solid #A7E497;
   float:left;
-  padding: 6px;
+  padding: 7px;
+}
-.features-color .rating7-8{
+.features-color .rating7-8 {
   border-left: 10px solid #7FE25D;
   float:left;
-  padding: 6px;
+  padding: 7px;
+}
-.features-color .rating8-10{
+.features-color .rating8-10 {
   border-left: 10px solid #66CD36;
   float:left;
-  padding: 6px;
+  padding: 7px;
+}
-.summary .columnlisting .row4 .features-color{
+.summary .columnlisting .row4 .features-color {
   height:32px;
+}
+.features-color .rating6-7.big,
+.features-color .rating3-4.big,
-.features-color .rating6-7.big , .features-color .rating3-4.big , .features-color .rating8-10.big {
+.features-color .rating8-10.big {
   padding: 14px 6px;
+}
 .reset-button {
   float:left;
-  margin-left:165px;
+  margin-left:197px;
   margin-top:5px;
   clear:both;
+}
-.rating-area{
+.rating-area {
   float:right;
   margin-right:10px;
   margin-top:20px;
   background-color: #f0efef;
-  width:348px;
+  width:382px;
   height:23px;
   padding:5px;
   color:#666;
   font-size:12px;
+}
-.rating-scale{
+.rating-scale {
   float:left;
   width:100%;
   MARGIN-TOP:3PX;
+}
-.rating-scale span{
+.rating-scale span {
   float:left;
   height:10px;
   border-right:1px solid #ccc;
   margin-top:5px;
+}
-.rating-scale .first{
+.rating-scale .first {
   width:70px;
   border-right:none;
   margin-top:0px;
+}
-.rating-scale .last{
+.rating-scale .last {
   padding-left:7px;
   width:23px;
   border-right:none;
   margin-top:0px;
+}
-.rating-scale tr td.rating8-10{
+.rating-scale .rating8-10 {
   width:34px;
   background-color:#66cd36;
   font-size:0;
   line-height:0;
+}
-.rating-scale .rating7-8{
+.rating-scale .rating7-8 {
   width:34px;
   background-color:#7FE25D;
   font-size:0;
   line-height:0;
+}
-.rating-scale .rating6-7{
+.rating-scale .rating6-7 {
   width:34px;
   background-color:#A7E497;
   font-size:0;
   line-height:0;
+}
-.rating-scale .rating5-6{
+.rating-scale .rating5-6 {
   width:34px;
   background-color:#C3E9C3;
   font-size:0;
   line-height:0;
+}
-.rating-scale .rating4-5{
+.rating-scale .rating4-5 {
   width:34px;
   background-color:#ffcccc;
   font-size:0;
   line-height:0;
+}
-.rating-scale .rating3-4{
+.rating-scale .rating3-4 {
   width:34px;
   background-color:#ff9999;
   font-size:0;
   line-height:0;
+}
-.rating-scale .rating2-3{
+.rating-scale .rating2-3 {
   width:34px;
   background-color:#ff6666;
   font-size:0;
   line-height:0;
+}
-.rating-scale .rating0-2{
+.rating-scale .rating0-2 {
   width:34px;
   background-color:#ff0000;
   font-size:0;
   line-height:0;
+}
-.bottom-area{
+.bottom-area {
-  width:215px;
+  width:350px;
   float:left;
   margin-top:15px;
   color: #666;
   margin-left:11px;
   clear:left;
+}
-.bottom-area p{
+.bottom-area p {
-  width:230px;
+  width:350px;
   float:left;
-  margin-top:10px;
+  margin-top:6px;
+}
 ul.ui-tabs-nav li.ui-state-active a.vt {
   background: url("../images/product-sprite.png") no-repeat scroll 133px -1018px #848484 !important;
   color: #FFFFFF !important;
   text-decoration: none;
+}
 .column-top-grey,
 .column-bottom-grey {
   background: url("../images/scroller-bg.jpg") repeat-x scroll 0 0 transparent;
   height: 30px;
   clear: both;
   width:824px;
+}
-.mainfeature{
+.mainfeature {
   font-weight:bold;
+}
 li.mainFeature {
   color:#333333;
   font-size:14px;
   font-weight:bold;
   margin-top:30px;
   font-size:13px;
   line-height:14px;
   margin-top:5px;
   padding-left:18px;
+}
-li.mainPunchline{
+li.mainPunchline {
   line-height:18px;
   margin-bottom:15px;
   padding-left:10px;
   color:#333;
   font-weight:bold;
   font-size:13px;
   background:url(../images/product-sprite.png) no-repeat 0px -398px;;
+}
-li.mainFeaturePunchline{
+li.mainFeaturePunchline {
   padding-left:18px;
   color:#333;
   font-size:13px;
   background:url(../images/product-sprite.png) no-repeat 8px -396px;
+}
-li.subFeature{
+li.subFeature {
   margin-top:6px;
   padding-left:18px;
   color:#333;
   font-size:13px;
   font-weight:bold;
   background:url(../images/product-sprite.png) no-repeat 8px -225px;
+}
-li.subsubFeature{
+li.subsubFeature {
   margin-top:6px;
   padding-left:36px;
   color:#333;
   font-size:12px;
   font-weight:bold;
   background:url(../images/product-sprite.png) no-repeat 26px -225px;
+}
-li.subFeatureValue{
+li.subFeatureValue {
   margin-left:18px;
   padding-left:17px;
   color:#666;
   font-size:12px;
   line-height:17px;
   background:url(../images/product-sprite.png) no-repeat 8px -343px;
+}
-li.subsubFeatureValue{
+li.subsubFeatureValue {
   margin-left:36px;
   padding-left:17px;
   color:#666;
   font-size:12px;
   line-height:17px;
   background:url(../images/product-sprite.png) no-repeat 8px -343px;
+}
-li.subFeaturePunchline{
+li.subFeaturePunchline {
   margin-left:18px;
   padding-left:18px;
   color:#666;
   font-size:12px;
   background:url(../images/product-sprite.png) no-repeat 8px -396px;
+}
-li.subsubFeaturePunchline{
+li.subsubFeaturePunchline {
   margin-left:18px;
   padding-left:36px;
   color:#666;
   font-size:12px;
   background:url(../images/product-sprite.png) no-repeat 26px -396px;
+}
-li.spacing{margin-top:35px;}
+li.spacing {
-li.subspacing{margin-top:6px;}
+  margin-top:35px;
+}
+li.subspacing {
+  margin-top:6px;
+}
 /* new css   */
 .comparision-product-column {
   float:left;
   width:272px;
+}
 #comparision-right .comparision-border-inner,
 .comparision-product-column {
-  /* min-height: 584px; */
   min-height: 620px;
   *min-height:520px;
+}
 .comparision-product-column.last {
   background:none;
   width:274px;
+}
 .comparision-product-column-even {
-    background: none repeat scroll 0 0 #F0EFEF;
+  background: none repeat scroll 0 0 #F0EFEF;
+}
 .inner-column .header {
   float:left;
   border-bottom:1px solid #ccc;
   width:258px;
   padding:5px 0 0 14px;
   border-right: 1px solid #CCCCCC;
   clear: both;
   float: left;
   min-height: 0;
+}
-.product-comparision-home{
+.product-comparision-home {
   float: left;
   background: none repeat scroll 0 0 transparent;
   width: 116px;
+}
 .product-comparision-home .comparision-product-column {
 .product-content-row-1 {
   height: 123px;
   padding: 5px;
   width: 96px;
+}
-.product-content-row .left{
+.product-content-row .left {
   width:70px;
   height:123px;
   float:left;
   margin-top: 7px;
   background:none !important;
+}
-.product-content-row .header .left .topimg{
+.product-content-row .header .left .topimg {
   float:left;
   height:65px;
+}
-.product-content-row .header .left .toptext{
+.product-content-row .header .left .toptext {
   float:left;
   height:62px;
+}
-.product-content-row .header .right{
+.product-content-row .header .right {
   width:25px;
   height:123px;
   float:right;
+}
-.product-content-row .header .right .cartimg{
+.product-content-row .header .right .cartimg {
   float:left;
   margin-top:105px;
+}
 .product-content-row-2 {
   padding:5px 0px 5px 5px;
   width:101px;
+}
 /* new */
 .comparision-product-name .header {
   background-color: #FFFFFF;
   border-bottom: 1px solid #CCCCCC;
   float: left;
   height: 70px;
   float: left;
   clear: both;
   margin-left: 0;
+}
 .scroller-content-inner .product-name {
-    margin-left: 0;
+  margin-left: 0;
+}
 #comparision-right .comparision-product-name .comparision-border-inner {
   height: 71px;
   min-height:50px;
+}
-#comparision-left #slideGuideNav{
-  /* min-height:815px; */
-}
 .comparision-page .middle {
   background: #FFFFFF url("../images/slideguide-nav-ver-bar.jpg") repeat-y scroll left center !important;
+}
 /***
   Comparision page issues
 */
 #productDetail.comparision-page-content .content .blockLeft {
   width: 100%;
   font-weight: bold;
   line-height: 8px;
   padding: 2px 0 4px;
+}
 .product-name-left-cart {
-    float: left;
+  float: left;
-    margin-top: 4px;
+  margin-top: 4px;
-    padding-left: 14px;
+  padding-left: 14px;
-    width: 63%;
+  width: 63%;
+}
 .product-name-right-image {
   float:right;
   margin-top: 4px;
   width: 30%;
+}
+.product-name-right-image-summary {
+  float:right;
+  height: 30%;
+}
 .jspScrollable .scroller-content-inner .product-name-left-cart {
   padding-left: 0px;
+}
 .featureslisting ul li.introduction {
-    color: #333333;
+  color: #333333;
-    font-size: 13px;
+  font-size: 13px;
-    font-weight: normal;
+  font-weight: normal;
-    margin-top: 10px;
+  margin-top: 10px;
+}
+.summarypage-headerrow {
+  float:left;
+  width:100%;
+}
+.summarypage-row {
+  float:left;
+  width:100%;
+}
+.summarypage-headerrow .column .header {
+  background:transparent none repeat scroll 0 0;
+  height:150px;
+  width:129px;
+  border-bottom:medium none;
+  padding:0;
+}
+.summarypage-row .column2 {
+  background:transparent none repeat scroll 0 0;
+  border-bottom:1px solid #CCCCCC;
+  border-right:1px solid #CCCCCC;
+  min-height:0;
+  width:106px;
+  float:left;
+}
+.summarypage-row.row2 .column2 {
+  padding:5px;
+}
+.summary {
+  float:left;
+}
+.summary-bottom-area {
+  float:left;
+  width:100%;
+}
+/* */
+#comparision-summary-content {
+  float:left;
+  line-height: 16px;
+}
+.scroller-column-2 .summarypage-headerrow .column,
+.scroller-column-2 .summarypage-row .column {
+  width: 281px;
+}
+.scroller-column-2 .summarypage-row .features-color {
+  width: 291px;
+}
+.summary-column h1 {
+  background: none;
+}
+/* new */
+.summarypage-headerrow .summary-column {
+  min-height:0;
+  border-bottom:1px solid #CCCCCC;
+  border-right:1px solid #CCCCCC;
+  float:left;
+  padding:5px;
+  width:281px;
+}
+.summarypage-headerrow .summary-column-title {
+  min-height:0;
+  border-bottom:1px solid #CCCCCC;
+  border-right:1px solid #CCCCCC;
+  float:left;
+  padding:5px;
+  width:204px;
+}
+.summarypage-row .features-color {
+  border-bottom: 1px solid #CCCCCC;
+  border-right: 1px solid #CCCCCC;
+  float: left;
+  padding: 0 !important;
+  width: 291px;
+}
+.summarypage-row .column-score-name ,.column-score-title {
+  background:transparent none repeat scroll 0 0;
+  border-bottom:1px solid #CCCCCC;
+  border-right:1px solid #CCCCCC;
+  min-height:0;
+  width:204px;
+  float:left;
+  padding:5px;
+}
+.column-score-total {
+  background:transparent none repeat scroll 0 0;
+  border-bottom:1px solid #CCCCCC;
+  border-right:1px solid #CCCCCC;
+  min-height:0;
+  float:left;
+  padding: 7px;
+  width: 277px;
+}
+/* for summary header in - 12 may */
+.summary-column .header .left {
+  width:110px;
+  height:40px;
+  float:left;
+  margin-top: 7px;
+  background:none !important;
+}
+.summary-column .header .left .topimg {
+  float:left;
+  height:65px;
+}
+.summary-column .header .left .toptext {
+  float:left;
+  /*
+  height:62px;
+  */
+}
+.summary-column .header .right {
+  width:110px;
+  height:30px;
+  float:left;
+}
+.summary-column .header .right .cartimg {
+  float:right;
+  width:25px;
+}
+.summary-column .header .right .summary-left-price {
+	margin-right:0px;
+}
+/*  for 2 products */
+.summary-column-2 .column-score-total {
+  width: 289px;
+}
+.summary-column-2 .summarypage-headerrow .summary-column {
+  width:293px;
+}
+.summary-column-2 .summarypage-row .features-color {
+  width: 303px;
+}
+/*  for 3 products */
+.summary-column-3 .summarypage-headerrow .summary-column {
+  width:192px;
+}
+.summary-column-3 .summarypage-row .features-color {
+  width: 202px;
+}
+.summary-column-3 .column-score-total {
+  width: 188px;
+}
+/*  for 4 products */
+.summary-column-4 .summarypage-headerrow .summary-column {
+  width:141px;
+}
+.summary-column-4 .summarypage-row .features-color {
+  width: 151px;
+}
+.summary-column-4 .column-score-total {
+  width: 137px;
+}
+/*  for 5 products */
+.summary-column-5 .summarypage-headerrow .summary-column {
+  width:110px;
+}
+.summary-column-5 .summarypage-row .features-color {
+  width: 120px;
+}
+.summary-column-5 .column-score-total {
+  width: 106px;
+}

Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/webapp/css/comparision.css – Rev 1806 → 1950