Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .carousel-item {
- height: 100vh;
- min-height: 350px;
- background: no-repeat center center scroll;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- @media (max-width: 768px) {
- /* CSS that should be displayed if width is equal to or less than 800px goes here */
- .contact-custom {
- margin-top:100px;
- }
- .navbar-brand p {
- font-size: 23px;
- }
- }
- .img-styles {
- margin-top: 100px;
- width:auto;
- align-content: center;
- text-align:center;
- padding-bottom: 20px;
- }
- .carousel-inner{
- animation-duration: 5s;
- animation-timing-function: linear;
- animation-delay: 1s;
- }
- .carousel-item{
- animation: imageAnimation 35s linear infinite 0s;
- }
- @keyframes imageAnimation {
- 1% {opacity: 0;}
- 20% {opacity: 1;}
- 33% {opacity: 1;}
- 53% {opacity: 0;}
- 100% {opacity: 0;}
- }
- /*.carousel-item active{*/
- /* animation: fade;*/
- /*}*/
- /*.carousel-item{*/
- /* animation: fade;*/
- /* transition-duration: 1s, 2s, 5s;*/
- /* transition-timing-function: ease, ease-out, linear;*/
- /* !*animation: fadeOut;*!*/
- /*}*/
- /*.carousel-fade{*/
- /* -webkit-animation: flickerAnimation 13s infinite;*/
- /* -moz-animation: flickerAnimation 13s infinite;*/
- /* -o-animation: flickerAnimation 5s infinite;*/
- /* animation: flickerAnimation 5s infinite;*/
- /*}*/
- /*@keyframes flickerAnimation {*/
- /* 0% { opacity:1; }*/
- /* 50% { opacity:0; }*/
- /* 100% { opacity:1; }*/
- /*}*/
- /*@-o-keyframes flickerAnimation{*/
- /* 0% { opacity:1; }*/
- /* 50% { opacity:0; }*/
- /* 100% { opacity:1; }*/
- /*}*/
- /*@-moz-keyframes flickerAnimation{*/
- /* 0% { opacity:1; }*/
- /* 50% { opacity:0; }*/
- /* 100% { opacity:1; }*/
- /*}*/
- /*@-webkit-keyframes flickerAnimation{*/
- /* 0% { opacity:1; }*/
- /* 50% { opacity:0; }*/
- /* 100% { opacity:1; }*/
- /*}*/
- /*.fade{*/
- /* -webkit-animation-name: fadeIn;*/
- /* animation-name: fadeIn;*/
- /* -webkit-animation: flickerAnimation 13s*/
- /*}*/
- /*@keyframes fade {*/
- /* 0% {opacity: 0;}*/
- /* 100% {opacity: 1;}*/
- /*}*/
- /*@keyframes fadeOut {*/
- /* 0% {opacity: 1;}*/
- /* 25% {opacity: 0;}*/
- /*}*/
- @keyframes fade {
- 0% { opacity: 0; animation-timing-function: ease-in; }
- 15% { opacity: 1; animation-timing-function: ease-out; }
- 55% { opacity: 1 }
- 75% { opacity: 0 }
- 100% { opacity: 0 }
- }
- img {
- /* 16noe -------------------------------- */
- width: 100%;
- height: 100%;
- /*image-rendering: crisp-edges;*/
- object-fit: cover;
- background-size: cover;
- align-self: center;
- /*object-fit: contain;*/
- }
- .navbar {
- background-color: transparent;
- background: transparent;
- border-color: transparent;
- }
- .navbar li {
- color: #000
- }
- .slideshow-container{
- list-style-type: none;
- }
- .carousel-control {
- width: 4%;
- }
- .footer {
- font-size: smaller;
- position: fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- background-color: inherit;
- color: black;
- text-align: center;
- align-items:center;
- }
- fieldset {
- border: medium none !important;
- margin: 0 0 10px;
- min-width: 100%;
- padding: 0;
- width: 100%;
- }
- ::-webkit-input-placeholder {
- color:#888;
- }
- :-moz-placeholder {
- color:#888;
- }
- ::-moz-placeholder {
- color:#888;
- }
- :-ms-input-placeholder {
- color:#888;
- }
- .dropdown:hover .dropdown-menu {
- display: block;
- margin-top: 0; /* remove the gap so it doesn't close */
- }
- .dropdown-item.active, .dropdown-item:active {
- color: #fff;
- text-decoration: none;
- background-color: black;
- }
- .dropdown-item {
- background-color: inherit;
- max-width: 66%;
- max-height: 20%;
- }
- @media screen and (max-width: 990px) {
- .dropdown-item {
- background-color: inherit;
- max-width: 57%;
- }
- }
- @media screen and (max-width: 575px) {
- .dropdown-item {
- background-color: inherit;
- max-width: 100%;
- }
- }
- .dropdown-menu {
- background-color: inherit;
- }
- .dropdown {
- color: #fff;
- background-color: inherit;
- border-color: grey;
- border-radius: 0%;
- }
- .dropdown:focus {
- border: 0px;
- box-shadow: 0 0 0 0.2rem black;
- }
- .dropdown:active {
- border: 0px;
- box-shadow: 0 0 0 0;
- }
- .dropdown:hover {
- border: 0px;
- border-color: transparent;
- box-shadow: none;
- }
- .dropdown:after {
- border-style: none;
- }
- .dropdown-menu {
- border: 0px;
- }
- .story_image {
- position: relative;
- transition: height .5s;
- background: #eee;
- }
- .mySlides {
- position: absolute;
- top: 0; left: 0;
- transition: opacity 3s;
- /*animation: imageAnimation 36s linear infinite 0s;*/
- /*height:100%;*/
- /*width:100%;*/
- background-size: cover;
- /*animation: imageAnimation 30s linear infinite 0s;*/
- /* background-size: cover;
- background-position: 50% 50%;
- */
- }
- .containerforhomepage {
- background-size: cover;
- background-position: 50% 50%;
- }
- body{
- overflow: hidden;
- }
- @media screen and (max-width: 990px) {
- .mySlides {
- object-fit: cover;
- }
- }
- @media screen and (max-width: 575px) {
- .mySlides {
- /* object-fit: cover; */
- object-fit: cover;
- }
- }
- .slideshow-container {
- list-style-type: none;
- /*animation: imageAnimation 30s linear infinite 0s;*/
- }
- /*
- .fade {
- animation: fade 1s infinite;
- }
- */
- /** SLIDESHOW **/
- /* Next & previous buttons */
- .prev, .next {
- cursor: pointer;
- position: absolute;
- top: 48%;
- width: auto;
- margin-top: -22px;
- padding: 16px;
- color: white;
- font-weight: bold;
- font-size: 28px;
- transition: 0.85s ease;
- border-radius: 0 3px 3px 0;
- user-select: none;
- }
- /* Position the "next button" to the right */
- .next {
- right: 0;
- border-radius: 3px 0 0 3px;
- }
- .prev:hover, .next:hover {
- background-color: rgba(61, 61, 61, 0.8);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement