wayne/bnbweb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

portal.html style

Browse Source
This commit is contained in:
Wayne 2023-07-11 15:06:27 +08:00
parent f8c121da97
commit c822eef13e
3 changed files with 40 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
themes/vr/portal/css/main.css Executable file → Normal file
View File

@ -13,6 +13,8 @@
} }
#hot{ #hot{
} }
#hot h2{ #hot h2{
color: #242734; color: #242734;
} }
@ -30,17 +32,27 @@
border-top: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
} }
#hot .room{
width: 49%; #fall123{
margin-bottom: 40px; width: 100%;
margin-right: 2%; column-count: 2;
background-color: #FFF; column-gap: 10px;
float: left; margin:0 auto;
border: 1px solid #CCC;
} }
#hot .room{
width: 100%;
margin-bottom: 20px;
/*margin-right: 2%;*/
background-color: #FFF;
/*float: left;*/
border: 1px solid #CCC;
break-inside: avoid;
}
#hot .room:nth-child(2n){ #hot .room:nth-child(2n){
float: right; /*float: right;
margin-right: 0%; margin-right: 0%;*/
} }
#hot .room .installation{ #hot .room .installation{
display: block; display: block;
@ -163,6 +175,7 @@
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#hot .room .installation{ #hot .room .installation{
margin: 10px 0px; margin: 10px 0px;
display: none; display: none;
@ -178,9 +191,16 @@
} }
@media (max-width: 680px) {#hot .roomimg{height: 240px;}} @media (max-width: 680px) {#hot .roomimg{height: 240px;}}
@media (max-width: 640px) { @media (max-width: 640px) {
#fall123{
width: 100%;
column-count: 1;
column-gap: 10px;
}
#hot .room,#hot .room:nth-child(2n){ #hot .room,#hot .room:nth-child(2n){
width: 100%; width: 100%;
margin: 0px 0% 40px 0%; margin: 0px 0% 20px 0%;
} }
#hot .roomimg{ #hot .roomimg{
height: 210px; height: 210px;

9
themes/vr/portal/css/style.css
View File

@ -145,7 +145,11 @@ header::before {
} }
@media (max-width: 640px) { @media (max-width: 640px) {
/*
#hot .roomimg { #hot .roomimg {
height: 100px; height: 100px;
} }
@ -161,6 +165,7 @@ header::before {
margin: 5px; margin: 5px;
} }
*/
.linkList li { .linkList li {
float: left; float: left;
width: 50%; width: 50%;
@ -171,13 +176,13 @@ header::before {
margin: 5px; margin: 5px;
} }
.btn-style01, /*.btn-style01,
.btn-style02 { .btn-style02 {
width: 47%; width: 47%;
margin: 2px; margin: 2px;
padding: 5px; padding: 5px;
font-size: 14px; font-size: 14px;
} }*/
.linkList li .ad_info .date { .linkList li .ad_info .date {
font-size: 14px; font-size: 14px;

4
themes/vr/portal/portal.html
View File

@ -144,7 +144,7 @@
<em>Recommend</em> <em>Recommend</em>
<h2>優質店家推薦</h2> <h2>優質店家推薦</h2>
</div> </div>
<ul class="clearfix"> <ul class="clearfix" id="fall123">
<!--{foreach from=$ad3_list item=ad3s name=ad3s}--> <!--{foreach from=$ad3_list item=ad3s name=ad3s}-->
<li class="room"> <li class="room">
@ -164,7 +164,7 @@
</li> </li>
<!--{/foreach}--> <!--{/foreach}-->
</ul> </ul>
<div class="w100"> <div class="clearfix">
<a class="btn btn-style01" target="_blank" href="{$http}{$ad3s.domain}" <a class="btn btn-style01" target="_blank" href="{$http}{$ad3s.domain}"
title="官方網站">官方網站</a> title="官方網站">官方網站</a>
<a class="btn btn-style02" target="_blank" href="{$ad3s.vrmap}" <a class="btn btn-style02" target="_blank" href="{$ad3s.vrmap}"