Ruud
10 years ago
1 changed files with 0 additions and 274 deletions
@ -1,274 +0,0 @@ |
|||||
.charts { |
|
||||
clear: both; |
|
||||
margin-bottom: 30px; |
|
||||
} |
|
||||
|
|
||||
.charts > h2 { |
|
||||
height: 40px; |
|
||||
} |
|
||||
|
|
||||
.charts .chart { |
|
||||
display: inline-block; |
|
||||
width: 50%; |
|
||||
vertical-align: top; |
|
||||
max-height: 510px; |
|
||||
scrollbar-base-color: #4e5969; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result.hidden { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
.charts .refresh { |
|
||||
clear:both; |
|
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
.charts .refresh .refreshing { |
|
||||
display: block; |
|
||||
padding: 20px; |
|
||||
font-size: 20px; |
|
||||
text-align:center; |
|
||||
} |
|
||||
|
|
||||
.charts .refresh a { |
|
||||
text-align: center; |
|
||||
padding: 0; |
|
||||
display: none; |
|
||||
width: 30px; |
|
||||
height: 30px; |
|
||||
position: absolute; |
|
||||
right: 10px; |
|
||||
top: -40px; |
|
||||
opacity: .7; |
|
||||
} |
|
||||
|
|
||||
.charts .refresh a:hover { |
|
||||
opacity: 1; |
|
||||
} |
|
||||
|
|
||||
.charts p.no_charts_enabled { |
|
||||
padding: 0.7em 1em; |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
.charts .chart h3 a { |
|
||||
color: #fff; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.charts .chart .media_result { |
|
||||
display: inline-block; |
|
||||
width: 100%; |
|
||||
height: 150px; |
|
||||
} |
|
||||
|
|
||||
@media all and (max-width: 960px) { |
|
||||
.charts .chart { |
|
||||
width: 50%; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
@media all and (max-width: 600px) { |
|
||||
.charts .chart { |
|
||||
width: 100%; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data { |
|
||||
left: 150px; |
|
||||
background: #4e5969; |
|
||||
border: none; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data .info { |
|
||||
top: 10px; |
|
||||
left: 15px; |
|
||||
right: 15px; |
|
||||
bottom: 10px; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data .info h2 { |
|
||||
white-space: normal; |
|
||||
max-height: 120px; |
|
||||
font-size: 18px; |
|
||||
line-height: 18px; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data .info .rating, |
|
||||
.charts .chart .media_result .data .info .genres, |
|
||||
.charts .chart .media_result .data .info .year { |
|
||||
position: static; |
|
||||
display: block; |
|
||||
padding: 0; |
|
||||
opacity: .6; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data .info .year { |
|
||||
margin: 10px 0 0; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data .info .rating { |
|
||||
font-size: 20px; |
|
||||
float: right; |
|
||||
margin-top: -20px; |
|
||||
} |
|
||||
.charts .chart .media_result .data .info .rating:before { |
|
||||
content: "\e031"; |
|
||||
font-family: 'Elusive-Icons'; |
|
||||
font-size: 14px; |
|
||||
margin: 0 5px 0 0; |
|
||||
vertical-align: bottom; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data .info .genres { |
|
||||
font-size: 11px; |
|
||||
font-style: italic; |
|
||||
text-align: right; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data .info .plot { |
|
||||
display: block; |
|
||||
font-size: 11px; |
|
||||
overflow: hidden; |
|
||||
text-align: justify; |
|
||||
height: 100%; |
|
||||
z-index: 2; |
|
||||
top: 64px; |
|
||||
position: absolute; |
|
||||
background: #4e5969; |
|
||||
cursor: pointer; |
|
||||
transition: all .4s ease-in-out; |
|
||||
padding: 0 3px 10px 0; |
|
||||
} |
|
||||
.charts .chart .media_result .data:before { |
|
||||
content: ''; |
|
||||
display: block; |
|
||||
height: 10px; |
|
||||
right: 0; |
|
||||
left: 0; |
|
||||
bottom: 10px; |
|
||||
position: absolute; |
|
||||
background: linear-gradient( |
|
||||
0deg, |
|
||||
rgba(78, 89, 105, 1) 0%, |
|
||||
rgba(78, 89, 105, 0) 100% |
|
||||
); |
|
||||
z-index: 3; |
|
||||
pointer-events: none; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data .info .plot.full { |
|
||||
top: 0; |
|
||||
overflow: auto; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .data { |
|
||||
cursor: default; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .options { |
|
||||
left: 150px; |
|
||||
} |
|
||||
.charts .chart .media_result .options select[name=title] { width: 100%; } |
|
||||
.charts .chart .media_result .options select[name=profile] { width: 100%; } |
|
||||
.charts .chart .media_result .options select[name=category] { width: 100%; } |
|
||||
|
|
||||
.charts .chart .media_result .button { |
|
||||
position: absolute; |
|
||||
margin: 2px 0 0 0; |
|
||||
right: 15px; |
|
||||
bottom: 15px; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.charts .chart .media_result .thumbnail { |
|
||||
width: 100px; |
|
||||
position: absolute; |
|
||||
left: 50px; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .chart_number { |
|
||||
color: white; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
padding: 10px; |
|
||||
font: bold 2em/1em Helvetica, Sans-Serif; |
|
||||
width: 50px; |
|
||||
height: 100%; |
|
||||
text-align: center; |
|
||||
border-left: 8px solid transparent; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result.chart_in_wanted .chart_number { |
|
||||
border-color: rgba(0, 255, 40, 0.3); |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result.chart_in_library .chart_number { |
|
||||
border-color: rgba(0, 202, 32, 0.3); |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.charts .chart .media_result .actions { |
|
||||
position: absolute; |
|
||||
top: 10px; |
|
||||
right: 10px; |
|
||||
display: none; |
|
||||
width: 90px; |
|
||||
} |
|
||||
.charts .chart .media_result:hover .actions { |
|
||||
display: block; |
|
||||
} |
|
||||
.charts .chart .media_result:hover h2 .title { |
|
||||
opacity: 0; |
|
||||
} |
|
||||
.charts .chart .media_result .data.open .actions { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
.charts .chart .media_result .actions a { |
|
||||
margin-left: 10px; |
|
||||
vertical-align: middle; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.toggle_menu { |
|
||||
height: 50px; |
|
||||
} |
|
||||
|
|
||||
.toggle_menu a { |
|
||||
display: block; |
|
||||
width: 50%; |
|
||||
float: left; |
|
||||
color: rgba(255,255,255,.6); |
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.0666667); |
|
||||
} |
|
||||
|
|
||||
.toggle_menu a:hover { |
|
||||
border-color: #047792; |
|
||||
border-width: 4px; |
|
||||
color: #fff; |
|
||||
} |
|
||||
|
|
||||
.toggle_menu a.active { |
|
||||
border-bottom: 4px solid #04bce6; |
|
||||
color: #fff; |
|
||||
} |
|
||||
|
|
||||
.toggle_menu a:last-child { |
|
||||
float: right; |
|
||||
} |
|
||||
|
|
||||
.toggle_menu h2 { |
|
||||
height: 40px; |
|
||||
} |
|
||||
|
|
||||
@media all and (max-width: 480px) { |
|
||||
.toggle_menu h2 { |
|
||||
font-size: 16px; |
|
||||
text-align: center; |
|
||||
height: 30px; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
Loading…
Reference in new issue