diff --git a/themes/vr/portal/css/style.css b/themes/vr/portal/css/style.css new file mode 100644 index 0000000..4171053 --- /dev/null +++ b/themes/vr/portal/css/style.css @@ -0,0 +1,199 @@ +:root { + --color1: #0893d3; + --color2: #2d366f; + --color3: #242734; + --color4: #576585; + --color5: #eeeeee; +} + +header { + display: block; + padding-top: 20px; + padding-left: 0; + padding-bottom: 10px; + animation: headerover .2s forwards ease-in-out; +} + +select { + padding: 9px; + background: white; + border-radius: 5px; + border-color: var(--color5); + margin-right: 5px; +} + +.dropdown { + margin-right: 5px; +} + +header .dropdown button { + width: 100%; + cursor: pointer; +} + +header .col-sm-auto { + padding: 0; +} + +header::before { + display: none; +} + +.btn-primary { + background-color: var(--color1); + border-color: var(--color1); +} + +.dropdown-item:hover { + background: var(--color1); + color: white; +} + +@media (max-width: 1024px) { + + .pc { + display: none !important; + } + + .mobile { + display: block; + } + + header { + display: block; + position: relative; + padding-top: 60px; + } + + header .container { + position: absolute; + width: 100%; + bottom: 5px; + } + + header .logo { + width: 75px; + height: 55px; + display: block; + top: 10px; + left: 10px; + } + + header .logo a { + text-indent: 0% + } + + + header .col-4 { + padding: 0; + } + + .titleBox em { + font-size: 35px; + } +} + +@media (max-width: 1180px) { + .hotelsArea ul { + display: flex; + flex-wrap: wrap; + } + + .hotelsArea ul li, + .hotelsArea ul li:nth-child(odd) { + flex: 0 0 50%; + padding-left: 5px; + } +} + +@media (max-width:768px) { + .hotelsArea ul li .item .Img .infobar .information { + padding: 10px; + } + + .hotelsArea ul li .item .Img .infobar a.bookinglink, + .hotelsArea ul li .item .Img .infobar a.weblink { + padding: 10px; + } + + .hotelsArea ul li .item .Img .infobar a.weblink::before, + .hotelsArea ul li .item .Img .infobar a.bookinglink::before { + display: none; + } + + .linkList li .item { + padding: 3px; + } + +} + +@media (max-width:767px) { + header { + padding-top: 100px; + } + + header .btn.btn-primary { + position: absolute; + top: -50px; + right: 5px; + } + + .hotelsArea { + padding-bottom: 50px; + } + + +} + +@media (max-width: 640px) { + #hot .roomimg { + height: 100px; + } + + #hot .ti { + line-height: 25px; + padding: 10px; + } + + #hot .room, + #hot .room:nth-child(2n) { + width: 47%; + margin: 5px; + } + + .linkList li { + float: left; + width: 50%; + } + + .rooms_icon li { + width: 100%; + margin: 5px; + } + + .btn-style01, + .btn-style02 { + width: 47%; + margin: 2px; + padding: 5px; + font-size: 14px; + } + + .linkList li .ad_info .date { + font-size: 14px; + } + + .linkList li .ad_info { + padding: 10px; + } +} + +@media (max-width:320px) { + header .dropdown button { + padding-left: 5px; + } + + .dropdown { + margin-right: 0; + } +} \ No newline at end of file diff --git a/themes/vr/portal/portal.html b/themes/vr/portal/portal.html index 82832ef..359ddb6 100755 --- a/themes/vr/portal/portal.html +++ b/themes/vr/portal/portal.html @@ -1,223 +1,265 @@ - - - -{$pt.name}｜{$pt.mtitle} - - - + - - - - - - - - + + + + {$pt.name}｜{$pt.mtitle} + + + + + + + + + + + + + + + + -
-
- - -
-
-{$keywords} - -
-
依景點分類 -
    -{foreach from=$rnd5_portals_3 item=pts3 name=pts3} -
  • {$pts3.name}
    • -{/foreach} -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-Hot Store -

熱門店家推薦

-
-
    - -
  • -
    -
    -

    {$ad2s.cname}View More

    -{$ad2s.cname} -
    -

    -{$ad2s.address}
    -服務專線：{$ad2s.tel}

    -官方網站WEB -地理位置VIEW -
    -
    -
    -
    • -{if $smarty.foreach.ad2s.iteration eq 2} -
-
    -{/if} - -
-
-
-
-
-
-Recommend -

優質店家推薦

-
-
    +
    + + +
    +
    +
    +
    + +
    + + {$pts1.name} + +
    +
    +
    +
    +
    + +
    + {foreach from=$rnd5_portals_3 item=pts3 name=pts3} + {$pts3.name} + {/foreach} +
    +
    +
    +
    +
    + +
    + 不分區 + + {$keyword.name} + +
    +
    +
    +
    + 粉絲專頁 +
    +
    +
    +
    - -
  • -
    -
    {$ad3s.name}
    - - - -
    -

    | {$ad3s.cname}

    -
    -{$ad3s.ad_text2} -
    -
      - -

    • {$a3fac.name}

      • - -
    -
    -官方網站 -地理位置 -
    -
    • - +
    +
    + +
    + + + +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    + Hot Store +

    熱門店家推薦

    +
    +
      + +
    • +
      +
      +

      {$ad2s.cname}View More

      + {$ad2s.cname} +
      +

      + {$ad2s.address}
      + 服務專線：{$ad2s.tel}

      + 官方網站WEB + 地理位置VIEW +
      +
      +
      +
      • + {if $smarty.foreach.ad2s.iteration eq 2} +
    +
      + {/if} + +
    +
    +
    +
    +
    +
    + Recommend +

    優質店家推薦

    +
    +
      -
    - +
  • +
    +
    {$ad3s.name} +
    +
    +

    | {$ad3s.cname}

    +
    + {$ad3s.ad_text2} +
    +
      + +
    • +

      {$a3fac.name}

      +
      • + +
    +
    + 官方網站 + 地理位置 +
    +
    • + +
+ -
-
-
+
+
+
-
-
-
-All Store -

所有店家查詢

-
- -
-
- - - -
-
-
- - -
-{$keywords} - -
-
-
-

CONTACT

-
- -
-

MENU

-
-
- - -
- + \ No newline at end of file diff --git a/themes/vr/portal/style.css b/themes/vr/portal/style.css old mode 100755 new mode 100644 index a883616..4171053 --- a/themes/vr/portal/style.css +++ b/themes/vr/portal/style.css @@ -1,10 +1,199 @@ -/* -Template Name: HappyBet娛樂城 -Template URI: -Description: -Version: 2.73 -Author: -Author URI: -Logo filename: logo.gif -\\ -*/ +:root { + --color1: #0893d3; + --color2: #2d366f; + --color3: #242734; + --color4: #576585; + --color5: #eeeeee; +} + +header { + display: block; + padding-top: 20px; + padding-left: 0; + padding-bottom: 10px; + animation: headerover .2s forwards ease-in-out; +} + +select { + padding: 9px; + background: white; + border-radius: 5px; + border-color: var(--color5); + margin-right: 5px; +} + +.dropdown { + margin-right: 5px; +} + +header .dropdown button { + width: 100%; + cursor: pointer; +} + +header .col-sm-auto { + padding: 0; +} + +header::before { + display: none; +} + +.btn-primary { + background-color: var(--color1); + border-color: var(--color1); +} + +.dropdown-item:hover { + background: var(--color1); + color: white; +} + +@media (max-width: 1024px) { + + .pc { + display: none !important; + } + + .mobile { + display: block; + } + + header { + display: block; + position: relative; + padding-top: 60px; + } + + header .container { + position: absolute; + width: 100%; + bottom: 5px; + } + + header .logo { + width: 75px; + height: 55px; + display: block; + top: 10px; + left: 10px; + } + + header .logo a { + text-indent: 0% + } + + + header .col-4 { + padding: 0; + } + + .titleBox em { + font-size: 35px; + } +} + +@media (max-width: 1180px) { + .hotelsArea ul { + display: flex; + flex-wrap: wrap; + } + + .hotelsArea ul li, + .hotelsArea ul li:nth-child(odd) { + flex: 0 0 50%; + padding-left: 5px; + } +} + +@media (max-width:768px) { + .hotelsArea ul li .item .Img .infobar .information { + padding: 10px; + } + + .hotelsArea ul li .item .Img .infobar a.bookinglink, + .hotelsArea ul li .item .Img .infobar a.weblink { + padding: 10px; + } + + .hotelsArea ul li .item .Img .infobar a.weblink::before, + .hotelsArea ul li .item .Img .infobar a.bookinglink::before { + display: none; + } + + .linkList li .item { + padding: 3px; + } + +} + +@media (max-width:767px) { + header { + padding-top: 100px; + } + + header .btn.btn-primary { + position: absolute; + top: -50px; + right: 5px; + } + + .hotelsArea { + padding-bottom: 50px; + } + + +} + +@media (max-width: 640px) { + #hot .roomimg { + height: 100px; + } + + #hot .ti { + line-height: 25px; + padding: 10px; + } + + #hot .room, + #hot .room:nth-child(2n) { + width: 47%; + margin: 5px; + } + + .linkList li { + float: left; + width: 50%; + } + + .rooms_icon li { + width: 100%; + margin: 5px; + } + + .btn-style01, + .btn-style02 { + width: 47%; + margin: 2px; + padding: 5px; + font-size: 14px; + } + + .linkList li .ad_info .date { + font-size: 14px; + } + + .linkList li .ad_info { + padding: 10px; + } +} + +@media (max-width:320px) { + header .dropdown button { + padding-left: 5px; + } + + .dropdown { + margin-right: 0; + } +} \ No newline at end of file