Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- header,
- section,
- footer,
- aside,
- nav,
- article,
- figure,
- figcaption {
- display: block;
- }
- body {
- color: #a1650c80;
- background-color: #e6d0a5;
- background-image: url("bg.png");
- background-position: center;
- font-family: Georgia, Times, serif;
- line-height: 1.4em;
- margin: 0px;
- }
- .wrapper {
- width: 940px;
- margin: 20px auto 20px auto;
- border: 2px solid #000000;
- background-color: #e6d0a5;
- }
- header {
- height: 160px;
- background-image: url("head.png");
- background-repeat: no-repeat;
- background-size: cover;
- }
- h1 {
- text-indent: -9999px;
- width: 940px;
- height: 130px;
- margin: 0px;
- }
- nav,
- footer {
- clear: both;
- color: #ffffff;
- background-color: #5e2f09;
- height: 30px;
- }
- nav ul {
- margin: 0px;
- padding: 5px 0px 4px 30px;
- }
- nav li {
- display: inline;
- margin-right: 40px;
- }
- nav li a {
- color: #ffffff;
- }
- nav li a:hover,
- nav li a.current {
- color: #000000;
- }
- article {
- clear: both;
- overflow: auto;
- width: 100%
- }
- hgroup {
- margin-top: 40px;
- }
- figure {
- float: left;
- width: 290px;
- height: 220px;
- padding: 5px;
- margin: 20px;
- border: 1px solid #eeeeee;
- }
- figcaption {
- font-size: 90%;
- text-align: left;
- }
- aside {
- width: 230px;
- float: right;
- Padding: 0px 0px 0px 20px;
- }
- aside section a {
- display: block;
- padding: 10px;
- border-bottom: 1px solid #eeeeee;
- }
- aside section o:hover {
- color: #850823;
- background-color: #efefef;
- }
- a {
- color: #ac0d0d;
- text-decoration: none;
- }
- h1,
- h2,
- h3 {
- font-weight: normal;
- }
- h2 {
- margin: 1em 0px 5px 0px;
- padding: 0px;
- }
- h3 {
- margin: 0px 0px 10px 0px;
- color: #83060c
- }
- aside h2 {
- padding: 30px 0px 10px 0px;
- color: #790b0b;
- }
- footer {
- font-size: 80%;
- padding: 7px 0px 0px 20px;
- }
- .fig-img {
- width: 100%;
- }
- .slideshow-container {
- width: 100%;
- height: 300px;
- position: relative;
- margin: auto;
- }
- .mySlides {
- display: none;
- height: 100%;
- overflow: hidden;
- position: relative;
- }
- .prev,
- .next {
- cursor: pointer;
- position: absolute;
- top: 50%;
- width: auto;
- margin-top: -22px;
- padding: 16px;
- color: rgb(174, 180, 86);
- background-color: rgba(0, 0, 0, 0.5);
- 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);
- }
- .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: #472d05;
- }
- .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
- }
- }
- .slideshow-img {
- width: 100%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- section {
- width: 100%;
- margin-bottom: 20px;
- }
- .container {
- width: 659px;
- float: left;
- border-right: 1px solid #e6d0a5;
- }
- .youtube-video {
- display: block;
- margin: auto;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement