app/template/default/Block/DispHeaderLp.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  2. </script>
  3. <style>
  4. .button-style {
  5.     display: inline-block;
  6.     padding: 8px 16px;
  7.     background-color: #f0f0f0; /* デフォルトのボタンに近いグレー */
  8.     color: #000;
  9.     text-decoration: none;
  10.     border: 1px solid #ccc;
  11.     border-radius: 4px;
  12.     font-size: 14px;
  13.     font-family: sans-serif;
  14.     cursor: pointer;
  15.     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  16. }
  17. .button-style:hover {
  18.     background-color: #e0e0e0; /* ボタンのホバー時 */
  19. }
  20. .button-style:active {
  21.     background-color: #d0d0d0; /* クリック時 */
  22.     box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
  23. }
  24. </style>
  25. <!-- ▼HEADER▼ -->
  26. <div id="header_area">
  27.     <div id="header_contents" class="clearfix">
  29.         <div class="h_logo">
  30.             <a href="/"><img src="https://www.sportsclick.jp/common_img/h_logo.png" alt="ベースボール・マガジン社のスポーツ総合サイト" /></a>
  31.         </div>
  33.         <!--▼ HEADER RIGHT ▼-->
  34.         <div id="h_right">
  35.             <div class="clearfix mb5">
  36.                 <div class="flo_l mr10">
  37.                 </div>
  38.                 <div class="flo_l">
  39.                 </div>
  40.             </div>
  41.             <div class="align_r">
  42.                 <a href="http://www.bbm-japan.com/" target="_blank"><img src="https://www.sportsclick.jp/common_img/bbm_logo.png" alt="ベースボールマガジン社" /></a>
  43.             </div>
  44.         </div>
  45.         <!--▲ HEADER RIGHT ▲-->
  47.     </div>
  49. </div>
  50. <!-- ▲HEADER▲ -->