MediaWiki:Fandomdesktop.css

.WikiaMainContent { font-family: trebuchet ms; } .header-column h1 { display: inline; font-size: 30px; font-family: Rancho; line-height: 20px; word-wrap: break-word; } .livi-scroll > ::-webkit-scrollbar { display: none; } /** https://codepen.io/edeesims/pen/iGDzk **/ .maia-card { position: absolute; width: 300px; height: 300px; margin: -150px; float: left; perspective: 500px; } .maia-card-content { position: absolute; width: 100%; height: 100%; transition: transform 1s; transform-style: preserve-3d; } .maia-card:hover .maia-card-content { transform: rotateY(180deg) ; transition: transform 0.5s; } .maia-card-front, .maia-card-back { position: absolute; height: 100%; width: 100%; background: transparent; backface-visibility: hidden; } .maia-card-back { background: transparent; color: white; transform: rotateY(180deg); } /** custom tabbers that can have icons and pics as headers uwu **/ .tabs {	position: fixed; clear: both; } .tabs .tab {	float: left; margin-right: 10px; } .content {	position: absolute; background-color: white; width: 100%; left: 0px; } .tabs .tab:nth-of-type(1) .content {	z-index: 1; } .tab:target a { font-weight: bold; } .tab:target .content {	z-index: 1; } div.forsythe > b { color: yellow !important; } /** tabber for mixtape:merlot **/ .merlot-tabber .tabber { margin: 0px; padding: 0px; border: none !important; } .merlot-tabber .tabber .wds-tabs li, .merlot-tabber .wds-tabs li.wds-tabs__tab.wds-is-current, .merlot-tabber .tabber .wds-tab__content:not(.wds-tab__contenthide), .merlot-tabber ul.wds-tabs { border: none !important; text-align:center !important; } .merlot-tabber .tabber .wds-tabs li a, .merlot-tabber .tabber .wds-tabs li a:active, .merlot-tabber .tabber .wds-tabs li a:visited {   display: inline-block !important; color: transparent !important; width: 50px !important; height: 5px !important; border-radius: 5em; background-color: white; border: none !important; line-height: 5px !important; text-align:center !important; } .merlot-tabber .tabber .wds-tabs li a:hover, .merlot-tabber .tabber .wds-tabs li a:active, .merlot-tabber .tabber .wds-tabs li.wds-tabs__tab.wds-is-current a, .merlot-tabber .tabber .wds-tabs li.wds-tabs__tab.wds-is-current a { display: inline-block !important; color: transparent !important; width: 50px !important; height: 5px !important; border-radius: 5em; background-color: gainsboro; border: none !important; line-height: 5px !important; text-align:center !important; } .merlot-tabber .ui-tabs .ui-tabs-nav { padding: 0 200px; } /** tabber for mixtape:mijiu **/ .mijiu-tabber .tabber { margin: 0px; padding: 0px; border: none !important; } .mijiu-tabber .tabber .wds-tabs li, .mijiu-tabber .wds-tabs li.wds-tabs__tab.wds-is-current, .mijiu-tabber .tabber .wds-tab__content:not(.wds-tab__contenthide), .mijiu-tabber ul.wds-tabs { border: none !important; text-align:center !important; } .mijiu-tabber .tabber .wds-tabs li a, .mijiu-tabber .tabber .wds-tabs li a:active, .mijiu-tabber .tabber .wds-tabs li a:visited {   display: inline-block !important; color: transparent !important; width: 50px !important; height: 5px !important; border-radius: 5em; background: url('https://vignette.wikia.nocookie.net/dumbledoresarmyroleplay/images/9/9a/Mixtape_-_Mijiu_Header.png') !important; background-repeat: no-repeat !important; background-size: 100px !important; border: none !important; line-height: 5px !important; text-align:center !important; } .mijiu-tabber .tabber .wds-tabs li a:hover, .mijiu-tabber .tabber .wds-tabs li a:active, .mijiu-tabber .tabber .wds-tabs li.wds-tabs__tab.wds-is-current a, .mijiu-tabber .tabber .wds-tabs li.wds-tabs__tab.wds-is-current a { display: inline-block !important; color: transparent !important; width: 50px !important; height: 5px !important; border-radius: 5em; background: gainsboro !important; background-image: none !important; border: none !important; line-height: 5px !important; text-align:center !important; } /** icon tabbers yeet **/ .icon-tabber .tabber { margin: 0px; padding: 0px; border: none !important; } .icon-tabber .tabber .wds-tabs li, .icon-tabber .wds-tabs li.wds-tabs__tab.wds-is-current, .icon-tabber .tabber .wds-tab__content:not(.wds-tab__contenthide), .icon-tabber ul.wds-tabs { border: none !important; } .icon-tabber .tabber .wds-tabs li a, .icon-tabber .tabber .wds-tabs li a:active, .icon-tabber .tabber .wds-tabs li a:visited {   display: inline-block !important; border: none !important; color: transparent !important; background:url('https://i.pinimg.com/originals/4f/dd/91/4fdd91c14b36e2a43aca726d2a75da4d.png') !important; background-repeat: no-repeat !important; background-size: contain !important; height: 30px; width: 30px; } .icon-tabber .tabber .wds-tabs li a:hover, .icon-tabber .tabber .wds-tabs li a:active, .icon-tabber .tabber .wds-tabs li.wds-tabs__tab.wds-is-current a, .icon-tabber .tabber .wds-tabs li.wds-tabs__tab.wds-is-current a { color: transparent !important; background:url('https://i.pinimg.com/originals/4f/dd/91/4fdd91c14b36e2a43aca726d2a75da4d.png') !important; background-repeat: no-repeat !important; background-size: contain !important; height: 30px; width: 30px; } /** tabber for 5alsa **/ .salsa-tabber .tabber { padding: 0px; border: none !important; display: table; } .salsa-tabber .wds-tabs { display: table-cell !important; width: 20px !important; height: 20px !important; border: none !important; padding: 0 !important; margin: 5px !important; } .salsa-tabber .wds-tabs a { display: block; color: transparent !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: url('https://i.pinimg.com/originals/0a/a6/dc/0aa6dcaa20ebe5349fbc7301d8339e74.jpg') !important; background-repeat: no-repeat !important; border: none !important; padding: 1px 1px 1px 1px !important; } .salsa-tabber .wds-tab__content { border: none !important; padding: 0em 1em !important; display: table-cell; } .salsa-tabber .wds-tabs__tab.wds-is-current a { background: #2aa198 !important; background-image: url('https://www.graphicsbeam.com/wp-content/uploads/2012/03/Free-Space-Texture-520x390.jpg') !important; background-size: 100px !important; border-radius: 50% !important; } .salsa-tabber .wds-tab__content p:nth-child(2){ margin-top: 0 !important; } /** tabber for khluen **/ .khluen-tabber .tabber { padding: 0px; border: none !important; } .khluen-tabber .tabber .wds-tab__content:not(.wds-tab__contenthide) { margin-top: -550px !important; } .khluen-tabber .wds-tabs { border: none !important; padding: 0 !important; margin-top: 520px !important; margin-left: 500px !important; z-index: 9999; } .khluen-tabber .wds-tabs a { display: inline-block !important; color: transparent !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; border: 2px solid black !important; background-color: transparent !important; padding: 1px 1px 1px 1px !important; } .khluen-tabber .wds-tab__content { border: none !important; padding: 0em 1em !important; } .khluen-tabber .wds-tabs__tab.wds-is-current a { background-color: black !important; border-radius: 50% !important; } .khluen-tabber .wds-tab__content p:nth-child(2){ margin-top: 0 !important; } /** tabber for andrew **/ .andrew-tabber .tabber { padding: 0px; border: none !important; } .andrew-tabber .tabber .wds-tab__content:not(.wds-tab__contenthide) { margin-top: -750px !important; } .andrew-tabber .wds-tabs { border: none !important; padding: 0 !important; margin-top: 720px !important; margin-left: 300px !important; z-index: 9999; } .andrew-tabber .wds-tabs a { display: inline-block !important; border: none !important; color: transparent !important; background:url('https://vignette.wikia.nocookie.net/jochuuas-sandcastle/images/b/b9/Andrew_Kocho_-_Tabber_Button.png') !important; background-repeat: no-repeat !important; background-size: contain !important; height: 30px; width: 30px; } .andrew-tabber .wds-tabs a:hover { color: transparent !important; background:url('https://vignette.wikia.nocookie.net/jochuuas-sandcastle/images/c/c4/Andrew_Kocho_-_Tabber_Button_2.png') !important; background-repeat: no-repeat !important; background-size: contain !important; height: 30px; width: 30px; } .andrew-tabber .wds-tab__content { border: none !important; padding: 0em 1em !important; } .andrew-tabber .wds-tabs__tab.wds-is-current a { color: transparent !important; background:url('https://vignette.wikia.nocookie.net/jochuuas-sandcastle/images/c/c4/Andrew_Kocho_-_Tabber_Button_2.png') !important; background-repeat: no-repeat !important; background-size: contain !important; height: 30px; width: 30px; } .andrew-tabber .wds-tab__content p:nth-child(2){ margin-top: 0 !important; } /** tabber for hyanghyeon **/ .hyanghyeon-tabber .tabber { padding: 0px; border: none !important; display: table; top: 0 !important; } .hyanghyeon-tabber .wds-tabs { display: table-cell !important; width: 20px !important; height: 20px !important; border: none !important; padding: 0 !important; margin: 5px !important; top: 0 !important; } .hyanghyeon-tabber .wds-tabs a { display: block; color: transparent !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: url('https://i.pinimg.com/originals/0a/a6/dc/0aa6dcaa20ebe5349fbc7301d8339e74.jpg') !important; background-repeat: no-repeat !important; border: none !important; padding: 1px 1px 1px 1px !important; } .hyanghyeon-tabber .wds-tab__content { border: none !important; padding: 0em 1em !important; display: table-cell; } .hyanghyeon-tabber .wds-tabs__tab.wds-is-current a { background: #2aa198 !important; background-image: url('https://www.graphicsbeam.com/wp-content/uploads/2012/03/Free-Space-Texture-520x390.jpg') !important; background-size: 100px !important; border-radius: 50% !important; } .hyanghyeon-tabber .wds-tab__content p:nth-child(2){ margin-top: 0 !important; }

/** mondstadt tabber **/ .mondstadt-tabber .tabber { display: table; width: 100%; margin-top: 0.5em !important; } .mondstadt-tabber .wds-tabs { display: table-cell !important; width: 200px; border: none !important; padding: 0 !important; } .mondstadt-tabber .wds-tabs a { display: block; margin: 0 !important; border: none !important; font-family: Mirza !important; font-size: 20px !important; text-shadow: 0 0 10px #C0C0C0, 0 0 20px #C0C0C0 !important; color: #E9E8EA !important; background: none !important; font-weight: normal !important; } .mondstadt-tabber .wds-tabs a::before { content: "◇ "; } .mondstadt-tabber .wds-tabs a:hover { text-shadow: 0 0 10px #EFEFEF, 0 0 20px #EFEFEF !important; background: none !important; text-decoration: none !important; } .mondstadt-tabber .wds-tab__content { border: none !important; padding: 0em 1em -1em !important; display: table-cell; } .mondstadt-tabber .wds-tab__content p:nth-child(2){ margin-top: 0 !important; } .mondstadt-tabber .wds-tabs__tab.wds-is-current a { font-family: Mirza !important; font-size: 20px !important; text-shadow: 0 0 10px #C0C0C0, 0 0 20px #C0C0C0 !important; color: white !important; background: none !important; font-weight: normal !important; box-shadow: none !important; } .mondstadt-tabber .wds-tabs__tab.wds-is-current a:hover { text-shadow: none !important; } .mondstadt-tabber .wds-tabs__tab.wds-is-current a::before { content: "⬗ "; }

/** love so sweet tabber **/

.lovesosweet-tabber .tabber { display: table; width: 100%; margin-top: 0.5em !important; } .lovesosweet-tabber .wds-tabs { display: table-cell !important; width: 10% !important; border: none !important; padding: 0 !important; } .lovesosweet-tabber .wds-tabs a { display: block; margin: 0 !important; border: none !important; font-family: Quicksand !important; font-size: 15px !important; color: black !important; background: none !important; font-weight: normal !important; } .lovesosweet-tabber .wds-tabs a::before { content: " "; } .lovesosweet-tabber .wds-tabs a:hover { background: none !important; text-decoration: none !important; } .lovesosweet-tabber .wds-tab__content { border: none !important; padding: 0em 1em -1em !important; display: table-cell; } .lovesosweet-tabber .wds-tab__content p:nth-child(2){ margin-top: 0 !important; } .lovesosweet-tabber .wds-tabs__tab.wds-is-current a { font-family: Quicksand !important; font-size: 15px !important; color: black !important; background: none !important; font-weight: bold !important; } .lovesosweet-tabber .wds-tabs__tab.wds-is-current a:hover { text-shadow: none !important; } .lovesosweet-tabber .wds-tabs__tab.wds-is-current a::before { content: "› "; }