MediaWiki:Fandomdesktop.css

/* XXX: Very important. It is important for all administrators not to change it without approval of bureaucracy. */

body.skin-fandomdesktop {font-family: 'Gotham SSm Medium', system-ui; }

/** * if you want flair, please message wall this user. */ a[href$=":ChikoritaROBLOXHurricanes"] {

background: -webkit-linear-gradient(left, orange, yellow, green, cyan, blue, violet);

background-clip: text; -webkit-background-clip: text; color: transparent; font-family: 'Gotham SSm Medium', system-ui; font-weight: 900;

text-transform: uppercase;

text-decoration: overline; text-align: center; line-height: 2;

}

/** end of all flair and beginng of page styling */

/* Removed elements that detract from the Fandom user experience. */

/* hyperlink information */ a { outline: none; text-decoration: none; padding: 2px 1px 0; } /* we will let fandom deal with hyperlink colors */

/* illusion 100 */ a:focus { border-bottom: 1px solid; background: #0078d7; /*0078d7*/ }

a:hover { border-bottom: 1px solid; background: #0078d7; /*0078d7*/ }

a:active { background: #0078d7; /*0078d7*/ color: #0078d7; /*0078d7*/ } /* spacing */

/* typography */

tbody td { text-align: center; }

tfoot th { text-align: right; } /* caption tables */

caption { padding: 20px; font-style: normal; caption-side: top; text-align: center; } /* elaborate on the block quote */ blockquote { min-height: 5em; padding  : 1em 4em; position : relative; background-color: #fcf9a1; }

blockquote::before, blockquote::after { position: absolute; height : 3rem; }

blockquote::before { content: '“'; top   : 0.3rem; left  : 0.9rem; }

blockquote::after { content: '”'; bottom : 0.3rem; right : 0.8rem; }

blockquote:lang(fr)::before { content: '«'; top   : -1.5rem; left  : 0.5rem; }

blockquote:lang(fr)::after { content: '»'; bottom : 2.6rem; right : 0.5rem }

blockquote i { display  : block; font-size : 0.8em; margin-top: 1rem; text-style: italic; text-align: right; } blockquote { resize: both; overflow: auto; } table { resize: both; overflow: auto; }

/* Tooltip container */ .tooltip { position: relative; display: inline-block; }

/* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #FFFFE1; color: #000; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; }

/* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; } /* Make sure that padding behaves as expected */
 * {box-sizing:border-box}

/* Container for progress bars */ .container { width: 100%; /* Full width */

}

.skills { text-align: right; /* Right-align text */ padding-top: 10px; /* Add top padding */ padding-bottom: 10px; /* Add bottom padding */ }

.progress {width: 41%; background-color: #008000;}

.hide { display: none; }

.myDIV:hover + .hide { display: block; } .loader { border: 16px solid #f3f3f3; border-top: 16px solid #0078d7; /* Blue */ border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* The alert message box */ .alert { padding: 20px; background-color: #00f; color: white; margin-bottom: 15px; }

/* The close button */ .closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; }

/* When moving the mouse over the close button */ .closebtn:hover { color: #e81123; } /* Callout box - fixed position at the bottom of the page */ .callout { position: fixed; bottom: 35px; right: 20px; margin-left: 20px; max-width: 300px; }

/* Callout header */ .callout-header { padding: 25px 15px; background: #000080; font-size: 30px; color: white; }

/* Callout container/body */ .callout-container { padding: 15px; background-color: #c0c0c0; }