Advertisement
Guest User

CSS code to insert into element style for Upfront

a guest
Jun 18th, 2015
30
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.86 KB | None | 0 0
  1. ul#mp_product_list li {
  2.     display: inline-table;
  3.     margin-right: 20px;
  4. }
  5. /* products grid view */
  6. #mp_product_list .mp_one_tile {
  7.     position:relative;
  8.     float:left;
  9.     width:240px;
  10.     margin:10px;
  11. }
  12. .mp_one_tile {
  13.     height:94px;
  14. }
  15. .mp_one_tile.mp_excerpt {
  16.     height:143px;
  17. }
  18. .mp_one_tile.mp_thumbnail {
  19.     height:183px;
  20. }
  21. .mp_one_tile.mp_thumbnail.mp_excerpt {
  22.     height:246px;
  23. }
  24.  
  25. #mp_product_list .mp_one_tile {
  26.     height:155px;
  27. }
  28.  
  29. #mp_product_list .mp_one_product {
  30.     width:220px;
  31. }
  32.  
  33. #mp_product_list .mp_one_tile:hover {
  34.     outline:none;
  35. }
  36.  
  37. #mp_product_list .mp_one_product {
  38.     position:absolute;
  39.     padding:10px;
  40.     background:white;
  41.     border:1px solid transparent;
  42.     transition: all 0.25s linear;
  43.     -moz-transition: all 0.25s linear;
  44.     -webkit-transition: all 0.25s linear;
  45.     -o-transition: all 0.25s linear;
  46. }
  47.  
  48. #mp_product_list .mp_one_product:hover {
  49.     border:1px solid #cccccc;
  50.     -webkit-border-radius: 3px;
  51.     -moz-border-radius: 3px;
  52.     border-radius: 3px;
  53.     -webkit-box-shadow: 0 .0625em .25em rgba(51, 65, 80, .35);
  54.     -moz-box-shadow: 0 .0625em .25em rgba(51,65,80,.35);
  55.     box-shadow: 0 .0625em .25em rgba(51, 65, 80, .35);
  56.     z-index:3;
  57. }
  58.  
  59. #mp_product_list .mp_img_link img {
  60.     display:block;
  61.     float:none;
  62.     max-width: 160px;
  63.     width: auto;
  64.     max-height: 160px;
  65.     height: 100%;
  66.     margin:auto;
  67.     -moz-box-shadow: none;
  68.     -webkit-box-shadow: none;
  69.     box-shadow: none;
  70.     border: none;
  71. }
  72.  
  73. #mp_product_list#mp_product_list .mp_img_link img {
  74.     padding: 1px;
  75.     border: 1px solid #CCC;
  76.     -webkit-border-radius: 2px;
  77.     -moz-border-radius: 2px;
  78.     border-radius: 2px;
  79. }
  80.  
  81. #mp_product_list a.mp_img_link {
  82.     display:block;
  83.     min-height:100px;
  84.     margin:0px;
  85.     background-size:100% auto;
  86.     background-repeat:no-repeat;
  87.     background-position:center;
  88.     -webkit-border-radius: 2px;
  89.     -moz-border-radius: 2px;
  90.     border-radius: 2px;
  91. }
  92.  
  93. #mp_product_list .mp_one_product:hover a.mp_img_link {
  94.     height:auto;
  95. }
  96.  
  97. #mp_product_list h3.mp_product_name {
  98.     width:100%;
  99.     min-height:25px;
  100.     margin-top:5px;
  101. }
  102.  
  103. #mp_product_list h3.mp_product_name {
  104.     white-space:nowrap;
  105.     text-align: center;
  106. }
  107.  
  108. #mp_product_list h3.mp_product_name, #mp_product_list p.mp_excerpt {
  109.     overflow:hidden;
  110.     text-overflow:ellipsis;
  111. }
  112.  
  113. #mp_product_list .mp_one_product:hover h3.mp_product_name, #mp_product_list .mp_one_product:hover p.mp_excerpt {
  114.     height:auto;
  115.     white-space:normal;
  116.     overflow:auto;
  117.     text-align: left;
  118. }
  119.  
  120. #mp_product_list p.mp_excerpt {
  121.     height:50px;
  122.     min-height: 50px;
  123.     margin-bottom:0px;
  124. }
  125.  
  126. #mp_product_list .mp_price_buy {
  127.     position:relative;
  128.     width:100%;
  129.     height:40px;
  130. }
  131.  
  132. #mp_product_list .mp_price_buy .mp_product_price {
  133.     position:absolute;
  134.     left:0px;
  135.     top:0px;
  136. }
  137.  
  138. #mp_product_list .mp_price_buy .mp_buy_form {
  139.     position:absolute;
  140.     right:0px;
  141.     top:0px;
  142. }
  143.  
  144. #mp_product_list .mp_price_buy .mp_buy_form input[type="submit"] {
  145.     cursor:pointer;
  146. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement