Files
CouchPotatoServer/couchpotato/core/plugins/movie/static/search.css
T
2011-10-12 23:06:20 +02:00

172 lines
3.6 KiB
CSS

/* @override
http://localhost:5000/static/movie_plugin/search.css
http://192.168.1.20:5000/static/movie_plugin/search.css
http://127.0.0.1:5000/static/movie_plugin/search.css
*/
.search_form {
display: inline-block;
width: 25%;
}
.search_form input {
padding-right: 25px;
padding: 4px;
margin: 0;
font-size: 14px;
width: 90%;
}
.search_form .input a {
width: 17px;
height: 20px;
display: inline-block;
margin: 0 0 -5px -20px;
top: 4px;
right: 5px;
background: url('../images/checks.png') right -36px no-repeat;
cursor: pointer;
}
.search_form .results_container {
position: absolute;
background: #5c697b;
margin: 6px 0 0 -246px;
width: 470px;
min-height: 140px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 50px rgba(0,0,0,0.55);
-moz-box-shadow: 0 0 50px rgba(0,0,0,0.55);
-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.55);
}
.search_form .spinner {
background: rgba(0,0,0,0.8) url('../images/spinner.gif') no-repeat center 70px;
}
.search_form .pointer {
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid #5c697b;
display: block;
position: absolute;
width: 0px;
left: 50%;
margin: -9px 0 0 110px;
}
.search_form .results {
max-height: 550px;
overflow-x: hidden;
padding: 10px 0;
}
.movie_result {
overflow: hidden;
min-height: 140px;
}
.movie_result .options {
height: 139px;
border: 1px solid transparent;
border-width: 1px 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
box-shadow: inset 0 1px 8px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0 1px 8px rgba(0,0,0,0.25);
-webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,0.25);
}
.movie_result .options > div {
padding: 0 15px;
border: 0;
}
.movie_result .options .thumbnail {
vertical-align: middle;
}
.movie_result .options select {
vertical-align: middle;
display: inline-block;
margin-right: 10px;
}
.movie_result .options select[name=title] { width: 180px; }
.movie_result .options select[name=profile] { width: 90px; }
.movie_result .options .button {
vertical-align: middle;
display: inline-block;
}
.movie_result .options .message {
height: 100%;
line-height: 140px;
font-size: 20px;
text-align: center;
color: #fff;
}
.movie_result .data {
padding: 0 15px;
width: 440px;
position: relative;
min-height: 100px;
top: 0;
margin: -143px 0 0 0;
min-height: 140px;
background: #5c697b;
cursor: pointer;
border-bottom: 1px solid #333;
border-top: 1px solid rgba(255,255,255, 0.15);
}
.movie_result:last-child .data { border-bottom: 0; }
.movie_result .thumbnail {
width: 17%;
display: inline-block;
margin: 15px 3% 15px 0;
vertical-align: top;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.35);
}
.movie_result .info {
width: 74%;
display: inline-block;
vertical-align: top;
padding: 15px 0;
}
.movie_result .info .tagline {
max-height: 70px;
overflow: hidden;
display: inline-block;
}
.movie_result .add +.info {
margin-left: 20%;
}
.movie_result .info h2 {
margin: 0;
}
.movie_result .info h2 span {
padding: 0 5px;
content: ")";
}
.movie_result .info h2 span:before { content: "("; }
.movie_result .info h2 span:after { content: ")"; }