|
|
| 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> |
