diff --git a/themes/vr/portal/css/main.css b/themes/vr/portal/css/main.css index efa5d40..209756a 100644 --- a/themes/vr/portal/css/main.css +++ b/themes/vr/portal/css/main.css @@ -3,7 +3,7 @@ /*熱門房型*/ -.back01 { +.back01{ width: 100%; padding: 20px 0px 20px 0px; background-image: url(../images/rback.jpg); @@ -11,81 +11,79 @@ background-repeat: repeat; background-attachment: fixed; } - -#hot {} - - -#hot h2 { - color: #242734; +#hot{ } + +#hot h2{ + color: #242734; +} /* #hot h3 {font-size: 100%;} */ #hot h3 { font-size: 12px; font-weight: 700; } - -#hot h2 img { +#hot h2 img{ height: 35px; width: 40px; } - -#hot h2 p { +#hot h2 p{ color: #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } -#fall123 { +#fall123{ width: 100%; + -moz-column-count:2; + -webkit-column-count:2; column-count: 2; - column-gap: 10px; - margin: 0 auto; + -moz-column-gap:10px; + -webkit-column-gap:10px; + column-gap: 10px; + margin:0 auto; } -#hot .room { +#hot .room{ width: 100%; margin-bottom: 20px; /*margin-right: 2%;*/ background-color: #FFF; /*float: left;*/ border: 1px solid #CCC; + -moz-break-inside: avoid; + -webkit-break-inside: avoid; break-inside: avoid; } -#hot .room:nth-child(2n) { +#hot .room:nth-child(2n){ /*float: right; margin-right: 0%;*/ } - -#hot .room .installation { +#hot .room .installation{ display: block; } - -#hot .room .installation li { +#hot .room .installation li{ padding-top: 5px; - border-radius: 5px; + border-radius:5px; } - -#hot .roomimg { - height: 342px; +#hot .roomimg{ + height:342px; position: relative; overflow: hidden; } - -#hot .roomimg img { - height: 100%; - width: 100%; - height: auto; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: auto; +#hot .roomimg img{ + height: 100%; + width: 100%; + height: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; } - -#hot .ti { +#hot .ti{ width: 100%; border-bottom-width: 1px; border-bottom-style: solid; @@ -96,8 +94,7 @@ font-weight: bold; color: #000; } - -#hot .room .text { +#hot .room .text{ /*overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; @@ -110,7 +107,6 @@ padding-top: 0px; padding-bottom: 15px; } - /*#hot .tab_container{ margin-top: -50px; }*/ @@ -121,7 +117,6 @@ position: absolute; bottom: 8px; } - .roomslick .slick-dots li { display: inline-block; border: 1px solid #fff; @@ -130,12 +125,10 @@ border-radius: 50%; margin: 0 5px; } - .roomslick .slick-dots li.slick-active { - + background-color: #fff; } - .roomslick .slick-dots li button { display: none; } @@ -151,15 +144,13 @@ width: 44%; float: left; margin: 15px 3%; - + } - .btn-style01:hover { - background-color: #242734; + background-color: #242734; color: #fff; border: 2px solid #242734; } - .btn-style02 { border-radius: 2px; /*color: #2d366f; @@ -172,104 +163,74 @@ float: left; margin: 15px 3%; } - .btn-style02:hover { - background-color: #2d366f; + background-color: #2d366f; color: #fff; border: 2px solid #2d366f; } - @media (max-width: 1366px) { - - #head-carousel .banner-L, - #head-carousel .banner-L img { - height: 650px; - width: auto; - } -} - +#head-carousel .banner-L,#head-carousel .banner-L img{ + height: 650px; + width: auto; +}} @media (max-width: 1024px) { - #hot .roomimg { - height: 320px; - } - - #head-carousel .banner-L, - #head-carousel .banner-L img { - height: 500px; - width: auto; - } +#hot .roomimg{height:320px;} +#head-carousel .banner-L,#head-carousel .banner-L img{ + height: 500px; + width: auto; +} } - @media (max-width: 768px) { - #hot .room .installation { - margin: 10px 0px; - display: none; - } - - #hot .room text { - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 5; - -webkit-box-orient: vertical; - } - - #hot .roomimg { - height: 240px; - } +#hot .room .installation{ + margin: 10px 0px; + display: none; +} +#hot .room text{ + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; +} +#hot .roomimg{height: 240px;} } - -@media (max-width: 680px) { - #hot .roomimg { - height: 240px; - } -} - +@media (max-width: 680px) {#hot .roomimg{height: 240px;}} @media (max-width: 640px) { - #fall123 { - width: 100%; - column-count: 2; - column-gap: 10px; - } - - #hot .room, - #hot .room:nth-child(2n) { - width: 100%; - margin: 0px 0% 20px 0%; - } - - #hot .roomimg { - height: 210px; - position: relative; - overflow: hidden; - background-color: #D8D8D8; - } +#fall123{ + width: 100%; + -moz-column-count:2; + -webkit-column-count:2; + column-count: 2; + -moz-column-gap:10px; + -webkit-column-gap:10px; + column-gap: 10px; } -@media (max-width: 320px) { - #hot .roomimg { - height: 190px; - } +#hot .room,#hot .room:nth-child(2n){ + width: 100%; + margin: 0px 0% 20px 0%; } - -.rooms_icon li img { +#hot .roomimg{ + height: 150px; + position: relative; + overflow: hidden; + background-color: #D8D8D8; +} +} +@media (max-width: 320px) {#hot .roomimg{height: 190px;}} +.rooms_icon li img{ height: 40px; - + color: #F00; } - ul.rooms_icon { - display: table; - margin: 0 auto; + display: table; + margin: 0 auto; } - -ul.rooms_icon li p { - font-size: 80% -} - -.rooms_icon li { +ul.rooms_icon li p{ font-size:80%} +.rooms_icon li{ text-align: center; float: left; /*width: 10%;*/ @@ -279,47 +240,25 @@ ul.rooms_icon li p { } @media screen and (max-width: 480px) { - .rooms_icon li { - width: 18.4%; - margin: 10px 2% 0px 0px; - } - - .rooms_icon li:nth-child(8n) { - margin-right: 2%; - } - - .rooms_icon li:nth-child(5n) { - margin-right: 0%; - } - - #head-carousel .banner-L, - #head-carousel .banner-L img { - height: 650px; - width: auto; - } +.rooms_icon li{width: 18.4%;margin: 10px 2% 0px 0px;} +.rooms_icon li:nth-child(8n){margin-right: 2%;} +.rooms_icon li:nth-child(5n){margin-right: 0%;} +#head-carousel .banner-L,#head-carousel .banner-L img{ + height: 650px; + width: auto; +} } - @media screen and (max-width: 320px) { - .rooms_icon li { - width: 23.5%; - margin: 10px 2% 0px 0px; - } - - .rooms_icon li:nth-child(4n) { - margin-right: 0%; - } - - .rooms_icon li:nth-child(5n) { - margin-right: 2%; - } +.rooms_icon li{width: 23.5%;margin: 10px 2% 0px 0px;} +.rooms_icon li:nth-child(4n){margin-right: 0%;} +.rooms_icon li:nth-child(5n){margin-right: 2%;} } - /*熱門房型 END*/ /**************** Google Translate widget ***********/ /* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */ -div#google_translate_element div.goog-te-gadget-simple { + div#google_translate_element div.goog-te-gadget-simple { border: none; background-attachment: scroll; background-image: url(../images/box-googletranslate.png); @@ -334,99 +273,80 @@ div#google_translate_element div.goog-te-gadget-simple { background-size: cover; font-weight: bold; font-family: "微軟正黑體"; + color: #000; + } + + +#top div#google_translate_element div.goog-te-gadget-simple{line-height: 31px;} + + div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover { + text-decoration: none; + } + + div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span { color: #000; -} + padding-left: 25px; + + } + div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover { + color: #000; + } + + .goog-te-gadget-icon { + display: none !important; + /*background: url("url for the icon") 0 0 no-repeat !important;*/ + } -#top div#google_translate_element div.goog-te-gadget-simple { - line-height: 31px; -} - -div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover { - text-decoration: none; -} - -div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span { - color: #000; - padding-left: 25px; - -} - -div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover { - color: #000; -} - -.goog-te-gadget-icon { - display: none !important; - /*background: url("url for the icon") 0 0 no-repeat !important;*/ -} - -/* Remove the down arrow */ -/* when dropdown open */ -div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] { - display: none; -} - -/* after clicked/touched */ -div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] { - display: none; -} - -/* on page load (not yet touched or clicked) */ -div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] { - display: none; -} - -/* Remove span with left border line | (next to the arrow) in Chrome & Firefox */ -div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] { - display: none; -} - -/* Remove span with left border line | (next to the arrow) in Edge & IE11 */ -div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] { - display: none; -} - -/* HIDE the google translate toolbar */ -.goog-te-banner-frame.skiptranslate { - display: none !important; -} - -body { - top: 0px !important; -} + /* Remove the down arrow */ + /* when dropdown open */ + div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] { + display: none; + } + /* after clicked/touched */ + div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] { + display: none; + } + /* on page load (not yet touched or clicked) */ + div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] { + display: none; + } + /* Remove span with left border line | (next to the arrow) in Chrome & Firefox */ + div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] { + display: none; + } + /* Remove span with left border line | (next to the arrow) in Edge & IE11 */ + div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] { + display: none; + } + /* HIDE the google translate toolbar */ + .goog-te-banner-frame.skiptranslate { + display: none !important; + } + body { + top: 0px !important; + } /* 圖片RWD */ -.editor img { - max-width: 100%; - height: auto; +.editor img{max-width:100%;height:auto;} +.editor>ol,.editor>ul { + list-style-type: disc; padding-left:20px } - -.editor>ol, -.editor>ul { - list-style-type: disc; - padding-left: 20px -} - /* iframeRWD */ -.editor iframe { - width: 100% !important; -} - +.editor iframe {width: 100% !important;} /* 影片RWD */ -.editor .video-container { - position: relative; - padding-bottom: 56.25%; - height: 0; - overflow: hidden; +.editor .video-container{ + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; } - -.editor .video-container iframe, -.editor .video-container object, +.editor .video-container iframe, +.editor .video-container object, .editor .video-container embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } \ No newline at end of file diff --git a/themes/vr/portal/css/style.css b/themes/vr/portal/css/style.css index b561055..8b0d47e 100644 --- a/themes/vr/portal/css/style.css +++ b/themes/vr/portal/css/style.css @@ -176,13 +176,13 @@ header::before { margin: 5px; } - /*.btn-style01, + .btn-style01, .btn-style02 { width: 47%; margin: 2px; padding: 5px; font-size: 14px; - }*/ + } .linkList li .ad_info .date { font-size: 14px;