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

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