(Prototype team template page) |
(homepage_css) |
||
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> |
Revision as of 06:38, 27 August 2020