Advertisement
RauchenwaldC

Untitled

Mar 31st, 2022 (edited)
860
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.92 KB | None | 0 0
  1. /* entire table */
  2. .elOrderProductOptions.elProductOptionsBox > tbody {
  3.   content: "";
  4.   display: table;
  5.   clear: both;
  6. }
  7. /* each row */
  8. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts:not(.hide) {
  9.   float: left;
  10.   width: 100% !important;
  11.   display: inline-table !important;
  12. }
  13. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts {
  14.   padding-bottom: 10px;
  15.   border: 1px solid transparent !important;
  16. }
  17. /* highlighted product */
  18. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts.product-id-4053217 {
  19.   border: 1px solid #000000 !important; /* border size and color */
  20.   border-radius: 5px !important;
  21.   overflow: visible !important;
  22.   display: inline !important;
  23.   padding-top: 40px;
  24.   height: auto;
  25.   margin-top: -20px !important;
  26. }
  27. /* active product */
  28. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts.activeRadioProduct {
  29.   background-color: #F2F200; /* background color */
  30.   border: 1px solid #000000 !important; /* border size and color */
  31.   border-radius: 5px !important;
  32.   overflow: visible !important;
  33.   display: inline !important;
  34.   height: auto;
  35. }
  36. /* columns */
  37. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts > td {
  38.   display: grid !important;
  39.   grid-template-columns: [col] 100%;
  40. }
  41. /* left column - name */
  42. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts > td:first-of-type {
  43.   float: left !important;
  44.   width: 75% !important;
  45.   content: "";
  46.   display: table !important;
  47. }
  48. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts > td:first-of-type > input {
  49.   width: 25% !important;
  50.   position:relative !important;
  51.   left: 50% !important;
  52.   top: 6px !important;
  53.   transform: translate(-50%, 50%)  !important;
  54. }
  55. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts > td:first-of-type > label {
  56.   width: 75% !important;
  57.   display: table-cell !important;
  58.   line-height: 25px !important;
  59. }
  60. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts > td:first-of-type > label > span {
  61.   display: block !important;
  62. }
  63. /* right column - price */
  64. table.elOrderProductOptions:not([data-title="cf-order-summary"]) .elOrderProductOptinProducts > td:not(:first-of-type) {
  65.   float: left !important;
  66.   width: 25% !important;
  67.   content: "";
  68.   display: table;  
  69.   padding-top: 14px;
  70. }
  71. /* highlighted product */
  72. #cfps-highlight-product-top {
  73.   position: relative;
  74.   left: -4px;
  75.   top: 20px;
  76. }
  77. #cfps-highlight-product-top > td > span {
  78.   background-color: #fbb32b !important;
  79.   color: #FFFFFF;
  80.   font-weight: bold;
  81.   padding: 10px 50px;
  82.   border-top-left-radius: 5px;
  83.   border-bottom-right-radius: 5px;
  84.   overflow: hidden;
  85. }
  86.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement