MediaWiki:Common.css: Difference between revisions
No edit summary |
(comment out site notice styling) Tags: Mobile edit Mobile web edit Advanced mobile edit |
||
(31 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/*Local wiki imports*/ | /*Local wiki imports*/ | ||
@import url("/index.php?title=MediaWiki:Styling.css&action=raw&ctype=text/css"); | @import url("/index.php?title=MediaWiki:Styling.css&action=raw&ctype=text/css"); | ||
@import url("/index.php?title=MediaWiki:Homepage.css&action=raw&ctype=text/css"); | @import url("/index.php?title=MediaWiki:Homepage.css&action=raw&ctype=text/css"); | ||
@import url("/index.php?title=MediaWiki:Staff.css&action=raw&ctype=text/css"); | @import url("/index.php?title=MediaWiki:Staff.css&action=raw&ctype=text/css"); | ||
@import url("/index.php?title=MediaWiki:Templatestyles.css&action=raw&ctype=text/css"); | @import url("/index.php?title=MediaWiki:Templatestyles.css&action=raw&ctype=text/css"); | ||
@import url("/index.php?title=MediaWiki:UserColors.css&action=raw&ctype=text/css"); | @import url("/index.php?title=MediaWiki:UserColors.css&action=raw&ctype=text/css"); | ||
Line 15: | Line 9: | ||
/* Custom Font Loading */ | /* Custom Font Loading */ | ||
@font-face { | @font-face { | ||
font-family: "Rocket Rinder"; | font-family: "Rocket Rinder"; | ||
Line 36: | Line 29: | ||
} | } | ||
/ | @font-face { | ||
font-family: "Android"; | |||
src: url("/fonts/Android/Android.ttf") format('truetype'); | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: "Android"; | |||
src: url("/fonts/Android/Android Italic.ttf") format('truetype'); | |||
font-style: italic; | |||
} | |||
@font-face { | |||
font-family: "Android Hollow"; | |||
src: url("/fonts/Android/Android Hollow.ttf") format('truetype'); | |||
} | |||
@font-face { | |||
font-family: "Olga"; | |||
src: url("/fonts/Olga.ttf") format('truetype'); | |||
} | |||
/* | /* Fix the weird color change when you start scrolling */ | ||
html, body { | |||
height: auto !important; | |||
} | |||
/* Talk page button management */ | |||
/* Don't show on Main Page & Certain namespaces*/ | /* Don't show on Main Page & Certain namespaces*/ | ||
body.page-Main_Page #ca-talk, body.ns- | body.page-Main_Page #ca-talk, body.ns-4 #ca-talk { | ||
display: none !important; | display: none !important; | ||
} | } | ||
.mw-sidebar-action { | |||
display: none !important; | |||
} | |||
/* Logo Styling */ | |||
.mw-logo-container { | |||
font-family: "Rocket Rinder", "Arial", "sans-serif"; | |||
color: white; | |||
font-size: larger; | |||
letter-spacing: 0.1em; | |||
-webkit-text-stroke: 0.01em black; | |||
} | |||
.mw-logo { | |||
filter: drop-shadow(0 0 2.5px black); | |||
} | |||
.mw-logo:hover { | |||
text-decoration: none; | |||
} | |||
/* End of Logo Styling */ | |||
.mw-number-text h3, .mw-number-text p { | .mw-number-text h3, .mw-number-text p { | ||
Line 55: | Line 92: | ||
} | } | ||
/* fix echo coloring */ | |||
background-color: | .mw-echo-ui-notificationItemWidget-unread { | ||
background-color: rgb(50, 54, 55); | |||
} | } | ||
. | /* Fix weird link colors on pages where darkreader cant be loaded */ | ||
h1, h2, h3, h4, h5, h6 { | |||
color: white; | |||
} | |||
.vector-menu-portal .vector-menu-content li a { | |||
color: rgb(102, 177, 250) !important; | |||
} | |||
.vector-menu-portal .vector-menu-content li a:visited { | |||
color: rgb(126, 114, 255) !important; | |||
} | |||
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | |||
color: rgb(211, 207, 202) !important; | |||
} | } | ||
/* | /* Preferences Page Styling */ | ||
. | .oo-ui-tabSelectWidget-framed { | ||
background-color: rgb(34, 37, 38); | |||
} | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: rgb(24, 26, 27); | |||
color: rgb(232, 230, 227); | |||
} | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { | |||
border-bottom-color: rgb(48, 52, 54); | |||
} | |||
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { | |||
border-color: rgb(62, 67, 70); | |||
} | |||
.mw-prefs-buttons { | |||
background-color: rgb(24, 26, 27); | |||
border-top-color: rgb(62, 67, 70); | |||
box-shadow: rgba(0, 0, 0, 0.25) 0px -4px 4px -4px; | |||
} | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input { | |||
background-color: rgb(24, 26, 27); | |||
color: rgb(232, 230, 227); | |||
border-color: rgb(72, 78, 81); | |||
} | |||
.oo-ui-checkboxInputWidget [type="checkbox"] + span { | |||
background-color: rgb(24, 26, 27); | |||
border-color: rgb(101, 93, 83); | |||
} | } | ||
/* Site Notice Styling (UNCOMMENT THIS WHENEVER YOU SET A SITENOTICE!!!)*/ | |||
/* .sitenoticestyling { | |||
padding: 10px; | |||
border-radius: 10px; | |||
border: 2px solid rgb(48, 52, 54) !important; | |||
border-color: rgb(48, 52, 54) !important; | |||
text-align: center; | |||
margin-bottom: 10px !important; | |||
} */ |
Latest revision as of 08:02, 2 January 2024
/*Local wiki imports*/ @import url("/index.php?title=MediaWiki:Styling.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Homepage.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Staff.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Templatestyles.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:UserColors.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:VarColors.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Msgboxstyles.css&action=raw&ctype=text/css"); /* Custom Font Loading */ @font-face { font-family: "Rocket Rinder"; src: url("/fonts/Rocket Rinder.otf") format('opentype') } @font-face { font-family: "OriginTech"; src: url("/fonts/OriginTech personal use.ttf") format('truetype') } @font-face { font-family: "Ethno Centric"; src: url("/fonts/ethnocentric rg.ttf") format('truetype') } @font-face { font-family: "Star Jedi"; src: url("/fonts/Starjedi.ttf") format('truetype') } @font-face { font-family: "Android"; src: url("/fonts/Android/Android.ttf") format('truetype'); font-style: normal; } @font-face { font-family: "Android"; src: url("/fonts/Android/Android Italic.ttf") format('truetype'); font-style: italic; } @font-face { font-family: "Android Hollow"; src: url("/fonts/Android/Android Hollow.ttf") format('truetype'); } @font-face { font-family: "Olga"; src: url("/fonts/Olga.ttf") format('truetype'); } /* Fix the weird color change when you start scrolling */ html, body { height: auto !important; } /* Talk page button management */ /* Don't show on Main Page & Certain namespaces*/ body.page-Main_Page #ca-talk, body.ns-4 #ca-talk { display: none !important; } .mw-sidebar-action { display: none !important; } /* Logo Styling */ .mw-logo-container { font-family: "Rocket Rinder", "Arial", "sans-serif"; color: white; font-size: larger; letter-spacing: 0.1em; -webkit-text-stroke: 0.01em black; } .mw-logo { filter: drop-shadow(0 0 2.5px black); } .mw-logo:hover { text-decoration: none; } /* End of Logo Styling */ .mw-number-text h3, .mw-number-text p { color: white !important; } .mw-createacct-benefits-container h2 { color: white; } /* fix echo coloring */ .mw-echo-ui-notificationItemWidget-unread { background-color: rgb(50, 54, 55); } /* Fix weird link colors on pages where darkreader cant be loaded */ h1, h2, h3, h4, h5, h6 { color: white; } .vector-menu-portal .vector-menu-content li a { color: rgb(102, 177, 250) !important; } .vector-menu-portal .vector-menu-content li a:visited { color: rgb(126, 114, 255) !important; } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: rgb(211, 207, 202) !important; } /* Preferences Page Styling */ .oo-ui-tabSelectWidget-framed { background-color: rgb(34, 37, 38); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: rgb(24, 26, 27); color: rgb(232, 230, 227); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: rgb(48, 52, 54); } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: rgb(62, 67, 70); } .mw-prefs-buttons { background-color: rgb(24, 26, 27); border-top-color: rgb(62, 67, 70); box-shadow: rgba(0, 0, 0, 0.25) 0px -4px 4px -4px; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: rgb(24, 26, 27); color: rgb(232, 230, 227); border-color: rgb(72, 78, 81); } .oo-ui-checkboxInputWidget [type="checkbox"] + span { background-color: rgb(24, 26, 27); border-color: rgb(101, 93, 83); } /* Site Notice Styling (UNCOMMENT THIS WHENEVER YOU SET A SITENOTICE!!!)*/ /* .sitenoticestyling { padding: 10px; border-radius: 10px; border: 2px solid rgb(48, 52, 54) !important; border-color: rgb(48, 52, 54) !important; text-align: center; margin-bottom: 10px !important; } */