MediaWiki:Fandomdesktop.css

/* ==================== WELCOME BANNER

=
===========*/ /** Welcome Banner **/ .image-overlay { position: relative; overflow: hidden; } .image-overlay > .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.3s; background: #000000bf; color: #fff; } .image-overlay:hover > .overlay { opacity: 1; } .image-overlay > .overlay > .overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 180%; font-family: Zen Dots; padding-left: 3px; padding-right: 3px; text-align: center; width: 100%; } .image-overlay p { margin: .0em 0 .0em !important; } .image-overlay a:hover { opacity: 0.6; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; text-decoration: none; } .image-overlay a { color: #eaeaea; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; } .image-overlay.overlay-zoom:hover img { -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-backface-visibility:hidden; backface-visibility:hidden; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; transition:all 3s ease-in-out; } .image-overlay.overlay-zoom img { -webkit-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; transition:all 3s ease-in-out; }

/**Line**/ .theme-fandomdesktop-dark .line {border-top: 2px solid #ff0000;}

/* ==================== TEMPLATE: HEADER

=
===========*/	margin-top: -80px; padding-bottom: 42px; } .buddydad-header_cont{ padding: 0 12.5%; }
 * 1) buddydad-header{

.buddydad-header_cont:not(:first-child){ padding-top: 80px; } .buddydad-header_h3 { display: flex-direction: row; display: flex-wrap: nowrap; display: align-content: normal; display: justify-content: space-between; display: align-items: flex-end; justify-content: space-between; align-items: flex-end; position: relative; padding-bottom: 4px; } .buddydad-header_h3-eng{ flex-shrink: 0; font-family: 'Racing Sans One', sans-serif; font-size: 37px; line-height: 1.2414; -webkit-text-stroke: 1px #222; color: #116bb7; vertical-align: bottom; display: flex-direction: row; display: flex-wrap: nowrap; display: align-content: normal; display: justify-content: space-between; display: align-items: flex-end; align-items: flex-end; } .buddydad-header_h3-eng span{ display: inline-block; line-height: 0.7; } .buddydad-header_h3-eng span:first-child{ font-size: 70px; } .buddydad-header_h3-eng span:last-child{ font-size: 37px; } .buddydad-header_h3:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background-color: #fff; border: 1px solid #222; }

/* ==================== SCROLL BAR SETTING

=
===========*/
 * -webkit-scrollbar {

width: 8px; height: 8px; }
 * -webkit-scrollbar-track {

border-radius: 4px; background: #222; }
 * -webkit-scrollbar-thumb {

background: #d0101b; border-radius: 4px; margin: 2px; box-shadow: none; } html{ scrollbar-color: #222 #d0101b; scrollbar-width: thin; }

/* ==================== PAGE SIDE TOOL

=
===========*/ .page-side-tool { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; background: #d0101b; border: none; border-radius: 50%; -webkit-box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); color: white; cursor: pointer; display: -webkit-box; display: flex; height: 36px; justify-content: center; margin-bottom: 9px; outline: none; -webkit-transition: color .3s; transition: color .3s; width: 36px; }

/* ==================== CUSTOM CURSOR

=
===========*/ body { cursor: url('https://static.wikia.nocookie.net/buddydaddies/images/b/b7/Cursor_in.svg/revision/latest?cb=20221130042137'), pointer; } /* Link cursor */ a:hover { cursor: url('https://static.wikia.nocookie.net/buddydaddies/images/3/38/Cursor_out.svg/revision/latest?cb=20221130042331'), pointer; opacity: 60%; transform: scale(1.05); transition: transform .5s ease, opacity .7s ease; }