|
|
Line 1: |
Line 1: |
| <html> | | <html> |
− | <style>
| |
− | html, body{
| |
− | height: 100%;
| |
− | }
| |
| | | |
− | body{
| |
− | color: #ffffff;
| |
− | font-size: 1.25rem;
| |
− | }
| |
− | .fixed_bg {
| |
− | height: 100%;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | .fixed_bg{
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | }
| |
− |
| |
− | .jumbotron {
| |
− | padding: 2rem 1rem;
| |
− | margin-bottom: 0rem;
| |
− | background-color: #e9ecef;
| |
− | border-radius: .3rem;
| |
− | }
| |
− |
| |
− | .wordcenter{
| |
− | position: absolute;
| |
− | left: 50%;
| |
− | top: 50%;
| |
− | bottom: auto;
| |
− | right: auto;
| |
− | -webkit-transform: translateX(-50%) translateY(-50%);
| |
− | transform: translateX(-50%) translateY(-50%);
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .shadow{
| |
− | box-shadow: 0 0 0 rgba(0,0,0,0)!important;
| |
− | }
| |
− |
| |
− | .img-fluid {
| |
− | -webkit-filter: brightness(.9);
| |
− | filter: brightness(.9);
| |
− | }
| |
− |
| |
− | .img-fluid:hover {
| |
− | -webkit-filter: none;
| |
− | filter: none;
| |
− | }
| |
− |
| |
− | .footer {
| |
− | display: inline-flex;
| |
− | justify-content: space-between;
| |
− | }
| |
− |
| |
− | .logoblock {
| |
− | padding: 0rem 1rem;
| |
− | }
| |
− |
| |
− | .iconblock {
| |
− | display: inline;
| |
− | padding: 0rem .5rem;
| |
− | }
| |
− |
| |
− | .jumbotron{
| |
− | text-align: center;
| |
− | background-color: rgba(155, 30, 30);
| |
− | padding-bottom: 2rem;
| |
− | }
| |
− |
| |
− | .navbar-light .navbar-nav .nav-link {
| |
− | color: #aaa;
| |
− | }
| |
− |
| |
− | .navbar-light .navbar-nav .nav-link:hover {
| |
− | color: rgba(155,30,30,.8);
| |
− | }
| |
− |
| |
− | .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
| |
− | color: rgba(155,30,30,.8);
| |
− | }
| |
− |
| |
− | .navbar-light .navbar-nav .show>.nav-link {
| |
− | color: rgba(155,30,30);
| |
− | }
| |
− |
| |
− | .dropdown-item {
| |
− | color: rgba(155,30,30,.8);
| |
− | }
| |
− |
| |
− | .dropdown-item:focus, .dropdown-item:hover {
| |
− | color: rgba(155,30,30);
| |
− | text-decoration: none;
| |
− | background-color: #f8f9fa;
| |
− | }
| |
− |
| |
− | .dropdown-item.active, .dropdown-item:active {
| |
− | color: #fff;
| |
− | text-decoration: none;
| |
− | background-color: rgba(155,30,30);
| |
− | }
| |
− |
| |
− | .navbar {
| |
− | padding: .25rem 1rem;
| |
− | }
| |
− |
| |
− | .bg-light {
| |
− | background-color: rgba(255, 255, 255, .95)!important;
| |
− | }
| |
− |
| |
− | .trademark {
| |
− | font-size: small;
| |
− | }
| |
− |
| |
− | .icon_markblock {
| |
− | padding: .5rem;
| |
− | }
| |
− |
| |
− | .trademarkblock {
| |
− | padding-top: 1rem;
| |
− | }
| |
− |
| |
− | a:hover {
| |
− | text-decoration: none;
| |
− | }
| |
− |
| |
− | #gotop a{
| |
− | display: block;
| |
− | position: fixed;
| |
− | height: 45px;
| |
− | width: 50px;
| |
− | right: 20px;
| |
− | bottom: 30px;
| |
− | font-size: 0;
| |
− | cursor: pointer;
| |
− | z-index: 1000;
| |
− | background: url(../image/mosquito1_1.png);
| |
− | }
| |
− |
| |
− | #gotop a:hover {
| |
− | background: url(../image/mosquito1_2.png);
| |
− | }
| |
− |
| |
− | #gotop a:active {
| |
− | background: url(../image/mosquito1_3.png);
| |
− | }
| |
− |
| |
− | /*home page*/
| |
− |
| |
− | .color_1{
| |
− | background-color: rgb(242, 242, 242);
| |
− | }
| |
− |
| |
− | .color_2{
| |
− | background-color: rgba(227, 227, 227, 1);
| |
− | }
| |
− |
| |
− | .color_3{
| |
− | background-color: rgb(230, 230, 230, 0.8);
| |
− | }
| |
− |
| |
− | .color_4{
| |
− | background-color: rgb(230, 230, 230, 0.8);
| |
− | }
| |
− |
| |
− | .color_5{
| |
− | background-color: rgb(230, 230, 230, 0.8);
| |
− | }
| |
− | </style>
| |
| </html> | | </html> |