MediaWiki:DCU.css

/* =========================  CSS that supports only the page DC Universe:Everything You Need to Know

Please do not alter, as this page was created in partnership with DC Comics and Warner Brothers.

Questions? Please send them to   User:CzechOut. Thanks! ========================== */

.dcu-wrap { font-family:Lato; font-weight:400; color:#fff; font-size:16px; } .dcu-wrap a, .dcu-wrap a.new, .dcu-wrap a.new:visited, .dcu-wrap a.link { color:#18a8b5; } .page-DC_Universe_Everything_You_Need_to_Know .WikiaArticle a.external::after, .page-DC_Universe_Everything_You_Need_to_Know .WikiaArticle a[href^='gopher://']::after, .page-DC_Universe_Hub .WikiaArticle a.external::after, .page-DC_Universe_Hub .WikiaArticle a[href^='gopher://']::after { display:none!important; background-image:none; } .header, .header2 { font-family:BlackItalic; font-size:60px; color:#18A8B5; text-transform:uppercase; width:70%; line-height:90%; } .header { margin-top:40px; } .header2 { color:#fff; margin-bottom:40px; } .dcu-box-picks .header { margin-bottom:40px; margin-top:40px; } .dcu-box-everything, .dcu-box-reasons, .dcu-box-picks, .dcu-box-video { padding-right:10%; padding-bottom:50px; } /* Everything */ .dcu-box-everything { padding-top:30px; }

/* 5 Reasons */ .WikiaArticle dl { margin:4em 0; } .reasons { counter-reset:outsiders; } .reasons dt { padding:20px; background:#18A8B5; } .reasons dt { position:relative; margin:20px 100px 20px 100px; } .reasons dt:before { content: counter(outsiders); counter-increment: outsiders; position: absolute; left: 0; top: 0; font: bold 50px/1 BlackItalic; color:#fff; margin-left:-40px!important; }

/* Fandom Favorites */ .dcu-box-fandom-favorites { width:100%; margin:0 0; padding-bottom:40px; } .dcu-box-fandom-favorites .item .title { font-family:BlackItalic; font-size:24px; background:transparent; margin-top:30px; } .dcu-box-fandom-favorites .item { width:310px; margin-right:30px; float:left; color:white; } .dcu-box-fandom-favorites .item .list { padding:5px; background-color:#151923; /* midnight blue -- main blue is 212634 */ margin-top:10px; } .dcu-box-fandom-favorites .item .attribution { background-color: #18A8B5; color:#fff; height:220px; } .dcu-box-fandom-favorites .item .attribution a, .dcu-box-fandom-favorites .item .attribution a.new, .dcu-box-fandom-favorites .item .attribution a.new:visited, .dcu-box-fandom-favorites .item .attribution a.link { color:#fff; } .dcu-box-fandom-favorites .item .attribution .avatar { padding:20px 20px 5px 20px; float:left; border:none; } .dcu-box-fandom-favorites .item .attribution .name { padding:25px 20px 0 0; font-size:20px; } .dcu-box-fandom-favorites .item .attribution .opinion { padding:10px 20px 5px 0; margin-left:25px; margin-top:20px; } .page-DC_Universe_Hub .container, .page-DC_Universe_Hub .WikiaFooter { display:none!important; } /* Playlist */ .dcu-box-videos { /* styled at tablet width only */ } .dcu-box-videos .vid-grid { padding-bottom: 50px; } .dcu-box-videos .vid-grid .grid-item { float:left; margin:10px 20px 10px 0; } .dcu-box-videos .vid-grid .grid-item .video { width:320px; } .dcu-box-videos .little-un { display:none; } /* Picks */

.dcu-box-picks { } .dcu-box-picks .pic-grid .grid-item { float:left; max-width:275px; width:275px; height:auto; margin:10px 20px 10px 0; } .dcu-box-picks .pic-grid .grid-item .image { width:275px; } /* Removing some things at request of DC */ .page-DC_Universe_Everything_You_Need_to_Know .wds-community-header__sitename a, .page-DC_Universe_Everything_You_Need_to_Know .wds-community-header__sitename a:hover { color:transparent; } /* ========================  Page header graphic and wordmark ======================== */ .page-DC_Universe_Everything_You_Need_to_Know .wds-community-header { background-image : url(https://images.wikia.nocookie.net/czech-dc-out/images/0/0e/Community-header-background/revision/latest/zoom-crop/width/471/height/115?cb=20181116120030); } .page-DC_Universe_Everything_You_Need_to_Know .wds-community-header__wordmark { background:url("https://images.wikia.nocookie.net/czech-dc-out/images/4/49/PWM.png") no-repeat scroll 0% 0% transparent !important; } .page-DC_Universe_Everything_You_Need_to_Know .wds-community-header__wordmark img { width:205px; zoom:1; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; } /* ========================  Portability ======================== */ @media (max-width: 1083px) { .dcu-box-fandom-favorites .item { width:75%; margin:0 10%; }    .dcu-box-fandom-favorites .item .attribution { height:150px; }    .dcu-box-videos .vid-grid { margin-left:4%; }    .dcu-box-picks .pic-grid { margin-left:8%; }    .dcu-box-videos .big-daddy { display:none; }    .dcu-box-videos .little-un { display:block; } } @media (max-width:1595px) { /* placeholder */ }

/* ========================  DC's preferred font ======================== */ @font-face { font-family: 'BlackItalic'; src: url('https://images.wikia.nocookie.net/czech-dc-out/images/a/a8/SegoePro-BlackItalic.ttf') format('truetype'); } @font-face { font-family: 'Regular'; src: url('https://images.wikia.nocookie.net/czech-dc-out/images/d/d7/SegoePro-Regular.ttf') format('truetype'); } @font-face { font-family: 'Black'; src: url('https://images.wikia.nocookie.net/czech-dc-out/images/5/56/SegoePro-Black.ttf') format('truetype'); }