Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em;...") |
|||
Line 1: | Line 1: | ||
− | /* | + | /* ------------------------------------------------- */ |
+ | /* first thing i gotta do is deal with the infoboxes */ | ||
+ | /* ------------------------------------------------- */ | ||
.infobox { | .infobox { | ||
background: #eee; | background: #eee; | ||
Line 6: | Line 8: | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
padding: 1em; | padding: 1em; | ||
− | width: | + | width: 320px; |
} | } | ||
.infobox-title { | .infobox-title { | ||
font-size: 2em; | font-size: 2em; | ||
text-align: center; | text-align: center; | ||
+ | background: #aaa; | ||
+ | } | ||
+ | .infobox-subtitle { | ||
+ | background: #666; | ||
+ | text-align: center; | ||
+ | color: #444; | ||
} | } | ||
.infobox-image { | .infobox-image { | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | .infobox-image image { | ||
text-align: center; | text-align: center; | ||
} | } | ||
+ | |||
+ | .infobox-caption { | ||
+ | text-size: smaller; | ||
+ | color: #555; | ||
+ | } | ||
+ | |||
.infobox th { | .infobox th { | ||
text-align: right; | text-align: right; | ||
Line 23: | Line 41: | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
+ | |||
+ | .infobox td p { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* ------------------------------------------------------------------------ */ | ||
+ | /* some nice formatting for the headers so that they're beautiful (like me) */ | ||
+ | /* ------------------------------------------------------------------------ */ | ||
+ | /* make my name fancy because i'm special */ | ||
+ | a[href="/wiki/User:Pllut6969"] { | ||
+ | font-family: Tahoma, serif; | ||
+ | color: #112787 !important; | ||
+ | font-weight: bold !important; | ||
+ | text-transform: lowercase !important; /* most important part tbh */ | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* ------------------------------------------------ */ | ||
+ | /* and here i start making edits to the fucking ids */ | ||
+ | /* ------------------------------------------------ */ | ||
+ | #bodyContent { | ||
+ | font-family: Tahoma, serif; | ||
+ | font-size: 11pt; | ||
+ | } | ||
+ | |||
+ | /* this is for the cute little shoutbox of neptune*/ | ||
+ | #nepu { | ||
+ | color: #230033; | ||
+ | border-radius: 10px; | ||
+ | border: 2px solid #451155; | ||
+ | background-color: #FDFDFA; | ||
+ | padding: 18px 25px 18px; | ||
+ | } | ||
+ | |||
+ | /* fucking gay fanon insert shit */ | ||
+ | #fanon { | ||
+ | text-align: center; | ||
+ | border: 1px inset #e8eb34; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | width: 69%; /* yeah boi */ | ||
+ | color: #350201; | ||
+ | font-style: italic; | ||
+ | background-color: white; | ||
+ | } | ||
+ | #fanon img { vertical-align: middle; } | ||
+ | |||
+ | /* link colors */ | ||
+ | a:link { color: #b503c9; } | ||
+ | a:hover { color: #B2507C; } | ||
+ | a:clicked { color: #800033; } /* i don't think this megadark magenta is actually used */ | ||
+ | a:visited { color: #5724a8; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* ---------------------- */ | ||
+ | /* custom classes go here */ | ||
+ | /* ---------------------- */ | ||
+ | /* speech bubble arrow for neptunia sez*/ | ||
+ | .arrow-inner { | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-left: 6px solid transparent; | ||
+ | border-bottom: 6px solid transparent; | ||
+ | border-right: 6px solid #451155; | ||
+ | border-top: 6px solid #451155; | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | left: 15px; | ||
+ | } | ||
+ | |||
+ | .arrow-inner_after { | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-left: 5px solid transparent; | ||
+ | border-bottom: 5px solid transparent; | ||
+ | border-right: 5px solid #FDFDFA; | ||
+ | border-top: 5px solid #FDFDFA; | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | top: -2px; | ||
+ | left: 25px; | ||
+ | } | ||
+ | |||
+ | /* used on the frontpage, this is similar to the neptune says div */ | ||
+ | .fp-section { | ||
+ | color: #230033; | ||
+ | border-radius: 10px; | ||
+ | border: 2px solid #451155; | ||
+ | background-color: #FDFDFA; | ||
+ | padding: 18px 18px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /* idk */ | ||
+ | .fp-header { | ||
+ | text-align: center; | ||
+ | text-decoration: none !important; | ||
+ | border: none !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* ---------------- */ | ||
+ | /* land of the FUCK */ | ||
+ | /* ---------------- */ |
Revision as of 07:03, 7 April 2021
/* ------------------------------------------------- */ /* first thing i gotta do is deal with the infoboxes */ /* ------------------------------------------------- */ .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; width: 320px; } .infobox-title { font-size: 2em; text-align: center; background: #aaa; } .infobox-subtitle { background: #666; text-align: center; color: #444; } .infobox-image { width: 100% } .infobox-image image { text-align: center; } .infobox-caption { text-size: smaller; color: #555; } .infobox th { text-align: right; vertical-align: top; width: 120px; } .infobox td { vertical-align: top; } .infobox td p { padding: 0; } /* ------------------------------------------------------------------------ */ /* some nice formatting for the headers so that they're beautiful (like me) */ /* ------------------------------------------------------------------------ */ /* make my name fancy because i'm special */ a[href="/wiki/User:Pllut6969"] { font-family: Tahoma, serif; color: #112787 !important; font-weight: bold !important; text-transform: lowercase !important; /* most important part tbh */ } /* ------------------------------------------------ */ /* and here i start making edits to the fucking ids */ /* ------------------------------------------------ */ #bodyContent { font-family: Tahoma, serif; font-size: 11pt; } /* this is for the cute little shoutbox of neptune*/ #nepu { color: #230033; border-radius: 10px; border: 2px solid #451155; background-color: #FDFDFA; padding: 18px 25px 18px; } /* fucking gay fanon insert shit */ #fanon { text-align: center; border: 1px inset #e8eb34; display: block; margin: auto; width: 69%; /* yeah boi */ color: #350201; font-style: italic; background-color: white; } #fanon img { vertical-align: middle; } /* link colors */ a:link { color: #b503c9; } a:hover { color: #B2507C; } a:clicked { color: #800033; } /* i don't think this megadark magenta is actually used */ a:visited { color: #5724a8; } /* ---------------------- */ /* custom classes go here */ /* ---------------------- */ /* speech bubble arrow for neptunia sez*/ .arrow-inner { width: 0; height: 0; border-left: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #451155; border-top: 6px solid #451155; float: right; position: relative; left: 15px; } .arrow-inner_after { width: 0; height: 0; border-left: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #FDFDFA; border-top: 5px solid #FDFDFA; float: right; position: relative; top: -2px; left: 25px; } /* used on the frontpage, this is similar to the neptune says div */ .fp-section { color: #230033; border-radius: 10px; border: 2px solid #451155; background-color: #FDFDFA; padding: 18px 18px; width: 100%; } /* idk */ .fp-header { text-align: center; text-decoration: none !important; border: none !important; } /* ---------------- */ /* land of the FUCK */ /* ---------------- */