Header bg slider: first draft
This commit is contained in:
40
css/main.css
40
css/main.css
@@ -35,12 +35,21 @@ header {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.main-header.bg1 {
|
||||
/* .main-header.bg1 {
|
||||
background-image: url(../img/fara_background.jpg);
|
||||
}
|
||||
.main-header.bg2 {
|
||||
background-image: url(../img/fara_bg_2.jpg);
|
||||
}
|
||||
.main-header.bg3 {
|
||||
background-image: url(../img/fara_bg_3.jpg);
|
||||
}
|
||||
.main-header.bg4 {
|
||||
background-image: url(../img/fara_bg_4.jpg);
|
||||
}
|
||||
.main-header.bg5 {
|
||||
background-image: url(../img/fara_bg_5.jpg);
|
||||
} */
|
||||
.main-header h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
@@ -70,8 +79,19 @@ header {
|
||||
background-color: rgba(254, 254, 254, 0.25);
|
||||
}
|
||||
/* ---- Navbar ----- */
|
||||
.nav-menu {
|
||||
text-align: right;
|
||||
}
|
||||
.nav-menu a {
|
||||
color: inherit;
|
||||
padding: 10px;
|
||||
font-size: 0.85rem;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
color: #fff;font-weight:bold;
|
||||
color: #fff;
|
||||
font-weight:bold;
|
||||
}
|
||||
#nav {
|
||||
max-height: 50px;
|
||||
@@ -87,20 +107,16 @@ header {
|
||||
max-height: 41%;
|
||||
padding: 7px 0 10px 20px;
|
||||
}
|
||||
#links {
|
||||
text-align: right;
|
||||
.nav-light a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
#links a {
|
||||
color: inherit;
|
||||
padding: 10px;
|
||||
font-size: 0.85rem;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
.nav-dark a:hover {
|
||||
color: #000;
|
||||
}
|
||||
#links a:hover {
|
||||
/* #links a:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
} */
|
||||
/** Footer **/
|
||||
footer {
|
||||
min-height: 5rem;
|
||||
|
||||
Reference in New Issue
Block a user