Ssccb12040 (Talk | contribs) |
Ssccb12040 (Talk | contribs) |
||
Line 7: | Line 7: | ||
/* NavigationBar */ | /* NavigationBar */ | ||
+ | .image { | ||
+ | background-color: #114B5F; | ||
+ | background: url(https://www.pakutaso.com/shared/img/thumb/MIYA160131480493_TP_V.jpg) no-repeat center center; | ||
+ | background-size: cover; | ||
+ | background-attachment: fixed; | ||
+ | height: 500px; | ||
+ | margin-top: -20px; | ||
+ | /* | ||
+ | p { | ||
+ | text-align: center; | ||
+ | padding: 20px 60px; | ||
+ | .btn { | ||
+ | background-color: transparent; | ||
+ | color: #E4FDE1; | ||
+ | border: 1.5px solid #E4FDE1; | ||
+ | width: 80px; | ||
+ | height: 40px; | ||
+ | padding: 10px; | ||
+ | font-size: 1px; | ||
+ | |||
+ | &:hover { | ||
+ | color: #cdf4c8; | ||
+ | border-color: #cdf4c8 | ||
+ | } | ||
+ | } | ||
+ | }*/ | ||
+ | } | ||
+ | .image .heading { | ||
+ | color: #E4FDE1; | ||
+ | text-align: center; | ||
+ | font-family: 'Athiti', sans-serif; | ||
+ | padding-top: 150px; | ||
+ | } | ||
+ | |||
.navbar { | .navbar { | ||
height: 70px; | height: 70px; | ||
Line 15: | Line 49: | ||
transition: background-color 1s ease 0s; | transition: background-color 1s ease 0s; | ||
} | } | ||
+ | |||
.navbar-default .navbar-brand { | .navbar-default .navbar-brand { | ||
margin-top: 10px; | margin-top: 10px; | ||
color: #E4FDE1; | color: #E4FDE1; | ||
+ | z-index: 999; | ||
} | } | ||
.navbar-default .navbar-brand:hover { | .navbar-default .navbar-brand:hover { | ||
− | + | color: #cdf4c8; | |
} | } | ||
.navbar-default .navbar-nav > li > a { | .navbar-default .navbar-nav > li > a { | ||
Line 45: | Line 81: | ||
} | } | ||
.navbar-default .navbar-nav .menus-dropdown:hover .dropdown { | .navbar-default .navbar-nav .menus-dropdown:hover .dropdown { | ||
− | + | visibility: visible; | |
− | + | opacity: 1; | |
} | } | ||
.navbar-default .navbar-nav .dropdown { | .navbar-default .navbar-nav .dropdown { | ||
Line 55: | Line 91: | ||
padding: 10px 30px; | padding: 10px 30px; | ||
z-index: 999; | z-index: 999; | ||
− | background: rgba(228, 225, 253, 0. | + | background: rgba(228, 225, 253, 0.8); |
width: auto; | width: auto; | ||
margin-top: 0; | margin-top: 0; | ||
Line 81: | Line 117: | ||
} | } | ||
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { | .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { | ||
− | background-color: | + | background-color: transparent; |
} | } | ||
.navbar-default .navbar-toggle .icon-bar { | .navbar-default .navbar-toggle .icon-bar { | ||
Line 88: | Line 124: | ||
} | } | ||
.navbar-default .navbar-collapse.collapse.in ul { | .navbar-default .navbar-collapse.collapse.in ul { | ||
− | background-color: | + | background-color: transparent; |
+ | } | ||
+ | .navbar-default .navbar-collapse.collapse.in ul .dropdown { | ||
+ | background-color: rgba(228, 253, 225, 0.7); | ||
} | } | ||
Line 103: | Line 142: | ||
.navbar.solid .navbar-nav > li > a { | .navbar.solid .navbar-nav > li > a { | ||
color: #028090; | color: #028090; | ||
− | transition: color 1s ease 0s; } | + | transition: color 1s ease 0s; |
− | + | } | |
− | + | ||
− | |||
</style> | </style> |
Revision as of 06:49, 13 September 2017