MediaWiki: Common.css: Difference between revisions
From The Lost Media Wiki
No edit summary |
No edit summary |
||
Line 16: | Line 16: | ||
/* SEARCH FIELD */ | /* SEARCH FIELD */ | ||
#searchInput { | #searchInput { | ||
background-color: # | background-color: #fff; | ||
mask-image: url(/images/2/2b/Search.svg); | mask-image: url(/images/2/2b/Search.svg); | ||
mask-repeat: no-repeat; | mask-repeat: no-repeat; | ||
mask-size: | mask-size: 25px; | ||
mask-position: 5px 11px; | mask-position: 5px 11px; | ||
width: | width: 30px; | ||
color: transparent; | color: transparent; | ||
box-shadow: none; | box-shadow: none; | ||
Line 32: | Line 32: | ||
#searchInput:focus { | #searchInput:focus { | ||
background-image: none; | background-image: none; | ||
background: linear-gradient(to right,rgba(255,255,255, | background: linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,0)) !important; | ||
width: 300px; | width: 300px; | ||
border-right: 3px solid # | border-right: 3px solid #ddd; | ||
color: #fff; | color: #fff; | ||
mask-image: none; | mask-image: none; | ||
Line 43: | Line 43: | ||
} | } | ||
.form-control::-moz-placeholder { | .form-control::-moz-placeholder { | ||
color: # | color: #ddd; | ||
opacity: 0; | opacity: 0; | ||
font-size: larger; | font-size: larger; |
Revision as of 10:49, 10 May 2018
video#bgvideo {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity:.3;
}
/* SEARCH FIELD */
#searchInput {
background-color: #fff;
mask-image: url(/images/2/2b/Search.svg);
mask-repeat: no-repeat;
mask-size: 25px;
mask-position: 5px 11px;
width: 30px;
color: transparent;
box-shadow: none;
height:50px;
transition: width .8s cubic-bezier(.19,1,.22,1);
}
#searchInput.form-control {
border:none;
}
#searchInput:focus {
background-image: none;
background: linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,0)) !important;
width: 300px;
border-right: 3px solid #ddd;
color: #fff;
mask-image: none;
height:50px;
border-radius:0;
transition: width .8s cubic-bezier(.19,1,.22,1);
font-size: 1.3em;
}
.form-control::-moz-placeholder {
color: #ddd;
opacity: 0;
font-size: larger;
}
.form-control:focus::-moz-placeholder {
opacity: 1;
}
.navbar-form {
margin-top: 0;
margin-bottom: 0;
}
.suggestions-result-current .special-label, .suggestions-result-current .special-query {
color: #000 !important;
}
.suggestions-result-current {
background-color: #e0e0e0;
color: #000;
}
.suggestions-special {
background-color: #e0e0e0;
cursor: pointer;
border: solid 1px #aaa0;
}