Skip to content

lifeandstyle.css #8

Merged
merged 1 commit into from Dec 4, 2019
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
204 changes: 204 additions & 0 deletions lifeandstyle.css
@@ -0,0 +1,204 @@
.navbar {
overflow: hidden;
background-color: #000033;

}

.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;

}

.navbar a.right {
float: right;

}

.navbar a:hover {
background-color: #ddd;
color: black;
}
.navbar input[type=text] {
float: right;
padding: 6px;
border: none;
margin-top: 8px;
margin-right: 16px;
font-size: 17px;
}

.header {
text-align: center;
background: linear-gradient(to bottom, #ff6600 0%, #ffff00 100%);
color: #000033;

}

body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background-color: #ffff99


}

.sidenav {
height: 100%;
width: 200px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-image: url(/images/business.png);
background-repeat: no-repeat bottom;
overflow-x: hidden;
overflow-y: hidden;
margin-top: 49px;
margin-bottom: -5000px;
padding-bottom: 5000px;

}


.sidenav a {
color: white;
padding: 14px 20px;
text-decoration: none;
display: block;


}

.sidenav a:hover {
background: #ddd;
color: black;
}


.content {
margin-left: 200px;
padding-left: 20px;
color: #000033;
}

.main {
margin-right: auto;
position:relative;
font-size: 20px;
padding: 0px 10px;
}
.column {
float: left;
width: 33.33%;
padding: 5px;
}
.column:after {
content: "";
display: table;
clear: both;
}


* {
box-sizing: border-box;
}


.mySlides {display: none}
img {vertical-align: middle;}

.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}

.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: #000033;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}


.next {
right: 0;
border-radius: 3px 0 0 3px;
}


.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}

.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}


.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}


.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active, .dot:hover {
background-color: #717171;
}


.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}