Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .searcharea{
- position:absolute;
- left:40%;
- margin-top:10%;
- width: 300px;
- vertical-align: middle;
- white-space: nowrap;
- position: relative;
- }
- body{
- background: #343d46;
- }
- .area{
- margin: 100px auto;
- width: 300px;
- height: 50px;
- }
- /* Search 1 - bg change*/
- .container-1{
- width: 300px;
- vertical-align: middle;
- white-space: nowrap;
- position: relative;
- }
- .container-1 input#search{
- width: 300px;
- height: 50px;
- background: #2b303b;
- border: none;
- font-size: 10pt;
- float: left;
- color: #262626;
- padding-left: 45px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -webkit-transition: all .55s ease;
- -moz-transition: all .55s ease;
- -ms-transition: all .55s ease;
- -o-transition: all .55s ease;
- transition: all .55s ease;
- }
- .container-1 input#search::-webkit-input-placeholder {
- color: #65737e;
- }
- .container-1 input#search:-moz-placeholder { /* Firefox 18- */
- color: #65737e;
- }
- .container-1 input#search::-moz-placeholder { /* Firefox 19+ */
- color: #65737e;
- }
- .container-1 input#search:-ms-input-placeholder {
- color: #65737e;
- }
- .container-1 .icon{
- position: absolute;
- top: 50%;
- margin-left: 17px;
- margin-top: 17px;
- z-index: 1;
- color: #4f5b66;
- }
- /* ANIMATION EFFECTS */
- .container-1 input#search:focus, .container-1 input#search:active{
- outline:none;
- background: #ffffff;
- }
- #abc{
- width:60%;
- height:60%;
- opacity:1;
- top:10%;
- left:10%;
- display:none;
- position:fixed;
- border: 1px;
- overflow:auto;
- background-color:#FFFFFF;
- }
- div#popupContact {
- position:absolute;
- left:50%;
- top:17%;
- margin-left:-202px;
- font-family:'Raleway',sans-serif
- }
- #selectYear{vertical-align:center;}
- #popup{text-decoration:underline; cursor:pointer;}
- #xbutton{float:right; display:block; position:relative;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement