สาระน่ารู้ Archives - Page 18 of 52 - Kaijeaw.com

#rabbit-header { position: fixed; width: 100%; z-index: 9999; font-family: Arial, Helvetica\ Neue, Helvetica, sans-serif } #header-padding { height: 39px } #rabbit-header a { text-decoration: none } #rabbit-header .navbar-nav>li { margin-left: 0 } #rabbit-header .navbar-nav>li>a { font-size: 1.1em; padding: 6px 15px 9px; margin-bottom: -4px; text-transform: uppercase } #rabbit-header navbar-left { float: left; margin-left: 10px } #rabbit-header .navbar { min-height: 0 } #rabbit-header div.lang-icon { padding: 5px } #rabbit-header div.lang-icon a, #rabbit-header div.lang-icon span { padding: 3px; border-radius: 5px; color: #a0a0a0 } #rabbit-header div.lang-icon span.active { background: #f78f1e; color: #fff } #rabbit-header ul.nav li a.orange { color: #ff821e } #rabbit-header ul.nav li a.pink { color: #f9a8c7 } #rabbit-header ul.nav li a.green { color: #b4d66c } #rabbit-header ul.nav li a.soft-green { color: #37d0b9 } #rabbit-header ul.nav li a.blue { color: #3389d0 } #rabbit-header ul.nav li a.soft-blue { color: #42b6fe } #rabbit-header ul.nav li a.purple { color: #cd76d9 } @media (max-width: 767px) { #rabbit-header #nav-link-ul { float: left; width: 100%; margin: 0 } #rabbit-header #nav-link-ul li { display: block } #header-padding { height: 0 } #rabbit-header #nav-link-container { position: absolute; width: 100%; z-index: 99; background: #fff; height: 232px } #rabbit-header .navbar-toggle { background: #717171; margin: 8px 3px } #rabbit-header ul.nav li.active { background: #ff821e } #rabbit-header ul.nav li.active>a { color: #fff } #rabbit-header .navbar-default .navbar-nav>.active>a, #rabbit-header .navbar-default .navbar-nav>.active>a:focus, #rabbit-header .navbar-default .navbar-nav>.active>a:hover { background-color: #ff821e } } @media (min-width: 767px) { #rabbit-header #nav-link-ul { float: right } #rabbit-header ul.nav li.active>a { background-color: #fff; font-size: 1.2em; box-shadow: 0 -4px 5px 1px #dadada; font-weight: bold } } #rabbit-header ul.nav li a:focus, #rabbit-header ul.nav li a:hover { background-color: #f78f1e; color: #fff } #rabbit-header .navbar { border-radius: 0; margin-bottom: 0; padding: 3px } #rabbit-footer { background: #f78f1e; color: #fff } #rabbit-footer ul.footer-items { padding: 0 } #rabbit-footer ul.footer-items li { list-style: none } #rabbit-footer ul.footer-items li.footer-padding { padding: 5px 0 } #rabbit-footer ul.footer-items li a { text-decoration: none; color: #fff } #rabbit-footer ul.footer-items li a:hover { color: #434442 } #rabbit-footer .footer-padding-top { padding-top: 25px } #rabbit-footer .contact-phone { font-size: 23px; border: 2px #fff solid; padding: 5px; border-radius: 50% } #rabbit-footer #call-description { font-size: 20px; font-weight: bold } #rabbit-footer #contact-number { font-size: 34px; font-weight: 700; padding-left: 5px } #rabbit-footer .subscribe { background-color: #fff; border: 1px solid; padding: 0 20px 5px; border-radius: 10px; margin: 15px 0 20px } #rabbit-footer .subscribe .checkbox { margin-top: 0; color: #737373 } #rabbit-footer .subscribe .error { border: 2px #c43234 solid } #rabbit-footer .subscribe #subscription-result { display: none } #rabbit-footer h3 { font-size: 21px; font-weight: 700; color: #737373 } #rabbit-footer-copyright { color: #656565; text-align: center; padding-top: 20px; padding-bottom: 10px; background-color: #ffb86f }