MediaWiki: Common.css: Difference between revisions
From The Lost Media Wiki
No edit summary |
No edit summary |
||
Line 26: | Line 26: | ||
height:50px; | height:50px; | ||
transition: width .8s cubic-bezier(.19,1,.22,1); | transition: width .8s cubic-bezier(.19,1,.22,1); | ||
-webkit-mask-image: url(/images/2/2b/Search.svg); | |||
mask-image: url(/images/2/2b/Search.svg); | |||
-webkit-mask-repeat: no-repeat; | |||
mask-repeat: no-repeat; | |||
-webkit-mask-size: 23px; | |||
mask-size: 23px; | |||
-webkit-mask-position: 6px 12px; | |||
mask-position: 6px 12px; | |||
} | } | ||
#searchInput.form-control { | #searchInput.form-control { | ||
Line 42: | Line 50: | ||
font-size: 1.3em; | font-size: 1.3em; | ||
} | } | ||
.form-control::-webkit-input-placeholder, | |||
.form-control::-moz-placeholder { | .form-control::-moz-placeholder { | ||
color: #ddd; | color: #ddd; | ||
Line 47: | Line 56: | ||
font-size: larger; | font-size: larger; | ||
} | } | ||
.form-control:focus::-webkit-input-placeholder, | |||
.form-control:focus::-moz-placeholder { | .form-control:focus::-moz-placeholder { | ||
opacity: 1; | opacity: 1; |
Revision as of 11:05, 18 December 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: 23px;
mask-position: 6px 12px;
width: 30px;
color: transparent;
box-shadow: none;
height:50px;
transition: width .8s cubic-bezier(.19,1,.22,1);
-webkit-mask-image: url(/images/2/2b/Search.svg);
mask-image: url(/images/2/2b/Search.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 23px;
mask-size: 23px;
-webkit-mask-position: 6px 12px;
mask-position: 6px 12px;
}
#searchInput.form-control {
border:none;
}
#searchInput:focus {
background-image: none;
background: linear-gradient(to right,rgba(0,0,0,.4),rgba(255,255,255,0)) !important;
width: 300px;
border-left: 3px solid #ea880d;
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::-webkit-input-placeholder,
.form-control::-moz-placeholder {
color: #ddd;
opacity: 0;
font-size: larger;
}
.form-control:focus::-webkit-input-placeholder,
.form-control:focus::-moz-placeholder {
opacity: 1;
}
.navbar-form {
margin-top: 0;
margin-bottom: 0;
}
.nav > li {
font-size: .8em;
}
.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;
}