MediaWiki:Fandomdesktop.css

/* --- Portal templates --- */

.portal { width: 100%; padding: 30px; box-sizing: border-box; background-color: rgba(79, 138, 162,0.4); background-position: center center; background-repeat: no-repeat; background-size: 100%; /* fallback */ background-size: cover; font-family: Moki Base, Open Sans, Noto Sans Japanese, Trade Gothic LT, sans-serif; font-weight: 400; position: relative; margin-bottom: 15px; }

.portal.welcome { text-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px; background-size: 100%; background-position: center; font-weight: normal; }

.portal.welcome a { color: rgba(255, 255, 255, 0.8); }

.portal__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.portal a { font-weight: bold; }

.portal.navigation a { font-weight: 400; }

.portal__content .preloader { background-repeat: no-repeat; background-position: 1px 1px; }

.portal__wrapper { position: relative; z-index: 1; }

.portal__wrapper span { display: block; text-align: center; }

.portal__header { font-size: 16px; text-transform: uppercase; }

.portal.welcome .portal__header { position: absolute; bottom: 0; right: 0; font-size: 13px; }

.portal.welcome .portal__header:before { content: '(';   display: inline; }

.portal.welcome .portal__header:after { content: ')';   display: inline; }

.portal__content__aux { display: inline-block; position: relative; width: 200px; height: auto; margin: 15px 0; }

.portal__content__aux:hover img { filter: drop-shadow(1px 1px 5px #fff); }

.portal__content__aux a { cursor: pointer; }

.portal__content__slide { opacity: 0; height: 0; overflow: hidden; transition: opacity .3s ease-in; }

.portal__content__slide.active { opacity: 1; height: 300px; }

span.portal__content__slide__content__header { text-align: left; }

.portal__content__navigator { position: absolute; right: -20px; bottom: 0; user-select: none; line-height: 0; }

.portal__content__navigator span { display: inline-block; cursor: pointer; color: rgba(255, 255, 255, 0.8); transition: all .15s ease-in; }

.portal__content__navigator .previous, .portal__content__navigator .next { font-size: 85px; font-family: monospace; transform: scale(1, .7); }

.portal__content__navigator .index { position: relative; top: -16px; font-weight: bold; text-transform: uppercase; }

.portal__content__navigator span:hover { color: #fff; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4) }

.portal__content__slide__image { display: table; float: left; height: 100%; margin-right: 50px; }

.portal__content__slide__image a { display: table-cell; height: 100%; vertical-align: middle; }

.portal__content__slide__content { column-count: 3; column-fill: auto; height: 100%; }

.portal__content__slide__content__header { font-weight: bold; }

.portal__content__slide__content ul { list-style: none !important; margin: 0; }

.portal__content__excerpt { text-align: right; position: absolute; bottom: 0; right: 0; }

.portal__content__excerpt__header { font-size: 27px; margin-bottom: 12px; }

.portal__content__excerpt__content { width: 90%; float: right; }

.portal__content__affiliates { /* overflow-y: scroll; overflow-x: hidden; height: 190px; */ margin-top: 10px; }

.portal__content__affiliates > p { display: flex; flex-wrap: wrap; justify-content: center; }

.portal__content__affiliates p .text { width: 38%; padding: 1rem; }

.portal__content__affiliates img { width: 100%; height: auto; }