Archive-Team
/
sonarr-repo-only
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling

This commit is contained in:
kay.one 2013-06-06 20:34:18 -07:00
parent 4c16aea932
commit f94ea0e78a
9 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
UI/AddSeries/SearchResultTemplate.html
View File

@ -2,7 +2,7 @@
<div class="row"> <div class="row">
<div class="span2"> <div class="span2">
<a href="{{traktUrl}}" target="_blank"> <a href="{{traktUrl}}" target="_blank">
<img class="series-poster img-polaroid" src="{{remotePoster}}"> <img class="add-series-poster" src="{{remotePoster}}">
</a> </a>
</div> </div>
<div class="span9"> <div class="span9">

2
UI/AddSeries/addSeries.less
View File

@ -41,7 +41,7 @@
padding-top: 10px; padding-top: 10px;
} }
.img-polaroid { .add-series-poster {
min-width: 138px; min-width: 138px;
min-height: 203px; min-height: 203px;
max-width: 138px; max-width: 138px;

4
UI/Index.html
View File

@ -34,9 +34,9 @@
<li><a href="/calendar"><i class="icon-calendar"></i> <li><a href="/calendar"><i class="icon-calendar"></i>
<br> <br>
Calendar</a></li> Calendar</a></li>
<li><span class="label label-important pull-right">08</span><a href="history"><i class="icon-time"></i><br> <li><a href="history"><i class="icon-time"></i><br>
History</a></li> History</a></li>
<li><span class="label label-important pull-right">04</span><a href="missing"><i class="icon-folder-open"></i><br> <li><a href="missing"><i class="icon-folder-open"></i><br>
Missing</a></li> Missing</a></li>
<li><a href="settings"><i class="icon-cogs"></i> <li><a href="settings"><i class="icon-cogs"></i>
<br> <br>

2
UI/Series/Details/SeasonLayoutTemplate.html
View File

@ -1,4 +1,4 @@
<div class="series-season"> <div class="series-season">
<h3>{{seasonTitle}}</h3> <h2>{{seasonTitle}}</h2>
<div id="x-episode-grid"/> <div id="x-episode-grid"/>
</div> </div>

12
UI/Series/Details/SeriesDetailsTemplate.html
View File

@ -1,14 +1,14 @@
<div class="row series-page-header series-detail-summary"> <div class="row series-page-header">
<div class="span2"> <div class="span3">
<a href="{{traktUrl}}" target="_blank"> <a href="{{traktUrl}}" target="_blank">
<img class="series-poster img-polaroid" src="{{poster}}"> <img class="series-poster" src="{{poster}}">
</a> </a>
</div> </div>
<div class="span9"> <div class="offset1 span7">
<div class="row"> <div class="row">
<h2>{{title}}</h2> <h1>{{title}}</h1>
</div> </div>
<div class="row"> <div class="row series-detail-overview">
{{overview}} {{overview}}
</div> </div>
<div class="row"> <div class="row">

2
UI/Series/Index/List/ItemTemplate.html
View File

@ -2,7 +2,7 @@
<div class="row"> <div class="row">
<div class="span2"> <div class="span2">
<a href="{{route}}"> <a href="{{route}}">
<img class="series-poster img-polaroid" src="{{poster}}"> <img class="series-poster" src="{{poster}}">
</a> </a>
</div> </div>
<div class="span10"> <div class="span10">

2
UI/Series/Index/Posters/ItemTemplate.html
View File

@ -11,7 +11,7 @@
<div class="ended-banner">Ended</div> <div class="ended-banner">Ended</div>
{{/unless}} {{/unless}}
<a href="{{route}}"> <a href="{{route}}">
<img class="series-poster img-polaroid" src="{{poster}}"> <img class="series-poster" src="{{poster}} ">
</a> </a>
</div> </div>
</div> </div>

28
UI/Series/series.less
View File

@ -1,4 +1,5 @@
@import "../Shared/Styles/card.less"; @import "../Shared/Styles/card.less";
@import "../Shared/Styles/clickable.less";
.series-item { .series-item {
padding-bottom: 30px; padding-bottom: 30px;
@ -16,6 +17,18 @@
} }
} }
.series-page-header {
.card;
padding: 30px 0px;
}
.series-season {
.card;
margin: 80px 10px;
padding: 20px 40px;
}
.series-posters { .series-posters {
list-style-type: none; list-style-type: none;
@ -23,16 +36,13 @@
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
} }
.series-page-header {
padding-bottom: 50px;
}
.series-posters-item { .series-posters-item {
.card; .card;
.clickable;
margin-bottom: 20px; margin-bottom: 20px;
height: 260px; height: 300px;
.center { .center {
display: block; display: block;
@ -58,7 +68,7 @@
.labels { .labels {
display: inline-block; display: inline-block;
opacity: 0.75; opacity: 0.75;
width: 138px; width: 170px;
:hover { :hover {
cursor: default; cursor: default;
@ -73,10 +83,6 @@
opacity: 1; opacity: 1;
} }
} }
.series-season {
padding-bottom: 20px;
}
} }
.series-poster-container { .series-poster-container {
@ -115,6 +121,6 @@
} }
.series-detail-summary { .series-detail-overview {
margin-bottom: 50px; margin-bottom: 50px;
} }

4
UI/Shared/Styles/card.less
View File

@ -1,9 +1,9 @@
.card { .card {
margin :10px; margin :10px;
padding: 10px; padding: 10px;
box-shadow: 0px 0px 20px 1px #e1e1e1; box-shadow: 0px 0px 10px 1px #e1e1e1;
color: #444444; color: #444444;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
} }