1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/dashboard-ui/css/search.css

195 lines
3.2 KiB
CSS
Raw Normal View History

.searchHints {
2013-12-27 11:18:42 -05:00
margin-top: 1em;
2013-04-26 16:53:54 -04:00
}
2013-04-27 09:05:33 -04:00
.searchHint {
display: block;
text-decoration: none;
2013-12-27 11:18:42 -05:00
color: #fff;
border-bottom: 1px solid #444;
2013-04-27 09:05:33 -04:00
}
.searchHint:hover {
2013-12-27 11:18:42 -05:00
background-color: #444;
2013-04-27 09:05:33 -04:00
}
2013-05-21 17:13:57 -04:00
.searchHint:focus {
2013-12-27 11:18:42 -05:00
background-color: #444;
2013-05-21 17:13:57 -04:00
}
2013-04-27 09:05:33 -04:00
.searchHintImage {
display: inline-block;
2013-12-27 11:18:42 -05:00
width: 20%;
2013-04-27 09:05:33 -04:00
vertical-align: middle;
2013-12-27 11:18:42 -05:00
margin: 4px 0;
2013-04-27 09:05:33 -04:00
}
.searchHintContent {
vertical-align: top;
display: inline-block;
2013-12-27 11:18:42 -05:00
width: 80%;
2013-04-27 09:05:33 -04:00
}
.searchHintName {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
2013-12-27 11:18:42 -05:00
color: #fff;
2013-12-27 12:12:23 -05:00
font-weight: normal !important;
2013-04-27 09:05:33 -04:00
}
.searchHintSecondaryText {
2014-01-12 01:31:21 -05:00
color: #fff;
2013-04-27 09:05:33 -04:00
margin-top: 3px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
2013-12-27 11:18:42 -05:00
font-weight: 300;
2013-04-27 09:05:33 -04:00
}
.searchHintContentInner {
padding: 2px 5px;
}
2013-04-27 18:04:14 -04:00
@-moz-keyframes spinPulse {
0% {
-moz-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px #2187e7;
}
50% {
-moz-transform: rotate(145deg);
opacity: 1;
}
100% {
-moz-transform: rotate(-320deg);
opacity: 0;
}
}
@-moz-keyframes spinoffPulse {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spinPulse {
0% {
-webkit-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px #2187e7;
}
50% {
-webkit-transform: rotate(145deg);
opacity: 1;
}
100% {
-webkit-transform: rotate(-320deg);
opacity: 0;
}
}
@-webkit-keyframes spinoffPulse {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
2015-01-21 01:26:16 -05:00
.headerSearchInput {
2015-12-14 10:43:03 -05:00
margin: 0 !important;
background: #222 !important;
border: 0 !important;
color: #eee !important;
border-radius: 0 !important;
padding: 7px 0 6px 0 !important;
text-indent: 10px !important;
2015-05-14 01:42:55 -04:00
font-size: 16px;
2015-06-16 00:52:01 -04:00
font-family: inherit;
2015-01-21 01:26:16 -05:00
outline: none;
2015-01-23 23:50:45 -05:00
vertical-align: middle;
2015-12-14 10:43:03 -05:00
width: 85% !important;
display: inline-block !important;
height: 100%!important;
2015-01-21 01:26:16 -05:00
}
.viewMenuSearch {
2015-05-14 01:42:55 -04:00
position: fixed;
top: 0;
2015-05-22 17:03:16 -04:00
left: 0%;
2015-05-14 01:42:55 -04:00
right: 0;
background: #000000;
z-index: 1000;
2015-01-21 01:26:16 -05:00
}
2015-06-10 00:01:14 -04:00
@media all and (min-width: 600px) {
.headerSearchInput {
2015-09-03 15:04:29 -04:00
width: 90% !important;
2015-06-10 00:01:14 -04:00
}
}
2015-05-22 17:03:16 -04:00
@media all and (min-width: 800px) {
.headerSearchInput {
2015-09-03 15:04:29 -04:00
width: 93% !important;
2015-05-22 17:03:16 -04:00
}
}
@media all and (min-width: 1200px) {
.headerSearchInput {
2015-09-03 15:04:29 -04:00
width: 96% !important;
2015-05-22 17:03:16 -04:00
}
}
2015-05-14 01:42:55 -04:00
.viewMenuSearch:not(.hide) {
display: inline-block;
}
2015-01-21 01:26:16 -05:00
2015-05-14 01:42:55 -04:00
.viewMenuSearchForm {
2015-05-14 13:16:29 -04:00
max-width: none;
2015-12-14 10:43:03 -05:00
padding: 5px;
2015-01-21 01:26:16 -05:00
}
.searchResultsOverlay {
position: fixed;
top: 50px;
left: 0;
right: 0;
bottom: 0;
2015-02-19 19:34:05 -05:00
z-index: 1000;
2015-01-21 14:21:19 -05:00
border: 0 !important;
}
.searchResultsContainer {
2015-06-05 01:32:14 -04:00
padding: .5em;
}
@media all and (min-width: 800px) {
.searchResultsContainer {
padding-left: 1em;
padding-right: 1em;
}
}
@media all and (min-height: 800px) {
.searchResultsContainer {
padding-top: 1em;
padding-bottom: 1em;
}
2015-01-21 01:26:16 -05:00
}
2015-01-23 23:50:45 -05:00
.btnCloseSearch {
2015-06-24 00:38:46 -04:00
padding-top: 0;
padding-bottom: 0;
2015-01-23 23:50:45 -05:00
}