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 */
/* ---------------- */