diff --git a/masks/index.html b/masks/index.html index 393f9d1..1ae55b9 100755 --- a/masks/index.html +++ b/masks/index.html @@ -21,7 +21,7 @@
diff --git a/script/ugc.js b/script/ugc.js index 82e3c6d..ab8d7d7 100755 --- a/script/ugc.js +++ b/script/ugc.js @@ -100,13 +100,15 @@ function Film(oSettings) .data('rank', this.getRank()) .data('id', this.id()) .append($('', {'class':'bg', 'src':this.backgroundPoster()})) - .append($('', {'class':'poster', 'src':this.backgroundPoster()})) + .append($('
', {'class':'poster-container'}).append($('', {'class':'poster', 'src':this.backgroundPoster()}))) .append($('
', {'class':'info'}) .append($('

', {'class':'title'}) .append($('', {'class':'name', 'target':'_blank', 'href':this.consts.ugc_url+'film.html?id='+this.id()}) .append($('', {'class':'fa fa-fw inline fa-film'})) - .append(this.name())) - .append($('', {'class':'edito'+(this.edito()?' fa fa-edito':'')}).text(this.edito()?' '+this.edito():''))) + .append(this.name()))) + .append($('

', {'class':'edito'+(!this.edito()?' hide':'')}) + .append($('', {'class':'fa fa-fw inline fa-edito'})) + .append($('').text(this.edito()))) .append($('

', {'class':'trailer'}) .append($('', {'target':'_blank', 'href':this.trailer()}) .append($('', {'class':'fa fa-fw inline fa-trailer'})) @@ -140,18 +142,21 @@ function Film(oSettings) else if(sLang=='VFSTF') self.feedback('Hiding hearing-impaired version ('+sLang+') of "'+self.name()+'" @'+sCinema) else { - var $Timetable = $('

') + var $CinemaBox = $('

'); + $('

', {'class':'cinema_lang'}) .append($('', {'class':'cinema', 'target':'_blank', 'href':self.consts.ugc_url+'cinemaAction!execute.action?page=7&id='+iCinemaId}) .append($('', {'class':'fa fa-fw inline fa-cinema'})) .append($('', {'class':'cinema_name'}).text(sCinema))) .append($('', {'class':'lang'}).text(sLang)) - .appendTo(self.anchor().find('.timetable')); + .appendTo($CinemaBox); + var $Timetable = $('

', {'class':'screening'}); $.each(asTimetable.sort(self.timeCompare), function(iKey, oTime){ $Timetable .append($('', {'class':'button', 'href':oTime.booking, 'target':'_blank', 'title':'Book screening'}).text(oTime.time)) .append(' '); //for line break }); + self.anchor().find('.timetable').append($CinemaBox.append($Timetable)); } }); }; @@ -569,14 +574,8 @@ function getUgcPage(sPath, asData, fOnSuccess, fOnFail, sType) function buffer(bActive) { - if(bActive) - { - $('.film').add('header').fadeTo(0, 0); - } - else - { - $('.film').not('.banned').add('header').fadeTo('slow', 1); - } + if(bActive) $('main').add('header').fadeTo(0, 0); + else $('main').add($('.film').not('.banned')).add('header').fadeTo('slow', 1); $('#buffer').toggle(bActive); $('footer').add('#feedback').toggle(!bActive); } diff --git a/style/_big_screen.scss b/style/_big_screen.scss index e8bd950..6c90336 100644 --- a/style/_big_screen.scss +++ b/style/_big_screen.scss @@ -8,4 +8,15 @@ #ugc_dates { display:none; } + + main .film .info .title, + main .film .info .edito, + main .film .info .cinema_lang, + main .film .info .screening { + display:inline-block; + } + main .film .info .edito .fa-edito { + margin-right:0; + margin-left:0.5em; + } } \ No newline at end of file diff --git a/style/_small_screen.scss b/style/_small_screen.scss index 783bd4f..7f23557 100644 --- a/style/_small_screen.scss +++ b/style/_small_screen.scss @@ -1,20 +1,60 @@ @media (max-width: 40.5em) { + /* Header */ + + body { + padding:0; + } + header #nav { font-size:2.5em; - margin: -0.4em -0.4em 0.4em; /* 1 / 2.5em */ - padding: 0.4em; - background:#CCC; + margin: 0; + padding: calc(2em / 2.5) calc(1em / 2.5); + background:white url(../images/logo_ugc.png) 50% 50% / 3em auto no-repeat; + } + + header #nav #ugc_days { + display:none; } header #nav #btn_settings { - padding: 0.25em 0.25em 0 0; + padding: 0.5em 0.5em 0 0; } - #ugc_days { + header .title { display:none; } + /* Main */ + + main { + margin-top:0; + border-top:1px solid #666; + } + + main .film { + margin-bottom:0; + border-bottom:1px solid #666; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + padding: 1em; + width: calc(100% - 2em) + } + + main .film .poster-container { + } + + main .film .bg { + display:none; + } + + main .film .info { + font-size: 2em; + padding:0 0 0 0.5em; + width: calc(100% - 0.5em - #{$poster_size}); + } + #buffer { width: 6em; height: 6em; diff --git a/style/ugc.css b/style/ugc.css index 9c2486a..68b3fcd 100644 --- a/style/ugc.css +++ b/style/ugc.css @@ -1,5 +1,5 @@ @CHARSET "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}/*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */@font-face{font-family:'FontAwesome';src:url("fontawesome-webfont.eot?v=4.3.0");src:url("fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),url("fontawesome-webfont.woff2?v=4.3.0") format("woff2"),url("fontawesome-webfont.woff?v=4.3.0") format("woff"),url("fontawesome-webfont.ttf?v=4.3.0") format("truetype"),url("fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#ffffff}.fa-gear:before{content:"\f013"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-underline:before{content:"\f0cd"}.fa-ol:before{content:"\f0cb"}.fa-ul:before{content:"\f03a"}body{margin:0;padding:1em;font-family:'Open Sans', sans-serif;font-size:1em;color:#222;background:white;min-width:30em}a{text-decoration:none;color:#222}a:hover{color:#08288B}h1{color:#08288B;margin:0 0 0.8em 0}h2{margin:0 0 1em 0;font-size:1.7em}select{border:none;background:transparent;color:#666;padding-right:1.5em}select+.fa-down{margin-left:-1em;color:#666}.inline{margin-right:0.5em}.button{background:#666;color:white;padding:0.1em 0.4em;border-radius:3px;cursor:pointer}.button:hover,.button.clicked{background:#08288B;color:white}.button.square{padding:0.2em}.button.no_bg{background:inherit;color:#666}.button.no_bg:hover,.button.no_bg.clicked{background:inherit;color:#08288B}.fa-film:before{content:"\f008"}.fa-trailer:before{content:"\f144"}.fa-spinner{color:#08288B;font-size:2em}.fa-spinner:before{content:"\f110"}.fa-cinema:before{content:"\f017"}.fa-date:before{content:"\f133"}.fa-power:before{content:"\f1b0"}.fa-edito:before{content:"\f0e7"}.fa-feedback:before{content:"\f0b0"}.fa-settings:before{content:"\f013"}.fa-ok:before{content:"\f00c"}.fa-down:before{content:"\f0d7"}header{margin:0;text-align:center}header #nav{text-align:left;position:relative;margin-bottom:0.7em}header #nav #btn_settings{font-size:1.5em;margin:0;padding:0 0.25em 0 0;position:absolute;right:0;top:0}header .title{color:#08288B;display:inline-block;padding-left:113px;background:url(../images/logo_ugc.png) 0 50% no-repeat}header .title time{display:inline-block;font-size:2em;padding:1.5em 0 1.5em 0.75em}main{margin-top:1em}#buffer{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:2em;height:2em;margin:auto;padding:0px}.film{position:relative;background:white;margin-bottom:1em;overflow:hidden;-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5)}.film img.bg{position:absolute;top:50%;margin-top:-25%;left:175px;right:0;bottom:0;width:calc(100% - 175px);opacity:0.2}.film img.poster{width:175px;display:block;z-index:2}.film .info{z-index:2;position:absolute;top:0;left:175px;padding-left:1em;width:calc(100% - 1em - 175px)}.film p{margin:0.5em 0}.film .title a.name{font-weight:bold}.film .title .edito{font-style:italic;margin-left:1em;color:#777}.film .timetable{margin-top:1em;font-size:0.8em}.film .timetable p{line-height:2.0;margin:0}.film .timetable .cinema{margin-right:0.5em}.film .timetable .cinema .fa{font-size:1.25em;line-height:0.7656249414em;vertical-align:-14.06250352%}.film .timetable .lang{margin-right:0.5em}#feedback{background:#EEE;padding:1em;font-size:0.6em;margin-bottom:1em;color:#999}#feedback p:FIRST-CHILD{margin-top:0}#feedback p:LAST-CHILD{margin-bottom:0}footer{font-size:0.8em;margin:1em 0 0 0;color:#08288B}.background{display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;background:white;opacity:0.5}#settings{display:none;position:absolute;top:0;left:0;right:0;margin:1em;padding:1em;background:white;-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);z-index:4}#settings h1{position:relative}#settings h1 .button{position:absolute;right:0}#settings #buffer_settings{text-align:center;margin:2em auto}#settings ul.cinemas{-webkit-column-count:2;-moz-column-count:2;column-count:2;list-style:none;padding:0;margin:0}#settings ul.cinemas li{cursor:pointer}#settings ul.cinemas li.include{font-weight:bold}@media (max-width: 40.5em){header #nav{font-size:2.5em;margin:-0.4em -0.4em 0.4em;padding:0.4em;background:#CCC}header #nav #btn_settings{padding:0.25em 0.25em 0 0}#ugc_days{display:none}#buffer{width:6em;height:6em}#buffer .fa{font-size:6em}}@media (min-width: 40.5em){body{max-width:50em;min-width:40.5em;margin:0px auto}#ugc_dates{display:none}} + */@font-face{font-family:'FontAwesome';src:url("fontawesome-webfont.eot?v=4.3.0");src:url("fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),url("fontawesome-webfont.woff2?v=4.3.0") format("woff2"),url("fontawesome-webfont.woff?v=4.3.0") format("woff"),url("fontawesome-webfont.ttf?v=4.3.0") format("truetype"),url("fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#ffffff}.fa-gear:before{content:"\f013"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-underline:before{content:"\f0cd"}.fa-ol:before{content:"\f0cb"}.fa-ul:before{content:"\f03a"}body{margin:0;padding:1em;font-family:'Open Sans', sans-serif;font-size:1em;color:#222;background:white;min-width:30em}a{text-decoration:none;color:#222}a:hover{color:#08288B}h1{color:#08288B;margin:0 0 0.8em 0}h2{margin:0 0 1em 0;font-size:1.7em}select{border:none;background:transparent;color:#666}.hide{display:none}.inline{margin-right:0.5em}.button{background:#666;color:white;padding:0.1em 0.4em;border-radius:3px;cursor:pointer}.button:hover,.button.clicked{background:#08288B;color:white}.button.square{padding:0.2em}.button.no_bg{background:none;color:#666}.button.no_bg:hover,.button.no_bg.clicked{background:inherit;color:#08288B}.fa-film:before{content:"\f008"}.fa-trailer:before{content:"\f144"}.fa-spinner{color:#08288B;font-size:2em}.fa-spinner:before{content:"\f110"}.fa-cinema:before{content:"\f017"}.fa-date:before{content:"\f133"}.fa-power:before{content:"\f1b0"}.fa-edito:before{content:"\f0e7"}.fa-feedback:before{content:"\f0b0"}.fa-settings:before{content:"\f013"}.fa-ok:before{content:"\f00c"}.fa-down:before{content:"\f0d7"}header{margin:0;text-align:center}header #nav{text-align:left;position:relative;margin-bottom:0.7em}header #nav #btn_settings{font-size:1.5em;margin:0;padding:0 0.25em 0 0;position:absolute;right:0;top:0}header .title{color:#08288B;display:inline-block;padding-left:113px;background:url(../images/logo_ugc.png) 0 50% no-repeat}header .title time{display:inline-block;font-size:2em;padding:1.5em 0 1.5em 0.75em}main{margin-top:1em}#buffer{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:2em;height:2em;margin:auto;padding:0px}.film{position:relative;display:inline-block;background:white;margin-bottom:1em;overflow:hidden;width:100%;-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5)}.film *{transform:translate(0px, 0px)}.film img.bg{position:absolute;top:50%;margin-top:-25%;left:175px;right:0;bottom:0;opacity:0.2;width:calc(100% - 175px)}.film .poster-container{display:inline-block}.film img.poster{width:175px;z-index:2;vertical-align:top}.film .info{z-index:2;display:inline-block;vertical-align:top;padding:1em;width:calc(100% - 2em - 175px)}.film p{margin:0.5em 0}.film .title{margin-top:0}.film .title a.name{font-weight:bold}.film .edito{font-style:italic;color:#777}.film .timetable{margin-top:1em;font-size:0.8em}.film .timetable p{line-height:2.0;margin:0}.film .timetable .cinema{margin-right:0.5em}.film .timetable .cinema .fa{font-size:1.25em;line-height:0.7656249414em;vertical-align:-14.06250352%}.film .timetable .lang{margin-right:0.5em}#feedback{background:#EEE;padding:1em;font-size:0.6em;margin-bottom:1em;color:#999}#feedback p:FIRST-CHILD{margin-top:0}#feedback p:LAST-CHILD{margin-bottom:0}footer{font-size:0.8em;margin:1em 0 0 0;color:#08288B}.background{display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;background:white;opacity:0.5}#settings{display:none;position:absolute;top:0;left:0;right:0;margin:1em;padding:1em;background:white;-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);z-index:4}#settings h1{position:relative}#settings h1 .button{position:absolute;right:0}#settings #buffer_settings{text-align:center;margin:2em auto}#settings ul.cinemas{-webkit-column-count:2;-moz-column-count:2;column-count:2;list-style:none;padding:0;margin:0}#settings ul.cinemas li{cursor:pointer}#settings ul.cinemas li.include{font-weight:bold}@media (max-width: 40.5em){body{padding:0}header #nav{font-size:2.5em;margin:0;padding:calc(2em / 2.5) calc(1em / 2.5);background:#fff url(../images/logo_ugc.png) 50% 50%/3em auto no-repeat}header #nav #ugc_days{display:none}header #nav #btn_settings{padding:0.5em 0.5em 0 0}header .title{display:none}main{margin-top:0;border-top:1px solid #666}main .film{margin-bottom:0;border-bottom:1px solid #666;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:1em;width:calc(100% - 2em)}main .film .bg{display:none}main .film .info{font-size:2em;padding:0 0 0 0.5em;width:calc(100% - 0.5em - 175px)}#buffer{width:6em;height:6em}#buffer .fa{font-size:6em}}@media (min-width: 40.5em){body{max-width:50em;min-width:40.5em;margin:0px auto}#ugc_dates{display:none}main .film .info .title,main .film .info .edito,main .film .info .cinema_lang,main .film .info .screening{display:inline-block}main .film .info .edito .fa-edito{margin-right:0;margin-left:0.5em}} /*# sourceMappingURL=ugc.css.map */