|
|
@@ -0,0 +1,693 @@
|
|
|
+/* @override http://magicbullet.local/phf/wp-content/themes/ph/css/responsive.css */
|
|
|
+
|
|
|
+
|
|
|
+/** /\/\/*** GRID ***\/\/\/ **/
|
|
|
+
|
|
|
+.container {
|
|
|
+ padding: 0 30px;
|
|
|
+ max-width: 931px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+.row {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 1240px;
|
|
|
+ margin: 0 auto;
|
|
|
+ overflow: hidden;}
|
|
|
+.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .slidecol {
|
|
|
+ margin-right: 2.9%;
|
|
|
+ float: left;
|
|
|
+ min-height: 1px;
|
|
|
+ }
|
|
|
+.row .onecol {width: 4.85%;}
|
|
|
+.row .twocol {width: 13.45%;}
|
|
|
+.row .threecol {width: 22.05%;}
|
|
|
+.row .fourcol {width: 30.75%;}
|
|
|
+.row .slidecol {width: 30%;}
|
|
|
+.row .fivecol {width: 39.45%;}
|
|
|
+.row .sixcol {width: 47%;}
|
|
|
+.row .sevencol {width: 56.75%;}
|
|
|
+.row .eightcol {width: 65.4%;}
|
|
|
+.row .ninecol {width: 74.05%;}
|
|
|
+.row .tencol {width: 82.7%;}
|
|
|
+.row .elevencol {width: 91.35%;}
|
|
|
+.row .twelvecol {width: 100%;float: left;}
|
|
|
+.last {margin-right: 0px;}
|
|
|
+img, object, embed {max-width: 100%;}
|
|
|
+img {height: auto;}
|
|
|
+
|
|
|
+.eightcol.centered {
|
|
|
+ margin: 40px auto;
|
|
|
+ float: none;
|
|
|
+}
|
|
|
+
|
|
|
+.filmrow {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 1240px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+/** /\/\/*** MEDIA TYPES ***\/\/\/ **/
|
|
|
+
|
|
|
+/*HD full screen 1290x1080 */
|
|
|
+@media only screen and (min-width: 1901px) {
|
|
|
+
|
|
|
+ body {
|
|
|
+ font-size: 0.8em;
|
|
|
+ line-height: 1.5em;
|
|
|
+ }
|
|
|
+ h1.josefin {
|
|
|
+ font-size: 27px;
|
|
|
+ line-height: 21px;
|
|
|
+ letter-spacing:7px;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+/* tablets (ipad 3 is sized to default desktop)*/
|
|
|
+@media only screen
|
|
|
+ and (min-width : 641px)
|
|
|
+ and (max-width: 767px) {
|
|
|
+ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
|
|
|
+ body {
|
|
|
+ font-size: 16px;
|
|
|
+ -webkit-text-size-adjust: none;
|
|
|
+ }
|
|
|
+ h1.josefin {
|
|
|
+ font-size: 19px;
|
|
|
+ line-height: 21px;
|
|
|
+ letter-spacing:3px;
|
|
|
+ }
|
|
|
+ h2.josefin {
|
|
|
+ font-size: 15px;
|
|
|
+ line-height: 17px;
|
|
|
+ letter-spacing: 5px;
|
|
|
+ }
|
|
|
+ .elsewhere p {
|
|
|
+ font-family:WebSymbolsRegular;
|
|
|
+ font-size: 17px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+
|
|
|
+ img.logo {
|
|
|
+ margin-bottom: 0px;
|
|
|
+ padding-bottom: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .row {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 767px;
|
|
|
+ margin: 0 auto;
|
|
|
+ overflow: hidden;}
|
|
|
+ .twocol, .threecol, .fourcol, .sixcol, .eightcol, .tencol {
|
|
|
+ margin-right: 2.5%;
|
|
|
+ float: left;
|
|
|
+ min-height: 1px;
|
|
|
+ }
|
|
|
+ .row .onecol {width: 4.85%;}
|
|
|
+ .row .twocol {width: 13.45%;}
|
|
|
+ .row .threecol {width: 22.05%;}
|
|
|
+ .row .fourcol {width: 30.75%;}
|
|
|
+ .row .fivecol {width: 39.45%;}
|
|
|
+ .row .sixcol {width: 47%;}
|
|
|
+ .row .sevencol {width: 56.75%;}
|
|
|
+ .row .eightcol {width: 65.4%;}
|
|
|
+ .row .ninecol {width: 74.05%;}
|
|
|
+ .row .tencol {width: 82.7%;}
|
|
|
+ .row .elevencol {width: 91.35%;}
|
|
|
+ .row .twelvecol {width: 100%;float: left;}
|
|
|
+ img, object, embed {max-width: 100%;}
|
|
|
+ img {height: auto;}
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* iPhone5 */
|
|
|
+@media screen and (device-aspect-ratio: 40/71) {
|
|
|
+ header h1.title {
|
|
|
+ margin: 14px 0 0 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ h2.josefin {
|
|
|
+ font-size: 11px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 15px;
|
|
|
+ }
|
|
|
+ nav h2.josefin {
|
|
|
+ margin: 0 0 20px;
|
|
|
+ letter-spacing:0px;
|
|
|
+ text-shadow: none;
|
|
|
+ font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
|
|
|
+ color: #cecece;
|
|
|
+ }
|
|
|
+ .search {
|
|
|
+ display:none;
|
|
|
+ }
|
|
|
+ .slided li {
|
|
|
+ list-style: none;
|
|
|
+ margin: 0px 0 10px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* iphone4 and other small screens */
|
|
|
+@media only screen and (max-width: 480px) {
|
|
|
+
|
|
|
+ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
|
|
|
+ body {
|
|
|
+ font-size: 16px;
|
|
|
+ -webkit-text-size-adjust: none;
|
|
|
+ }
|
|
|
+ header .head-secondary {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .slided img {
|
|
|
+ max-height: 300px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .slided li {
|
|
|
+ list-style: none;
|
|
|
+ margin: 0px 0 10px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .search {
|
|
|
+ display:none;
|
|
|
+ }
|
|
|
+ .slided a.film-next {
|
|
|
+ display:none;
|
|
|
+ }
|
|
|
+ .slided a.film-prev {
|
|
|
+ display:none;
|
|
|
+ }
|
|
|
+ header img.logo {
|
|
|
+ float: left;
|
|
|
+ margin: -20px 10px 0 0;
|
|
|
+ width: 90px;
|
|
|
+ }
|
|
|
+ h1.josefin {
|
|
|
+ font-size: 17px;
|
|
|
+ line-height: 21px;
|
|
|
+ letter-spacing:2px;
|
|
|
+ }
|
|
|
+ header h1.title {
|
|
|
+ margin: 14px 0 0 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ h2.josefin {
|
|
|
+ font-size: 11px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 15px;
|
|
|
+ }
|
|
|
+ nav h2.josefin {
|
|
|
+ margin: 0 0 20px;
|
|
|
+ letter-spacing:0px;
|
|
|
+ text-shadow: none;
|
|
|
+ font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
|
|
|
+ color: #cecece;
|
|
|
+}
|
|
|
+ nav {
|
|
|
+ margin: 10px auto 0;
|
|
|
+ clear: left;
|
|
|
+ }
|
|
|
+ .info{
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .row, body, .container {
|
|
|
+ width: 100%;
|
|
|
+ min-width: 0;
|
|
|
+ margin-left: 0px;
|
|
|
+ margin-right: 0px;
|
|
|
+ padding-left: 0px;
|
|
|
+ padding-right: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, .row .slidecol {
|
|
|
+ width: auto;
|
|
|
+ float: none;
|
|
|
+ margin-left: 0px;
|
|
|
+ margin-right: 0px;
|
|
|
+ padding-left: 5px;
|
|
|
+ padding-right: 5px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/*PRINT*/
|
|
|
+@media print {
|
|
|
+ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
|
|
|
+ -ms-filter: none !important; }
|
|
|
+ a, a:visited { color: #222 !important; text-decoration: underline; }
|
|
|
+ a[href]:after { content: " (" attr(href) ")"; }
|
|
|
+ abbr[title]:after { content: " (" attr(title) ")"; }
|
|
|
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
|
|
|
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
|
|
+ thead { display: table-header-group; }
|
|
|
+ tr, img { page-break-inside: avoid; }
|
|
|
+ @page { margin: 0.5cm; }
|
|
|
+ p, h2, h3 { orphans: 3; widows: 3; }
|
|
|
+ h2, h3{ page-break-after: avoid; }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* http://dimsemenov.com/plugins/magnific-popup/ - Dmitry Semenov */
|
|
|
+
|
|
|
+
|
|
|
+.mfp-fade.mfp-bg {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transition: all 0.15s ease-out;
|
|
|
+ -moz-transition: all 0.15s ease-out;
|
|
|
+ transition: all 0.15s ease-out;
|
|
|
+ }
|
|
|
+ .mfp-fade.mfp-bg.mfp-ready {
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+ .mfp-fade.mfp-bg.mfp-removing {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mfp-fade.mfp-wrap .mfp-content {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transition: all 0.15s ease-out;
|
|
|
+ -moz-transition: all 0.15s ease-out;
|
|
|
+ transition: all 0.15s ease-out;
|
|
|
+ }
|
|
|
+ .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ .mfp-no-margins img.mfp-img {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ /* position of shadow behind the image */
|
|
|
+ .mfp-no-margins .mfp-figure:after {
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
+ /* padding for main container */
|
|
|
+ .mfp-no-margins .mfp-container {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* Magnific Popup CSS */
|
|
|
+.mfp-bg {
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 502;
|
|
|
+ overflow: hidden;
|
|
|
+ position: fixed;
|
|
|
+ background: #0b0b0b;
|
|
|
+ opacity: 0.8;
|
|
|
+ filter: alpha(opacity=80); }
|
|
|
+
|
|
|
+.mfp-wrap {
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 503;
|
|
|
+ position: fixed;
|
|
|
+ outline: none !important;
|
|
|
+ -webkit-backface-visibility: hidden; }
|
|
|
+
|
|
|
+.mfp-container {
|
|
|
+ height: 100%;
|
|
|
+ text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ padding: 0 8px;
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ -moz-box-sizing: border-box;
|
|
|
+ box-sizing: border-box; }
|
|
|
+
|
|
|
+.mfp-container:before {
|
|
|
+ content: '';
|
|
|
+ display: inline-block;
|
|
|
+ height: 100%;
|
|
|
+ vertical-align: middle; }
|
|
|
+
|
|
|
+.mfp-align-top .mfp-container:before {
|
|
|
+ display: none; }
|
|
|
+
|
|
|
+.mfp-content {
|
|
|
+ position: relative;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: left;
|
|
|
+ z-index: 505; }
|
|
|
+
|
|
|
+.mfp-inline-holder .mfp-content,
|
|
|
+.mfp-ajax-holder .mfp-content {
|
|
|
+ width: 100%;
|
|
|
+ cursor: auto; }
|
|
|
+
|
|
|
+.mfp-ajax-cur {
|
|
|
+ cursor: progress; }
|
|
|
+
|
|
|
+.mfp-zoom-out-cur,
|
|
|
+.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
|
|
+ cursor: -moz-zoom-out;
|
|
|
+ cursor: -webkit-zoom-out;
|
|
|
+ cursor: zoom-out; }
|
|
|
+
|
|
|
+.mfp-zoom {
|
|
|
+ cursor: pointer;
|
|
|
+ cursor: -webkit-zoom-in;
|
|
|
+ cursor: -moz-zoom-in;
|
|
|
+ cursor: zoom-in; }
|
|
|
+
|
|
|
+.mfp-auto-cursor .mfp-content {
|
|
|
+ cursor: auto; }
|
|
|
+
|
|
|
+.mfp-close,
|
|
|
+.mfp-arrow,
|
|
|
+.mfp-preloader,
|
|
|
+.mfp-counter {
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ user-select: none; }
|
|
|
+
|
|
|
+.mfp-loading.mfp-figure {
|
|
|
+ display: none; }
|
|
|
+
|
|
|
+.mfp-hide {
|
|
|
+ display: none !important; }
|
|
|
+
|
|
|
+.mfp-preloader {
|
|
|
+ color: #cccccc;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ width: auto;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: -0.8em;
|
|
|
+ left: 8px;
|
|
|
+ right: 8px;
|
|
|
+ z-index: 504; }
|
|
|
+
|
|
|
+.mfp-preloader a {
|
|
|
+ color: #cccccc; }
|
|
|
+
|
|
|
+.mfp-preloader a:hover {
|
|
|
+ color: white; }
|
|
|
+
|
|
|
+.mfp-s-ready .mfp-preloader {
|
|
|
+ display: none; }
|
|
|
+
|
|
|
+.mfp-s-error .mfp-content {
|
|
|
+ display: none; }
|
|
|
+
|
|
|
+button.mfp-close,
|
|
|
+button.mfp-arrow {
|
|
|
+ overflow: visible;
|
|
|
+ cursor: pointer;
|
|
|
+ background: transparent;
|
|
|
+ border: 0;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ display: block;
|
|
|
+ padding: 0;
|
|
|
+ z-index: 506; }
|
|
|
+
|
|
|
+button::-moz-focus-inner {
|
|
|
+ padding: 0;
|
|
|
+ border: 0; }
|
|
|
+
|
|
|
+.mfp-close {
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ text-decoration: none;
|
|
|
+ text-align: center;
|
|
|
+ opacity: 0.65;
|
|
|
+ padding: 0 0 18px 10px;
|
|
|
+ color: white;
|
|
|
+ font-style: normal;
|
|
|
+ font-size: 28px;
|
|
|
+ font-family: Arial, Baskerville, monospace; }
|
|
|
+ .mfp-close:hover, .mfp-close:focus {
|
|
|
+ opacity: 1; }
|
|
|
+ .mfp-close:active {
|
|
|
+ top: 1px; }
|
|
|
+
|
|
|
+.mfp-close-btn-in .mfp-close {
|
|
|
+ color: #333333; }
|
|
|
+
|
|
|
+.mfp-image-holder .mfp-close,
|
|
|
+.mfp-iframe-holder .mfp-close {
|
|
|
+ color: white;
|
|
|
+ right: -6px;
|
|
|
+ text-align: right;
|
|
|
+ padding-right: 6px;
|
|
|
+ width: 100%; }
|
|
|
+
|
|
|
+.mfp-counter {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ color: #cccccc;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 18px; }
|
|
|
+
|
|
|
+.mfp-arrow {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ opacity: 0.65;
|
|
|
+ margin: 0;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -55px;
|
|
|
+ padding: 0;
|
|
|
+ width: 90px;
|
|
|
+ height: 110px;
|
|
|
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
|
|
+
|
|
|
+.mfp-arrow:active {
|
|
|
+ margin-top: -54px; }
|
|
|
+
|
|
|
+.mfp-arrow:hover,
|
|
|
+.mfp-arrow:focus {
|
|
|
+ opacity: 1; }
|
|
|
+
|
|
|
+.mfp-arrow:before, .mfp-arrow:after,
|
|
|
+.mfp-arrow .mfp-b,
|
|
|
+.mfp-arrow .mfp-a {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ margin-top: 35px;
|
|
|
+ margin-left: 35px;
|
|
|
+ border: solid transparent; }
|
|
|
+.mfp-arrow:after,
|
|
|
+.mfp-arrow .mfp-a {
|
|
|
+ opacity: 0.8;
|
|
|
+ border-top-width: 12px;
|
|
|
+ border-bottom-width: 12px;
|
|
|
+ top: 8px; }
|
|
|
+.mfp-arrow:before,
|
|
|
+.mfp-arrow .mfp-b {
|
|
|
+ border-top-width: 20px;
|
|
|
+ border-bottom-width: 20px; }
|
|
|
+
|
|
|
+.mfp-arrow-left {
|
|
|
+ left: 0; }
|
|
|
+ .mfp-arrow-left:after,
|
|
|
+ .mfp-arrow-left .mfp-a {
|
|
|
+ border-right: 12px solid black;
|
|
|
+ left: 5px; }
|
|
|
+ .mfp-arrow-left:before,
|
|
|
+ .mfp-arrow-left .mfp-b {
|
|
|
+ border-right: 20px solid white; }
|
|
|
+
|
|
|
+.mfp-arrow-right {
|
|
|
+ right: 0; }
|
|
|
+ .mfp-arrow-right:after,
|
|
|
+ .mfp-arrow-right .mfp-a {
|
|
|
+ border-left: 12px solid black;
|
|
|
+ left: 3px; }
|
|
|
+ .mfp-arrow-right:before,
|
|
|
+ .mfp-arrow-right .mfp-b {
|
|
|
+ border-left: 20px solid white; }
|
|
|
+
|
|
|
+.mfp-iframe-holder {
|
|
|
+ padding-top: 40px;
|
|
|
+ padding-bottom: 40px; }
|
|
|
+
|
|
|
+.mfp-iframe-holder .mfp-content {
|
|
|
+ line-height: 0;
|
|
|
+ width: 100%;
|
|
|
+ max-width: 900px; }
|
|
|
+
|
|
|
+.mfp-iframe-scaler {
|
|
|
+ width: 100%;
|
|
|
+ height: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ padding-top: 56.25%; }
|
|
|
+
|
|
|
+.mfp-iframe-scaler iframe {
|
|
|
+ position: absolute;
|
|
|
+ top: -3px;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
|
+ background: black; }
|
|
|
+
|
|
|
+.mfp-iframe-holder .mfp-close {
|
|
|
+ top: -43px; }
|
|
|
+
|
|
|
+/* Main image in popup */
|
|
|
+img.mfp-img {
|
|
|
+ width: auto;
|
|
|
+ max-width: 100%;
|
|
|
+ height: auto;
|
|
|
+ display: block;
|
|
|
+ line-height: 0;
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ -moz-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 40px 0 40px;
|
|
|
+ margin: 0 auto; }
|
|
|
+
|
|
|
+/* The shadow behind the image */
|
|
|
+.mfp-figure:after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 40px;
|
|
|
+ bottom: 40px;
|
|
|
+ display: block;
|
|
|
+ right: 0;
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ z-index: -1;
|
|
|
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
|
|
|
+
|
|
|
+.mfp-figure {
|
|
|
+ line-height: 0; }
|
|
|
+
|
|
|
+.mfp-bottom-bar {
|
|
|
+ margin-top: -36px;
|
|
|
+ position: absolute;
|
|
|
+ top: 100%;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ cursor: auto; }
|
|
|
+
|
|
|
+.mfp-title {
|
|
|
+ text-align: left;
|
|
|
+ line-height: 18px;
|
|
|
+ color: #f3f3f3;
|
|
|
+ word-break: break-word;
|
|
|
+ padding-right: 36px; }
|
|
|
+
|
|
|
+.mfp-figure small {
|
|
|
+ color: #bdbdbd;
|
|
|
+ display: block;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 14px; }
|
|
|
+
|
|
|
+.mfp-image-holder .mfp-content {
|
|
|
+ max-width: 100%; }
|
|
|
+
|
|
|
+.mfp-gallery .mfp-image-holder .mfp-figure {
|
|
|
+ cursor: pointer; }
|
|
|
+
|
|
|
+@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
|
|
+ /**
|
|
|
+ * Remove all paddings around the image on small screen
|
|
|
+ */
|
|
|
+ .mfp-img-mobile .mfp-image-holder {
|
|
|
+ padding-left: 0;
|
|
|
+ padding-right: 0; }
|
|
|
+
|
|
|
+ .mfp-img-mobile img.mfp-img {
|
|
|
+ padding: 0; }
|
|
|
+
|
|
|
+ /* The shadow behind the image */
|
|
|
+ .mfp-img-mobile .mfp-figure:after {
|
|
|
+ top: 0;
|
|
|
+ bottom: 0; }
|
|
|
+
|
|
|
+ .mfp-img-mobile .mfp-bottom-bar {
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ bottom: 0;
|
|
|
+ margin: 0;
|
|
|
+ top: auto;
|
|
|
+ padding: 3px 5px;
|
|
|
+ position: fixed;
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ -moz-box-sizing: border-box;
|
|
|
+ box-sizing: border-box; }
|
|
|
+
|
|
|
+ .mfp-img-mobile .mfp-bottom-bar:empty {
|
|
|
+ padding: 0; }
|
|
|
+
|
|
|
+ .mfp-img-mobile .mfp-counter {
|
|
|
+ right: 5px;
|
|
|
+ top: 3px; }
|
|
|
+
|
|
|
+ .mfp-img-mobile .mfp-close {
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 35px;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ position: fixed;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0; }
|
|
|
+
|
|
|
+ .mfp-img-mobile .mfp-figure small {
|
|
|
+ display: inline;
|
|
|
+ margin-left: 5px; } }
|
|
|
+@media all and (max-width: 800px) {
|
|
|
+ .mfp-arrow {
|
|
|
+ -webkit-transform: scale(0.75);
|
|
|
+ transform: scale(0.75); }
|
|
|
+
|
|
|
+ .mfp-arrow-left {
|
|
|
+ -webkit-transform-origin: 0;
|
|
|
+ transform-origin: 0; }
|
|
|
+
|
|
|
+ .mfp-arrow-right {
|
|
|
+ -webkit-transform-origin: 100%;
|
|
|
+ transform-origin: 100%; }
|
|
|
+
|
|
|
+ .mfp-container {
|
|
|
+ padding-left: 6px;
|
|
|
+ padding-right: 6px; } }
|
|
|
+.mfp-ie7 .mfp-img {
|
|
|
+ padding: 0; }
|
|
|
+.mfp-ie7 .mfp-bottom-bar {
|
|
|
+ width: 600px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -300px;
|
|
|
+ margin-top: 5px;
|
|
|
+ padding-bottom: 5px; }
|
|
|
+.mfp-ie7 .mfp-container {
|
|
|
+ padding: 0; }
|
|
|
+.mfp-ie7 .mfp-content {
|
|
|
+ padding-top: 44px; }
|
|
|
+.mfp-ie7 .mfp-close {
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ padding-top: 0; }
|
