MediaWiki:Telltale Hub.css

/* Hub Page */ /** General styling **/ @font-face { font-family: "Gotham Bold"; font-style: normal; font-weight: normal; src: url("http://static.wikia.com/dc-sandbox/images/e/eb/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("http://static.wikia.com/dc-sandbox/images/5/5c/Gotham-Bold.woff") format("woff"), url("http://static.wikia.com/dc-sandbox/images/7/79/Gotham-Bold.ttf") format("truetype"), url("http://static.wikia.com/dc-sandbox/images/2/2e/Gotham-Bold.svg#Gotham-Bold") format("svg"); }

@font-face { font-family: "Gotham Light"; font-style: normal; font-weight: normal; src: url("http://static.wikia.com/dc-sandbox/images/a/af/GothamLight.eot?#iefix") format("embedded-opentype"), url("http://static.wikia.com/dc-sandbox/images/c/c4/GothamLight.woff") format("woff"), url("http://static.wikia.com/dc-sandbox/images/1/11/GothamLight.ttf") format("truetype"), url("http://static.wikia.com/dc-sandbox/images/a/aa/GothamLight.svg#GothamLight") format("svg"); }

@media screen and (max-width: 1023px) { .telltalehub .main-page-tag-rcs { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; } }

/** Header **/ .telltalehub .banner { background-color: #000000; }

/** Boxes **/ .telltalehub .box { background-color: #012e59; border: 1px solid #000000; color: #ffffff; font-family: "Gotham Light","Arial"; margin: 20px 0px; padding: 20px; }

.telltalehub .box-small { padding: 10px 20px 15px; }

.telltalehub .box h2 { border-bottom: 0px none; color: #ffffff; font-family: "Gotham Bold","Arial"; font-size: 26px; font-weight: bold; margin: 10px 0px 5px; text-transform: uppercase; }

.telltalehub .box h3 { color: #ffffff; font-family: "Gotham Bold","Arial"; font-size: 26px; font-weight: bold; margin: 10px 15px 5px; text-align: center; text-transform: uppercase; }

/** Introduction **/ .telltalehub .box-introduction .introduction-video .article-thumb { margin-top: 0.4em; }

/** Buy **/ .telltalehub .box-buy { margin: 0px 0px 20px; }

.telltalehub .box-buy .container { margin: 0px auto; width: 300px; }

.telltalehub .box-buy a:hover { text-decoration: none; }

.telltalehub .box-buy a::after { background-color: #012E59; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; color: #e1e1e1; content: "Buy Now"; display: block; font-weight: bold; padding: 5px; position: relative; text-align: center; text-decoration: none; z-index: 1; }

.telltalehub .box-buy a:hover::after { background-color: #02192D; text-decoration: none; }

/** Episodes **/ .telltalehub .box-episodes .wikia-gallery, .telltalehub .box-episodes .wikia-gallery-item, .telltalehub .box-episodes .gallery-image-wrapper, .telltalehub .box-episodes .gallery-image-wrapper a, .telltalehub .box-episodes .thumb, .telltalehub .box-episodes .lightbox-caption { height: auto ! important; margin: 0px; padding: 0px; width: auto ! important; }

.telltalehub .box-episodes .wikia-gallery { margin-top: 20px; }

.telltalehub .box-episodes .wikia-gallery-row { margin-bottom: -20px; white-space: normal; }

.telltalehub .box-episodes .wikia-gallery-item { margin: 0px 10px 20px; }

.telltalehub .box-episodes .lightbox-caption { color: #FFFFFF; display: block; font-size: 18px; font-weight: bold; line-height: 18px; margin-top: 10px; text-align: center; width: 185px ! important; }

.telltalehub .box-episodes .lightbox-caption a, .telltalehub .box-episodes .lightbox-caption a:active, .telltalehub .box-episodes .lightbox-caption a:visited { color: #FFFFFF; }

.telltalehub .box-episodes .gallery-image-wrapper { border: medium none; }

.telltalehub .box-episodes .gallery-image-wrapper img { height: auto; width: 185px; }

@media screen and (min-width: 1596px) { .telltalehub .box-episodes .lightbox-caption { width: 250px ! important; }    .telltalehub .box-episodes .gallery-image-wrapper img { width: 250px ! important; }	}

/** Characters (Heroes/Villains) */ .telltalehub .box-characters .wikia-gallery, .telltalehub .box-characters .wikia-gallery-item, .telltalehub .box-characters .gallery-image-wrapper, .telltalehub .box-characters .gallery-image-wrapper a, .telltalehub .box-characters .thumb, .telltalehub .box-characters .lightbox-caption { height: auto ! important; margin: 0px; padding: 0px; width: auto ! important; }

.telltalehub .box-characters .wikia-gallery { margin-top: 20px; }

.telltalehub .box-characters .wikia-gallery-row { margin-bottom: -20px; white-space: normal; }

.telltalehub .box-characters .wikia-gallery-item { margin: 0px 10px 20px; }

.telltalehub .box-characters .lightbox-caption { color: #FFFFFF; display: block; font-size: 16px; font-weight: bold; line-height: 18px; margin-top: 10px; text-align: center; width: 104px ! important; }

.telltalehub .box-characters .lightbox-caption a, .telltalehub .box-characters .lightbox-caption a:active, .telltalehub .box-characters .lightbox-caption a:visited { color: #FFFFFF; }

.telltalehub .box-characters .gallery-image-wrapper { border: medium none; }

.telltalehub .box-characters .gallery-image-wrapper img { height: auto; width: 104px ! important; }

@media screen and (min-width: 1596px) { .telltalehub .box-characters .wikia-gallery-item { margin: 0px 15px 20px; }    .telltalehub .box-characters .lightbox-caption { width: 125px ! important; }

.telltalehub .box-characters .gallery-image-wrapper img { width: 125px ! important; }	}

/** Fandom **/ .telltalehub .box-fandom .WikiaPhotoGalleryPreview { margin-top: 20px; }

/** Discussions **/ .telltalehub .box-discussions .discussions { list-style: outside none none; margin: 15px 0px 0px; }

.telltalehub .box-discussions .discussions li { border-bottom: 1px solid #000000; margin: 10px 0px; padding-bottom: 10px; }

.telltalehub .box-discussions .discussions li:last-child { border-bottom: medium none; margin-bottom: 0px; padding-bottom: 0px; }

/** Videos **/ .telltalehub .box-videos .wikia-gallery, .telltalehub .box-videos .wikia-gallery .wikia-gallery-item:last-child { margin-bottom: 0px; }

.telltalehub .box-videos .wikia-gallery-item { margin: 10px 0px; padding: 0px; }

.telltalehub .box-videos .gallery-image-wrapper { border: medium none; }

.telltalehub .box-videos .title { margin-top: 5px; }

@media screen and (max-width: 1023px) { .telltalehub .box-videos .wikia-gallery-item { margin-left: 20px; margin-right: 20px; } }