MediaWiki:News.css

/* I left a message on your talk page about this file, this is where most of your skinning issues originate */ .wotv_news{ color:white; background-color: #4a423a; }

.wotv_news html{ font-family:sans-serif; line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } .wotv_news body{ margin:0; } .wotv_news article, .wotv_news aside, .wotv_news footer, .wotv_news header, .wotv_news nav, .wotv_news section{ display:block; color:white; } .wotv_news h1{ margin:0.67em 0; font-size:2em; } .wotv_news figcaption,figure{ display:block; } .wotv_news figure{ margin:1em 40px; } .wotv_news hr{ overflow:visible; box-sizing:content-box; height:0; } .wotv_news main{ display:block; } .wotv_news pre{ font-family:monospace, monospace; font-size:1em; } .wotv_news a{   background-color:transparent; -webkit-text-decoration-skip:objects; } .wotv_news a:active,a:hover{ outline-width:0; } .wotv_news abbr[title]{ border-bottom:none; -webkit-text-decoration:underline dotted; text-decoration:underline; text-decoration:underline dotted; } .wotv_news b,strong{ font-weight:inherit; } .wotv_news b,strong{ font-weight:bolder; } .wotv_news code,kbd,samp{ font-family:monospace, monospace; font-size:1em; } .wotv_news dfn{ font-style:italic; } .wotv_news mark{ background-color:#ff0; color:#000; } .wotv_news small{ font-size:80%; } .wotv_news sub,sup{ position:relative; font-size:75%; line-height:0; vertical-align:baseline; } .wotv_news sub{ bottom:-0.25em; } .wotv_news sup{ top:-0.5em; } .wotv_news audio,video{ display:inline-block; } audio:not([controls]){ display:none; height:0; } .wotv_news img{ border-style:none; } svg:not(:root){ overflow:hidden; } .wotv_news button,input,optgroup,select,textarea{ margin:0; font-family:sans-serif; font-size:100%; line-height:1.15; } .wotv_news button{ overflow:visible; } .wotv_news button,select{ text-transform:none; } button,html [type="button"],[type="reset"],[type="submit"]{ -webkit-appearance:button; } .wotv_news button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{ padding:0; border-style:none; } .wotv_news button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{ outline:1px dotted ButtonText; } .wotv_news input{ overflow:visible; } .wotv_news [type="checkbox"],[type="radio"]{ box-sizing:border-box; padding:0; } .wotv_news [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{ height:auto; } .wotv_news [type="search"]{ outline-offset:-2px; -webkit-appearance:textfield; } .wotv_news [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{ -webkit-appearance:none; } .wotv_news ::-webkit-file-upload-button{ font:inherit; -webkit-appearance:button; } .wotv_news fieldset{ margin:0 2px; padding:0.35em 0.625em 0.75em; border:1px solid #c0c0c0; } .wotv_news legend{ display:table; box-sizing:border-box; max-width:100%; padding:0; color:inherit; white-space:normal; } .wotv_news progress{ display:inline-block; vertical-align:baseline; } .wotv_news textarea{ overflow:auto; } .wotv_news details{ display:block; } .wotv_news summary{ display:list-item; } .wotv_news menu{ display:block; } .wotv_news canvas{ display:inline-block; } .wotv_news template{ display:none; } .wotv_news [hidden]{ display:none; } .wotv_news *{ box-sizing:border-box; -webkit-touch-callout:none; } .wotv_news *::after,*::before{ box-sizing:border-box; -webkit-touch-callout:none; } a,area,button,[role="button"],input:not([type=range]),label,select,summary,textarea{ touch-action:manipulation; -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent; } .wotv_news textarea{ display:block; } .wotv_news html{ overflow:hidden; height:100%; background-color: #000000; font:inherit; font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif; font-size:62.5%; line-height:1.5; -webkit-text-size-adjust:100%; touch-action:manipulation; -webkit-font-feature-settings:"palt" 1; font-feature-settings:"palt" 1; } .wotv_news body{ position:relative; height:100%; margin:0; font-size:1.4rem; color:#fff; } .wotv_news a{   text-decoration:none; } .wotv_news a:link{ color:#01cbcb; } .wotv_news a:visited{ color:#01cbcb; } .wotv_news strong{ font-weight:bold; color:#e13347; } .wotv_news em{ font-weight:bold; color:#ffae00; } .wotv_news small{ color:#737373; } .wotv_news h1,h2,h3,h4,h5{ margin:0; padding:0; font-weight:bold; } .wotv_news p{   margin:0; padding:0; } .wotv_news button{ border:none; outline:none; background-color:transparent; color:transparent; } .wotv_news ul{ margin:0; padding:0; list-style:none; } .wotv_news table{ border-spacing:0; border-collapse:collapse; } .wotv_news @-webkit-keyframes shake{ 0%,100%{       -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }   10%,30%,50%,70%,90%{        -webkit-transform:translate3d(-1px, 0, 0); transform:translate3d(-1px, 0, 0); }   20%,40%,60%,80%{        -webkit-transform:translate3d(1px, 0, 0); transform:translate3d(1px, 0, 0); } } .wotv_news @keyframes shake{ 0%,100%{       -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }   10%,30%,50%,70%,90%{        -webkit-transform:translate3d(-1px, 0, 0); transform:translate3d(-1px, 0, 0); }   20%,40%,60%,80%{        -webkit-transform:translate3d(1px, 0, 0); transform:translate3d(1px, 0, 0); } } .wotv_news @-webkit-keyframes shake-reverse{ 0%,100%{       -webkit-transform:translate3d(0, 0, 0) scaleX(-1); transform:translate3d(0, 0, 0) scaleX(-1); }   20%,40%,60%,80%{        -webkit-transform:translate3d(-1px, 0, 0) scaleX(-1); transform:translate3d(-1px, 0, 0) scaleX(-1); }   10%,30%,50%,70%,90%{        -webkit-transform:translate3d(1px, 0, 0) scaleX(-1); transform:translate3d(1px, 0, 0) scaleX(-1); } } .wotv_news @keyframes shake-reverse{ 0%,100%{       -webkit-transform:translate3d(0, 0, 0) scaleX(-1); transform:translate3d(0, 0, 0) scaleX(-1); }   20%,40%,60%,80%{        -webkit-transform:translate3d(-1px, 0, 0) scaleX(-1); transform:translate3d(-1px, 0, 0) scaleX(-1); }   10%,30%,50%,70%,90%{        -webkit-transform:translate3d(1px, 0, 0) scaleX(-1); transform:translate3d(1px, 0, 0) scaleX(-1); } } .wotv_news .anim_shake,.anim_shake-reverse{ -webkit-animation-name:shake; animation-name:shake; -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .wotv_news .anim_shake-reverse{ -webkit-animation-name:shake-reverse; animation-name:shake-reverse; } .wotv_news @-webkit-keyframes fadeIn{ 0%,100%{       opacity:0; }   50%{        opacity:1; } } .wotv_news @keyframes fadeIn{ 0%,100%{       opacity:0; }   50%{        opacity:1; } } .wotv_news .anim_blink{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .wotv_news @-webkit-keyframes fadeInHalf{ 0%,100%{       opacity:0.3; }   50%{        opacity:1; } } .wotv_news @keyframes fadeInHalf{ 0%,100%{       opacity:0.3; }   50%{        opacity:1; } } .wotv_news .anim_blink--half{ -webkit-animation-name:fadeInHalf; animation-name:fadeInHalf; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .wotv_news @-webkit-keyframes pulse{ from{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }   50%{        -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); }   to{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } } .wotv_news @keyframes pulse{ from{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }   50%{        -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); }   to{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } } .wotv_news .anim_pulse{ -webkit-animation-name:pulse; animation-name:pulse; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .wotv_news #overlay{ position:fixed; z-index:100000; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); } .wotv_news .cv-spinner{ position:absolute; right:0; bottom:0; } .wotv_news .article_header_body_category .badge_event{ display:inline-block; width:60px; height:13px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/badge_event.png"); background-size:60px 13px; } .wotv_news .article_header_body_category .badge_important{ display:inline-block; width:60px; height:13px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/badge_important.png"); background-size:60px 13px; } .wotv_news .article_header_body_category .badge_info{ display:inline-block; width:60px; height:13px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/badge_info.png"); background-size:60px 13px; } .wotv_news .article_header_body_category .badge_update{ display:inline-block; width:60px; height:13px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/badge_update.png"); background-size:60px 13px; } .wotv_news .article h1{ font-size:1.75rem; } .wotv_news .article_header{ position:relative; margin-bottom:10px; padding-bottom:6px; } .wotv_news .article_header::after{ position:absolute; bottom:0; left:0; width:100%; height:4px; border-width:4px 4px 0px 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/bg_hr.png") 8 8 0 8 stretch; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/bg_hr.png") 8 8 0 8 fill stretch; content:''; } .wotv_news .article_header_image{ text-align:center; } .wotv_news .article_header_body{ display:flex; padding-bottom:5px; align-items:flex-start; justify-content:flex-start; } .wotv_news .article_header_body_category{ display:block; text-align:center; flex-basis:60px; } .wotv_news .article_header_body_category .badge_event,.article_header_body_category{ display:block; margin-bottom:7px; font-size:.8rem; font-weight:bold; font-style:normal; } .wotv_news .article_header_body_category>time{ font-size:1.1rem; } .wotv_news .article_header_body_category>time>span{ display:block; } .wotv_news .article_header_body>h1{ padding-left:10px; font-size:1.5rem; font-weight:bold; line-height:1.3; } .wotv_news .article_body{ font-size:1.4rem; } .wotv_news .article_body>time{ display:block; margin-bottom:8px; font-weight:bold; color:#f0c040; } .wotv_news .article_body>h2{ width:100%; margin-bottom:4px; padding-left:18px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/icon_header.png"); background-repeat:no-repeat; background-position:0 center; background-size:14.5px 11px; font-size:1.4rem; font-weight:bold; } .wotv_news .article_body .h2-plane{ width:100%; margin-bottom:4px; padding-left:0; background-image:none; font-size:1.2rem; font-weight:bold; } .wotv_news .article_body>p{ margin-bottom:10px; line-height:1.4; text-align:justify; } .wotv_news .article_body>p:last-child{ margin-bottom:0; } .wotv_news .article_body>img{ display:block; margin:0 auto; margin-bottom:5px; } .wotv_news .article_body dt{ font-weight:bold; } .wotv_news .article_body dd{ margin-bottom:5px; -webkit-margin-start:1rem; margin-inline-start:1rem; } .wotv_news .article_body dd:last-child{ margin-bottom:0px; } .wotv_news .top-news{ overflow:hidden; width:571px; height:100%; } .wotv_news .top-news .tabItem{ display:none; } .top-news #tab-news:checked ~ .tabList .tabList_items .tabList_item-news{ background-position:top; } .top-news #tab-news:checked ~ #tabBody-news{ display:block; } .wotv_news .top-news #tabBody-news{ display:none; } .top-news #tab-event:checked ~ .tabList .tabList_items .tabList_item-event{ background-position:top; } .top-news #tab-event:checked ~ #tabBody-event{ display:block; } .wotv_news .top-news #tabBody-event{ display:none; } .top-news #tab-update:checked ~ .tabList .tabList_items .tabList_item-update{ background-position:top; } .top-news #tab-update:checked ~ #tabBody-update{ display:block; } .wotv_news .top-news #tabBody-update{ display:none; } .top-news #tab-important:checked ~ .tabList .tabList_items .tabList_item-important{ background-position:top; } .top-news #tab-important:checked ~ #tabBody-important{ display:block; } .wotv_news .top-news #tabBody-important{ display:none; } .wotv_news .top-news .tabList{ position:fixed; top:0; width:100%; height:27px; } .wotv_news .top-news .tabList_items{ display:flex; align-items:flex-start; justify-content:center; } .wotv_news .top-news .tabList_items{ margin:0px 1px; flex-basis:136px; } .top-news .tabList .tabList_item-news,.top-news .tabList .tabList_item-event,.top-news .tabList .tabList_item-update,.top-news .tabList .tabList_item-important{ display:inline-block; height:26px; background-position:bottom; } .wotv_news .top-news .tabList_item-news{ overflow:hidden; width:136px; height:52px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/tab_news.png"); background-size:136px 52px; white-space:nowrap; text-indent:100%; } .wotv_news .top-news .tabList_item-event{ overflow:hidden; width:136px; height:52px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/tab_event.png"); background-size:136px 52px; white-space:nowrap; text-indent:100%; } .wotv_news .top-news .tabList_item-update{ overflow:hidden; width:136px; height:52px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/tab_update.png"); background-size:136px 52px; white-space:nowrap; text-indent:100%; } .wotv_news .top-news .tabList_item-important{ overflow:hidden; width:136px; height:52px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/tab_important.png"); background-size:136px 52px; white-space:nowrap; text-indent:100%; } .wotv_news .top-news #tabBody{ width:571px; height:323px; } .wotv_news .top-news .postList{ position:absolute; top:27px; overflow-x:hidden; overflow-y:hidden; width:251px; height:296px; border-width:0px 4px 0px 0px; border-style:solid; border-color:rgba(0,0,0,0); -webkit-overflow-scrolling:touch; } .wotv_news .top-news .postList>ul{ overflow-x:hidden; overflow-y:auto; height:100%; padding:13px 10px 0; } .wotv_news .top-news .postList_item{ position:relative; width:226px; height:63px; margin-bottom:6px; padding:0 10px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/list_base.png"); background-repeat:no-repeat; background-position:0 center; background-size:226px 63px; } .wotv_news .top-news .postList_item.is_selected::after{ position:absolute; top:-7px; left:-7px; width:239px; height:75px; border-width:24px 24px 24px 24px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/marker_focus.png") 48 48 48 48 stretch; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/marker_focus.png") 48 48 48 48 fill stretch; content:''; } .wotv_news .top-news .postList_item_labels{ position:absolute; top:-11px; left:-7px; } .wotv_news .top-news .postList_item_labels>span{ margin-left:-5px; } .wotv_news .top-news .postList_item_labels>span:first-child{ margin-left:0px; } .wotv_news .top-news .postList_item{ position:relative; z-index:100; display:inline-block; } .wotv_news .top-news .postList_item_label-new{ overflow:hidden; width:54px; height:30px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/label_new.png"); background-size:54px 30px; white-space:nowrap; text-indent:100%; } .wotv_news .top-news .postList_item_label-update{ overflow:hidden; width:54px; height:30px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/label_update.png"); background-size:54px 30px; white-space:nowrap; text-indent:100%; } .wotv_news .top-news .postList_item_txt{ position:relative; z-index:200; display:table-cell; max-width:21em; height:62px; font-size:1.1rem; font-weight:bold; line-height:1.16667; color:white; text-shadow:0px 1.5px 0px #000000; text-align:left; vertical-align:middle; word-wrap:break-word; } .wotv_news .top-news .postList_item_txt{ overflow:hidden; max-height:62px; align-items:center; } .wotv_news .top-news #article_current{ overflow-x:hidden; overflow-y:auto; width:312px; height:100%; padding:0 6px 0 2px; -webkit-overflow-scrolling:touch; } .wotv_news .top-news .article{ position:absolute; top:27px; left:251px; overflow-x:hidden; overflow-y:hidden; width:320px; height:296px; border-width:4px 4px 4px 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/bg_article.png") 8 8 8 8 stretch stretch; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/bg_article.png") 8 8 8 8 fill stretch stretch; background-color: #000000; } .wotv_news .top-common{ overflow:hidden; width:100%; height:100%; } .wotv_news .top-common .article{ overflow-x:hidden; overflow-y:hidden; width:100%; height:100%; border-width:4px 4px 4px 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/bg_article.png") 8 8 8 8 stretch stretch; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/bg_article.png") 8 8 8 8 fill stretch stretch; background-color:#4b433b; } .wotv_news .top-common .article_inner{ overflow-x:hidden; overflow-y:auto; width:100%; height:100%; padding:7px; -webkit-overflow-scrolling:touch; } .wotv_news .top-common .credits_heading{ font-size:1.2rem; color:#d0c0b0; text-align:center; } .wotv_news .top-common .credits_heading-division{ font-size:1.2rem; color:white; text-align:center; } .wotv_news .top-common .credits_list{ display:flex; margin-bottom:15px; font-size:1.2rem; -webkit-margin-before:0; margin-block-start:0; align-items:flex-start; flex-wrap:wrap; justify-content:flex-end; } .wotv_news .top-common .credits_list_term{ padding-right:10px; text-align:right; flex-basis:50%; } .wotv_news .top-common .credits_list{ margin-bottom:4px; padding-left:10px; line-height:1.3; -webkit-margin-start:0rem; margin-inline-start:0rem; } .wotv_news .top-common .credits_list{ font-size:.8rem; color:white; } .wotv_news .top-common .credits_list_desc{ flex-basis:50%; } .wotv_news .top-common .credits_list_multipleNames{ display:flex; flex-basis:50%; align-items:flex-start; flex-wrap:wrap; } .wotv_news .top-common .credits_list_singleNames{ flex-basis:50%; } .wotv_news .top-common .credits_logos{ margin-top:50px; text-align:center; } .wotv_news .top-common .credits_logos>img:last-child{ margin:0 15px 0 50px; } .wotv_news .errorMessage{ position:absolute; top:0; right:0; bottom:0; left:0; width:28em; height:7em; margin:auto; } .wotv_news .errorMessage_heading{ position:relative; margin-bottom:.5em; padding-bottom:.5em; color:rgba(255,255,255,0.4); letter-spacing:.3em; } .wotv_news .errorMessage_heading::after{ position:absolute; bottom:0; left:-10px; width:100%; height:4px; border-width:4px 4px 0px 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/bg_hr.png") 8 8 0 8 stretch; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/bg_hr.png") 8 8 0 8 fill stretch; content:''; } .wotv_news .text-fuchsia{ color:#ff99ff; } .wotv_news .text-cyan{ color:#88ffff; } .wotv_news .text-silver{ color:#c0c0c0; } .wotv_news .text-lemon{ color:#ffff55; } .wotv_news .text-lime{ color:#d6ff58; } .wotv_news .text-white{ color:#fff; } .wotv_news .text-rainbow--ios{ display:inline-block; background-image:-webkit-gradient(linear, left top, right top, color-stop(0%, #f42d33), color-stop(14%, #f45bc6), color-stop(28%, #fd9c47), color-stop(42%, #fffd31), color-stop(56%, #58ef8d), color-stop(70%, #88f3ff), color-stop(84%, #1e81fd), color-stop(100%, #b949f7)); -webkit-background-clip:text; font-weight:bold; color:transparent; color:rgba(0,0,0,0); -webkit-animation:rainbow 10s linear infinite alternate; } .wotv_news .text-red{ color:#f33; } .wotv_news .text-orange{ color:#f80; } .wotv_news .text-yellow{ color:#ffe200; } .wotv_news .text-green{ color:#37ff0e; } .wotv_news .text-blue{ color:#0cb9f2; } .wotv_news .text-pink{ color:#ffabce; } .wotv_news .text-gray{ color:#999; } .wotv_news .text-left{ text-align:left; } .wotv_news .text-center{ text-align:center; } .wotv_news .text-right{ text-align:right; } .wotv_news .text-fuchsia--light{ color:#fff; text-shadow:-1px -1px 2px #f9f,1px 1px 2px #f9f,0 0 5px #fcf,0 0 10px #fcf; } .wotv_news .text-cyan--light{ color:#fff; text-shadow:-1px -1px 2px #4ff,1px 1px 2px #4ff,0 0 5px #7ff,0 0 10px #7ff; } .wotv_news .text-silver--light{ color:#fff; text-shadow:-1px -1px 2px silver,1px 1px 2px silver,0 0 5px #dadada,0 0 10px #dadada; } .wotv_news .text-lime--light{ color:#fff; text-shadow:-1px -1px 2px #9c3,1px 1px 2px #9c3,0 0 5px #add65c,0 0 10px #add65c; } .wotv_news .text-lemon--light{ color:#fff; text-shadow:-1px -1px 2px #ff0,1px 1px 2px #ff0,0 0 5px #ff3,0 0 10px #ff3; } .wotv_news .text-red--light{ color:#fff; text-shadow:-1px -1px 2px #f33,1px 1px 2px #f33,0 0 5px #f66,0 0 10px #f66; } .wotv_news .text-orange--light{ color:#fff; text-shadow:-1px -1px 2px #f80,1px 1px 2px #f80,0 0 5px #ffa033,0 0 10px #ffa033; } .wotv_news .text-yellow--light{ color:#fff; text-shadow:-1px -1px 2px gold,1px 1px 2px gold,0 0 5px #ffdf33,0 0 10px #ffdf33; } .wotv_news .text-green--light{ color:#fff; text-shadow:-1px -1px 2px #37ff0e,1px 1px 2px #37ff0e,0 0 5px #61ff41,0 0 10px #61ff41; } .wotv_news .text-blue--light{ color:#fff; text-shadow:-1px -1px 2px #0cb9f2,1px 1px 2px #0cb9f2,0 0 5px #3cc7f5,0 0 10px #3cc7f5; } .wotv_news .text-pink--light{ color:#fff; text-shadow:-1px -1px 2px #f9c,1px 1px 2px #f9c,0 0 5px #ffcce6,0 0 10px #ffcce6; } .wotv_news .text-violet--light{ color:#fff; text-shadow:-1px -1px 2px #8a2be2,1px 1px 2px #8a2be2,0 0 5px #a358e8,0 0 10px #a358e8; } .wotv_news .text-gray--light{ color:#fff; text-shadow:-1px -1px 2px #999,1px 1px 2px #999,0 0 5px #b3b3b3,0 0 10px #b3b3b3; } .wotv_news .text-title{ display:block; margin:5px 0 2px; font-weight:600; color:#fff; text-shadow:0 0 5px #3cc7f5,0 0 10px #3cc7f5; } .wotv_news .cmn-window-title_01{ display:flex; box-sizing:border-box; height:26px; margin-bottom:4px; padding:0 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_01.png") 0 22 0 18 fill/0px 22px 0px 18px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_01.png") 0 22 0 18 fill/0px 22px 0px 18px; color:#fff; text-shadow:1px 2px 2px #000; text-align:center; justify-content:center; align-items:center; align-items:center; } .wotv_news .cmn-window-title_02{ display:flex; box-sizing:border-box; height:19px; margin-bottom:4px; padding:0 30px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_02.png") 0 27 0 25 fill/0px 27px 0px 25px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_02.png") 0 27 0 25 fill/0px 27px 0px 25px; font-size:12px; color:#302408; text-align:center; justify-content:center; align-items:center; align-items:center; } .wotv_news .cmn-window-title_03{ display:flex; box-sizing:border-box; height:25px; margin-bottom:4px; padding:0 30px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_03.png") 0 50 0 46 fill/0px 50px 0px 46px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_03.png") 0 50 0 46 fill/0px 50px 0px 46px; color:#fff; text-shadow:1px 2px 2px #000; text-align:center; justify-content:center; align-items:center; align-items:center; } .wotv_news .cmn-window-title_04{ display:flex; box-sizing:border-box; height:34px; margin-bottom:4px; padding:0 20px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_04.png") 0 18 0 19 fill/0px 18px 0px 19px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_04.png") 0 18 0 19 fill/0px 18px 0px 19px; font-weight:600; color:#fff; text-shadow:1px 2px 2px #000; text-align:center; justify-content:center; align-items:center; align-items:center; } .wotv_news .cmn-window-title_09{ display:flex; box-sizing:border-box; height:27px; margin-bottom:4px; padding:0 20px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_09.png") 0 20 0 21 fill/0px 20px 0px 21px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_title_09.png") 0 20 0 21 fill/0px 20px 0px 21px; font-weight:600; color:#fff; text-shadow:1px 2px 2px #000; text-align:center; justify-content:center; align-items:center; align-items:center; } .wotv_news .cmn-window-base_01{ box-sizing:border-box; min-height:32px; margin-bottom:8px; padding:4px 8px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_base_01.png") 36 30 36 30 fill/36px 30px 36px 30px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_base_01.png") 36 30 36 30 fill/36px 30px 36px 30px; font-size:12px; color:#fff; } .wotv_news .cmn-window-inner_01{ box-sizing:border-box; min-height:16px; margin-bottom:4px; padding:0 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_inner_01.png") 7 7 7 7 fill/7px 7px 7px 7px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_window_inner_01.png") 7 7 7 7 fill/7px 7px 7px 7px; font-size:12px; color:#fff; } .wotv_news .cmn-list-base_03{ display:table; box-sizing:border-box; width:100%; min-height:16px; margin-bottom:4px; padding:0 5px; border:2px #685E46 solid; background-color:#39312A; box-shadow:0px 0px 0px 1px #84818C, 0px 0px 0px 1px #2D2821 inset; font-size:12px; color:#fff; } .wotv_news .cmn-btn-group{ box-sizing:border-box; min-height:54px; margin-bottom:4px; padding:0 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/btn_group.png") 53 53 53 53 fill/53px 53px 53px 53px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/btn_group.png") 53 53 53 53 fill/53px 53px 53px 53px; font-size:12px; color:#fff; } .wotv_news .cmn-icon-quest-star-on{ position:relative; display:table-cell; width:37.5px; height:37px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/DialogView_icon_quest_star_on.png"); background-repeat:no-repeat; background-position:0 center; background-size:37.5px 37px; } .wotv_news .cmn-quest-mission-cell{ display:table-cell; } .wotv_news .cmn-quest-mission-cell_2{ padding:0 7px; } .wotv_news .cmn-cursor-icon{ position:relative; width:32px; height:29px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_cursor_icon.png"); background-repeat:no-repeat; background-position:0 center; background-size:32px 29px; } .wotv_news .cmn-deco-line{ box-sizing:border-box; height:3px; margin:16px 0px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_line.png") 4 9 4 9 fill/4px 9px 4px 9px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_line.png") 4 9 4 9 fill/4px 9px 4px 9px; } .wotv_news .cmn-deco-line-white{ box-sizing:border-box; height:3px; margin:16px 0px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_line_white.png") 4 9 4 9 fill/4px 9px 4px 9px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_line_white.png") 4 9 4 9 fill/4px 9px 4px 9px; } .wotv_news .cmn-deco-title_01{ box-sizing:border-box; min-height:32px; padding:0 16px 0px 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_title_01.png") 0 50 30 8 fill/0px 50px 30px 8px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_title_01.png") 0 50 30 8 fill/0px 50px 30px 8px; font-size:24px; color:#fff; text-align:center; justify-content:center; align-items:center; } .wotv_news .cmn-deco-title_02{ box-sizing:border-box; min-height:32px; padding:0 16px 0px 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_title_02.png") 0 49 30 8 fill/0px 49px 30px 8px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_title_02.png") 0 49 30 8 fill/0px 49px 30px 8px; font-size:24px; color:#fff; text-align:center; justify-content:center; align-items:center; } .wotv_news .cmn-deco-title_02_sub{ margin-bottom:4px; padding:0 16px 0px 4px; text-align:center; } .wotv_news .cmn-deco-title_04{ box-sizing:border-box; min-height:32px; margin-bottom:4px; padding:0 30px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_title_04.png") 0 61 32 61 fill/0px 61px 32px 61px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_title_04.png") 0 61 32 61 fill/0px 61px 32px 61px; font-size:20px; color:#fff; text-align:center; justify-content:center; align-items:center; } .wotv_news .cmn-deco-title_06{ box-sizing:border-box; min-height:39px; margin-bottom:4px; padding:0 30px 0px 4px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_title_06.png") 0 76 3 13 fill/0px 76px 3px 13px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_title_06.png") 0 76 3 13 fill/0px 76px 3px 13px; font-size:20px; color:#77564E; text-align:left; justify-content:center; align-items:center; } .wotv_news .cmn-deco-window{ box-sizing:border-box; min-height:64px; margin-bottom:8px; padding:2px 12px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_window.png") 31 31 31 31 fill/31px 31px 31px 31px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_window.png") 31 31 31 31 fill/31px 31px 31px 31px; font-size:12px; color:#fff; } .wotv_news .cmn-deco-window_02{ box-sizing:border-box; min-height:34px; margin-bottom:8px; padding:2px 12px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_window_02.png") 16 30 16 30 fill/16px 30px 16px 30px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_deco_window_02.png") 16 30 16 30 fill/16px 30px 16px 30px; font-size:12px; color:#fff; } .wotv_news .cmn-btn-remove{ box-sizing:border-box; min-height:64px; margin-bottom:8px; padding:4px 8px; border-style:solid; -o-border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_btn_remove.png") 31 31 31 31 fill/31px 31px 31px 31px; border-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/cmn_btn_remove.png") 31 31 31 31 fill/31px 31px 31px 31px; font-size:12px; color:#fff; text-shadow:1px 2px 2px #000; } .wotv_news .text-grad-to-bottom{ background:linear-gradient(to bottom, #fff 45%, #fff1a6); -webkit-background-clip:text; background-clip:text; color:#ffffff; -webkit-text-fill-color:rgba(255,255,255,0); } .wotv_news .text-grad-copper{ background:linear-gradient(#1C1810 0%, #8C4841 25%, #fff 30%, #8C4841 45%, #1C1811 100%); -webkit-background-clip:text; background-clip:text; color:#ffffff; -webkit-text-fill-color:rgba(255,255,255,0); } .wotv_news @keyframes fadeIn{ 0%,100%{       opacity:0; }   50%{        opacity:1; } } .wotv_news .anim-blink{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .wotv_news @keyframes fadeInHalf{ 0%,100%{       opacity:0.3; }   50%{        opacity:1; } } .wotv_news .anim-blink--half{ -webkit-animation-name:fadeInHalf; animation-name:fadeInHalf; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .wotv_news @keyframes pulse{ from{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }   50%{        -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); }   to{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } } .wotv_news .anim-pulse{ -webkit-animation-name:pulse; animation-name:pulse; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .wotv_news .image-box{ display:block; width:100%; margin:14px auto; text-align:center; } .wotv_news .image-box img{ width:300px; height:auto; } .wotv_news .base-button{ display:block; margin:0 auto; padding:0; border:none; border-radius:0; outline:none; background:none; font-weight:bold; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .wotv_news .base-button>a{ display:block; } .wotv_news .line--silver{ position:relative; width:88%; height:1px; margin-top:3px; margin-bottom:10px; background:-webkit-linear-gradient(left, rgba(179,220,237,0) 0%, #29b8e5 17%, #29b8e5 30%, rgba(188,224,238,0) 100%); } .wotv_news .line--silver:after{ position:absolute; top:1px; left:0; width:100%; height:1px; background:-webkit-linear-gradient(left, rgba(210,229,237,0) 0%, #b3dced 17%, #29b8e5 30%, rgba(188,224,238,0) 100%); content:''; } .wotv_news .box-text{ padding:8px; border:1px solid #575756; border-radius:10px; background-color:#2d2924; } .wotv_news .list li{ margin-bottom:8px; padding:0 0 0 19px; background-image:url("https://site.wotvffbe.com/html/resources/langs/ja//images/common/icon_header.png"); background-repeat:no-repeat; background-position:0 center; background-size:14.5px 11px; } .wotv_news .table{ width:80%; margin:0 auto; border:2px solid gray; text-align:center; } .wotv_news .table td,.table{ height:2rem; border:1px solid #666; vertical-align:middle; } .wotv_news .table__cell--title{ font-weight:700; color:#3c96f6; } .wotv_news .text-center{ text-align:center !important; }