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