/* generated 2016-06-01T11:33:15+09:00 */ /********** * file: 0-version.css * */ /** * Videogram Style * Embed player 2014 * */ /********** * file: 1-reset.css * */ /* embed 2014 */ body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strike, strong, sub, sup, b, u, i, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; vertical-align: baseline; background-color: transparent; background-repeat: no-repeat; } body { line-height: 1; } u { text-decoration: inherit; } ol, ul { list-style: none; } img { vertical-align: bottom; background-color: transparent; } /* remember to define focus styles! */ :focus { outline: 0; } a img { border: none; } /********** * file: 2-page.css * */ html { height: 100%; width: 100%; overflow: hidden; } body { background-color: #222326; color: white; font-family: 'Avenir LT Std','Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; overflow: hidden; font-family: 'Avenir LT Std','Lato'; font-weight: 300; height: 100%; margin: 0; position: relative; overflow: hidden; } a { color: #2abcff; text-decoration: none; } #fullscreen-box, #manga-layer { width: 100%; height: 100%; } #fb-root { /* if it's visible the positioning * makes a HUGE mess of the side menus */ display: none; } h6, .clear { clear: both; height: 0 !important; padding: 0 !important; margin: 0 !important; } /********** * file: ab-test.css * */ .abtest-single #manga-layer #grid { height: 100%; } .abtest-single #manga-controls, .abtest-single #player-layer, .abtest-single #keyframe-animate-layer.visible { display: none; } .abtest-single #video-layer.with-player { width: 100%; height: 100%; } .abtest-single #keyframe-animate-layer.visible { display: none; } .abtest-single #grid .vg-manga-grid div p { zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } /********** * file: adframe.css * */ #adframe-layer { width: 100%; height: 100%; position: absolute; top: 0; right: -100%; z-index: 6000; overflow: hidden; background-color: rgba(0, 0, 0, 0.600); padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: right 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -moz-transition: right 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -webkit-transition: right 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -o-transition: right 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; } #adframe-layer.visible { transition: right 0s, visibility 0s, opacity 0.5s ease; -moz-transition: right 0s, visibility 0s, opacity 0.5s ease; -webkit-transition: right 0s, visibility 0s, opacity 0.5s ease; -o-transition: right 0s, visibility 0s, opacity 0.5s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; right: 0; } .close-button { position: absolute; z-index: 6500; top: 2px; right: 2px; width: 30px; height: 0; padding-top: 30px; overflow: hidden; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID4gIDxjaXJjbGUgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2U9IiM5OTkiIGZpbGw9Im5vbmUiIHI9IjQ1IiBjeT0iNTAiIGN4PSI1MCI+PC9jaXJjbGU+PGcgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2U9IndoaXRlIiBmaWxsPSJibGFjayI+ICA8Y2lyY2xlIHI9IjQ1IiBjeT0iNTAiIGN4PSI1MCI+PC9jaXJjbGU+ICA8cGF0aCBkPSJNMzAsMzAgTDcwLDcwIE0zMCw3MCBMIDcwLDMwIj48L3BhdGg+PC9nPiA8L3N2Zz4="); background-position: 50%; } .close-button:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID4gIDxjaXJjbGUgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2U9IiM5OTkiIGZpbGw9Im5vbmUiIHI9IjQ1IiBjeT0iNTAiIGN4PSI1MCI+PC9jaXJjbGU+PGcgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2U9IndoaXRlIiBmaWxsPSIjMmFiY2ZmIj4gIDxjaXJjbGUgcj0iNDUiIGN5PSI1MCIgY3g9IjUwIj48L2NpcmNsZT4gIDxwYXRoIGQ9Ik0zMCwzMCBMNzAsNzAgTTMwLDcwIEwgNzAsMzAiPjwvcGF0aD48L2c+IDwvc3ZnPg=="); } #adframe-layer .close-button { display: none; } #adframe-layer.visible .close-button { display: block; } #adframe-layer iframe { border: none; background-color: transparent; width: 100%; height: 100%; } /********** * file: comment-layer.css * */ #comment-layer { width: 100%; height: 100%; background-color: #2e2f32; position: absolute; top: 0; left: -100%; z-index: 2000; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -moz-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -webkit-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -o-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; } #comment-layer.visible { transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -moz-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -webkit-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -o-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; left: 0; } #comment-layer .window-controls { width: -webkit-calc( 100% - 270px ); width: -webkit-calc( 100% - 270px ); width: -moz-calc( 100% - 270px ); width: calc( 100% - 270px ); /* no need to manual calc - fullscreen hidden on mobile */ } #comment-layer .comment-header { width: -webkit-calc( 100% - 270px ); width: -webkit-calc( 100% - 270px ); width: -moz-calc( 100% - 270px ); width: calc( 100% - 270px ); height: 115px; xbackground-color: #FF0; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 50px; overflow: hidden; } /* post form */ .comment-form { width: 100%; height: 40px; overflow: hidden; margin-bottom: 30px; } .comment-form .comment-text { width: -webkit-calc( 100% - 97px ); width: -webkit-calc( 100% - 97px ); width: -moz-calc( 100% - 97px ); width: calc( 100% - 97px ); height: inherit; } .comment-form .comment-post { float: right; width: 90px; height: 40px; } .comment-form button { display: inline-block; width: 85px; height: 41px; font-size: 16px; font-weight: 300; font-family: 'Avenir LT Std', Lato; background-color: #2BBCFF; border: 1px solid #5F6167; padding: 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-align: center; color: #000; transition: background-color 0.15s ease-in 0s,color 0.15s ease-in 0s,border-color 0.15s ease-in 0s; -moz-transition: background-color 0.15s ease-in 0s,color 0.15s ease-in 0s,border-color 0.15s ease-in 0s; -webkit-transition: background-color 0.15s ease-in 0s,color 0.15s ease-in 0s,border-color 0.15s ease-in 0s; -o-transition: background-color 0.15s ease-in 0s,color 0.15s ease-in 0s,border-color 0.15s ease-in 0s; } .comment-form button.post { width: 85px; height: 41px; cursor: pointer; } .comment-form button.icon { width: 41px; height: 0px; margin-top: 4px; padding: 30px 0 0; background-repeat: no-repeat; background-position: 50%; background-size: 15px 15px; background-color: #222326; border: none; -webkit-appearance: none; transition: height 0.15s ease-in 0s; -moz-transition: height 0.15s ease-in 0s; -webkit-transition: height 0.15s ease-in 0s; -o-transition: height 0.15s ease-in 0s; overflow: hidden; } .comment-form textarea { width: 100%; height: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid transparent; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #222326 no-repeat 16px 7px; background-size: 22px 22px; padding: 10px 5px 7px 10px; color: white; outline: none; -webkit-appearance: none; font-family: 'Avenir LT Std', Lato; font-size: 16px; transition: height 0.15s ease-in 0s, background-color 0.15s ease-in 0s, color 0.15s ease-in 0s, border-color 0.15s ease-in 0s ; -moz-transition: height 0.15s ease-in 0s, background-color 0.15s ease-in 0s, color 0.15s ease-in 0s, border-color 0.15s ease-in 0s ; -webkit-transition: height 0.15s ease-in 0s, background-color 0.15s ease-in 0s, color 0.15s ease-in 0s, border-color 0.15s ease-in 0s ; -o-transition: height 0.15s ease-in 0s, background-color 0.15s ease-in 0s, color 0.15s ease-in 0s, border-color 0.15s ease-in 0s ; } .comment-form textarea::-webkit-input-placeholder { color: #5f6167; } .comment-form textarea::-moz-placeholder { color: #5f6167; } .comment-form textarea:-ms-input-placeholder { color: #5f6167; } #new-comment-text.processing, .comment-form button.processing { background-color: #8a8a8a; color: #aaa; } .comment-sort { position: relative; } .comment-sort span.by { color: #52555C; margin-right: 10px; } #comment-layer .comment-sort b { color: #ACAEB3; font-weight: 300; cursor: pointer; } #comment-layer .comment-sort b:after { content:' ▾'; } .comment-sort ul { display: none; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; margin-left: 25px; background: #222326; position: absolute; bottom: 0; z-index: 50; } .comment-sort ul.visible { display: block; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } .comment-sort ul li { padding: 10px; cursor: pointer; white-space: nowrap; } .comment-sort ul li:hover { background-color: #3A3C41; } #comment-layer h4 { /* comment count */ color: #ACAEB3; font-size: 1.2em; padding: 0 10px 10px; border-bottom: 1px solid #222326; } #comment-layer h3 { /* comment sorter */ float: right; font-size: 0.9em; font-weight: 300; color: #acaeb3; } #comment-layer h3 b { color: #52555c; padding-right: 10px; } #comment-layer h3 select, #comment-layer h3 select option { -webkit-appearance: none; background-color: #222326; border: none; padding: 5px; color: #ACAEB3; font-family: 'Avenir LT Std','Lato'; font-size: 14px; } #comment-layer .comments-window { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; width: 100%; height: -webkit-calc( 100% - 165px ); height: -webkit-calc( 100% - 165px ); height: -moz-calc( 100% - 165px ); height: calc( 100% - 165px ); position: absolute; bottom: 0; } #comment-layer .comments-slider { width: 100%; height: auto; padding: 10px; } #comment-layer .comment { margin-bottom: 40px; } #comment-layer .meta img { float: left; margin: 0 8px 8px; width: 30px; max-height: 30px; } #comment-layer .comment-created, #comment-layer .name { color: #777A82; font-size: 14px; font-weight: 600; } #comment-layer .name { color: #E1E2E4; line-height: 17px; display: block; } #comment-layer .name:after { content: "\A"; white-space: pre; } #comment-layer .comment p.text { color: #E1E2E4; font-weight: 600; clear: left; margin: 10px 0 10px; } #comment-layer .play-from-time img { width: auto; height: 120px; position: absolute; left: 65px; top: -60px; border: 2px solid #222326; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: visibility 0s 0.3s, opacity 0.3s ease; -moz-transition: visibility 0s 0.3s, opacity 0.3s ease; -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease; -o-transition: visibility 0s 0.3s, opacity 0.3s ease; } #comment-layer .play-from-time:hover img { transition: visibility 0s, opacity 0.3s ease; -moz-transition: visibility 0s, opacity 0.3s ease; -webkit-transition: visibility 0s, opacity 0.3s ease; -o-transition: visibility 0s, opacity 0.3s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } /* expanded comment box */ .comments-window {transition: height 0.15s ease-in 0s; -moz-transition: height 0.15s ease-in 0s; -webkit-transition: height 0.15s ease-in 0s; -o-transition: height 0.15s ease-in 0s; } .comment-form {transition: height 0.15s ease-in 0s; -moz-transition: height 0.15s ease-in 0s; -webkit-transition: height 0.15s ease-in 0s; -o-transition: height 0.15s ease-in 0s; } .comment-form textarea {transition: height 0.15s ease-in 0s; -moz-transition: height 0.15s ease-in 0s; -webkit-transition: height 0.15s ease-in 0s; -o-transition: height 0.15s ease-in 0s; } /* #comment-layer.writing-comment .comments-window { height: -webkit-calc( 100% - 210px ); height: -moz-calc( 100% - 210px ); height: calc( 100% - 210px ); } */ #comment-layer.writing-comment .comment-form { height: 115px; } #comment-layer.writing-comment .comment-form textarea { height: 99px; border: 1px solid rgba(43, 188, 255, 0.5); } #comment-layer.writing-comment .comment-form button.icon { height: 30px; } /********** * file: common-items.css * */ .disabled { cursor: not-allowed; } /********** * file: empty.css * */ /********** * file: grid.css * */ #grid.has-focus img, #grid:hover img { zoom: 1; filter: alpha(opacity=60); opacity: 0.600000; } .vg-manga-grid div { transition: opacity 0.10s ease-in 0s, outline-color 0.10s ease-in 0s; -moz-transition: opacity 0.10s ease-in 0s, outline-color 0.10s ease-in 0s; -webkit-transition: opacity 0.10s ease-in 0s, outline-color 0.10s ease-in 0s; -o-transition: opacity 0.10s ease-in 0s, outline-color 0.10s ease-in 0s; position: absolute; z-index: 10; outline-style: solid; outline-width: 2px; outline-color: rgba(0, 0, 0, 0); cursor: pointer; overflow: hidden; } #grid div p { position: absolute; z-index: 50; text-align: center; width: 100%; color: #FFF; text-shadow: #000 0 0 5px; font-weight: 700; line-height: 100%; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; transition: opacity 0.10s ease-in 0s; -moz-transition: opacity 0.10s ease-in 0s; -webkit-transition: opacity 0.10s ease-in 0s; -o-transition: opacity 0.10s ease-in 0s; /* height set in vgui.manga.insert */ } #grid div p b { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjEwMCUiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID48ZyBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9IndoaXRlIj48cGF0aCBkPSJNMTUsNSBMODUsNTAgTDE1LDk1IHoiPjwvcGF0aD48L2c+PC9zdmc+"); font-size: inherit; display: inline-block; background-position: right; padding-right: 1.3em; } /* .grid-item is a keyframe, anything else isn't */ .vg-manga-grid div:hover { outline-color: #2abcff; } .vg-manga-grid .highlight { outline-color: orange; } .vg-manga-grid .current, .vg-manga-grid div.grid-item:hover { outline-color: #2abcff; } #grid .vg-manga-grid div.current p, #grid .vg-manga-grid div.highlight p, #grid .vg-manga-grid div:hover p, #grid.has-focus div.current img, #grid:hover div.highlight img, #grid .vg-manga-grid > div:hover img { zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } .vg-manga-grid img { transition: opacity 0.10s ease-in 0s; -moz-transition: opacity 0.10s ease-in 0s; -webkit-transition: opacity 0.10s ease-in 0s; -o-transition: opacity 0.10s ease-in 0s; z-index: 20; width: 100%; height: 100%; } #grid .grid-ad p b { display: none; } #grid .grid-ad p:before { content: 'Ad'; } #grid .grid-ad p { top: 2px; right: 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; height: 1.1em; width: 1.8em; background-color: #2abcff; text-shadow: none; font-weight: 300; } /********** * file: icons.css * */ .icon.facebook { background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBkPSJNIDYxNiwxOTIgQyA1OTYsMTkyIDU3NywyMTcgNTc3LDI0OCBMIDU3NywzNTYgNzY1LDM1NiA3NjUsNTA4IDU3Nyw1MDggNTc3LDk3MSA0MDAsOTcxIDQwMCw1MDggMjM5LDUwOCAyMzksMzU2IDQwMCwzNTYgNDAwLDI2NCBDIDQwMCwxMzQgNDkxLDI5LjIgNjE2LDI5LjIgTCA3NjUsMjkuMiA3NjUsMTkyIDYxNiwxOTIgeiIgZmlsbD0id2hpdGUiPjwvcGF0aD48L3N2Zz4="); } .icon.twitter { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgcHJlc2VydmVBc3BlY3RSYXRpbz0idHJ1ZSIgPjxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0id2hpdGUiIGQ9Ik0gOTcyLDIwOSBDIDkzOCwyMjQgOTAxLDIzNCA4NjEsMjQwIDkwMSwyMTUgOTMyLDE3NiA5NDcsMTMyIDkwOSwxNTMgODY5LDE3MCA4MjUsMTc4IDc4OSwxNDIgNzM5LDExNyA2ODQsMTE3IDU3NiwxMTcgNDkwLDIwNSA0OTAsMzEwIDQ5MCwzMjYgNDkyLDM0MSA0OTQsMzU0IDMzNCwzNDcgMTkyLDI3MCA5Ni4zLDE1MyA3OS4xLDE4MiA2OS41LDIxNSA2OS41LDI1MSA2OS41LDMxOCAxMDQsMzc3IDE1Niw0MTIgMTI1LDQxMCA5NC40LDQwMiA2OS41LDM4NyA2OS41LDM4NyA2OS41LDM4OSA2OS41LDM4OSA2OS41LDQ4MiAxMzUsNTYxIDIyNSw1NzggMjA3LDU4NCAxOTAsNTg2IDE3Myw1ODYgMTYwLDU4NiAxNDgsNTg0IDEzNyw1ODIgMTYyLDY1OCAyMzIsNzE2IDMxNiw3MTYgMjUxLDc2NyAxNjcsODAwIDc3LjIsODAwIDYxLjksODAwIDQ2LjYsNzk4IDMxLjMsNzk2IDExOCw4NTEgMjE5LDg4NCAzMjgsODg0IDY4NCw4ODQgODc3LDU4OSA4NzcsMzMzIDg3NywzMjYgODc3LDMxNiA4NzcsMzA4IDkxNSwyODIgOTQ3LDI0NyA5NzIsMjA5IHoiPjwvcGF0aD4gPC9zdmc+"); } .icon.tumblr { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgcHJlc2VydmVBc3BlY3RSYXRpbz0idHJ1ZSIgPjxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0id2hpdGUiICAgICBkPSJNIDc4NCw5MjAgQyA3NDMsOTM5IDcwOSw5NTMgNjc2LDk2MSA2NDcsOTY5IDYxMiw5NzEgNTc0LDk3MSA1MzQsOTcxIDQ5Niw5NjYgNDY0LDk1NSA0MzEsOTQ0IDQwNSw5MjggMzgwLDkwOSAzNTksODg4IDM0Myw4NjYgMzM1LDg0NSAzMjQsODIxIDMyMSw3ODggMzIxLDc0NSBMIDMyMSw0MTUgMjE5LDQxNSAyMTksMjgzIEMgMjU0LDI2OSAyODYsMjUzIDMxMCwyMzIgMzM3LDIwOCAzNTksMTgxIDM3MiwxNTEgMzg4LDExOSAzOTksNzguMSA0MDUsMjkuNyBMIDUzNiwyOS43IDUzNiwyNjcgNzU0LDI2NyA3NTQsNDE1IDUzNiw0MTUgNTM2LDY1NyBDIDUzNiw3MTAgNTM5LDc0NSA1NDQsNzYyIDU1MCw3NzggNTYxLDc5MSA1NzcsNzk5IDU5Niw4MTMgNjIwLDgxOCA2NDcsODE4IDY5Miw4MTggNzM4LDgwMiA3ODQsNzcyIEwgNzg0LDkyMCA3ODQsOTIwIHoiPjwvcGF0aD4gPC9zdmc+"); } .icon.gplus { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgcHJlc2VydmVBc3BlY3RSYXRpbz0idHJ1ZSIgPjxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0id2hpdGUiIGQ9Ik0gODAuNCwyNjIgQyA4MC40LDM0MiAxMDksNDAyIDE2MCw0MzMgMjAxLDQ2MiAyNTIsNDY2IDI5Nyw0NjUgMjk3LDQ2NSAyODksNTE5IDMyOSw1NzMgTCAzMjksNTczIEMgMjU5LDU3MyAyOSw1ODcgMjksNzczIDM3LjksOTE0IDE1Myw5NzAgMjk0LDk3MCAzMjAsOTcwIDM5MSw5NjcgNDU0LDkzNiA1NDAsODk2IDU4Myw4MjQgNTgzLDcyNyA1ODMsNjMzIDUxNyw1NzYgNDY5LDUzNiA0NDAsNTEwIDQxNCw0OTAgNDE0LDQ2OCA0MTQsNDQ4IDQzNCw0MzAgNDU3LDQxMCA0OTQsMzc2IDUyOCwzMzEgNTI4LDI0MiA1MjgsMTY1IDUyMCwxMTEgNDU3LDc5LjQgNDYzLDczLjcgNDgwLDcyLjMgNTE0LDY3LjYgNTQ5LDYyLjkgNTgzLDY0LjEgNTgzLDI4IEwgMzMyLDI4IEMgMzI5LDI4IDgwLjQsMzYuNiA4MC40LDI2MiB6IE0gNDgzLDc0NCBDIDQ4OSw4MjEgNDIzLDg3NiAzMjMsODg0IDIyNiw4OTAgMTQzLDg0NyAxMzcsNzcwIDEzNyw3MzYgMTUyLDY5OSAxODMsNjcwIDIyOCw2MzggMjc1LDYyMiAzMjMsNjIyIDQxNCw2MjIgNDc3LDY3MyA0ODMsNzQ0IHogTSA0MTcsMjExIEMgNDI1LDI4OSA0MDgsNDA0IDMyNiw0MDUgMjcyLDQwNSAyMTcsMzUxIDE5NywyNzYgMTg2LDIzNCAxODksMTk5IDIwMCwxNjIgMjIxLDEyMyAyNDcsOTQuMSAyODYsOTMuNiAzNDksOTMuNiAzOTEsMTIyIDQxNywyMTEgeiI+PC9wYXRoPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMTAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgZD0iTSA1NzEsNDQ3IDk3Myw0NDcgTSA3ODIsMjM2IDc4Miw2NTkiPjwvcGF0aD48L3N2Zz4="); } .icon.pinterest { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgcHJlc2VydmVBc3BlY3RSYXRpbz0idHJ1ZSIgPjxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0id2hpdGUiICAgICBkPSJNIDQzOCw2NTIgQyA0MTMsNzg0IDM4Myw5MDggMjk2LDk3MiAyNjksNzc2IDMzNiw2MjcgMzY4LDQ3MSAzMTQsMzgyIDM3MywxOTkgNDg1LDI0MyA2MjQsMjk4IDM2Niw1ODAgNTM5LDYxOCA3MTgsNjUyIDc5MiwyOTggNjgxLDE4NCA1MjAsMTcuMSAyMTIsMTc5IDI0OSw0MTkgMjU5LDQ3NiAzMTYsNDk0IDI3Miw1NzUgMTcwLDU1MSAxMzcsNDY5IDE0MiwzNTcgMTUwLDE3NiAzMDEsNDkuMyA0NTUsMzIgNjUxLDkuNyA4MzIsMTA0IDg1NywyOTMgODg2LDUwMSA3NzAsNzI5IDU2Miw3MTIgNTA1LDcwOSA0ODIsNjc5IDQzOCw2NTIgTCA0MzgsNjUyIHoiPjwvcGF0aD4gPC9zdmc+"); } .icon.email { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgcHJlc2VydmVBc3BlY3RSYXRpbz0idHJ1ZSIgPjxnIHN0cm9rZT0id2hpdGUiIGZpbGw9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNIDYwLjcsMjIwIDk0MSwyMjEgNTAzLDQ1OSB6Ij48L3BhdGg+PHBhdGggZD0iTSA2MC43LDM5NCA2MC43LDc3MyA5NDEsNzczIDk0MSwzOTQgNTAzLDY0MSB6Ij48L3BhdGg+PC9nPiA8L3N2Zz4="); } .icon.embed { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID48ZyBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjU1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSI0Ij48cGF0aCBkPSJNIDE2NiwxMzQgMzkuNiwyNjEgMTY2LDM4OSIgLz48cGF0aCBkPSJNIDM0NCwxMzQgNDcwLDI2MSAzNDQsMzg5IiAvPjwvZz48L3N2Zz4="); } .icon.link { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID48ZyBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLW9wYWNpdHk9IjEiPjxwYXRoIGQ9Im0gMjYyLDEzMyBjIDAsMCAyOCwtMzguOSA2MiwtNTEuMyAzNCwtMTIuNSA2MSwtNS4yIDg0LDE4LjMgMjQsMjQgNDMsNTcgMTcsMTAzIEwgMzI0LDMwNSBjIC0yNywxNSAtNDYsMTkgLTg0LDYgLTIwLC0xNiAtMzUsLTM0IC0zNSwtMzQiIC8+PHBhdGggZD0ibSAyNDksMzc3IGMgMCwwIC0yOCwzOSAtNjIsNTIgLTM0LDEyIC02MSw1IC04NCwtMTkgQyA3OSwzODYgNjAuMSwzNTMgODYsMzA3IEwgMTg3LDIwNSBjIDI3LC0xNSA0NiwtMTkgODQsLTYgMjAsMTYgMzUsMzQgMzUsMzQiIC8+PC9nPjwvc3ZnPg=="); } .icon.left { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+ICA8cGF0aCBkPSJtIDI2MSw4NjEgbCAwLC0yMzAgbCA2OTgsMCBsIDAsLTI2MSBsIC02OTgsMCBsIDAsLTIzMCBMIDQ0LDUwMSBsIDIxNywzNjAgeiIgZmlsbD0iIzYxNmM3MiI+PC9wYXRoPjwvc3ZnPg=="); } .icon.right { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZD0ibSA3MzgsODYxIGwgMCwtMjMwIGwgLTY5NC41LDAgbCAwLC0yNjEgbCA2OTQuNSwwIGwgMCwtMjMwIEwgOTYwLDUwMSBMIDczOCw4NjEgeiIgZmlsbD0iIzYxNmM3MiI+PC9wYXRoPjwvc3ZnPg=="); } .icon.left:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+ICA8cGF0aCBkPSJtIDI2MSw4NjEgbCAwLC0yMzAgbCA2OTgsMCBsIDAsLTI2MSBsIC02OTgsMCBsIDAsLTIzMCBMIDQ0LDUwMSBsIDIxNywzNjAgeiIgZmlsbD0iIzJhYmNmZiI+PC9wYXRoPjwvc3ZnPg=="); } .icon.right:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZD0ibSA3MzgsODYxIGwgMCwtMjMwIGwgLTY5NC41LDAgbCAwLC0yNjEgbCA2OTQuNSwwIGwgMCwtMjMwIEwgOTYwLDUwMSBMIDczOCw4NjEgeiIgZmlsbD0iIzJhYmNmZiI+PC9wYXRoPjwvc3ZnPg=="); } .videogram-logo a { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMDAgMTEyIj4gIDxnIGZpbGw9IndoaXRlIj48cGF0aCBkPSJtIDMxLjYyMjA5Nyw5My4yMzI0NDYgMC40NTkxMTUsMCA1Mi41MTQzMTgsLTg4Ljk1MDU0MTYgMTYuMzgwMTQsMCAtNjUuOTg1NzIxLDEwOC4zOTY0ODU2IC0xNC4yMzg2MTEsMCBMIDMuNDQ5OTQ1LDQuMjgxOTA0NCBsIDE1LjkyMTAyNywwIDEyLjI1MTEyNSw4OC45NTA1NDE2IHoiIC8+PHBhdGggZD0ibSAxMjAuMTU1ODEsMTEyLjY3NTM3IC0xNS4wMDU4MSwwIDE5LjEzNzg1LC0xMDguMzk2NDg2MSAxNS4wMDI3OSwwIC0xOS4xMzQ4MywxMDguMzk2NDg2MSB6IiAvPjxwYXRoIGQ9Im0gMTc1LjA0NzI2LDQuMjgxOTA0NCAzNS4wNTg4OCwwIGMgNi4xMjg1OCwwIDEyLjE5OTc4LDAuODQyNzE3OSAxOC4yMjI2NCwyLjUyNTEzMzQgNi4wMTY4MywxLjY4NTQzNTkgMTEuNDI5NTUsNC4zNDA0NTAyIDE2LjIzMjE0LDcuOTYyMDIzMiA0Ljc5NjU0LDMuNjI0NTk0IDguNjcxODQsOC4zMTg0NDIgMTEuNjM0OTQsMTQuMDg0NTY1IDIuOTU3MDcsNS43NjkxNDQgNC40MzcxMSwxMi42ODYwNzcgNC40MzcxMSwyMC43NDc3NzcgMCw5LjQ5MzQxNCAtMS42NTgyNSwxOC4xMTk5NDYgLTQuOTcxNzMsMjUuODczNTU2IC0zLjMxNjUxLDcuNzU2NjMgLTcuOTM0ODQsMTQuMzkyNjU2IC0xMy44NTgwMywxOS45MDIwMzggLTUuOTE3MTUsNS41MTI0MDMgLTEyLjkwOTYsOS43NzQzMjMgLTIwLjk3NDMyLDEyLjc4NTc1MyAtOC4wNjQ3MiwzLjAxMTQzIC0xNi44NDIyNyw0LjUxNTY0IC0yNi4zMzU2OSw0LjUxNTY0IGwgLTM4LjU3Nzc1LDAgMTkuMTMxODEsLTEwOC4zOTY0ODU2IHogbSAtMS45OTA1MSw5NS4yMjcxMjg2IDIyLjE5NzYyLDAgYyA4LjE2NDM5LDAgMTUuMzMyMDMsLTEuMzUzMTgxIDIxLjUwODk0LC00LjA1OTU0NCA2LjE3NjkxLC0yLjcwMzM0MyAxMS4zNTcwNiwtNi4zMDA3NTIgMTUuNTQwNDQsLTEwLjc5MjIyNyA0LjE4OTQzLC00LjQ5MTQ3NSA3LjMyNzcyLC05LjYyMDI3NSA5LjQxNzksLTE1LjM4NjM5OSAyLjA5MzIxLC01Ljc2NjEyNCAzLjEzODMsLTExLjcxMDQ1NyAzLjEzODMsLTE3LjgzNjAyIDAsLTQuNjkzODQ5IC0wLjc2MTE3LC05LjEwOTgxMiAtMi4yOTU1OCwtMTMuMjQxODQ4IC0xLjUyODM3LC00LjEzNTA1NyAtMy44NTExMywtNy43NTY2MyAtNi45NjgyOCwtMTAuODczNzggLTMuMTE3MTUsLTMuMTExMTA4IC03LjA5MjEyLC01LjU4NzkxNCAtMTEuOTQzMDMsLTcuNDI0Mzc1IC00Ljg0NzksLTEuODM2NDYgLTEwLjU4OTg2LC0yLjc1NzcxMSAtMTcuMjE5ODQsLTIuNzU3NzExIGwgLTE4LjgyOTc3LDAgLTE0LjU0NjcsODIuMzcxOTA0IHoiIC8+PHBhdGggZD0ibSAyOTYuNjA3MDQsOTkuNTA5MDMzIDU2LjE4NzI0LDAgLTIuMjk1NTcsMTMuMTY2MzM3IC03MS4wMzksMCAxOS4xMzc4NCwtMTA4LjM5NjQ4NjEgNjYuNzUyOTMsMCAtMi4yOTU1OCwxMy4xNjYzMzUxIC01Mi4wNTUyLDAgLTUuNjY2NDUsMzIuNzYzMzAzIDQ5LjYwNTU4LDAgLTIuMjk4NTksMTIuNzA3MjIxIC00OS42MDI1NiwwIC02LjQzMDY0LDM2LjU5MzI5IHoiIC8+PHBhdGggZD0ibSA0MjkuNjUzNzksMTE1LjQzMzA4IGMgLTcuNTU3MjgsMCAtMTQuNDE5ODQsLTEuMDk5NDYgLTIwLjU5MzczLC0zLjI5MjM0IC02LjE3NjkyLC0yLjE5NTkgLTExLjQ1OTc2LC01LjMzNDE5IC0xNS44NDU1MiwtOS40MTQ4OCAtNC4zODg3OCwtNC4wODA2ODggLTcuNzgzODEsLTkuMDA3MTE0IC0xMC4xNzkwNywtMTQuNzc2MjU5IC0yLjQwMTI5LC01Ljc2NjEyNCAtMy41OTc0LC0xMi4yMjA5MjEgLTMuNTk3NCwtMTkuMzY3NDExIDAsLTkuMjg1IDEuNjA2OSwtMTcuOTkwMDY1IDQuODIzNzMsLTI2LjEwMzExMyAzLjIxMzgsLTguMTE2MDY5IDcuNjUzOTMsLTE1LjIwODE5IDEzLjMxNzM2LC0yMS4yODI0MDMgNS42NjY0NCwtNi4wNzExOTQgMTIuMzI2NjMsLTEwLjg3MDc2IDE5Ljk4MzU5LC0xNC4zOTI2NTY3IDcuNjUzOTMsLTMuNTIxODk2NiAxNS45NzIzNywtNS4yODI4NDQ5IDI0Ljk1NTMyLC01LjI4Mjg0NDkgNy4zNDU4NSwwIDE0LjA4MTU1LDEuMDk5NDYgMjAuMjA0MDksMy4yOTIzMzkgNi4xMjI1NCwyLjE5NTg5OTUgMTEuMzgxMjIsNS4zMzQxOTM2IDE1Ljc3LDkuNDE0ODgxNiA0LjM4ODc4LDQuMDgzNzA4IDcuNzgwOCw4Ljk4Mjk1IDEwLjE4MjA5LDE0LjY5NzcyNSAyLjM5NTI1LDUuNzE3Nzk2IDMuNTk3NDEsMTIuMTQ4NDI5IDMuNTk3NDEsMTkuMjkxODk4IDAsOS4yODgwMjEgLTEuNTU4NTgsMTguMDE0MjI5IC00LjY3MjcxLDI2LjE3ODYyNiAtMy4xMTQxMyw4LjE2NzQxNyAtNy40NzU3MiwxNS4yODY3MjMgLTEzLjA5MDgyLDIxLjM1NzkxNyAtNS42MDkwNiw2LjA3NDIxMSAtMTIuMjQ4MTEsMTAuODcwNzYxIC0xOS44OTkwMiwxNC4zOTI2NjEgLTcuNjU5OTcsMy41MjQ5MSAtMTUuOTc4NDEsNS4yODU4NiAtMjQuOTU1MzIsNS4yODU4NiB6IG0gNDYuOTk4ODksLTY1Ljg5NTEwOCBjIDAsLTQuODkwMTggLTAuNzY3MiwtOS40NDUwODYgLTIuMjk1NTcsLTEzLjY3Njc5OSAtMS41MzQ0MiwtNC4yMjg2OTIgLTMuNzgxNjYsLTcuOTQ2OTIxIC02LjczNTcxLC0xMS4xNTc3MDUgLTIuOTYwMDgsLTMuMjA3NzY1IC02LjYxMTg2LC01LjcyOTg3OCAtMTAuOTQ5MjksLTcuNTY2MzM5IC00LjMzNzQzLC0xLjgzMDQyIC05LjMxNTIsLTIuNzUxNjcgLTE0LjkyNDI2LC0yLjc1MTY3IC03LjA0MzgsMCAtMTMuNDUwMjcsMS41MDQyMDYgLTE5LjIxMzM3LDQuNTA5NTk4IC01Ljc3MjE2LDMuMDA1MzkyIC0xMC42OTU1Nyw2Ljk3NzM0MiAtMTQuNzc2MjYsMTEuOTE4ODcgLTQuMDgzNzEsNC45NDQ1NDkgLTcuMjIyLDEwLjU3NDc1MSAtOS40MTQ4OCwxNi44OTA2MDUgLTIuMTk4OTIsNi4zMTg4NzUgLTMuMjkyMzQsMTIuNzg4Nzc0IC0zLjI5MjM0LDE5LjQwOTY5OCAwLDQuNzg3NDg0IDAuNzY0MTksOS4zMjEyNDYgMi4yOTU1OCwxMy42MDEyODcgMS41MzQ0MSw0LjI4MDA0IDMuNzUxNDUsOC4wMjI0MzMgNi42NjAxOSwxMS4yMzMyMTkgMi45MDg3MywzLjIxMDc4NSA2LjUzMDMxLDUuNzMyODk4IDEwLjg2Nzc0LDcuNTY2MzM4IDQuMzQzNDcsMS44MzM0MzYgOS4zNjk1NywyLjc1MTY2NiAxNS4wODczNywyLjc1MTY2NiA3LjEzNzQzLDAgMTMuNTk4MjYsLTEuNDc3MDIgMTkuMzYxMzcsLTQuNDM0MDgxIDUuNzY5MTQsLTIuOTU0MDQ0IDEwLjY2NTM2LC02LjkwMTgzIDE0LjcwMDc0LC0xMS44NDMzNTkgNC4wMjkzNCwtNC45NDE1MjkgNy4xNDM0NywtMTAuNTcxNzMxIDkuMzM5MzcsLTE2Ljg4NzU4NSAyLjE5Mjg4LC02LjMxODg3NCAzLjI4OTMyLC0xMi44MzcxMDEgMy4yODkzMiwtMTkuNTYzNzQzIHoiIC8+PHBhdGggZD0ibSA1NjUuNDQ5MTgsMTAyLjI2Njc0IGMgMTAuMTA2NTcsLTAuMDk5NyAxOC40NzYzNiwtMi4wMzI3OSAyNS4xMDYzNSwtNS43OTMzMDQgbCA1LjM2MTM4LC0zMC4xODY4MjIgLTI0LjQ5MzE5LDAgMi40NDk2MiwtMTIuODYxMjY1IDM4Ljg4MjgyLDAgLTkuMTg1MzIsNTIuNTE0MzIxIGMgLTUuOTE3MTUsMy4xNjI0NSAtMTIuMjY5MjUsNS41MzY1NiAtMTkuMDYyMzQsNy4xMTkzIC02Ljc4NDAzLDEuNTc5NzIgLTEzLjc1MjMxLDIuMzc0MTEgLTIwLjg5NTc4LDIuMzc0MTEgLTcuMzUxODksMCAtMTQuMDU3MzgsLTEuMTI2NjQgLTIwLjEzNDYyLC0zLjM2Nzg1IC02LjA3MTE5LC0yLjI0NDIzIC0xMS4yNzI0OCwtNS40MDk3MSAtMTUuNjE1OTUsLTkuNDkzNDIgLTQuMzM3NDQsLTQuMDgzNzA0IC03LjY4MTEyLC04Ljk4Mjk0NiAtMTAuMDI1MDMsLTE0LjcwMDc0MiAtMi4zNTI5NiwtNS43MTQ3NzUgLTMuNTIxODksLTEyLjAzOTY5MSAtMy41MjE4OSwtMTguOTgzODA4IDAsLTkuMzkwNzE3IDEuNjU4MjUsLTE4LjE2ODI3NCA0Ljk3NDc1LC0yNi4zMzI2NzEgMy4zMTY1LC04LjE2NzQxNyA3Ljg4NjUxLC0xNS4yODY3MjMgMTMuNzAzOTksLTIxLjM1NzkxNSA1LjgxNzQ3LC02LjA3MTE5NCAxMi42MzE3LC0xMC44NzA3NiAyMC40MzY2NiwtMTQuMzkyNjU2NyA3LjgxMSwtMy41MjE4OTY2IDE2LjIwNDk1LC01LjI4Mjg0NDkgMjUuMTg0ODgsLTUuMjgyODQ0OSA3Ljk2NTA1LDAgMTUuMjg2NzMsMS40MzE3MTQ0IDIxLjk2ODA2LDQuMjg2MDgxNyA2LjY4NDM2LDIuODU3Mzg3OCAxMS44MTYxOCw3LjA0Mzc5MjkgMTUuMzg2NCwxMi41NTMxNzQ5IGwgLTEyLjM5OTEzLDkuMDMxMjc4IGMgLTIuMDQxODUsLTMuMzY3ODUxIC01LjE0OTk0LC02LjM3NjI2MyAtOS4zMzkzNywtOS4wMzEyNzggLTQuMTgzMzgsLTIuNjUxOTk0IC05LjU0NDc2LC0zLjk4MTAxMSAtMTYuMDc1MDcsLTMuOTgxMDExIC03LjAzNzc1LDAgLTEzLjUyMjc1LDEuNTA0MjA2IC0xOS40Mzk5LDQuNTA5NTk4IC01LjkyMzE5LDMuMDA1MzkyIC0xMS4wMjQ4MSw2Ljk1MzE3OCAtMTUuMzEzOTEsMTEuODQzMzU4IC00LjI4MzA2LDQuODkzMjAxIC03LjYwNTYxLDEwLjQ5OTIzOCAtOS45NDY0OSwxNi44MTIwNzIgLTIuMzUyOTYsNi4zMTU4NTQgLTMuNTIxOSwxMi43ODg3NzQgLTMuNTIxOSwxOS40MDk2OTggMCw0Ljk5Mjg3NyAwLjc5MTM3LDkuNjU2NTIxIDIuMzcxMDksMTMuOTg0ODg5IDEuNTc5NzIsNC4zMzEzODkgMy44NzUzLDguMDc2ODAzIDYuODg5NzUsMTEuMjMzMjE5IDMuMDA4NDEsMy4xNTY0MTcgNi43MDg1Miw1LjYzMDIwMiAxMS4wOTczLDcuNDEyMjk0IDQuMzg4NzgsMS43OTExNTQgOS40MzkwNCwyLjY4MjE5NCAxNS4xNTY4NCwyLjY4MjE5NCB6IiAvPjxwYXRoIGQ9Im0gNjUzLjAxOTM2LDExMi42NzUzNyAtMTQuODQ4NzYsMCAxOS4xNDA4OCwtMTA4LjM5NjQ4NjEgMzAuNzcyOCwwIGMgNS4zMTAwMywwIDEwLjE1NzkyLDAuNTg4OTk2NCAxNC41NDY3LDEuNzYwOTQ4MyA0LjM4Mjc0LDEuMTc0OTcyMyA4LjEzNDE5LDIuOTA4NzM2MiAxMS4yNTEzNCw1LjIwNzMzMjggMy4xMTcxNSwyLjI5ODU5NiA1LjUwOTM4LDUuMTA0NjM1IDcuMTk3ODQsOC40MjExMzggMS42ODI0MSwzLjMxOTUyNCAyLjUyNTEzLDcuMTczNjc1IDIuNTI1MTMsMTEuNTU5NDMyIDAsNC42OTY4NjkgLTAuNzY3Miw4LjgzMTkyNiAtMi4yOTU1NywxMi40MDIxNSAtMS41MzQ0MiwzLjU3MzI0NSAtMy42Mjc2Miw2LjY2MDE5IC02LjI3NjU5LDkuMjYwODM2IC0yLjY1NTAyLDIuNjAzNjY3IC01LjgxNzQ3LDQuNzIxMDMzIC05LjQ5MzQyLDYuMzU1MTIxIC0zLjY3NTk0LDEuNjM0MDg3IC03LjcxMTMyLDIuODA5MDYgLTEyLjA5NDA2LDMuNTIxODk2IGwgMjMuMTEyODMsNDkuOTEwNjUyIC0xNi44MzYyNCwwIC0yMS41ODQ0NSwtNDguMzgyMjgxIC0xNi42ODgyMywwIC04LjQzMDIsNDguMzc5MjYxIHogbSAxMC41Njg3MSwtNjAuNzgxNDEyIDE2LjY4ODIzLDAgYyAzLjg3NTI5LDAgNy41MjcwNywtMC4zMDUwNyAxMC45NDMyNSwtMC45MTgyMyAzLjQyMjIyLC0wLjYxMzE2MSA2LjM3NjI2LC0xLjY1ODI1MiA4Ljg4MzI3LC0zLjEzODI5NCAyLjQ5NDkzLC0xLjQ3NzAyMiA0LjQ4ODQ2LC0zLjQxNjE3OSA1Ljk3MTUyLC01LjgxNzQ3MiAxLjQ3NCwtMi4zOTgyNzMgMi4yMTcwNCwtNS40MzM4NyAyLjIxNzA0LC05LjExMjgzMiAwLC01LjcxNDc3NiAtMi4wMTc2OSwtOS43OTg0ODMgLTYuMDQ3MDMsLTEyLjI0ODEwNCAtNC4wMzUzOCwtMi40NDk2MjEgLTkuNTIwNTksLTMuNjc1OTQyIC0xNi40NTg2NywtMy42NzU5NDIgbCAtMTUuOTIxMDMsMCAtNi4yNzY1OCwzNC45MTA4NzQgeiIgLz48cGF0aCBkPSJtIDc1MS4wMDQyLDExMi42NzUzNyAtMTcuNjAzNDQsMCA3MC4yNzc4NCwtMTA4LjM5NjQ4NjEgMTMuNjIyNDMsMCAyMi4wNDY1OSwxMDguMzk2NDg2MSAtMTUuNzcsMCAtNS4yMDQzMSwtMjYuNjQwNzYzIC01MC44MzE5MSwwIC0xNi41MzcyLDI2LjY0MDc2MyB6IG0gMjQuMzUxMjIsLTM5LjgwNDA3OCA0MC44NzYzNiwwIC05LjE4NTMzLC01MS40NDIwNCAtMzEuNjkxMDMsNTEuNDQyMDQgeiIgLz48cGF0aCBkPSJtIDkyNC4zMTcxNSw4Ny44NzEwNjggMC4xNTQwNSwwIDQ3LjQ2MTAzLC04My41OTIxODQxIDIzLjI3MjkxLDAgLTE4Ljk4MzgxLDEwOC4zOTY0ODYxIC0xNC44NTQ3OSwwIDE2LjA3NTA3LC05MC40ODQ5NTQgLTAuNDU5MTIsMCAtNTIuMjAzMiw5MC40ODQ5NTQgLTkuNDkzNDIsMCAtMjAuMDYyMTIsLTkwLjQ4NDk1NCAtMC4zMDIwNSwwIC0xNi4wNzUwNyw5MC40ODQ5NTQgLTE0LjM5NTY4LDAgMTkuMTM3ODUsLTEwOC4zOTY0ODYxIDIzLjEyMTg5LDAgMTcuNjA2NDYsODMuNTkyMTg0MSB6IiAvPjwvZz48L3N2Zz4="); } /********** * file: in-view.css * */ .in-view { position: absolute; width: 1px; height: 1px; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; } /********** * file: keyframe-animate.css * */ #keyframe-animate-layer { width:100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 4000; background-color: #000000; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: visibility 0s 0.3s, opacity 0.3s ease; -moz-transition: visibility 0s 0.3s, opacity 0.3s ease; -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease; -o-transition: visibility 0s 0.3s, opacity 0.3s ease; } #keyframe-animate-layer.visible { transition: visibility 0s, opacity 0.3s ease; -moz-transition: visibility 0s, opacity 0.3s ease; -webkit-transition: visibility 0s, opacity 0.3s ease; -o-transition: visibility 0s, opacity 0.3s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } #keyframe-animate-layer /* img */ { position: absolute; width: -webkit-calc( 100% - 240px ); width: -webkit-calc( 100% - 240px ); width: -moz-calc( 100% - 240px ); width: calc( 100% - 240px ); height: -webkit-calc( 100% - 200px ); height: -webkit-calc( 100% - 200px ); height: -moz-calc( 100% - 200px ); height: calc( 100% - 200px ); /* top: 0; bottom: auto; right: 0; left: auto; transition: all 1.0s ease; -moz-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; -o-transition: all 1.0s ease; */ background-color: black; } #keyframe-animate-layer p { background-color: aqua; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; display: block; height: 100%; zoom: 1; filter: alpha(opacity=50); opacity: 0.500000; padding-top: 45%; position: absolute; text-align: center; width: 100%; z-index: 10; } #keyframe-animate-layer p span { padding: 10px 10px 10px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: white; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID48ZyBzdHJva2U9IiMyYWJjZmYiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0iIzJhYmNmZiI+PHBhdGggZD0iTTE1LDUgTDg1LDUwIEwxNSw5NSB6Ij48L3BhdGg+PC9nPiA8L3N2Zz4="); background-position: 50% 50%; display: block; height: 30px; width: 40px; margin: auto; } /********** * file: language-es.css * */ .language-es .window-controls { font-size: 87%; } .language-es .scene-nav .controls-container .prev { width: 33%; text-align: left; } .language-es .scene-nav .controls-container .next { width: 44%; } /********** * file: login.css * */ #login-layer { position: absolute; z-index: 7000; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.600); zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -moz-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -webkit-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -o-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; } #login-layer.visible { transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -moz-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -webkit-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -o-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; left: 0; } #login-layer > div { position: absolute; width: 300px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: auto; background-color: #333; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; left: -webkit-calc( 50% - 150px ); left: -moz-calc( 50% - 150px ); left: calc( 50% - 150px ); top: 40% ; padding: 0 10px 5px; transition: top 0.3s; -moz-transition: top 0.3s; -webkit-transition: top 0.3s; -o-transition: top 0.3s; } #login-layer button { margin: 1em auto; display: block; position: relative; width: 100%; height: 3em; background-repeat: no-repeat; background-position: 10px 50%; -webkit-appearance: none; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white; font-weight: bold; font-size: 14px; } #login-layer button:active #login-layer a:active { top: 1px; left: 1px; } #login-layer button.facebook { background-color: #43609b; border: 1px solid #293F69; border-top-color: #314A7B; } #login-layer button.email { background-color: #40abec; } #login-layer button.do-email-login { background-color: #fff; color: #5f5f5f; } #login-layer input { margin: 1em auto; display: block; width: 100%; height: 3em; -webkit-appearance: none; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em; line-height: 1em; margin-top: 0; font-size: 14px; } #login-layer input:required:valid { background-color: #afa; } #login-layer p { max-height: 0; overflow: hidden; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } #login-layer > div.use-email { top: -webkit-calc( 50% - 100px - 3em ); top: -moz-calc( 50% - 100px - 3em ); top: calc( 50% - 100px - 3em ); } #login-layer .use-email p { max-height: 14em; } #login-layer .close-button { top: -15px; right: -15px; } #login-layer .login-by-email button, #login-layer .login-by-email a { width: 48%; display: inline-block; margin: 0; } #login-layer .login-by-email a { background-color: #40ABEC; position: relative; float: right; height: 3em; -webkit-appearance: none; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; font-weight: bold; font-size: 14px; cursor: pointer; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em 6px 3px; font-family: "Helvetica Neue VG", OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif; } /********** * file: manga-controls.css * */ #manga-controls { padding: 0 8px 8px; } #manga-controls > div { vertical-align: middle; height: 100%; text-align: center; padding: 5px 10px; border-right: 2px solid #222326; background-color: #303134; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: width 0.3s; -moz-transition: width 0.3s; -webkit-transition: width 0.3s; -o-transition: width 0.3s; zoom: 1; float: left; } #manga-controls > div:first-child { border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; width: 110px; } #manga-controls > div:last-child { border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-right: none; width: 86px; } #manga-controls .track-bar { padding-top: 16px; width: -webkit-calc( 100% - 328px ); width: -webkit-calc( 100% - 328px ); width: -moz-calc( 100% - 328px ); width: calc( 100% - 328px ); } #manga-controls .videogram-logo { padding-top: 23px; width: 132px; } #manga-controls .video-length { float: right; } #manga-controls .video-title { text-align: left; width: -webkit-calc( 100% - 4em ); width: -webkit-calc( 100% - 4em ); width: -moz-calc( 100% - 4em ); width: calc( 100% - 4em ); white-space: nowrap; overflow: hidden; line-height: 1.2em; text-overflow: ellipsis; transition: text-indent 0.25s ease-out 0s; -moz-transition: text-indent 0.25s ease-out 0s; -webkit-transition: text-indent 0.25s ease-out 0s; -o-transition: text-indent 0.25s ease-out 0s; } #manga-controls .video-title:hover { transition: text-indent 10s linear 0s; -moz-transition: text-indent 10s linear 0s; -webkit-transition: text-indent 10s linear 0s; -o-transition: text-indent 10s linear 0s; text-overflow: clip; text-indent: -100%; } #manga-controls a { zoom: 1; filter: alpha(opacity=40); opacity: 0.400000; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } #manga-controls a:hover { zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } #manga-controls .videogram-logo img { display: none; } #manga-controls .videogram-logo a { width: 100%; background-size: contain; height: 23px; background-position: 50%; display: block; } #manga-controls .primary-play { cursor: pointer; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID48ZyBzdHJva2U9IiMyYWJjZmYiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0iIzJhYmNmZiI+PHBhdGggZD0iTTE1LDUgTDg1LDUwIEwxNSw5NSB6Ij48L3BhdGg+PC9nPiA8L3N2Zz4="); background-position: 50% 50%; } #manga-controls #primary-share { cursor: pointer; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID48ZyBzdHJva2Utd2lkdGg9IjEwIiBmaWxsPSJub25lIiBzdHJva2U9IiNiZWJlYmUiPiAgPHBhdGggZD0iTTgwLDE1IEwyOCw1MCBMODAsODUiPjwvcGF0aD48L2c+PGcgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjYmViZWJlIj4gIDxjaXJjbGUgcj0iMTUiIGN4PSI4MCIgY3k9IjE1Ij48L2NpcmNsZT4gIDxjaXJjbGUgcj0iMTUiIGN4PSIyOCIgY3k9IjUwIj48L2NpcmNsZT4gIDxjaXJjbGUgcj0iMTUiIGN4PSI4MCIgY3k9Ijg1Ij48L2NpcmNsZT48L2c+PC9zdmc+"); background-position: 50%; background-repeat: no-repeat; } #manga-controls #primary-share:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID48ZyBzdHJva2Utd2lkdGg9IjEwIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYWJjZmYiPiAgPHBhdGggZD0iTTgwLDE1IEwyOCw1MCBMODAsODUiPjwvcGF0aD48L2c+PGcgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMmFiY2ZmIj4gIDxjaXJjbGUgcj0iMTUiIGN4PSI4MCIgY3k9IjE1Ij48L2NpcmNsZT4gIDxjaXJjbGUgcj0iMTUiIGN4PSIyOCIgY3k9IjUwIj48L2NpcmNsZT4gIDxjaXJjbGUgcj0iMTUiIGN4PSI4MCIgY3k9Ijg1Ij48L2NpcmNsZT48L2c+PC9zdmc+"); } /********** * file: manga-layer.css * */ #manga-layer #grid { width: 100%; height: -webkit-calc( 100% - 80px ); height: -webkit-calc( 100% - 80px ); height: -moz-calc( 100% - 80px ); height: calc( 100% - 80px ); position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden; } #manga-layer #manga-controls { width: 100%; height: 80px; position: absolute; bottom: 0; left: 0; z-index: 20; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /********** * file: player-layer-.css * */ #player-layer { width: 100%; height: 100%; background-color: #2e2f32; position: absolute; top: 0; left: -100%; z-index: 1000; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -moz-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -webkit-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; -o-transition: left 0s 0.6s, visibility 0s 0.5s, opacity 0.5s ease; } #player-layer.visible { transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -moz-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -webkit-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; -o-transition: left 0s 0s, visibility 0s, opacity 0.5s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; left: 0; } .isMobile .fullscreen { display: none; } #player-layer.visible .fullscreen { animation : flashWhite 1.5s linear 2s 4; -webkit-animation : flashWhite 1.5s linear 2s 4; -moz-animation : flashWhite 1.5s linear 2s 4; -ms-animation : flashWhite 1.5s linear 2s 4; -moz-animation : flashWhite 1.5s linear 2s 4; -webkit-animation : flashWhite 1.5s linear 2s 4; } @-webkit-keyframes flashWhite { 0% { color: #616c72; } 50% { color: white; } 100% { color: #616c72; } } @keyframes flashWhite { 0% { color: white; } 50% { color: white; } 100% { color: initial; } } .window-controls { position: absolute; top: 0px; left: 0px; width: 240px; height: 50px; } /* window controls partly shared with comment layer */ .window-controls p { position: absolute; top: 11px; height: 15px; background-repeat: no-repeat; transition: all 0.3s ; -moz-transition: all 0.3s ; -webkit-transition: all 0.3s ; -o-transition: all 0.3s ; color: #616c72; cursor: pointer; padding: 10px 6px 10px 15px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } p.back { left: 10px; padding-left: 25px; background-position: 7px 50%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggc3Ryb2tlPSIjNjE2YzcyIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjE1MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDY5MywxMDMgMzE1LDUwMSA2OTQsOTAwIj48L3BhdGg+PC9zdmc+"); } p.back:hover { color: #2abcff; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggc3Ryb2tlPSIjMmFiY2ZmIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjE1MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDY5MywxMDMgMzE1LDUwMSA2OTQsOTAwIj48L3BhdGg+PC9zdmc+"); } p.back.disabled { cursor: not-allowed; } .window-controls p.fullscreen { right: 10px; text-align: right; padding-left: 30px; background-position: 8px 50%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZD0iTSA1ODcsMzIuMiBMIDcyNywxNTEgTCA1NTcsMzIxIEwgNjc3LDQzMSBMIDg0NywyNjEgbCAxMjAsMTQwIGwgMCwtMzY4LjggbCAtMzgwLDAgbCAwLDAgeiBNIDMxNyw1NTEgTCAxNTcsNzMxIEwgMzYuNSw1OTEgbCAwLDM3NyBMIDM5Nyw5NjggTCAyNTcsODUxIEwgNDM3LDY3MSBMIDMxNyw1NTEgbCAwLDAgeiIgZmlsbD0iIzYxNmM3MiI+PC9wYXRoPjwvc3ZnPg=="); } .window-controls p.fullscreen:hover { color: #2abcff; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZD0iTSA1ODcsMzIuMiBMIDcyNywxNTEgTCA1NTcsMzIxIEwgNjc3LDQzMSBMIDg0NywyNjEgbCAxMjAsMTQwIGwgMCwtMzY4LjggbCAtMzgwLDAgbCAwLDAgeiBNIDMxNyw1NTEgTCAxNTcsNzMxIEwgMzYuNSw1OTEgbCAwLDM3NyBMIDM5Nyw5NjggTCAyNTcsODUxIEwgNDM3LDY3MSBMIDMxNyw1NTEgbCAwLDAgeiIgZmlsbD0iIzJhYmNmZiI+PC9wYXRoPjwvc3ZnPg=="); } .window-controls p.fullscreen.isfullscreen { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZD0iTSAxOTEsNzA5IEwgMzUsODY0IEwgMTM1LDk3MSBMIDI4MCw4MDYgbCAxMDUsMTA3IGwgMCwtMzEwIGwgLTMwMCwwIGwgMTA2LDEwNiBsIDAsMCB6IE0gOTY4LDEzMyBMIDg3MiwyOS43IEwgNzA3LDE5MiBMIDYxMCw4MS43IGwgMCwzMDcuMyBsIDMxMCwwIEwgODA0LDI4NSBMIDk2OCwxMzMgbCAwLDAgeiIgZmlsbD0iIzYxNmM3MiI+PC9wYXRoPjwvc3ZnPg=="); } .window-controls p.fullscreen.isfullscreen:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZD0iTSAxOTEsNzA5IEwgMzUsODY0IEwgMTM1LDk3MSBMIDI4MCw4MDYgbCAxMDUsMTA3IGwgMCwtMzEwIGwgLTMwMCwwIGwgMTA2LDEwNiBsIDAsMCB6IE0gOTY4LDEzMyBMIDg3MiwyOS43IEwgNzA3LDE5MiBMIDYxMCw4MS43IGwgMCwzMDcuMyBsIDMxMCwwIEwgODA0LDI4NSBMIDk2OCwxMzMgbCAwLDAgeiIgZmlsbD0iIzJhYmNmZiI+PC9wYXRoPjwvc3ZnPg=="); } /********** * file: player-layer-comments.css * */ .comments-ticker { position: absolute; top: 57px; left: 0; background-color: #1f1f1f; width: 240px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 10px solid #2e2f32; } .comments-ticker .comment-navigation { display: table; width: 100%; } .comments-ticker .comment-navigation p { display: table-cell; padding: 5px; color: #616c72; font-size: 10px; vertical-align: middle; text-align: center; border: 1px solid black; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .comments-ticker .comment-prev, .comments-ticker .comment-next { width: 30px; height: 20px; cursor: pointer; background-position: 50%; background-repeat: no-repeat; } .comments-ticker p.comment-time-index { height: 20px; text-align: center; display: table-cell; text-transform: uppercase; vertical-align: middle; color: #46484D; font-weight: 900; } .comments-ticker .comment-time-index b { font-size: 12px; color: #79868D; font-weight: 300; padding-left: 0.3em; } .comments-ticker .comments-window { width: 100%; height: 145px; overflow: hidden; position: relative; top: 0px; } .comments-ticker .comments-slider { position: absolute; left: 0; /* needed init for js */ width: auto; white-space: nowrap; height: inherit; display: table; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .comments-ticker .view-more, .comments-ticker .write { color: #2abcff; cursor: pointer; text-decoration: underline; font-size: 10pt; padding-left: 22px; margin: 10px; background-repeat: no-repeat; background-position: left; } .comments-ticker .comment { display: inline-block; /*table-cell;*/ overflow: hidden; text-overflow: ellipsis; height: inherit; position: relative; } .comment .meta { width: 100%; /* sets the cell width here */ font-size: 0.8em; color: #616C72; margin-bottom: 5px; } .comment .meta img { width: 36px; height: 36px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; vertical-align: middle; margin: 0 8px; } .comment p.text { padding: 0 10px; color: #AAA; font-size: 0.8em; white-space: normal; } .comment .comment-choices { color: #777A82; font-size: 0.9em; font-weight: 600; margin-left: 10px; vertical-align: bottom; margin-top: 0.5em; } .comment .comment-choices span { cursor: pointer; padding: 0 15px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; background-position: 0 50%; background-position: middle left; background-repeat: no-repeat; cursor: pointer; position: relative; /* for the keyframe hover */ } .comment .comment-choices span:hover { color: #2abcff; } .comments-ticker .comment-choices .play-from-time { width: 20px; overflow: hidden; } .comments-ticker .comment .play-from-time img, .comments-ticker .comment-created { display: none; } .comment .comment-choices .reply { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZmlsbD0iIzc3Nzc3NyIgZD0ibSAxNDMsNjk5IGwgNTI3LDAgbCAwLDE5MCBMIDk3Niw2MDkgTCA2NzAsMzA1IGwgMCwxOTQgbCAtNDcxLDAgbCAwLC0zODcgbCAtMTcxLjUsMCBsIDAsNDQ3IGMgMCw4MCA2MCwxNDAgMTE1LjUsMTQwIGwgMCwwIHoiPjwvcGF0aD48L3N2Zz4="); } .comment .comment-choices .reply:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZmlsbD0iIzJhYmNmZiIgZD0ibSAxNDMsNjk5IGwgNTI3LDAgbCAwLDE5MCBMIDk3Niw2MDkgTCA2NzAsMzA1IGwgMCwxOTQgbCAtNDcxLDAgbCAwLC0zODcgbCAtMTcxLjUsMCBsIDAsNDQ3IGMgMCw4MCA2MCwxNDAgMTE1LjUsMTQwIGwgMCwwIHoiPjwvcGF0aD48L3N2Zz4="); } .icon.view-more { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+ICA8cGF0aCBmaWxsPSIjMmFiY2ZmIiBkPSJNIDg1NSwxMDIgMTUwLDEwMiBDIDEwMSwxMDIgMjguMSwxNzIgMjguMSwyMjAgTCAyOC4xLDY0NCBDIDI4LjEsNzE1IDEwMSw3NjMgMTUwLDc2MyBMIDM4NSw3NjMgNjIwLDkyNiA2MjAsNzYzIDg1NSw3NjMgQyA5MjQsNzYzIDk3Myw3MTUgOTczLDY0NCBMIDk3MywyMjAgQyA5NzMsMTcyIDkyNCwxMDIgODU1LDEwMiBMIDg1NSwxMDIgeiIgLz4gICAgICAgICAgICA8L3N2Zz4="); } .icon.write { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggZD0iTSA3MzksMjguNyBMIDk0LDY4MSBMIDM0LDk3MiBMIDMxOSw5MTIgTCA5NjksMjU4IEMgOTQ5LDEwNSA4ODksNTUuNyA3MzksMjguNyB6IE0gMjAxLDkwMiBMIDEwMSw4MDIgbCA1MCwtMTMzIGMgMCwwIDYwLDUgMTE4LDYzIGMgNjAsNjAgNjAsMTIwIDYwLDEyMCB6IiBmaWxsPSIjMmFiY2ZmIj48L3BhdGg+PC9zdmc+"); } .icon.play-at { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggICBmaWxsPSIjNzc3Nzc3IiBzdHJva2Utd2lkdGg9IjgwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDcwLjQsMTM1IDY1OSw1MDEgNzAuNCw4NjcgeiI+PC9wYXRoPjxwYXRoIHN0cm9rZT0iIzc3Nzc3NyIgc3Ryb2tlLXdpZHRoPSIyNTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTSA4NDgsMTU2IDg0OCw4NTAiPjwvcGF0aD48L3N2Zz4="); } .icon.play-at:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggICBmaWxsPSIjMmFiY2ZmIiBzdHJva2Utd2lkdGg9IjgwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDcwLjQsMTM1IDY1OSw1MDEgNzAuNCw4NjcgeiI+PC9wYXRoPjxwYXRoIHN0cm9rZT0iIzJhYmNmZiIgc3Ryb2tlLXdpZHRoPSIyNTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTSA4NDgsMTU2IDg0OCw4NTAiPjwvcGF0aD48L3N2Zz4="); } /********** * file: player-layer-sequences.css * */ /* all object heights here for convenient math */ /* abs position means 100% is height of grandparent container */ #more-sequences { height: 200px; } #more-sequences .title { height: 10px; /* 30 total */ } #more-sequences .keyframe-window { height: 100%; } /* meant to push the scroll bar out of sight */ #more-sequences .keyframe-window > div { height: -webkit-calc( 100% - 30px ); height: -moz-calc( 100% - 30px ); height: calc( 100% - 30px ); } #more-sequences .keyframe-window > div > div { height: 100%; } /* this one is height of immediate parent */ #more-sequences img { height: -webkit-calc( 100% - 30px ); height: -moz-calc( 100% - 30px ); height: calc( 100% - 30px ); } #more-sequences { position: absolute; bottom: 0; right: 0; width: -webkit-calc( 100% - 240px ); width: -webkit-calc( 100% - 240px ); width: -moz-calc( 100% - 240px ); width: calc( 100% - 240px ); background-color: #222; } #more-sequences .title { position: relative; display: block; text-transform: uppercase; color: #616C72; font-weight: 300; letter-spacing: 3px; margin: 10px 0; font-size: 0.8em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #more-sequences .title > span { position: absolute; top: 0; left: 0; width: 100%; text-align: center; display: inline-block; z-index: 10; } #more-sequences .title span { background-color: #222; } #more-sequences .title b { background-color: #222; cursor: pointer; margin: 0 6px; background-position: 50%; padding: 0 5px; } #more-sequences .title i { display: inline-block; width: 90%; height: 1px; border-bottom: 1px solid #2E2F32; position: absolute; z-index: 5; top: 50%; left: 5%; } #more-sequences .keyframe-window { width: 100%; overflow: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-touch-action: pan-x; } #more-sequences .keyframe-window > div { /* position: absolute; top: 0; left: 0; */ width: auto; white-space: nowrap; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #more-sequences .keyframe-window > div > div { display: inline-block; position: static; padding: 0 10px; outline: none; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; cursor: pointer; } #more-sequences img { width: auto; border: 2px solid transparent; transition: border-color 0.15s ease-in 0s, opacity 0.25s ease-in 0s; -moz-transition: border-color 0.15s ease-in 0s, opacity 0.25s ease-in 0s; -webkit-transition: border-color 0.15s ease-in 0s, opacity 0.25s ease-in 0s; -o-transition: border-color 0.15s ease-in 0s, opacity 0.25s ease-in 0s; } #more-sequences .watched img { zoom: 1; filter: alpha(opacity=40); opacity: 0.400000; } #more-sequences .current img, #more-sequences .current .timestamp { border-color: white; color: white; } #more-sequences .vg-manga-grid > div img:hover { border-color: #2abcff; } #more-sequences .keyframe-window p { width: inherit; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; display: block; text-align: left; padding-left: 0.2em; font-size: 16px; color: #616C72; font-weight: 300; text-shadow: none; background-image: none; } #more-sequences div.carousel-ad img { width: 100%; } /********** * file: player-layer-share.css * */ #keyframe-share { position: absolute; bottom: 5px; left: 0; width: 230px; } #keyframe-share .share-selector { width: 100%; height: 100%; display: block; padding: 4px; } #keyframe-share .share-selector li { width: 107px; height: 60px; background-size: 17px 17px; background-color: #0e0e0e; margin: 3px; } #keyframe-share .share-selector li.embed { display: none; } #keyframe-selector { /* goes over the video layer on small windows */ position: absolute; z-index: 3500; background-color: #2e2f32; height: 205px; width: 220px; padding: 10px 10px 5px; bottom: 0; left: 0; visibility: hidden; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; transition: visibility 0s 0.5s, opacity 0.5s ease; -moz-transition: visibility 0s 0.5s, opacity 0.5s ease; -webkit-transition: visibility 0s 0.5s, opacity 0.5s ease; -o-transition: visibility 0s 0.5s, opacity 0.5s ease; } #keyframe-selector.visible { transition: visibility 0s, opacity 0.5s ease; -moz-transition: visibility 0s, opacity 0.5s ease; -webkit-transition: visibility 0s, opacity 0.5s ease; -o-transition: visibility 0s, opacity 0.5s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } .share-select p { font-size: 0.6em; color: #FFF; } .share-select .title { height: 19px; } .share-select .title #current-comment-keyframe { float: right; } .share-select .controls { position: absolute; z-index: 30; top: 33px; left: 10px; height: 143px; width: 220px; } .share-select .controls b { position: absolute; top: 0px; height: 100%; width: 30px; cursor: pointer; background-position: 50%; background-size: 30px; background-repeat: no-repeat; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .share-select .controls b.prev { left: 0; } .share-select .controls b.next { right: 0; } .share-select .controls b.prev { background-image: url("data:image/png;base64,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"); } .share-select .controls b.next { background-image: url("data:image/png;base64,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"); } .share-select .controls b.prev:hover { background-image: url("data:image/png;base64,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"); } .share-select .controls b.next:hover { background-image: url("data:image/png;base64,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"); } .keyframe-window { width: 100%; height: 143px; overflow: hidden; overflow-y: hidden; position: relative; margin-top: 5px; } .keyframe-window .vg-manga-grid { /* vg-manga-grid comes in already, may as well use it. */ position: absolute; top: 0; left: 0; width: auto; height: 143px; white-space: nowrap; display: table; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .keyframe-window .vg-manga-grid > div { width: 220px; height: 143px; display: inline-block; position: static; outline: none; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .keyframe-window .vg-manga-grid .grid-item:hover { outline: none; } .keyframe-window .vg-manga-grid .item-info { display: none; } .keyframe-window .vg-manga-grid .grid-item, .keyframe-window .vg-manga-grid .item-container { height: 143px; width: 220px; } .keyframe-window .vg-manga-grid .item-container { vertical-align: middle; text-align: center; } .keyframe-window .vg-manga-grid img { max-height: 143px; max-width: 220px; } .share-select .actions { height: 43px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .share-select .cancel { display: inline-block; width: 70px; height: 33px; text-align: center; border: 1px solid #616C72; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #FFF; padding-top: 11px; font-size: 0.8em; margin: 0px 8px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; } .share-select .post { background-color: #2BBCFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #FFF; display: inline-block; font-size: 0.8em; height: 33px; margin: 0; padding: 12px 0 0 35px; position: relative; text-align: center; text-decoration: none; width: 135px; cursor: pointer; } .share-select .logo { display: block; position: absolute; top: 0px; left: 0px; width: 35px; height: 100%; background-color: #00ADF7; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background-size: 15px 15px; background-position: 50%; } #share-select-image { width: 100%; height: auto; } /********** * file: share-primary.css * */ #primary-share .share-selector { position: absolute; z-index: 60; bottom: 88px; right: 8px; width: 272px; background-color: #2E2F32; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; padding: 4px; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: visibility 0s 0.5s, opacity 0.5s ease; -moz-transition: visibility 0s 0.5s, opacity 0.5s ease; -webkit-transition: visibility 0s 0.5s, opacity 0.5s ease; -o-transition: visibility 0s 0.5s, opacity 0.5s ease; } #primary-share .share-selector.visible { transition: visibility 0s, opacity 0.5s ease; -moz-transition: visibility 0s, opacity 0.5s ease; -webkit-transition: visibility 0s, opacity 0.5s ease; -o-transition: visibility 0s, opacity 0.5s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } #primary-share .share-selector li { width: 60px; height: 60px; margin: 4px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -webkit-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; background-size: 17px 17px; } #primary-share textarea { position: absolute; bottom: 164px; right: 16px; height: 60px; width: 265px; z-index: 70; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em 0.5em; text-align: center; font-size: 9pt; resize: none; vertical-align: middle; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: visibility 0s 0.5s, opacity 0.5s ease-in; -moz-transition: visibility 0s 0.5s, opacity 0.5s ease-in; -webkit-transition: visibility 0s 0.5s, opacity 0.5s ease-in; -o-transition: visibility 0s 0.5s, opacity 0.5s ease-in; } #primary-share textarea.embed-url { text-align: left; vertical-align: top; padding: 4px; } #primary-share textarea.visible { transition: visibility 0s, opacity 0.5s ease-out; -moz-transition: visibility 0s, opacity 0.5s ease-out; -webkit-transition: visibility 0s, opacity 0.5s ease-out; -o-transition: visibility 0s, opacity 0.5s ease-out; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } /* these parts and the icons are common with the keyframe-share section */ .share-selector li { margin: 4px; display: block; text-align: center; float: left; transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -webkit-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; background-color: black; /* actual black adjusted by opacity */ zoom: 1; filter: alpha(opacity=36); opacity: 0.360000; background-position: 50%; } .share-selector li:hover { cursor: pointer; background-color: #2BBCFF !important; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } /********** * file: timeline.css * */ #timeline { height: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; padding: 0; margin-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #timeline b { height: 0; padding-top: 10px; overflow: hidden; display: inline-block; background-color: #616c72; vertical-align: top; } #timeline b:nth-child(even) { background-color: #80898e; } #timeline b:hover, #timeline b.current { background-color: #2abcff; } .isAndroid #timeline , .isiOS #timeline { display: none; } /********** * file: video.css * */ /* video rides above both player and comments layers */ #video-layer { position: absolute; z-index: 0; right: 0; top: 0; background-color: #222222; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; visibility: hidden; transition: visibility 0s 0.5s , opacity 0.5s ease-in , width 0.5s ease-in , height 0.5s ease-in , top 0.5s ease-in , right 0.5s ease-in ; } #video-layer.visible { z-index: 3000; transition: visibility 0s , opacity 0.5s ease-in , width 0.5s ease-in , height 0.5s ease-in , top 0.5s ease-in , right 0.5s ease-in ; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } #video-layer .no-network { text-align: center; color: yellow; position: relative; top: 50%; } /* #adframe-layer, */ #video-layer.with-player { width: -webkit-calc( 100% - 240px ); width: -webkit-calc( 100% - 240px ); width: -moz-calc( 100% - 240px ); width: calc( 100% - 240px ); height: -webkit-calc( 100% - 200px ); height: -webkit-calc( 100% - 200px ); height: -moz-calc( 100% - 200px ); height: calc( 100% - 200px ); } #video-layer.with-player .scene-nav { visibility: hidden; } #video-layer.with-comments .scene-nav { visibility: visible; } /* sometimes we don't replace it */ #video-player-replace { width: 100%; height: 100%; } #video-layer.with-comments { width: 240px; height: 200px; top: 10px; right: 10px; } #video-layer iframe { border: none; outline: none; width: 100%; height: 100%; } #video-layer .jwplayer.jw-flag-aspect-mode { height: 100% !important; } /* #mobile-close-video { display: block; position: absolute; width: 100%; height: 60px; bottom: 10px; right: 10px; z-index: 10000; background-position: bottom right; background-repeat: no-repeat; background-color: inherit; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHByZXNlcnZlQXNwZWN0UmF0aW89InRydWUiID4gIDxjaXJjbGUgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2U9IiM5OTkiIGZpbGw9Im5vbmUiIHI9IjQ5IiBjeT0iNTAiIGN4PSI1MCI+PC9jaXJjbGU+PGcgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2U9IndoaXRlIiBmaWxsPSJibGFjayI+ICA8Y2lyY2xlIHI9IjQ1IiBjeT0iNTAiIGN4PSI1MCI+PC9jaXJjbGU+ICA8cGF0aCBkPSJNMzAsMzAgTDcwLDcwIE0zMCw3MCBMIDcwLDMwIj48L3BhdGg+PC9nPiA8L3N2Zz4="); } .isAndroid #video-layer.with-player , .isiOS #video-layer.with-player { background-color: rgba(0,0,0,0.6); width: 100vw; height: 100vh; } .isAndroid #video-layer iframe, .isiOS #video-layer iframe { border: none; width: 100%; height: -webkit-calc( 100% - 70px ); height: -moz-calc( 100% - 70px ); height: calc( 100% - 70px ); position: relative; } .isAndroid #video-layer #video-player-replace , .isiOS #video-layer #video-player-replace { height: 100%; width: 100%; } .isAndroid #video-layer , .isiOS #video-layer { } .isAndroid #video-layer , .isiOS #video-layer { } .isAndroid #video-layer .scene-nav, .isiOS #video-layer .scene-nav { display: none; } */ /* scene navigator */ .scene-nav { color: #92949A; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; transition: opacity 0.15s ease-in 0s; -moz-transition: opacity 0.15s ease-in 0s; -webkit-transition: opacity 0.15s ease-in 0s; -o-transition: opacity 0.15s ease-in 0s; } .scene-nav .title { text-transform: uppercase; text-align: center; font-size: 0.8em; margin-top: 10px; border-bottom: 1px solid #92949A; height: 7px; } .scene-nav .title span { float: center; background-color: #2E2F32; padding: 0 5px; } .scene-nav .controls-container { margin-top: 15px; } .scene-nav .controls-container > div { text-align: center; width: 33%; cursor: pointer; font-size: 0.8em; transition: all 0.15s ease-in ; -moz-transition: all 0.15s ease-in ; -webkit-transition: all 0.15s ease-in ; -o-transition: all 0.15s ease-in ; height: 20px; padding-top: 5px; position: relative; } .scene-nav .controls-container > div p { position: absolute; z-index: 500; top: 30px; width: 200px; padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 2px solid #222326; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); visibility: hidden; zoom: 1; filter: alpha(opacity=0); opacity: 0.000000; transition: visibility 0s 0.3s, opacity 0.3s ease; -moz-transition: visibility 0s 0.3s, opacity 0.3s ease; -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease; -o-transition: visibility 0s 0.3s, opacity 0.3s ease; } .scene-nav .controls-container > div:hover p { transition: visibility 0s, opacity 0.3s ease; -moz-transition: visibility 0s, opacity 0.3s ease; -webkit-transition: visibility 0s, opacity 0.3s ease; -o-transition: visibility 0s, opacity 0.3s ease; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1.000000; } .scene-nav .controls-container > div.next p { right: 20px; } .scene-nav .controls-container > div.prev p { left: 20px; } .scene-nav .controls-container > div p img { width: 100%; height: auto; } .scene-nav .controls-container div:first-child { float: left; background-position: center right; } .scene-nav .controls-container div:last-child { float: right; background-position: center left; } .scene-nav .controls-container > div:hover { color: #2abcff; } .scene-nav .controls-container div:first-child { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMjNweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggICBmaWxsPSIjNzc3Nzc3IiBzdHJva2Utd2lkdGg9IjgwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDkzMywxMzUgMzQ0LDUwMSA5MzMsODY3IHoiPjwvcGF0aD48cGF0aCBzdHJva2U9IiM3Nzc3NzciIHN0cm9rZS13aWR0aD0iMjUwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0gMTU1LDE1NiAxNTUsODUwIj48L3BhdGg+PC9zdmc+"); } .scene-nav .controls-container div:first-child:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMjNweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggICBmaWxsPSIjMmFiY2ZmIiBzdHJva2Utd2lkdGg9IjgwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDkzMywxMzUgMzQ0LDUwMSA5MzMsODY3IHoiPjwvcGF0aD48cGF0aCBzdHJva2U9IiMyYWJjZmYiIHN0cm9rZS13aWR0aD0iMjUwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0gMTU1LDE1NiAxNTUsODUwIj48L3BhdGg+PC9zdmc+"); } .scene-nav .controls-container div:last-child { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjNweCIgaGVpZ2h0PSIyM3B4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggICBmaWxsPSIjNzc3Nzc3IiBzdHJva2Utd2lkdGg9IjgwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDcwLjQsMTM1IDY1OSw1MDEgNzAuNCw4NjcgeiI+PC9wYXRoPjxwYXRoIHN0cm9rZT0iIzc3Nzc3NyIgc3Ryb2tlLXdpZHRoPSIyNTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTSA4NDgsMTU2IDg0OCw4NTAiPjwvcGF0aD48L3N2Zz4="); } .scene-nav .controls-container div:last-child:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMjNweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCI+PHBhdGggICBmaWxsPSIjMmFiY2ZmIiBzdHJva2Utd2lkdGg9IjgwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDcwLjQsMTM1IDY1OSw1MDEgNzAuNCw4NjcgeiI+PC9wYXRoPjxwYXRoIHN0cm9rZT0iIzJhYmNmZiIgc3Ryb2tlLXdpZHRoPSIyNTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTSA4NDgsMTU2IDg0OCw4NTAiPjwvcGF0aD48L3N2Zz4="); } /********** * file: x-overwrite.css * */ /* #manga-controls > div:last-child { width: 86px; }*/ #more-sequences .keyframe-window .vg-manga-grid .grid-item .item-info { padding-top: 0.5em; } #keyframe-share .share-selector li { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 1px solid rgba(0, 0, 0, .15); } .comments-ticker { top: 57px; left: 8px; width: 222px; border: 1px solid rgba(0, 0, 0, .15); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .comments-ticker .comment-navigation { border-bottom: 1px solid rgba(0, 0, 0, .15); } .comments-ticker .comment-navigation p { border: none; } .comments-ticker .comment-navigation p.left, .comments-ticker .comment-navigation p.right { border-right: 1px solid rgba(0, 0, 0, .15); } .comment-form button { border: 1px solid rgba(0,0,0,.15); padding: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: white; } #keyframe-share .share-selector li { width: 109px; } #more-sequences .title > span { text-align: left; } /********** * file: y-media.css * */ @media (max-height: 9700px) and (max-width: 600px) { /* player height matches across all screens */ #keyframe-animate-layer, #video-layer.with-player, #video-layer.with-comments { width: 100%; height: -webkit-calc(100% - 350px); height: -webkit-calc(100% - 350px); height: -moz-calc(100% - 350px); height: calc(100% - 350px); top: 50px; } #video-layer.with-comments { right: 0; visibility: visible; display: block; } #keyframe-share { z-index: 5500; bottom: auto; left: auto; top: 3px; right: 2px; width: 223px; } #keyframe-share .share-selector li { width: 30px; height: 30px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-size: 14px 14px; } #keyframe-selector { height: 208px; background-color: #000; top: 50px; left: auto; right: 0px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 5px solid #2e2f32; } .comments-ticker { top: auto; bottom: 0; left: 0; width: 100%; height: 150px; border: none; z-index: 200; } .comments-ticker p.comment-time-index { text-align: left; } .comments-ticker .comments-window { top: 5px; height: 75px; } .comments-ticker .comments-write, .comments-ticker .comments-view-more { display: inline-block; } /* flip positions of sequences and comments-ticker */ #more-sequences { top: -webkit-calc( 100% - 300px ); /* 50 at top, 350 at bottom */ top: -webkit-calc( 100% - 300px ); top: -moz-calc( 100% - 300px ); top: calc( 100% - 300px ); /* 50 at top, 350 at bottom */ height: 150px; width: 100%; z-index: 100; overflow: hidden; } #more-sequences .keyframe-window { height: 100%; } #more-sequences .keyframe-window .vg-manga-grid { height: 110px !important; } #more-sequences .keyframe-window .vg-manga-grid .grid-item, #more-sequences .keyframe-window .vg-manga-grid .item-container { height: 110px !important; width: 160px !important; } #more-sequences img { height: 85px; } #comment-layer .window-controls, .window-controls { width: 100%; } .window-controls p.fullscreen { left: 5em; right: auto; } #comment-layer .comment-header { width: 100%; /* calculate margin-top in JS - depends on player height */ } #comment-layer.writing-comment .comments-window, #comment-layer .comments-window { height: 185px; } #video-layer .scene-nav { display: none; } } /* massage the control bar */ @media (max-width: 775px) { #manga-controls > div:first-child { width: 50px; } #manga-controls > div:last-child { width: 50px; } #manga-controls > div.track-bar { width: calc( 100% - 190px ) !important; } #manga-controls .videogram-logo { width: 90px; } #manga-controls .videogram-logo img { width: 70px; } } @media (max-height: 561px) and (max-width: 600px) { #manga-layer #grid { height: -webkit-calc( 100% - 60px ); height: -webkit-calc( 100% - 60px ); height: -moz-calc( 100% - 60px ); height: calc( 100% - 60px ); } #manga-layer #manga-controls { height: 60px; } #manga-controls .track-bar { padding-top: 6px; } #manga-controls .videogram-logo { padding-top: 19px; } #video-layer.with-player { height: -webkit-calc(100% - 327px); height: -webkit-calc(100% - 327px); height: -moz-calc(100% - 327px); height: calc(100% - 327px); } #more-sequences { height: 127px; top: -webkit-calc( 100% - 277px ); top: -webkit-calc( 100% - 277px ); top: -moz-calc( 100% - 277px ); top: calc( 100% - 277px ); } #more-sequences img { width: auto; height: 60px; } /* we want to hide the scroll bar behind the next layer */ #more-sequences .keyframe-window { height: 115px; } #more-sequences .keyframe-window .vg-manga-grid .item-container { height: 90px; width: auto; } #more-sequences .keyframe-window .vg-manga-grid .grid-item .item-info { padding-top: 0.2em; } } @media (max-height: 479px) { #more-sequences { height: 126px; } #video-layer.with-player { height: -webkit-calc( 100% - 126px - 0px ); height: -moz-calc( 100% - 126px - 0px ); height: calc( 100% - 126px - 0px ); } #keyframe-share .share-selector li { height: 30px; } .comments-ticker .comments-window { height: 130px; height: -webkit-calc( 100vh - 270px ); height: -moz-calc( 100vh - 270px ); height: calc( 100vh - 270px ); } } @media (max-height: 500px) and (max-width: 600px) { .comments-ticker { display: none; } #more-sequences { top: auto; bottom: 0; } #keyframe-animate-layer, #video-layer.with-player, #video-layer.with-comments { width: 100%; height: -webkit-calc(100% - 177px); height: -webkit-calc(100% - 177px); height: -moz-calc(100% - 177px); height: calc(100% - 177px); top: 50px; } } @media (max-width: 500px) { .fullscreen { display: none; } #manga-layer #grid { height: -webkit-calc( 100% - 60px ); height: -webkit-calc( 100% - 60px ); height: -moz-calc( 100% - 60px ); height: calc( 100% - 60px ); } #manga-layer #manga-controls { height: 60px; } #manga-controls > div.track-bar { width: -webkit-calc( 100% - 116px ) !important; width: calc( 100% - 116px ) !important; } #manga-controls .track-bar { padding-top: 6px; } #manga-controls .videogram-logo { padding: 5px; width: 30px; } #manga-controls .videogram-logo a { display: block; width: 20px; height: 45px; margin: 0 auto; background-repeat: no-repeat; background-position: 50%; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIj4gIDxwYXRoIGZpbGw9IndoaXRlIiBzdHJva2U9Im5vbmUiICAgICBkPSJNIDEwMiwyMjcgMTc2LDIyOSAyOTAsOTA3IEMgMjkwLDkwNyAyOTgsOTQ1IDM5MCw5NTEgNDUxLDk1NiA0NzcsOTQ3IDUxMSw5MjggNTYzLDg4NiA4OTMsNTQyIDkwNywzODEgOTIwLDIzNyA5MjIsMTc3IDg5NiwxMjUgODY0LDgwLjUgODQzLDc4LjQgODQzLDc4LjQgTCA3NTYsNzguNCBDIDc1Niw3OC40IDcyNCw5Ny40IDcyMiwxMTIgNzIwLDEyNyA3NDIsMjA4IDczOSwyNjkgNzM5LDM0NCA3MTQsNDY4IDY0NCw1NjQgNTc0LDY1OSA0NjQsNzc4IDQ2NCw3NzggTCAzNzEsMTY3IEMgMzcxLDE2NyAzNTQsOTUuNCAzMTMsODkgMjU5LDgwLjQgMjAwLDc0LjIgMTQ0LDkxLjEgMTA4LDEyMyA5OS42LDE0NiA5OS42LDE0NiB6IiAvPjwvc3ZnPg=="); } #manga-controls .videogram-logo img { display: none; } #manga-controls #primary-share { width: 36px; } .comments-ticker .view-more, .comments-ticker .write { margin: 5px 0 0 10px; } } @media (max-width: 299px) { .window-controls p.back { left: 0px; top: 5px; color: transparent; } } @media ( max-height: 479px ) and ( min-height: 370px ) and ( max-width: 500px ) { #keyframe-animate-layer, #video-layer.with-player, #video-layer.with-comments { height: -webkit-calc(100% - 120px - 50px ); height: -webkit-calc(100% - 120px - 50px ); height: -moz-calc(100% - 120px - 50px ); height: calc(100% - 120px - 50px ); } #more-sequences { height: 120px !important; } } @media ( max-height: 301px) { #video-layer.with-player, #video-layer.with-comments { height: -webkit-calc(100% - 140px); height: -webkit-calc(100% - 140px); height: -moz-calc(100% - 140px); height: calc(100% - 140px); } #more-sequences { height: 90px; } #more-sequences .keyframe-window .vg-manga-grid { height: 70px !important; } #more-sequences .keyframe-window .vg-manga-grid .grid-item { width: 90px !important; } #more-sequences .keyframe-window .vg-manga-grid .grid-item b { font-weight: 100; } #more-sequences img { height: 30px; } } @media ( max-width: 320px ) { #login-layer > div { width: 100%; left: 0; } #login-layer .close-button { right: 5px; } } @media ( max-width: 350px ) and ( min-height: 500px ) { /* moves the title up so it's full width */ #manga-controls .video-length { float: none; } .video-title { position: absolute; bottom: 67px; left: 8px; width: calc( 100% - 16px ) !important; background-color: #333; padding: 5px 5px; height: 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #manga-layer #grid { height: -webkit-calc( 100% - 96px ) !important; height: calc( 100% - 96px ) !important; } } /********** * file: z-site-adjustments.css * */ /* .twitter .comments-write, .twitter .reply, .twitter .comment-form, .twitter .comment-sort, */ .twitter #login-layer .facebook { display: none; } /* comment-form isn't loaded so these parts need extra margin to show */ .twitter .comment-sort, .twitter .comment-count { /* margin-top: -webkit-calc( 100% - 285px ); margin-top: -moz-calc( 100% - 285px ); margin-top: calc( 100% - 285px ); margin-top: -webkit-calc( 100vh - 285px ); margin-top: -moz-calc( 100vh - 285px ); margin-top: calc( 100vh - 285px ); */ } .twitter #comment-layer .comment-header { height: 50px; } .twitter #comment-layer .comments-window { height: 215px; } .twitter #login-layer p { max-height: 10em; } .twitter #login-layer > div.use-email { top: -webkit-calc( 50% - 100px ); top: -moz-calc( 50% - 100px ); top: calc( 50% - 100px ); } /* temp mod for new twitter card */ /* .twitter #player-layer .window-controls, #keyframe-share { display: none; } .twitter #video-layer.with-player { top: 0; height: -webkit-calc( 100% - 100px ); height: -moz-calc( 100% - 100px ); height: calc( 100% - 100px ); } */ /* === begin @media === */