MediaWiki:Badges-blogs.css

/* From https://comunidad.wikia.com/wiki/MediaWiki:Badges-blogs.css */

/* Badges */ .Wikia-badge { background: url(https://vignette.wikia.nocookie.net/eswikia/images/4/48/Dots_-_Fandom_-_mini.png/revision/latest?cb=20161007111320) center bottom no-repeat; text-align: justify; padding: 15px 13px; width: 510px; margin: auto; font-size: 12px; line-height: 22px; color: black; border: 1px black solid; background-size: cover; }

.FANDOM-avatar, .FANDOM-avatar img { border-radius: 50%; }

/* Blog post style */ body.ns-500 .WikiaPage .WikiaArticle .mw-content-text { font-family: Rubik, Helvetica, Arial, sans-serif; color: #002a32; font-size: 18px; font-weight: 300; line-height: 1.6; }

.FANDOM-H2-CC, .ns-500 .WikiaArticle h2 { border-bottom: 0; background-image: -webkit-gradient(linear, left top, right top, from(#dfec24), to(#dfec24)); background-image: -webkit-linear-gradient(left, #dfec24, #dfec24); background-image: -o-linear-gradient(left, #dfec24, #dfec24); background-image: linear-gradient(90deg, #dfec24, #dfec24); background-position: 0 0.9em; background-repeat: repeat-x; background-size: 1px 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #002a32; font-size: 28px; font-weight: 400; line-height: 1.2; padding: 0 6px; text-transform: uppercase }

.ns-500 .WikiaArticle h3 { border-bottom: 0; font-size: 20px; font-weight: 400; padding: 0 6px; text-transform: uppercase; }

.ns-500 .WikiaArticle h2 + h3 { margin-bottom: 15px; }

margin-top: 40px; }
 * 1) INCONTENT_WRAPPER + h2 {

.FANDOM-NAS-GA { background: #39424d; padding: 5px; text-align: center }

.FANDOM-NAS-GA img { border-radius: 5px; margin: 2px }

.FANDOM-HI-CC { background-color: #dfec24; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #1a1a1a; display: inline; font-weight: 700; margin: 0; padding: 0 12px; text-transform: uppercase; font-size: 17px; line-height: 22px }

.FANDOM-Center-CC { text-align: center; margin-bottom: 15px }

/* Blog post header */ .Wbh-caption { top: -16px; position: relative; font-size: 12pt; color: #1a1a1a; font-family: Trebuchet MS, Helvetica, Arial; font-weight: bold; padding: 5px 25px; max-width: 625px; margin: auto; }

.Wbh-bg { background-color: #f2f5f5; height: 225px; width: 100%; padding-left: 575px; left: 0; overflow: visible; position: absolute; right: 0; top: -125px; -moz-transform: skewY(-4deg); -o-transform: skewY(-4deg); -webkit-transform: skewY(-4deg); -ms-transform: skewY(-4deg); transform: skewY(-4deg); }

.Wbh-bg2 { background: url(https://vignette.wikia.nocookie.net/eswikia/images/4/40/FANDOM_BlCircles.png/revision/latest?cb=20180307091153); height: 150px; background-size: contain; width: 100%; left: 0; position: absolute; right: 0; top: 150px; -moz-transform: skewY(-4deg); -o-transform: skewY(-4deg); -webkit-transform: skewY(-4deg); -ms-transform: skewY(-4deg); transform: skewY(-4deg); -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(-10%, #fff0), color-stop(80%, #ffff), to(#fff0)); -webkit-mask-image: -webkit-linear-gradient(bottom, #fff0 -10%, #ffff 80%, #fff0); mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(-10%, #fff0), color-stop(80%, #ffff), to(#fff0)); mask-image: linear-gradient(0deg, #fff0 -10%, #ffff 80%, #fff0); }

.Wbh-ibg { background: url(https://vignette.wikia.nocookie.net/eswikia/images/b/bc/Fandom_logo.png/revision/latest?cb=20170606001156) center; width: 225px; height: 48px; background-size: cover; top: 58px; margin: auto; position: relative; }

.Wikia-blog-header { margin: auto; max-width: 1030px; height: 184px; background-color: #002a32; overflow: hidden; position: relative; }

background: #5df2ae; }
 * 1) FANDOM-B-BL {

background: #DFEC24; }
 * 1) FANDOM-B-YE {

/* Blog badges for FandomDesktop */ .theme-fandomdesktop-dark .fandom-badge { --color-bg: #280033; --color-avatar-bg: #520044; --bg-image: url(https://static.wikia.nocookie.net/central/images/0/08/Site-background-dark/revision/latest); }

.theme-fandomdesktop-light .fandom-badge { --color-bg: #ffc500; --color-avatar-bg: #f9005b; --color-text: #000; --bg-image: url(https://static.wikia.nocookie.net/central/images/b/b5/Site-background-light/revision/latest); }

.fandom-badge { position: relative; font-size: .875rem; line-height: 1.5rem; background-color: var(--color-bg); width: 100%; max-width: 700px; color: var(--color-text); margin: auto; margin-top: 50px; text-align: center; }

.fandom-badge-avatar { --border-size: 4px; position: absolute; left: calc(50% - 45px - var(--border-size)); height: 90px; width: 90px; top: calc(-45px - var(--border-size)); border-radius:50%; background: var(--color-avatar-bg); }

.fandom-badge-avatar img { border-radius:50%; border: var(--border-size) solid var(--color-avatar-bg); }

.fandom-badge-name { padding-top: 50px; font-size: 1rem; }

.fandom-badge-title { text-decoration: underline; font-size: .75rem; }

.fandom-badge-name a, .fandom-badge-profile a { color: var(--color-text); }

.fandom-badge-about { margin: 16px 72px; line-height: 1.3125rem; }

.fandom-badge-profile { text-transform: uppercase; padding: 16px; font-weight: bold; background-image: var(--bg-image); background-size: 100%; background-position: bottom right; }