Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "utf-8";
- body {
- background-image: url(Images/Webpage.jpg);
- background-size: cover;
- background-clip: padding-box;
- margin: 0;
- padding: 0;
- overflow: hidden;
- }
- .form {
- margin: 0 auto;
- position: absolute;
- top: 5px;
- right: 0px;
- width: 300px;
- }
- .toggle {
- background: url("http://i.imgur.com/ePNPopY.png") no-repeat scroll center center #333333;
- border: medium none;
- color: #FFFFFF;
- cursor: pointer;
- display: block;
- height: 40px;
- position: absolute;
- right: 0;
- width: 50px;
- }
- #searchform {
- float: right;
- height: 40px;
- margin: 0;
- opacity: 0;
- padding: 0;
- transition: all 0.2s ease-in-out 0s;
- visibility: hidden;
- width: 10px;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- }
- .form:hover #searchform {
- display: block;
- opacity: 1;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- visibility: visible;
- width: 450px;
- }
- #searchform #s {
- background: none repeat scroll 0 0 #DFDFDF;
- border: medium none;
- color: #FFFFFF;
- float: right;
- outline: none;
- font-family: helvetica, verdana, arial, sans-serif;
- font-size: 12px;
- height: 100%;
- padding: 0 15px;
- width: 100%;
- }
- #searchform #searchsubmit {
- background: url("http://i.imgur.com/ePNPopY.png") no-repeat scroll center center #7A7A7A;
- border: medium none;
- color: #FFFFFF;
- cursor: pointer;
- display: block;
- height: 40px;
- position: absolute;
- right: 0;
- width: 50px;
- }
- .wrapper {
- text-align: center;
- }
- button:hover span.text-content {
- opacity: 1;
- }
- span.text-content {
- background: transparent;
- color: white;
- cursor: curson;
- text-align: center;
- margin: 0 auto;
- position: absolute;
- top: 80%;
- right: 36%;
- display: inline;
- opacity: 0;
- -webkit-transition: opacity 500ms;
- -moz-transition: opacity 500ms;
- -o-transition: opacity 500ms;
- transition: opacity 500ms;
- }
- .button1 {
- background-color: Transparent;
- text-align: center;
- background-repeat: no-repeat;
- border: none;
- position: relative;
- margin: auto;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- cursor: pointer;
- overflow: hidden;
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- transition-duration: 0.8s;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- transition-property: transform;
- }
- .button1:hover {
- -webkit-transform: rotate(720deg);
- -moz-transform: rotate(720deg);
- -o-transform: rotate(720deg);
- transform: rotate(720deg);
- }
- .button {
- background-color: Transparent;
- background-repeat: no-repeat;
- border: none;
- cursor: pointer;
- overflow: hidden;
- outline: none;
- position: relative;
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- transition-duration: 0.8s;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- transition-property: transform;
- overflow: hidden;
- }
- .button:hover {
- -webkit-transform: rotate(720deg);
- -moz-transform: rotate(720deg);
- -o-transform: rotate(720deg);
- transform: rotate(720deg);
- }
- .footer {
- clear: both;
- right: 0px;
- width: 100%;
- padding: 1rem;
- background-color: #000000;
- text-align: center;
- background-image: none;
- background-repeat: repeat;
- background-attachment: scroll;
- background-position: 0% 0%;
- position: fixed;
- bottom: 0pt;
- left: 0pt;
- }
- .imgContainer {
- display: block;
- margin-left: 5px;
- margin-right: 5px;
- }
- .image123 {
- display: inline-flex;
- justify-content: center;
- text-align: center;
- position: relative;
- right: 42px;
- }
- .dropbtn {
- background-color: black;
- color: white;
- font-size: 16px;
- border: none;
- cursor: pointer;
- }
- .dropdown {
- position: relative;
- display: inline-block;
- float: left;
- margin: 12px 12px;
- }
- .dropdown-content {
- display: none;
- position: absolute;
- background-color: grey;
- min-width: 160px;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- z-index: 1;
- }
- .dropdown-content a {
- color: white;
- padding: 8px 8px;
- text-decoration: none;
- display: block;
- }
- .dropdown-content a:hover {
- background-color: white;
- }
- .dropdown:hover .dropdown-content {
- display: block;
- bottom: 100%;
- }
- .dropdown:hover .dropbtn {
- background-color: grey;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement