app/template/biotop/Product/option_css.twig line 1

Open in your IDE?
  1. {% block css %}
  2.     <style>
  3.         .option_Label label {
  4.             display: inline-block;
  5.             font-weight: 700;
  6.         }
  7.         .ec-radio .form-check-label {
  8.             font-weight: normal;
  9.         }
  10.         .ec-checkbox .form-check-label {
  11.             font-weight: normal;
  12.         }
  13.         .option_description {
  14.             -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  15.             -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  16.             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  17.             -moz-border-radius: 6px;
  18.             -webkit-border-radius: 6px;
  19.             border-radius: 6px;
  20.             display: none;
  21.             min-width: 50%;
  22.             max-width: 80%;
  23.             max-height: 80%;
  24.             background-color: #fff;
  25.             border: 1px solid rgba(0, 0, 0, 0.2);
  26.             overflow:auto;
  27.             -webkit-overflow-scrolling: touch
  29.         }
  30.         .option_description .modal-header {
  31.             padding: 15px;
  32.             border-bottom: 1px solid #e5e5e5;
  33.             display: block;
  34.         }
  35.         .option_description .modal-header .plainmodal-close {
  36.             margin-top: -2px;
  37.             float: right;
  38.             font-size: 24px;
  39.             font-weight: 700;
  40.             color: #000;
  41.             text-shadow: 0 1px 0 #fff;
  42.             opacity: 0.2;
  43.             cursor: pointer;
  44.         }
  46.         .option_description .modal-header .plainmodal-close:hover {
  47.             opacity: 0.5;
  48.         }
  49.         .option_description .modal-header > p {
  50.             margin: 1% 0 0 0;
  51.             font-size: 14px;
  52.             line-height: 1.42857143;
  53.         }
  54.         .option_description .modal-title {
  55.             color: #333333;
  56.             font-size: 18px;
  57.             font-family: inherit;
  58.             margin: 0;
  59.         }
  60.         .option_description .modal-body {
  61.             padding: 3%;
  62.             font-size: 1.4rem;
  63.             line-height: 1.42857143;
  64.             color: #333;
  65.         }
  66.         .option_description .modal-body > p {
  67.             margin: 0 0 3%;
  68.         }
  69.         .option_description .modal-body > div {
  70.             margin-bottom: 2%;
  71.             overflow: hidden;
  72.             padding-bottom: 2%;
  73.         }
  74.         .option_description .modal-body > div > p {
  75.             margin: 2% 0 0;
  76.             font-size: 14px;
  77.         }
  78.         .option_description img {
  79.             float: none;
  80.             margin: 1% auto 0;
  81.             width: 40%;
  82.             height: auto;
  83.             display: block;
  84.         }
  85.         .option_description h3 {
  86.             margin: 0;
  87.             background: #efefef;
  88.             padding: 1%;
  89.             font-size: 24px;
  90.         }
  91.         .option_description .plus {
  92.             color: #2980b9;
  93.         }
  94.         @media screen and (min-width: 768px) {
  95.             .option_description img {
  96.                 float: left;
  97.                 margin: 1% 4% 0 0;
  98.                 width: 15%;
  99.             }
  100.         }
  101.         .option_description span.small {
  102.             font-size: 12px;
  103.         }
  104.         .option_description .btn-info {
  105.             width: 74px;
  106.             float: none;
  107.             margin: 15px auto 10px;
  108.             border: 0;
  109.             padding: 4px 0;
  110.             display: block;
  111.             background: #525263;
  112.             color: #fff;
  113.             font-size: 14px;
  114.         }
  115.         .option_description .btn-info:hover {
  116.             background: #474757;
  117.         }
  118.         @media only screen and (min-width: 768px) {
  119.             .option_description .btn-info {
  120.                 float: right;
  121.                 margin: 0 10px 0 0;
  122.             }
  123.         }
  124.     </style>
  125. {% endblock %}