From 74b1c846a58174b55fba00fcffd1bbb11b739d53 Mon Sep 17 00:00:00 2001
From: Leonardo Galli <leonardo.galli@bluewin.ch>
Date: Mon, 2 Jan 2017 13:20:50 +0100
Subject: [PATCH] Fixed css for movies.

---
 .DS_Store                 | Bin 8196 -> 10244 bytes
 .gitignore                |   1 +
 gulp/less.js              |   1 +
 src/.DS_Store             | Bin 8196 -> 8196 bytes
 src/UI/.DS_Store          | Bin 8196 -> 10244 bytes
 src/UI/Movies/movies.less | 471 ++++++++++++++++++++++++++++++++++++++
 src/UI/index.html         |   1 +
 7 files changed, 474 insertions(+)
 create mode 100644 src/UI/Movies/movies.less

diff --git a/.DS_Store b/.DS_Store
index aea3758c75ea4196314b71002ff096f2512214bc..474ee832f549d58148405d309218030bf93b61f6 100644
GIT binary patch
delta 1600
zcmeH{O>7fK6vyYE#CXjHGEN*rHbiz(ND#Pyt3Yv3lYko%!bbx*0tzLvvrAZIvuk@z
zK%mN0LT$xITWcjGR25q2p@ncjE&>icR)P~B0&(DgDz!(1gv7@Mi8t#Is3ppc6SLZ#
zdGp?znSH<a=1}*cf!T~PtlFbS84J@;qF401x{wJL7B$z;BmpEdmS%fcF16QAr;H1k
z<KDu-8AY#DCDjQFFB@W((3h-=K`x=OY|^mD2U3QWVyt4qiTY<v>sj4f*SE&m;Qu{e
z7m(%8byYKS`Yv6|4(`>}-0p2jdss77-5l96uG@Ob&=O{HO!Fh+^WCoD{@U3Mio8Qj
z=Ct*eD*RM_Q7UPg8Wd%_(8RMEeN{<v9hzGdIbrMjHJ+R_Y;BX}#AseORc=qNx-cRu
zgGMr?8C><1{FX#zWy`phwROwnYbPg{24rRHur)SDr?w~OVjYUIQ|!AgY3DvmYbKrP
zs@S}<t9vD#=?y<tt8EibD^*n-Rr;X&mp`0`wekENc8~qb9<WF3F?+(Ef?)<~z~P62
zR<vP0qF9FIh@k^<^r0VXu?~aSjxVqiL)eWpvapfEm-rgr;9C^%Gfv|Se#Lnd@hASm
zb=<&B+`>Klg9ms*FsW4#a>iQe?H7Yr4bNy?2G+S&*WwNJ_N}S!j}y%k&XGWMXx@Uw
z?Xk{PQvoWAiZc<I>v3^9_XENFAOX<!y&*ap_X_6HZQ|Y7+!6|L$qlLyTiZyiAnqmY
z!bnKwl`dVOC2k?^aWM*U=`va7RW4{DcB~-nG{H0EF5T5cYDQTgl<_uN36k$6jIdLz
zZyx>Ih4G9%hX>O!3t_?#Aq1W1CIFwJ2OBVeP1uYCAs9juDGbAaNgy(W;sAlj;~>7m
zVI0MG_#Qvt1b)O%IEhpE4QFu<6S#;=xa@QVKm4RD(&L-6reT>Q#6SS5`ES*^lFjx}
zpQJiWJ3)R$YLCSt;b{9u&RyR7@mn0qmak$XRMG}ZyX9OzCBAM}tmX~ysrImuvMd9|
zM*oN>;GuiKqQ_wNl%|kb?5`~4QCOzFN8B+NGEXa=nmHQ-6{VYJzA&IaTOxWVJ?B_J
WGZLee8!wCRea5`ojA{DcjCldi%73{4

delta 133
zcmZn(XmOBWU|?W$DortDU;r^WfEYvza8E20o2aKK$^w!H@)?Q?l5+BsfV`hc1se;e
zu}^H^-OSFx!okS0*;-PPadWy<EbGRSRz^W)pc){M;06+|Ad@y0erKM{uM)@sGzVlp
T!{m6LshjQPS{XN%G%*4IZ#x=(

diff --git a/.gitignore b/.gitignore
index 8413af8f8..d57a525c8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -130,6 +130,7 @@ output/*
 
 #OS X metadata files
 ._*
+.DS_Store
 
 _start
 _temp_*/**/*
diff --git a/gulp/less.js b/gulp/less.js
index fecb67cb0..92d50a43e 100644
--- a/gulp/less.js
+++ b/gulp/less.js
@@ -27,6 +27,7 @@ gulp.task('less', function() {
         paths.src.root + 'System/Logs/logs.less',
         paths.src.root + 'System/Update/update.less',
         paths.src.root + 'System/Info/info.less',
+        paths.src.root + 'Movies/movies.less',
 
     ];
 
diff --git a/src/.DS_Store b/src/.DS_Store
index f133d93819ae6f9ba0e265340d8df1763e68e1d1..cbd549c7f321ab91fb5c1e4a5d74116488d65b0c 100644
GIT binary patch
delta 1083
zcmd6lOK1~O7=`DgwV80SnIyHQqb04SNofOZrIn^&j7_yqpET53ZJlIBJDN;FCe#-?
zg2fjqlq|&hK(vTd1tAn4TQ@EQHw`XayHYoTb>qT&Cxeegmx8mncg{WY|M%xRGZUGK
zJPW#TKL5^BT_N^Fdpy1QPo6nrp>pl|y2j?#j;_s1PQm5&R1vaYl@%?g9#)lX?6@lD
zrp6>ap=h$I9T}Zgbv2$;Ml>m<xDa$W%qnk<NDjzSPT7%`S)D8_@+GIXMij@H6U{1g
zm3iJQsNW!x5nVlHD1u~t=?@Sxa!l1^LAScL1c?|+N^vDA$c|E7TRRa)r<JU(rZr*6
zI_#_>;=V*Wm7-JY)>)`q6erld!;+rcl~FW0(;MsZFr8_Pd0S<-%tqoHIO}PMH06J|
zHyTCm1NV{p!hPkwam(Cya99l|1h^o=j{us`j!o!72;GRHAA=aeFk%?TK}=v0Q^+6-
z9XXuA1zf}>%;FyI;{oRJ6wmPjFYyYm@fO9>%{EvQY-f9&CFq9tbg^+UZXl^oXX43p
zoXX2AM!T=Czt1@kEqwNr!H7|E%88Zo66`E2eu)OPuD+HKfuoF>X!QGhf{n&i@|s(G
zL?|;eVQy<1@d>L;`b>6o(#mo(A0|WH)U7aM@CK+3Z=t<-6Em};e%cGX<8Qim*Yp^E
z1S!2RB9vV(wqYlBV-NP4^d@l#5{@DX4QWd8Bu-O?XJJr=S8x^Aa2+>r6Sr_1ckmF8
xuz<&Sg2g|nmhk;zI`|tWd$XZfNL0^b_FQ$r?p-c7%wPJSBU+JA<^PPx^Aq9T>^cAd

delta 1136
zcmdUuO-vI(7>4I<3(UGvrho`#jfN^#1uO`G5S8*%5CJiU3JAe$*;Q7y+lFlriMkgK
z{)MPu{EG(@qLKKQ5Hx!A;=z-tiSa<hyC!O)S9d!^;(@D)bC_?w@16N(^1PYJ&}8UY
zsTWhzW!^$hbAGsGdMWpoHMeeqw0Y}}T~)PvQ`yX$Bj$<uJ!6`wMRhfDN>h@<eX=>E
z8j5C|II1bCk<^ZB>ZssFsnBi6F_oVx^c4wgfet8gQtgZ@&K@PL_zHcSDD8LZO{1zk
z^Rig%+afTTTHU5LvD{;uxLshT&^@9V%V$f)a>^7TqRUZL=j|%Q-ITQpJ!9&qsl^Rm
z%oA&<&^r{5#q9T)yjJJiL)jZT=-k{Po5`+(YOK5|L}{O+6g4P{s!)Gu{0eb~KNLtu
z;wNPKM^2^nj(i}W$rtjKd?Vk<FAxB3c;JN(MUW6c1u9X6YSf_#&1gX@IuOAT^r8>P
zFboYN(2>MhoP&k)xQc6-!F9~yF`nQlUg8yA<1OA}kzefskEE55`sHOh;FBF(BtqJB
zb1V_n<54@Ei6(T-Oa_A=;c|O2GP9_#Mikddt^3=u4}|BJa^0|2Gc;n8R>!I1CCf?`
z*d~e_MZX|0l1`)&DL`#knTu;Xr837e=H_ZptaRLA8C<OvYaIKShpTm>&A(k>nW=)H
z-B_xZ8XP|u<-1Fyus|7BA%AgwqZL3oYOxRXXtc?OaS&ZNgv02^00wQcGEUlLV=$1w
zX-wdZP1xak0he$YQ@DYfxQ#owi~D$hhnT}7EZ{j_tPtmL|L|_-IiEd*U~#@Pe-`su
Y1wTF3$~X8&)c%H6oOb8Gp>_|y0mTLN+W-In

diff --git a/src/UI/.DS_Store b/src/UI/.DS_Store
index df70b98af2a4a591eadb11f72de6def1744bbbb7..6cf6f2ffc6f7bf33d4dfa8c9bff24ec39d01ad06 100644
GIT binary patch
delta 543
zcmZp1XbF&DU|?W$DortDU{C-uIe-{M3-C-V6q~50D9Q=sFar4u4EYRY44Dk648=+1
z8w;ngPi)}b%+A5W!3|Qu$>7M4!jQ6AKtP019?D_xMQF(>E(=J?$xmWnU|KWTR#1|~
zUD(5ObClpVMiB=Kpnf1wcF=$_7#Jo?3olM&{08AO0j&oEFDMPA7=Hj6*zGES+BGGq
zASbi9#K7PdBNH<VD;qlpCl@z2ue`g5r>K|n<S4<Jn>UEC;&8(O(Zw!|S0R?c-QbPp
zhI`oEP!?R2my@5D4wPlw%p)+3O_Yrx7#Ma%kPu8MPR>cn&(GOd*v}-$3^7uH8%Vo?
qLVjc6cjn3bGJzsYkoW+H3osB2Knf=p$n;KrB61OXxKYu~=8OPX4_Z6`

delta 128
zcmZn(XmOBWU|?W$DortDU;r^WfEYvza8E20o2aKK$^w!H@);OX8H$t2iwlx+@{=|e
zPGg_gz`L29gN1{UW%F6FX>1!yQW*uAfr^1Zf*VM<f(+SM_?>w&ze*qn&<K#x43pz|
Prf%LRy_9idNfILf`raBl

diff --git a/src/UI/Movies/movies.less b/src/UI/Movies/movies.less
new file mode 100644
index 000000000..08fca5152
--- /dev/null
+++ b/src/UI/Movies/movies.less
@@ -0,0 +1,471 @@
+@import "../Content/Bootstrap/variables";
+@import "../Shared/Styles/card.less";
+@import "../Shared/Styles/clickable.less";
+@import "../Content/prefixer";
+
+.series-poster {
+  min-width: 56px;
+  max-width: 100%;
+}
+
+.edit-movie-modal, .delete-movie-modal {
+  overflow : visible;
+
+  .series-poster {
+    padding-left : 20px;
+    width        : 168px;
+  }
+
+  .form-horizontal {
+    margin-top : 10px;
+  }
+
+  .twitter-typeahead {
+    .form-control[disabled] {
+      background-color: #ffffff;
+    }
+  }
+}
+
+.delete-movie-modal {
+  .path {
+    margin-left : 30px;
+  }
+
+  .delete-files-info {
+    margin-top : 10px;
+    display    : none;
+  }
+}
+
+.movie-item {
+  padding-bottom : 30px;
+
+  :hover {
+    text-decoration : none;
+  }
+
+  h2 {
+    margin-top : 0px;
+  }
+
+  a {
+    color : #000000;
+  }
+}
+
+.movie-page-header {
+  .card(black);
+  .opacity(0.9);
+  background : #000000;
+  color      : #ffffff;
+  padding    : 30px 15px;
+  margin     : 50px 10px;
+
+  .poster {
+    margin-top : 4px;
+  }
+
+  .header-text {
+    margin-top : 0px;
+  }
+}
+
+.movie-season {
+  .card;
+  .opacity(0.9);
+  margin  : 30px 10px;
+  padding : 10px 25px;
+
+  .show-hide-episodes {
+    .clickable();
+    text-align : center;
+
+    i {
+      .clickable();
+    }
+  }
+}
+
+.series-posters {
+  list-style-type: none;
+
+  @media (max-width: @screen-xs-max) {
+    padding        : 0px;
+  }
+
+  li {
+    display        : inline-block;
+    vertical-align : top;
+  }
+
+  .series-posters-item {
+
+    .card;
+    .clickable;
+    margin-bottom : 20px;
+    height        : 315px;
+
+    .center {
+      display      : block;
+      margin-left  : auto;
+      margin-right : auto;
+      text-align   : center;
+
+      .progress {
+        text-align : left;
+        margin-top : 5px;
+        left       : 0px;
+        width      : 170px;
+
+        .progressbar-front-text, .progressbar-back-text {
+          width : 170px;
+        }
+      }
+    }
+
+    .labels {
+      display : inline-block;
+      .opacity(0.75);
+      width   : 170px;
+
+      :hover {
+        cursor : default;
+      }
+
+      .label {
+        margin-top : 3px;
+        display    : block;
+      }
+
+      .tooltip {
+        .opacity(1);
+      }
+    }
+
+    @media (max-width: @screen-xs-max) {
+      height  : 235px;
+      margin  : 5px;
+      padding : 6px 5px;
+
+      .center {
+        .progress {
+          width : 125px;
+
+          .progressbar-front-text, .progressbar-back-text {
+            width : 125px
+          }
+        }
+      }
+
+      .labels {
+        width: 125px;
+      }
+    }
+  }
+
+  .series-poster-container {
+    position : relative;
+    overflow : hidden;
+    display  : inline-block;
+
+    .placeholder-image ~ .title {
+      opacity: 1.0;
+    }
+
+    .title {
+      position   : absolute;
+      top        : 25px;
+      color      : #f5f5f5;
+      width      : 100%;
+      font-size  : 22px;
+      line-height: 24px;
+      opacity    : 0.0;
+      font-weight: 100;
+    }
+
+    .ended-banner {
+      color                    : #eeeeee;
+      background-color         : #b94a48;
+      .box-shadow(2px 2px 20px #888888);
+      -moz-transform-origin    : 50% 50%;
+      -webkit-transform-origin : 50% 50%;
+      position                 : absolute;
+      width                    : 320px;
+      top                      : 200px;
+      left                     : -122px;
+      text-align               : center;
+      .opacity(0.9);
+
+      .transform(rotate(45deg));
+    }
+
+    .movie-controls {
+      position         : absolute;;
+      top              : 0px;
+      overflow         : hidden;
+      background-color : #eeeeee;
+      width            : 100%;
+      text-align       : right;
+      padding-right    : 10px;
+      display          : none;
+      .opacity(0.8);
+
+      i {
+        .clickable();
+      }
+    }
+
+    .hidden-title {
+      position         : absolute;;
+      bottom           : 0px;
+      overflow         : hidden;
+      background-color : #eeeeee;
+      width            : 100%;
+      text-align       : center;
+      .opacity(0.8);
+      display          : none;
+    }
+
+    .series-poster {
+      width       : 168px;
+      height      : 247px;
+      display     : block;
+      font-size   : 34px;
+      line-height : 34px;
+    }
+
+    @media (max-width: @screen-xs-max) {
+      .series-poster {
+        width       : 120px;
+        height      : 176px;
+      }
+
+      .ended-banner {
+        top  : 145px;
+        left : -137px;
+      }
+    }
+  }
+}
+
+.movie-detail-overview {
+  margin-bottom : 50px;
+}
+
+.movie-season {
+
+  .episode-number-cell {
+    width : 40px;
+    white-space: nowrap;
+  }
+  .episode-air-date-cell {
+    width : 150px;
+  }
+
+  .episode-status-cell {
+    width : 100px;
+  }
+
+  .episode-title-cell {
+    cursor : pointer;
+  }
+}
+
+.episode-detail-modal {
+
+  .episode-info {
+    margin-bottom : 10px;
+  }
+
+  .episode-overview {
+    font-style : italic;
+  }
+
+  .episode-file-info {
+    margin-top : 30px;
+    font-size  : 12px;
+  }
+
+  .episode-history-details-cell .popover {
+    max-width: 800px;
+  }
+
+  .hidden-movie-title {
+    display : none;
+  }
+}
+
+.season-grid {
+  .toggle-cell {
+    width         : 28px;
+    text-align    : center;
+    padding-left  : 0px;
+    padding-right : 0px;
+  }
+
+  .toggle-cell {
+    i {
+      .clickable;
+    }
+  }
+}
+
+.season-actions {
+  width: 100px;
+}
+
+.season-actions, .movie-actions {
+
+  div {
+    display : inline-block
+  }
+
+  text-transform : none;
+
+  i {
+    .clickable();
+    font-size    : 24px;
+    margin-left : 5px;
+  }
+}
+
+.movie-stats {
+  font-size : 11px;
+}
+
+.movie-legend {
+  padding-top : 5px;
+}
+
+.seasonpass-movie {
+  .card;
+  margin : 20px 0px;
+
+  .title {
+    font-weight : 300;
+    font-size   : 24px;
+    line-height : 30px;
+    margin-left : 5px;
+  }
+
+  .season-select {
+    margin-bottom : 0px;
+  }
+
+  .expander {
+    .clickable;
+    line-height : 30px;
+    margin-left : 8px;
+    width       : 16px;
+  }
+
+  .season-grid {
+    margin-top : 10px;
+  }
+
+  .season-pass-button {
+    display : inline-block;
+  }
+
+  .movie-monitor-toggle {
+    font-size  : 24px;
+    margin-top : 3px;
+  }
+
+  .help-inline {
+    margin-top : 7px;
+    display    : inline-block;
+  }
+}
+
+.season-status {
+  font-size      : 11px;
+  vertical-align : middle !important;
+}
+
+//Overview List
+.movie-overview-list-actions {
+  min-width: 56px;
+  max-width: 56px;
+
+  i {
+    .clickable();
+  }
+}
+
+//Editor
+
+.movie-editor-footer {
+  max-width: 1160px;
+  color: #f5f5f5;
+  margin-left: auto;
+  margin-right: auto;
+
+  .form-group {
+    padding-top: 0px;
+  }
+}
+
+.update-files-movie-modal {
+  .selected-movie {
+    margin-top: 15px;
+  }
+}
+
+//Series Details
+
+.movie-not-monitored {
+  .season-monitored, .episode-monitored {
+    color: #888888;
+    cursor: not-allowed;
+
+    i {
+      cursor: not-allowed;
+    }
+  }
+}
+
+.movie-info {
+  .row {
+    margin-bottom : 3px;
+
+    .label {
+      display       : inline-block;
+      margin-bottom : 2px;
+      padding       : 4px 6px 3px 6px;
+      max-width     : 100%;
+      white-space   : normal;
+      word-wrap     : break-word;
+    }
+  }
+
+  .movie-info-links {
+    @media (max-width: @screen-sm-max) {
+      display    : inline-block;
+      margin-top : 5px;
+    }
+  }
+}
+
+.scene-info {
+  .key, .value {
+    display : inline-block;
+  }
+
+  .key {
+    width          : 80px;
+    margin-left    : 10px;
+    vertical-align : top;
+  }
+
+  .value {
+    margin-right : 10px;
+    max-width    : 170px;
+  }
+
+  ul {
+    padding-left    : 0px;
+    list-style-type : none;
+  }
+}
diff --git a/src/UI/index.html b/src/UI/index.html
index 75acdd7ff..64fb75f03 100644
--- a/src/UI/index.html
+++ b/src/UI/index.html
@@ -22,6 +22,7 @@
     <link href="/Content/theme.css" rel='stylesheet' type='text/css'/>
     <link href="/Content/cells.css" rel='stylesheet' type='text/css'>
     <link href="/Content/series.css" rel='stylesheet' type='text/css'/>
+        <link href="/Content/movies.css" rel='stylesheet' type='text/css'/>
     <link href="/Content/activity.css" rel='stylesheet' type='text/css'/>
     <link href="/Content/logs.css" rel='stylesheet' type='text/css'/>
     <link href="/Content/settings.css" rel='stylesheet' type='text/css'/>