diff --git a/themes/vr/portal/css/main.css b/themes/vr/portal/css/main.css index 18902df..efa5d40 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,36 +11,39 @@ background-repeat: repeat; background-attachment: fixed; } -#hot{ -} + +#hot {} -#hot h2{ +#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%; column-count: 2; - column-gap: 10px; - margin:0 auto; + column-gap: 10px; + margin: 0 auto; } -#hot .room{ +#hot .room { width: 100%; margin-bottom: 20px; /*margin-right: 2%;*/ @@ -50,34 +53,39 @@ 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; @@ -88,7 +96,8 @@ font-weight: bold; color: #000; } -#hot .room .text{ + +#hot .room .text { /*overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; @@ -101,6 +110,7 @@ padding-top: 0px; padding-bottom: 15px; } + /*#hot .tab_container{ margin-top: -50px; }*/ @@ -111,6 +121,7 @@ position: absolute; bottom: 8px; } + .roomslick .slick-dots li { display: inline-block; border: 1px solid #fff; @@ -119,10 +130,12 @@ border-radius: 50%; margin: 0 5px; } + .roomslick .slick-dots li.slick-active { - + background-color: #fff; } + .roomslick .slick-dots li button { display: none; } @@ -138,13 +151,15 @@ 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; @@ -157,70 +172,104 @@ 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: 1; - column-gap: 10px; + #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; + } } -#hot .room,#hot .room:nth-child(2n){ - width: 100%; - margin: 0px 0% 20px 0%; +@media (max-width: 320px) { + #hot .roomimg { + height: 190px; + } } -#hot .roomimg{ - height: 210px; - position: relative; - overflow: hidden; - background-color: #D8D8D8; -} -} -@media (max-width: 320px) {#hot .roomimg{height: 190px;}} -.rooms_icon li img{ + +.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%;*/ @@ -230,25 +279,47 @@ ul.rooms_icon li p{ font-size:80%} } @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); @@ -263,80 +334,99 @@ ul.rooms_icon li p{ font-size:80%} 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;*/ - } - /* 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; - } +#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 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>ol,.editor>ul { - list-style-type: disc; padding-left:20px +.editor img { + max-width: 100%; + height: auto; } + +.editor>ol, +.editor>ul { + list-style-type: disc; + padding-left: 20px +} + /* iframeRWD */ -.editor iframe {width: 100% !important;} -/* 影片RWD */ -.editor .video-container{ - position: relative; - padding-bottom: 56.25%; - height: 0; - overflow: hidden; +.editor iframe { + width: 100% !important; } -.editor .video-container iframe, -.editor .video-container object, + +/* 影片RWD */ +.editor .video-container { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; +} + +.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