app/template/user_data/env.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  12. {% extends 'default_frame.twig' %}
  14. {% set body_class = 'front_page' %}
  17. {% block main %}
  18.     
  19.     <!-- メインコンテンツ -->
  20.     <main class="main-content">
  21.         <h2>開発中</h2>
  23.         <div class="pipe-line">
  24.             <div class="pipe">
  25.                 <div class="line"></div>
  26.             </div>
  27.             <div class="white"></div>
  28.         </div>
  30.         <div class="env-area">
  31.             <p>現在このページは開発中です。</p>
  32.             <p>今後も豊富なコンテンツを多数公開予定ですので、是非お立ち寄りください。</p>
  33.             <img src="{{ asset('assets/img/env.png', 'user_data') }}" alt="開発中" width="100%" class="env-img">
  34.         </div>
  35.         <div class="top-btn">
  36.             <a href="https://photo-pub.com/">TOPへ戻る</a>
  37.         </div>        
  38.     </main>
  40.     <style>
  41.         * {
  42.             margin: 0;
  43.             padding: 0;
  44.         }
  47.         /* ----------メイン---------- */
  48.         .main-content {
  49.             background: #ffffff;
  50.             min-height: 50vh;
  51.             position: relative;
  52.         }
  53.         h2 {
  54.             margin-top: 20px;
  55.             text-align: center;
  56.         }
  57.         a {
  58.             text-decoration: none;
  59.         }
  60.         .pipe-line {
  61.             position: relative;
  62.             display: flex;
  63.             flex-direction: column;
  64.             align-items: center;
  65.         }
  66.         .pipe {
  67.             height: 20px;
  68.             display: flex;
  69.             justify-content: space-between;
  70.             width: 100%;
  71.         }
  72.         .line {
  73.             width: 50%;
  74.             border: solid 1px #555555;
  75.             border-left:none;
  76.             border-top:none;
  77.             border-bottom: none;
  78.             z-index: 50;
  79.         }
  80.         .white {
  81.             position: absolute;
  82.             display: flex;
  83.             justify-content: space-between;
  84.             align-items: center;
  85.             background-color: #ffffff;
  86.             width: 20px;
  87.             height: 30px;
  88.             z-index: 49;
  89.         }
  92.         /*----コンテンツ----- */
  93.         .env-area {
  94.             margin: 0 10% ;
  95.             padding: 30px;
  96.             border:solid 1px #555555;
  97.             border-left: none;
  98.             border-right: none;
  99.             border-bottom: none;
  101.         }
  103.         .top-btn {
  104.             position: absolute;
  105.             left: 40%;
  106.             display: flex;
  107.             justify-content: center;
  108.             width: 18%;
  109.             border: solid 1px ;
  110.             border: none;
  111.             padding: 1%;
  112.             border-radius: 50px;
  113.             background-color: #629649;
  114.             cursor: pointer;
  115.         }
  116.         .top-btn a {
  117.             color: #ffffff;
  118.         }
  120.         .top-btn:hover {
  121.             background-color: #4c743a;
  122.         }
  123.         .env-img {
  124.             margin-top: 50px;
  125.         }
  126.         @media screen and (max-width: 768px) {
  127.             .env-img {
  128.                 margin-top: 20px;
  129.             }
  130.             a {
  131.                 font-size: 12px;
  132.                 padding:5px;
  133.             }
  134.         }
  135.     </style>
  136.     
  137. {% endblock %}