CouchPotatoServer/couchpotato/core/plugins/movie/static/movie.css

/* @override 
	http://localhost:5000/static/movie_plugin/movie.css
	http://192.168.1.20:5000/static/movie_plugin/movie.css
	http://127.0.0.1:5000/static/movie_plugin/movie.css
*/

.movies {
	padding: 20px 0;
}

	.movies .movie {
		overflow: hidden;
		position: relative;

		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		margin: 10px 0;
	}
		.movies .movie:hover { 
			border-color: #ddd #fff #fff #ddd;
		}
		.movies .movie:hover .data { 
		}
		.movies .data {
			padding: 2%;
			position: absolute;
			width: 96.1%;
			top: 0;
			left: 0;

			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
		}
			.movies .data:after {
			    content: "";
			    display: block;
			    height: 0;
			    clear: both;
			    visibility: hidden;
			}
		.movies .data .poster, .options .poster {
			overflow: hidden;
			float: left;
			max-width: 10%;
			margin: 0 2% 0 0;
			border-radius:3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			box-shadow: 0 0 10px rgba(0,0,0,0.35);
			-moz-box-shadow: 0 0 10px rgba(0,0,0,0.35);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35);
			line-height: 0;
		}
		
		.movies .info {
			float: right;
			width: 88%;
		}
		
			.movies .info .title {
				font-size: 30px;
				font-weight: bold;
				margin-bottom: 10px;
				float: left;
				width: 80%;
			}
			
			.movies .info .year {
				font-size: 30px;
				margin-bottom: 10px;
				float: right;
				color: #bbb;
				width: 10%;
				text-align: right;
			}
			
			.movies .info .rating {
				font-size: 30px;
				margin-bottom: 10px;
				color: #444;
				float: left;
				width: 5%;
				padding: 0 0 0 3%;
			}
			
			.movies .info .description {
				clear: both;
				width: 95%;
			}
			
		.movies .data .quality span {
			padding: 5px;
			font-weight: bold;
		}
		
		.movies .data .quality .available { color: orange; }
		.movies .data .quality .snatched { color: lightgreen; }
			
		.movies .data .actions {
			position: absolute;
			right: 15px;
			bottom: 15px;
			line-height: 0;
		}
			.movies .data:hover .action { opacity: 0.6; } 
			.movies .data:hover .action:hover { opacity: 1; } 
		
			.movies .data .action {
				background-repeat: no-repeat;
				background-position: center;
				display: inline-block;
				width: 20px;
				height: 20px;
				padding: 3px;
				opacity: 0;
			}
			
		.movies .delete_container {
			clear: both;
			text-align: center;
			font-size: 20px;
			position: relative;
		}
			.movies .delete_container .cancel {
			}
			.movies .delete_container .or {
				padding: 10px;
			}
			.movies .delete_container .delete {
				background-color: #ff321c;
				font-weight: normal;
			}
			.movies .delete_container .delete:hover {
				color: #fff;
				background-color: #d32917;
			}
			
		.movies .options .form {
			margin-top: -2%;
			float: left;
			font-size: 20px;
		}
		
		.movies .options .form select {
			margin-right: 20px;
		}
			
		.movies .options {
			padding: 2%;
		}
		
			.movies .options .releases {
				height: 157px;
				overflow: auto;
				margin: -20px -20px -20px 110px;
				padding: 15px 0 5px;
			}
				.movies .options .releases .item {
					border-bottom: 1px solid rgba(255,255,255,0.1);
				}
				.movies .options .releases .item:last-child { border: 0; }
				.movies .options .releases .item:nth-child(even) { 
					background: rgba(255,255,255,0.05);
				}
				.movies .options .releases .item:not(.head):hover { 
					background: rgba(255,255,255,0.03);
				}
				
					.movies .options .releases .item > * {
						display: inline-block;
						padding: 0 5px;
						width: 50px;
						min-height: 24px;
						white-space: nowrap;
						text-overflow: ellipsis;
						-moz-text-overflow: ellipsis;
						text-align: center;
						vertical-align: top;
						border-left: 1px solid rgba(255, 255, 255, 0.1);
					}
						.movies .options .releases .item > *:first-child {
							border: 0;
						}
						.movies .options .releases .provider {
							width: 120px;
						}
						.movies .options .releases .name {
							width: 360px;
							overflow: hidden;
							text-align: left;
							padding: 0 10px;
						}
						
						.movies .options .releases a {
							width: 16px !important;
							height: 16px;
							opacity: 0.8;
						}
						.movies .options .releases a:hover {
							opacity: 1;
						}

				.movies .options .releases .head > * {
					font-weight: bold;
					font-size: 14px;
					padding-top: 4px;
					padding-bottom: 4px;
					height: auto;
				}
		
.movies .alph_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	
	display: inline-block;
}

	.movies .alph_nav li {
		display: inline-block;
		vertical-align: top;
		width: 24px;
		height: 24px;
		line-height: 26px;
		text-align: center;
		cursor: pointer;
		margin: 0 -1px 0 0;
		color: #666;
	}
		.movies .alph_nav li.active {
			color: #fff;
		}
	
		.movies .alph_nav li:hover, .movies .alph_nav li.onlay {
			font-weight: bold;
		}