html { -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { background: #EEEEEE none; color: #333; font-family: arial, helvetica, sans-serif; font-size: 10pt; margin-left: 0; margin-right: 0; margin-top: 5px; padding-left: 5px; padding-right: 5px; } .nwsb { display: none; } .adg-rects { margin: 0; text-align: center; } .adg, .adg-m { overflow: hidden; } .adg-rep .adg { margin-left: 15px } .adp-228 { margin: auto; width: 728px; height: 320px; } .adp-90 { margin: auto; width: 728px; height: 90px; } .adp-128 { margin: auto; width: 728px; height: 128px; } .adp-j { margin: auto; width: 728px; height: 102px; } .adp-50 { margin: auto; width: 320px; height: 50px; } .adp-250 { margin: auto; width: 300px; height: 250px; } .adp-row { display: inline-block; margin: 0 10px; } .adl { font-size: 10px; text-align: center; } .adl + .ad-bgls, .ad-bgls + .adl { margin-top: 8px; } .bsa-cnt { margin: 20px 0; height: 90px; text-align: center; } @media only screen and (max-width: 640px) { .bsa-cnt { height: 250px; display: flex; justify-content: center; align-items: center; } } .adc-resp { margin: auto; width: 728px; height: 228px; overflow: hidden; } .adc-resp-bg { margin: auto; width: 728px; height: 112px; overflow: hidden; } @media only screen and (max-width: 480px) { .adc-resp { width: 300px; height: 300px; } #quickReply { z-index: 9000 !important; } .adc-resp-bg { width: 300px; height: 250px; } } hr#op, #ctrl-top { clear: both; } .party-hat { left: 0; margin-top: -80px; position: absolute; pointer-events: none; } .sjis, #quickReply .sjis { font-size: 16px; line-height: 17px; white-space: pre; font-family: 'IPAMonaPGothic', 'Mona', 'MS PGothic', monospace; overflow: auto; display: block; clear: left; } .tex-logo { font-size: 0.8em; } .tex-logo sub { font-size: 0.8em; text-transform: uppercase; } .mu-s { font-weight: bold } .mu-i { font-style: italic } .mu-r { color: #C41E3A } .mu-g { color: #00A550 } .mu-b { color: #1d8dc4 } .pu-lbl { color: #117743; font-weight: bold; font-size: 12px; } .pu-img { vertical-align: middle; margin-top: -3px; margin-right: 3px; display: inline-block; width: 16px; height: 16px; background: url('//s.4cdn.org/image/minileaf.gif'); } .n-pu { vertical-align: middle; display: inline-block; width: 16px; height: 16px; margin-top: -2px; background: url('//s.4cdn.org/image/minileaf.gif'); } .jla-it { height: 420px; width: 680px; } .jla-it-p { font-size: 0.85em; text-align: center; } .n-atb { border-radius: 6px; padding: 1px 4px; color: #353839; } .atsb2018 table { margin: auto; font-size: 90%; } .atsb2018 td { white-space: nowrap; padding: 0px 4px; } .atsb2018 .atsgc { width: 280px; } .atsb2018 .atgg { height: 20px; } .n-atb-0 { background-color: #F56FA1; } .n-atb-1 { background-color: #7B3F00; color: #F2F3F4; } .n-atb-2 { background-color: #FFFDD0; } .n-atb-3 { background-color: #E4D00A; } .n-atb-4 { background-color: #50C878; } .n-atb-0::after { content: 'Team Peep'; } .n-atb-1::after { content: 'Team Chocolate'; } .n-atb-2::after { content: 'Team Creme'; } .n-atb-3::after { content: 'Team Peanut Butter'; } .n-atb-4::after { content: 'Team Mini'; } @media only screen and (max-width: 700px) { .jla-it { width: 340px; height: 220px; margin: auto; } .jla-it img { width: 340px; height: 200px; } } .centeredThreads .party-hat { left: 12%; } #disclaimer { font-size: 14px; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; } #disclaimer-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); } #disclaimer-modal { z-index: 9999; width: 320px; top: 0; left: 50%; margin-left: -170px; display: block; padding: 10px; position: relative; background-color: #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } #disclaimer ol { margin-left: 20px; padding: 0; } #disclaimer li { margin: 10px 0; } #disclaimer h3 { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin: 0; padding-bottom: 5px; text-align: center; } #disclaimer-modal div { margin-top: 10px; text-align: center; } #disclaimer-modal button { margin: 0 10px; } #disclaimer-accept { font-weight: bold; } #footer-links { margin-top: 5px; } .isMobileDevice blockquote.postMessage { font-size: 11pt; } .belowLeaderboard { width: 728px; } .aboveMidAd { width: 468px; } #postFormError { background-color: #e62020; color: #fff; font-family: monospace; font-size: 13px; font-weight: bold; padding: 3px 5px; text-shadow: 0 1px rgba(0, 0, 0, 0.2); display: none; margin-top: 3px; } #postFormError a { color: #fff; } .painter-ctrl input[type="text"], #qr-painter-ctrl input[type="text"] { width: 30px !important; text-align: center; } #qr-painter-ctrl .oe-r-cb { vertical-align: sub; } #oe-canvas-preview { position: absolute; margin-left: 5px; margin-top: 3px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25); } /* reCaptcha */ #captchaContainerAlt { height: 80px; } #captchaContainerAlt .recaptcha_image_cell { padding: 0 0 5px 0 !important } #captchaContainerAlt #recaptcha_table { border: 0 !important; } #captchaContainerAlt #recaptcha_response_field { width: 300px !important; padding: 0 !important } #qrCaptchaContainerAlt #recaptcha_response_field { width: 296px !important; } #captchaContainerAlt #recaptcha_image, #qrCaptchaContainerAlt #recaptcha_image { border: 0 !important; } #qrCaptchaContainerAlt .recaptcha_image_cell { padding: 0 !important; } #qrCaptchaContainerAlt #recaptcha_table { border: 0 !important; } #captchaContainerAlt td:nth-child(2), #captchaContainerAlt td:nth-child(3), #qrCaptchaContainerAlt td:nth-child(2), #qrCaptchaContainerAlt td:nth-child(3) { display: none !important; } #qrCaptchaContainerAlt { height: 80px; width: 300px; } .recaptchatable { background-color: transparent !important; border: none !important; } .recaptcha_image_cell { background-color: transparent !important; } #g-recaptcha { height: 78px; } #recaptcha_div { height: 107px; width: 442px; } #recaptcha_challenge_field { width: 400px } .recaptcha_input_area { padding: 0!important; } #recaptcha_table tr:first-child { height: auto!important; } #recaptcha_table tr:first-child > td:not(:first-child) { padding: 0 7px 0 7px!important; } #recaptcha_table tr:last-child td:last-child { padding-bottom: 0!important; } #recaptcha_table tr:last-child td:first-child { padding-left: 0!important; } #recaptcha_image { cursor: pointer; } #recaptcha_response_field { width: 292px; margin-right: 0px!important; font-size: 10pt!important; } input:-moz-placeholder { color: gray !important; } #recaptcha_image { border: 1px solid #aaa !important; } #recaptcha_table tr > td:last-child { display: none !important; } #captchaContainer { width: 343px; height: 86px; line-height: 99px; overflow: hidden; } #captchaContainer .placeholder { font-style: italic; padding-left: 5px; } .mobile, .mobileinline, .mobileib { display: none !important; } a, a:visited { color: #FF6600 !important; text-decoration: none; } a.replylink:not(:hover), div#absbot a:not(:hover) { color: #FF6600 !important; } a:hover { color: #FF3300 !important; } div#absbot { color: #333; clear: both; } div.board>hr { clear: both; } img { border: none; } img.topad, .topad > div, .topad a img { width: 728px; height: 90px; max-width: 100%; overflow: hidden; margin: auto; } img.middlead, .middlead > div, .middlead a img { width: 468px; height: 60px; max-width: 100%; overflow: hidden; margin: auto; } img.bottomad, .bottomad > div, .bottomad a img { width: 728px; height: 90px; max-width: 100%; overflow: hidden; margin: auto; } hr { border: none; border-top: 1px solid #DDD; height: 0; } hr.abovePostForm { width: 90%; } span.x-small { font-size: x-small; } .mobile { display: none; } ul.rules { margin: 0px; padding: 0px; margin-top: 5px; } ul.rules > li { list-style: none; font-size: 11px; } .rules>li:before { content: "\2022 \20"; } div.boardBanner { text-align: center; clear: both; } #bannerCnt { border: 1px solid #000; margin: 5px auto; width: 300px; height: 100px; max-width: 100%; } div.boardBanner>div.boardTitle { color: #004A99; font-family: Tahoma, sans-serif; font-size: 28px; font-weight: bold; letter-spacing: -2px; margin-top: 0px; } div.boardBanner>div.boardSubtitle { font-size: x-small; } div#boardNavDesktop { font-size: 9pt; color: #333; display: block; } .hasDropDownNav #navtopright { display: none; } #boardNavDesktop .pageJump { padding: 0; } #boardNavDesktop .pageJump a { padding-right: 5px; } div#boardNavDesktop a { font-weight: normal; padding: 1px; text-decoration: none; color: #FF6600; } div.opContainer { display: inline; } div.sideArrows { color: #333; float: left; margin-right: 2px; margin-top: 0px; margin-left: 2px; } div.thread { margin: 0px; clear: both; } div.post { margin: 4px 0; overflow: hidden; } div.thread>div:nth-of-type(2)>div.reply { margin-top: 2px !important; } div.op { display: inline; } div.reply { background-color: #DDD; border: 1px solid #CCC; display: table; padding: 2px; } div.reply input { float: none; } div.post div.postInfo { display: block; width: 100%; } .fileText { max-width: 600px; white-space: nowrap; } div.post div.postInfo span.postNum { } div.post div.postInfo span.postNum > a { text-decoration: none; color: #333333 !important; } div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover { color: #FF3300 !important; } div.post div.postInfo span.nameBlock { display: inline-block; } div.post div.postInfo span.nameBlock span.name { color: #004A99; font-weight: bold; } div.post div.postInfo span.nameBlock span.postertrip { color: #FF3300; font-weight: normal !important; } div.post div.postInfo span.date { } div.post div.postInfo span.time { } div.post div.postInfo span.subject { color: #111; font-weight: bold; } div.post blockquote.postMessage { display: block; } blockquote>span.quote { color: #789922; } .quoteLink, .quotelink, .deadlink { color: #FF6600 !important; text-decoration: underline; } a.quoteLink:hover, a.quotelink:hover { color: #FF3300 !important; } /* Archived threads list */ .is_arclist .belowLeaderboard { display: none; } #arc-list { max-width: 80%; margin: 10px auto 0 auto; } #arc-list td { text-align: center; } #arc-list .teaser-col { text-align: left; word-break: break-all; } #arc-list .quotelink { color: #34345C !important; } #arc-list .quotelink:hover { color: #D00 !important; } #arc-sort { border-bottom: 1px dotted; cursor: pointer; } div.post div.file { display: block; } div.post div.file div.fileInfo { margin-right: 10px; word-break: break-all; } div.replyContainer div.post div.file div.fileInfo { margin-left: 20px; } div.post div.file .fileThumb { float: left; margin-left: 20px; margin-right: 20px; margin-top: 3px; margin-bottom: 5px; } span.fileThumb { margin-left: 0px !important; margin-right: 5px !important; } div.reply span.fileThumb, div.reply span.fileThumb img { float: none !important; margin-top: 0px !important; margin-bottom: 0px !important; } div.post div.file .fileThumb img { border: none; float: left; } span.summary { color: #707070; margin-top: 10px; } div.postingMode { background-color: #DDD; padding: 1px; text-align: center; color: #333; font-weight: bold; font-size: larger; margin-top: 8px; border: 1px solid #CCC; } #verification table { border: none !important; margin: 0px; } div.thread:last-child { padding-bottom: 21px; margin-bottom: 6px; } div.pagelist { font-size: 13px !important; margin: 0; padding: 3px 7px; float: left; border: none; background: #DDD; border: 1px solid #CCC; list-style: none; overflow: hidden; color: #333; } div.pagelist>div { float: left; } div.pagelist>div span { padding: 4px; display: inline-block; } div.pagelist div.pages { padding: 4px; } div.pagelist div.pages a { text-decoration: none !important; } div.pagelist form { display: inline; } div.pagelist div.cataloglink { border-left: 1px solid #CCC; padding-left: 12px; margin-left: 7px; } .bottomCtrl { float: right; margin-top: 2px; } input[type=password] { width: 50px; text-align: center; } div.deleteform input[type=checkbox] { margin: 1px 2px 1px 2px; } .stylechanger { margin-left: 5px; font-size: 10pt; } div#boardNavDesktopFoot { font-size: 9pt; color: #333; clear: both; padding-top: 10px; padding-bottom: 3px; } div#boardNavDesktopFoot a { font-weight: normal; padding: 1px; text-decoration: none; color: #FF6600; } div.homelink { float: right; } div#absbot { text-align: center; font-size: x-small !important; padding-bottom: 4px; padding-top: 10px; color: #333; } #recaptcha_response_field { padding: 0px; } table { border-spacing: 1px; margin-left: auto; margin-right: auto; } table.postForm>tbody>tr>td:first-child { background-color: #DDD; color: #333; font-weight: bold; border: 1px solid #CCC; padding: 0 5px; font-size: 10pt; } tr.rules td { border: 0px !important; background-color: transparent !important; font-weight: normal !important; } td { margin: 0px; padding: 0px; font-size: 10pt; } input[type=text], table.postForm>tbody textarea, input[type="password"], #recaptcha_response_field { margin: 0px; margin-right: 2px; padding: 2px 4px 3px 4px; border: 1px solid #AAA; outline: none; font-family: arial, helvetica, sans-serif; font-size: 10pt; } #recaptcha_response_field:not(:focus) { border: 1px solid #AAA !important; } input[type=text]:focus, input[type=password]:focus, input:not([type]):focus, textarea:focus { border: 1px solid #ea8 !important; } table.postForm>tbody>tr>td>input[type=text] { width: 244px; } table.postForm>tbody>tr>td>input[name="subject"] { width: 300px; } .postblock { background-color: #DDD; color: #333; font-weight: bold; padding: 0 5px; font-size: 10pt; } div.closed { font-size: x-large; text-align: center; color: red; font-weight: bold; padding-top: 100px; padding-bottom: 100px; } .arc-ads { width: 300px; margin: 30px auto -60px auto; } .arc-ads::after { display: block; content: ''; clear: both; } @media screen and (-webkit-min-device-pixel-ratio:0) { tbody textarea { margin-bottom: -3px !important; width: 292px; } } .commentpostername { font-weight: bold; } .identityIcon { margin-bottom: -3px; height: 16px; width: 16px; } .stickyIcon { margin-bottom: -1px; padding-left: 2px; height: 16px; width: 16px; } .archivedIcon, .closedIcon { margin-bottom: -1px; margin-left: -1px; height: 16px; width: 16px; } .trashIcon { width: 16px; height: 16px; margin-bottom: -2px; } .fileDeleted { height: 13px; width: 172px; } .fileDeletedRes { height: 13px; width: 127px; } .navSmall { font-size: 90%; } .center { text-align: center; } .bold { font-weight: bold; } .smaller { font-size: smaller; } .password { font-size: smaller; } .passNotice { font-size: smaller; padding-left: 6px; } .qcDiv { display: none; } .qcImg { height: 1px; width: 1px; border: 0px; } .jpnFlag { height: 11px; width: 17px; } .globalMessage { color: #333; text-align: center; } .highlightPost:not(.op) { background: #f0d6d6 !important; border-color: #d69595 !important; } .reply:target, .reply.highlight { background: #CCC !important; border: 1px solid #CCC !important; padding: 2px; } span.capcodeAdmin span.name, span.capcodeAdmin span.name a, span.capcodeAdmin span.postertrip, span.capcodeAdmin strong.capcode { color: #F00 !important; } span.capcodeFounder span.name, span.capcodeFounder span.name a, span.capcodeFounder span.postertrip, span.capcodeFounder strong.capcode { color: #117743 !important; } span.capcodeMod span.name, span.capcodeMod span.name a, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode { color: #FF6600 !important; } span.capcodeDeveloper span.name, span.capcodeDeveloper span.name a, span.capcodeDeveloper span.postertrip, span.capcodeDeveloper strong.capcode { color: #0000F0 !important; } span.capcodeManager span.name, span.capcodeManager span.name a, span.capcodeManager span.postertrip, span.capcodeManager strong.capcode { color: #FF0080 !important; } span.capcodeVerified span.name, span.capcodeVerified span.name a, span.capcodeVerified span.postertrip, span.capcodeVerified strong.capcode { color: #007FFF !important; } .hand { cursor: pointer; } #reportTypes a, .useremail { text-decoration: underline; } .omittedposts, .abbr { color: #707070; } span.spoiler { color: #000 !important; background: #000 !important; } span.spoiler:hover, span.spoiler:focus { color: #fff !important; } s, s a:not(:hover) { color: #000 !important; background: #000 !important; text-decoration: none; } s:hover, s:focus, s:hover a { color: #fff !important; } s:hover a { text-decoration: underline; } table.exif { display: none; min-width: 450px; } table.exif td { color: #707070; min-width: 150px; font-size: 8pt; } table.exif td b { text-decoration: underline; } div.posthover { max-width: 400px; margin-left: 20px; } div.posthover { padding: 5px; padding-left: 10px; padding-right: 10px; } div.posthover a.fileThumb { margin-left: 5px !important; margin-right: 10px !important; } div.posthover blockquote { margin: 5px; } div.posthover img[data-md5] { max-width: 80px; max-height: 80px; height: auto !important; width: auto !important; } div.posthover div.fileThumb { margin-left: 0px !important; margin-right: 10px !important; } #navtopright, #navbotright { float: right; } .preview { background: #DDD; border: 1px solid #CCC !important; } .qrWindow table.postForm>tbody>tr>td:first-child { background-color: #EEE; border-color: #CCC; } #settingsBox { position: absolute; right: 10px; margin-top: 10px; } div.backlink { font-size: x-small !important; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; } .backlink span { padding-right: 5px; } .backlinkHr hr { border-top-color: #CCC; } .persistentNav, div#boardNavMobile { padding: 2px 4px; background-color: #DDD; overflow: hidden; border-bottom: 2px solid #CCC; position: fixed; top: 0px; left: 0px; right: 0px; font-size: 12px; z-index: 9001; } div#boardNavMobile select, div#boardNavMobile option { font-size: 11px; } div.boardSelect { float: left; } div.boardSelect > strong { padding-right: 5px; } div.pageJump { float: right; padding-right: 5px; padding-top: 3px; } .pageJump a { text-decoration: none; padding-right: 5px; } div.qrWindow { position: absolute; z-index: 8000; } div.qrHeader { background: #EEE; border: 1px solid #CCC; padding: 2px; font-size: small; text-align: center; } div.qrForm { padding: 3px; } span.qrButtonHolder { position: absolute; right: 5px; text-align: right; top: 3px; } span.qrButtonHolder a { text-decoration: none; } span.qrButtonHolder img { cursor: pointer; margin-bottom: -1px; margin-top: 1px; } .extButton img { margin-top: 3px; margin-bottom: -3px; margin-left: 4px; } .qrMessage { padding: 2px; text-align: center; } .op .backlinkHr { width: 55%; } .useremail:not(:hover) .name, .useremail:not(:hover) .postertrip { color: #FF3300 !important; } .useremail .name:hover, .useremail .postertrip:hover { color: #FF6600 !important; } img.expandedImg { max-width: none !important; max-height: none !important; } #captchaContainer>img { float: left; border: 1px solid #aaa; margin-bottom: 1px; } #captchaInfo { float: left; margin-left: 5px; visibility: hidden; } #captchaResponse { width: 292px; } .prettyprint { border: none !important; background-color: #fff; padding: 5px !important; display: inline-block; max-height: 400px; overflow-x: auto; max-width: 600px; margin: 0; } .prettyprint { background-color: rgba(150, 150, 150, 0.2); border-color: rgba(130, 130, 130, 0.1); } span.tag { color: #003369; } span.pun { color: #61663A; } span.com { color: #FF6600; } span.str { color: #7FA61B; } span.kwd { color: #004A99; } span.typ { color: #6F4E9C; } span.lit { color: #FF3300; } span.pln { color: #333; } /** this is not important **/ #captchaContainer { overflow: hidden; } #captchaContainer > img { float: left; border: 1px solid #aaa; margin-bottom: 1px; } #captchaInfo { float: left; margin-left: 5px; visibility: hidden; } #captchaResponse { width: 292px; } .embed { position: absolute; width: 0px; height: 0px; overflow: hidden; } table.flashListing td.postblock { padding: 5px; text-align: center; } table.flashListing td { padding: 2px; font-size: 9pt; } table.flashListing td:not(.subject) { text-align: center; } table.flashListing .name { color: #004A99; font-weight: bold; } table.flashListing .postertrip { color: #004A99; } table.flashListing .subject { color: #111; font-weight: bold; } table.flashListing tr:nth-of-type(odd) { background-color: #888; } input[type="text"], input[type="password"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; } .countryFlag { padding-top: 1px; margin-bottom: -1px; } .deadlink { text-decoration: line-through; } .oldpost { color: #333; font-weight: bold; } #enable-mobile { font-size: small !important; } #disable-mobile { font-size: small !important; } .mFileInfo { padding-top: 5px; text-align: center; color: #707070 !important; font-size: 9pt !important; text-decoration: none!important; } .name-col, .file-col, table.flashListing .subject { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } .ad-plea { margin-top: 2px; text-align: center; font-size: smaller; } .ad-plea a { text-decoration: none; } .fileText a { text-decoration: underline; } #search-box { height: 16px; line-height: 16px; margin-left: 2px; padding: 0 2px; width: 120px; } #blotter { width: 468px; margin: auto; } #blotter td { vertical-align: top; font-size: 11px; } .blotter-date { width: 50px; text-align: center; } #blotter tfoot { text-align: right; } .redtxt { color: red; } #blotter-msgs s { background-color: inherit !important; color: inherit !important; text-decoration: line-through; } #postForm textarea { width: 292px; } #postForm { width: 468px; display: none; } #togglePostFormLink { font-size: 22px; font-weight: bold; text-align: center; } .fileWebm:hover:before { background-color: rgba(0, 0, 0, 0.75); color: #FFF; font-weight: bold; line-height: 18px; padding: 0 3px 0 2px; position: absolute; content: 'webm'; display: block; font-size: 11px; text-decoration: none; } .expandedWebm { margin: 3px 20px 5px; } #tooltip { position: absolute; background-color: #181f24; font-size: 11px; line-height: 13px; padding: 3px 6px; z-index: 100000; word-wrap: break-word; white-space: pre-line; max-width: 400px; color: #fff; text-align: center; } .tip-top-left:before, .tip-top-right:before, .tip-top:before { content:""; display:block; width:0; height:0; position:absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #181f24; margin-left: -4px; bottom: -4px; } .tip-top:before { left: 50%; } .tip-top-right:before { left: 2px; margin-left: 0; } .tip-top-left:before { right: 2px; } #postFile { margin-right: 10px; width: 200px; } .dd-menu { position: absolute; font-size: 12px; line-height: 1.3em; } .dd-menu a { text-decoration: none; color: inherit !important; display: block; } .dd-menu ul { background-color: #DDDDDD; border: 1px solid #CCCCCC; border-bottom: none; list-style: none; padding: 0; margin: 0; white-space: nowrap; } .dd-menu ul ul { display: none; position: absolute; } .dd-menu li { cursor: pointer; position: relative; padding: 2px 4px; vertical-align: middle; border-bottom: 1px solid #CCCCCC; } .dd-menu li:hover { background-color: #EEEEEE; } .dd-menu li:hover ul { display: block; left: 100%; margin-top: -3px; } .dd-menu.dd-menu-left li:hover ul { left: auto; right: 100%; } #g-search-form { text-align: center; } .g-search-ctrl { vertical-align: top; margin: 0 3px; } #js-sf-qf { width: 185px; padding: 2px 4px 3px 4px; } #js-sf-bf { padding: 2px 4px 3px 4px; width: 125px; } #js-sf-status { text-align: center; font-size: 24px; } .js-sf-err { color: #C41E3A; } .boardBlock { font-weight: bold; } .blink { -webkit-animation: blink 1.5s step-end infinite; -moz-animation: blink 1.5s step-end infinite; -o-animation: blink 1.5s step-end infinite; animation: blink 1.5s step-end infinite; } @-webkit-keyframes blink { 50% { opacity: 0 } } @-moz-keyframes blink { 50% { opacity: 0 } } @-o-keyframes blink { 50% { opacity: 0 } } @keyframes blink { 50% { opacity: 0 } } .ogv-cnt { position: relative; display: inline-block; text-align: center; min-height: 16px; } .ogv-cnt:not(.ogv-detached)::before { content: 'Loading…'; position: absolute; top: 8px; left: 0; font-weight: bold; } .ogv-cnt.ogv-loaded::before { display: none; } .ogv-cnt > ogvjs { position: initial !important; } .ogv-ctrl { position: absolute; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.65); width: 100%; height: 32px; gap: 0; display: none; } .ogv-btn { width: 32px; height: 32px; line-height: 32px; text-align: center; color: white; } .ogv-btn svg { vertical-align: middle; } .ogv-btn svg:last-child { display: none; } .ogv-btn.ogv-toggled svg:first-child { display: none; } .ogv-btn.ogv-toggled svg:last-child { display: inline; } .ogv-ts { font-family: sans-serif; font-size: 10px; text-align: center; line-height: 32px; width: 70px; color: white; overflow: hidden; } .ogv-vol { width: 50px; margin: 0; } .ogv-seek { width: 0; margin: 0; flex-grow: 1; }