芳林芭樂莊園2019 - 交通資訊

/***************************背景*******************************/ .bgw { background-color: rgba(255,255,255,0.0); } .intro p{ font-family: cursive; font-size: 25px; color: white; margin: 1px; } /**************************內容*******************************/ *{font-family: cursive} body{ text-align: justify; background: linear-gradient( rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("/userUpload/images/10512106/%E4%BA%A4%E9%80%9A%E8%B3%87%E8%A8%8A.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-size:cover; position: relative; background-color: transparent; background-position: center; } /**********************************navbar*******************************/ .navbar-default { background: rgba(230, 126, 34, 1.0); font-family: cursive; border-color: transparent; color: white; } .navbar-nav>li>a { padding-top: 0px; padding-bottom: 0px; line-height: 50px; font-size: 20px; text-transform: uppercase; position: relative; } .navbar-nav>li>a::before { content: '; width: 0px; height: 3px; background: chartreuse; position: absolute; top: 120%; right: 40px; transition: .5s; mix-blend-mode: multiply; } .navbar-nav>li>a::after { content: '; width: 0; height: 3px; background: #f0f; position: absolute; top: 120%; right: 10px; transition: .5s; mix-blend-mode: multiply; } .navbar-nav>li:hover a::before { width: 50%; transform: translateX(100%); } .navbar-nav>li:hover a::after { width: 50%; transform: translateX(-100%); } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: transparent; } /*******************************************************************/ p{ font-size: 15px; font-family: cursive; letter-spacing: 3px; } footer{ background-color: brown; font-size: 14px; color:white; overflow: hidden; } .container-fluid { width: -webkit-fill-available; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } h2 { font-size: 30px; color: #fff; } /**************************標題*******************************/ hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid transparent; } /**********************************FRAME*************************/ .iframe-rwd { position: relative; padding-bottom: 65.25%; padding-top: 50px; height: 0; overflow: hidden; } .iframe-rwd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /***************************************************************/