MediaWiki: Common.css: Difference between revisions
From The Lost Media Wiki
No edit summary |
|||
Line 13: | Line 13: | ||
transform: translateX(-50%) translateY(-50%); | transform: translateX(-50%) translateY(-50%); | ||
opacity:.3; | opacity:.3; | ||
} | |||
/* SEARCH FIELD */ | |||
#searchInput { | |||
background-color: #575757; | |||
mask-image: url(/w/uploads/2/2b/Search.svg); | |||
mask-repeat: no-repeat; | |||
mask-size: 27px; | |||
mask-position: 5px 11px; | |||
width: 35px; | |||
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,0),rgba(255,255,255,0.2)) !important; | |||
width: 300px; | |||
border-right: 3px solid #575757; | |||
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: #575757; | |||
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; | |||
} | } |
Revision as of 10:27, 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: #575757;
mask-image: url(/w/uploads/2/2b/Search.svg);
mask-repeat: no-repeat;
mask-size: 27px;
mask-position: 5px 11px;
width: 35px;
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,0),rgba(255,255,255,0.2)) !important;
width: 300px;
border-right: 3px solid #575757;
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: #575757;
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;
}