User:Psl631/common.css: Difference between revisions
From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
(New Page: #content, #content table #p-cactions ul li a { background: #fcfffc; } .usermessage { background: #00E400; border: 1.1px dashed #060; } pre { border: 1px dashed #060; } h1 { f...) |
(scripts) |
||
Line 32: | Line 32: | ||
#bodyContent a.external { color: #0a0; } | #bodyContent a.external { color: #0a0; } | ||
#bodyContent a.extiw:active { color: #020; } | #bodyContent a.extiw:active { color: #020; } | ||
.mw-redirect { | |||
color: #006633; | |||
} | |||
.mw-redirect:visited { | |||
color: #009900; | |||
} | |||
.mw-redirect:hover { | |||
color: #990000; | |||
} | |||
.mw-redirect:active { | |||
color: #990000; | |||
} | |||
.mw-rollback-link, .mw-rollback-link:link, .mw-rollback-link:visited, .mw-rollback-link:hover, .mw-rollback-link:active { | |||
background-color: #F1F7FF; | |||
} | |||
#pt-sandbox { | |||
display: none; | |||
} | |||
.popupMoreLink { | |||
display: block; | |||
text-align: right; | |||
cursor: pointer; | |||
} | |||
ins.popupDiff { | |||
background: #afe; | |||
} | |||
del.popupDiff { | |||
background: #ffe6e6; | |||
} | |||
span.updatedmarker { background-color: transparent; color: #006400; } | |||
.mw-special-Watchlist .mw-changeslist-line-watched | |||
.mw-title { font-weight: bold; } | |||
.editpage-head-copywarn { display: none; } | |||
span.mw-editsection { float:right; } | |||
a.userhighlighter_sysop.userhighlighter_sysop {background-color: #E7E7E7 !important} | |||
A { color:#0033cc; } | |||
A.stubcls { color:#0033cc; } | |||
A.new { color:#bf0000; } | |||
A.redirect { color:#0033cc;; } | |||
A.self-redirect { background-color:#88ff88; } | |||
A.disambiguation { background-color:#ffff88; } | |||
A.intentional-disambiguation { background-color:#ffffcc; } | |||
A.soft-redirect-cats { background-color:#ffff88; } | |||
A.deletion { color:#FF2000; } | |||
A.broken-redirect { color:#bf0000; background-color:#88ff88; } | |||
#bodyContent a.external, #bodyContent a.extiw { color:#0033cc; } | |||
A:visited { color:#800080; } | |||
A.stubcls:visited { color:#4365cc; } | |||
A.new:visited { color:#bf3e3e; } | |||
A.redirect:visited { color:#800080; } | |||
A.deletion:visited { color:#FF2040; } | |||
A.broken-redirect:visited { color:#bf3e3e; background-color:#88ff88; } | |||
#bodyContent a.external:visited, #bodyContent a.extiw:visited { color:#4365cc; } | |||
A.unprintworthy:not(.unprintworthy-shortcut) { outline:1px dotted #ff0000; } | |||
A.image.redirect > IMG { outline:2px solid #0033cc; } | |||
A.image.nonfree-media > IMG { outline:3px double #ff0000; } | |||
A.image.deletion > IMG { outline:2px solid #ff0088; } | |||
A.image.deletion:visited > IMG { outline-color:#ff54af; } | |||
/* Images can be inserted after links with the ":after" pseudo-element, although this doesn't work in IE <8. */ | |||
/* | |||
A.featured-content:after { | |||
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png); | |||
} | |||
A.protection-edit-sysop-indef:after { | |||
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png); | |||
} | |||
*/ | |||
A.nonimage.protection-create-sysop-indef:after { | |||
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Padlock-skyblue.svg/12px-Padlock-skyblue.svg.png); | |||
} | |||
/* If you're wanting to put multiple images after, you'll need to give specific | |||
* rules for each combination, something like this: | |||
A.featured-content.protection-edit-sysop-indef:after { | |||
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png) url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png); | |||
} | |||
*/ | |||
#selectionPreview { | |||
border: 2px solid #ddd; | |||
background-color: #eef; | |||
padding: 6px; | |||
} | |||
.navpopup { | |||
border: 1px solid #bbb; | |||
background-color: #fff; | |||
padding: 10px; | |||
padding-bottom: 5px; | |||
font-size: 11px; | |||
box-shadow: 0 3px 8px rgba( 50, 50, 50, 0.35 ); | |||
word-wrap: break-word; | |||
} | |||
.navpopup hr { | |||
color: #aaa !important; | |||
background-color: #aaa !important; | |||
} | |||
/* Configure Drag bar color */ | |||
.popupDrag { | |||
background-color: #ffbe20; | |||
height: 5px; | |||
margin-top: -5px; | |||
margin-bottom: 5px; | |||
} | |||
.popupDragHandle { | |||
cursor: move; | |||
position: relative; | |||
} | |||
/* menu magic - many thanks to [[User:Zocky]]! */ | |||
/* popups */ | |||
.popup_menu { | |||
display: none; | |||
position: absolute; | |||
left: 0; | |||
margin: 0; | |||
margin-top: 1.4em; | |||
line-height: 1.25em; | |||
top: 0; | |||
z-index: 2; | |||
width: 10em; | |||
background: white; | |||
border: 1px solid grey; | |||
padding: 0 !important; | |||
margin-left: -6px; | |||
border-width: 1px 1px 1px 6px; | |||
} | |||
.popup_menu li { /* both: popup_menu_row and popup_menu_item */ | |||
list-style: none; | |||
margin:0; | |||
padding:0; | |||
} | |||
.popup_menu a { | |||
display: block; | |||
padding: 3px; | |||
color: #555; | |||
} | |||
.popup_menu_row a { | |||
display: inline-block; | |||
} | |||
.popup_menu_row { | |||
color: #aaa; | |||
} | |||
.popup_drop { | |||
display: inline; | |||
position: relative; | |||
} | |||
.popup_drop a, | |||
.popup_drop a:visited { | |||
padding: 3px; | |||
margin: 0; | |||
font-weight: bold; | |||
color: #0645ad; | |||
} | |||
.popup_drop:hover .popup_menu, | |||
.popup_drop .popup_menu:hover { | |||
display: inline; | |||
background: white; | |||
padding: 2px; | |||
color: #555; | |||
} | |||
.popup_drop:hover { | |||
background: #ccf; | |||
color: #44f; | |||
} | |||
/* other colours, styles and so on */ | |||
.popup_menu a:hover { | |||
background: grey; | |||
color: #fff; | |||
text-decoration: none; | |||
} | |||
.popup_mainlink { | |||
font-size: 140%; | |||
font-weight: bold; | |||
} | |||
.popup_mainlink a { | |||
color: #000; | |||
} | |||
a.popup_change_title_link { | |||
color: #152; | |||
} | |||
.popup_diff_dates { | |||
font-style: italic; | |||
background: none; | |||
} | |||
.popup_menu_item a { | |||
display: block; | |||
} | |||
.popup_history_row_even { | |||
background: #eee; | |||
} | |||
.popup_history_date { | |||
font-weight: bold; | |||
font-size: 120%; | |||
} | |||
/* disable interwiki styling */ | |||
.popupPreview a.extiw, | |||
.popupPreview a.extiw:active { | |||
color: #36b; | |||
background: none; | |||
padding: 0; | |||
} | |||
.popupPreview .external { | |||
color: #36b; | |||
} | |||
/* this can be used in the content area to switch off | |||
special external link styling */ | |||
.popupPreview .plainlinks a { | |||
background: none !important; | |||
padding: 0 !important; | |||
} | |||
span.updatedmarker { background-color: transparent; color: #006400; } | |||
.mw-special-Watchlist .mw-changeslist-line-watched | |||
.mw-title { font-weight: bold; } | |||
.editpage-head-copywarn { display: none; } | |||
span.mw-editsection { float:right; } | |||
a.userhighlighter_sysop.userhighlighter_sysop {background-color: #E7E7E7 !important} | |||
A { color:#0033cc; } | |||
A.stubcls { color:#0033cc; } | |||
A.new { color:#bf0000; } | |||
A.redirect { color:#0033cc;; } | |||
A.self-redirect { background-color:#88ff88; } | |||
A.disambiguation { background-color:#ffff88; } | |||
A.intentional-disambiguation { background-color:#ffffcc; } | |||
A.soft-redirect-cats { background-color:#ffff88; } | |||
A.deletion { color:#FF2000; } | |||
A.broken-redirect { color:#bf0000; background-color:#88ff88; } | |||
#bodyContent a.external, #bodyContent a.extiw { color:#0033cc; } | |||
A:visited { color:#800080; } | |||
A.stubcls:visited { color:#4365cc; } | |||
A.new:visited { color:#bf3e3e; } | |||
A.redirect:visited { color:#800080; } | |||
A.deletion:visited { color:#FF2040; } | |||
A.broken-redirect:visited { color:#bf3e3e; background-color:#88ff88; } | |||
#bodyContent a.external:visited, #bodyContent a.extiw:visited { color:#4365cc; } | |||
A.unprintworthy:not(.unprintworthy-shortcut) { outline:1px dotted #ff0000; } | |||
A.image.redirect > IMG { outline:2px solid #0033cc; } | |||
A.image.nonfree-media > IMG { outline:3px double #ff0000; } | |||
A.image.deletion > IMG { outline:2px solid #ff0088; } | |||
A.image.deletion:visited > IMG { outline-color:#ff54af; } | |||
/* Images can be inserted after links with the ":after" pseudo-element, although this doesn't work in IE <8. */ | |||
/* | |||
A.featured-content:after { | |||
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png); | |||
} | |||
A.protection-edit-sysop-indef:after { | |||
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png); | |||
} | |||
*/ | |||
A.nonimage.protection-create-sysop-indef:after { | |||
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Padlock-skyblue.svg/12px-Padlock-skyblue.svg.png); | |||
} | |||
/* If you're wanting to put multiple images after, you'll need to give specific | |||
* rules for each combination, something like this: | |||
A.featured-content.protection-edit-sysop-indef:after { | |||
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png) url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png); | |||
} | |||
*/ |
Revision as of 14:37, July 1, 2018
#content, #content table
#p-cactions ul li a { background: #fcfffc; }
.usermessage {
background: #00E400;
border: 1.1px dashed #060;
}
pre { border: 1px dashed #060; }
h1 { font-family: Georgia; serif; font-size:28px;color:#117611;}
h2,h3,h4,h5,h6 { color:#020; }
#catlinks {
border: 1px dotted #272;
background-color: #fdfffd;
padding: 4px;
}
#siteNotice {
background: #fcfffc;
}
textarea {
font-family: Courier; monospace;
font-size: 14px;
}
body { font-family:Times New Roman; serif; font-size:12px;}
a:visited { color: #609; }
#p-personal a.new { color: #b00; }
#p-personal a.new:visited { color:#800; }
#bodyContent a.external { color: #0a0; }
#bodyContent a.extiw:active { color: #020; }
.mw-redirect {
color: #006633;
}
.mw-redirect:visited {
color: #009900;
}
.mw-redirect:hover {
color: #990000;
}
.mw-redirect:active {
color: #990000;
}
.mw-rollback-link, .mw-rollback-link:link, .mw-rollback-link:visited, .mw-rollback-link:hover, .mw-rollback-link:active {
background-color: #F1F7FF;
}
#pt-sandbox {
display: none;
}
.popupMoreLink {
display: block;
text-align: right;
cursor: pointer;
}
ins.popupDiff {
background: #afe;
}
del.popupDiff {
background: #ffe6e6;
}
span.updatedmarker { background-color: transparent; color: #006400; }
.mw-special-Watchlist .mw-changeslist-line-watched
.mw-title { font-weight: bold; }
.editpage-head-copywarn { display: none; }
span.mw-editsection { float:right; }
a.userhighlighter_sysop.userhighlighter_sysop {background-color: #E7E7E7 !important}
A { color:#0033cc; }
A.stubcls { color:#0033cc; }
A.new { color:#bf0000; }
A.redirect { color:#0033cc;; }
A.self-redirect { background-color:#88ff88; }
A.disambiguation { background-color:#ffff88; }
A.intentional-disambiguation { background-color:#ffffcc; }
A.soft-redirect-cats { background-color:#ffff88; }
A.deletion { color:#FF2000; }
A.broken-redirect { color:#bf0000; background-color:#88ff88; }
#bodyContent a.external, #bodyContent a.extiw { color:#0033cc; }
A:visited { color:#800080; }
A.stubcls:visited { color:#4365cc; }
A.new:visited { color:#bf3e3e; }
A.redirect:visited { color:#800080; }
A.deletion:visited { color:#FF2040; }
A.broken-redirect:visited { color:#bf3e3e; background-color:#88ff88; }
#bodyContent a.external:visited, #bodyContent a.extiw:visited { color:#4365cc; }
A.unprintworthy:not(.unprintworthy-shortcut) { outline:1px dotted #ff0000; }
A.image.redirect > IMG { outline:2px solid #0033cc; }
A.image.nonfree-media > IMG { outline:3px double #ff0000; }
A.image.deletion > IMG { outline:2px solid #ff0088; }
A.image.deletion:visited > IMG { outline-color:#ff54af; }
/* Images can be inserted after links with the ":after" pseudo-element, although this doesn't work in IE <8. */
/*
A.featured-content:after {
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png);
}
A.protection-edit-sysop-indef:after {
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png);
}
*/
A.nonimage.protection-create-sysop-indef:after {
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Padlock-skyblue.svg/12px-Padlock-skyblue.svg.png);
}
/* If you're wanting to put multiple images after, you'll need to give specific
* rules for each combination, something like this:
A.featured-content.protection-edit-sysop-indef:after {
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png) url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png);
}
*/
#selectionPreview {
border: 2px solid #ddd;
background-color: #eef;
padding: 6px;
}
.navpopup {
border: 1px solid #bbb;
background-color: #fff;
padding: 10px;
padding-bottom: 5px;
font-size: 11px;
box-shadow: 0 3px 8px rgba( 50, 50, 50, 0.35 );
word-wrap: break-word;
}
.navpopup hr {
color: #aaa !important;
background-color: #aaa !important;
}
/* Configure Drag bar color */
.popupDrag {
background-color: #ffbe20;
height: 5px;
margin-top: -5px;
margin-bottom: 5px;
}
.popupDragHandle {
cursor: move;
position: relative;
}
/* menu magic - many thanks to [[User:Zocky]]! */
/* popups */
.popup_menu {
display: none;
position: absolute;
left: 0;
margin: 0;
margin-top: 1.4em;
line-height: 1.25em;
top: 0;
z-index: 2;
width: 10em;
background: white;
border: 1px solid grey;
padding: 0 !important;
margin-left: -6px;
border-width: 1px 1px 1px 6px;
}
.popup_menu li { /* both: popup_menu_row and popup_menu_item */
list-style: none;
margin:0;
padding:0;
}
.popup_menu a {
display: block;
padding: 3px;
color: #555;
}
.popup_menu_row a {
display: inline-block;
}
.popup_menu_row {
color: #aaa;
}
.popup_drop {
display: inline;
position: relative;
}
.popup_drop a,
.popup_drop a:visited {
padding: 3px;
margin: 0;
font-weight: bold;
color: #0645ad;
}
.popup_drop:hover .popup_menu,
.popup_drop .popup_menu:hover {
display: inline;
background: white;
padding: 2px;
color: #555;
}
.popup_drop:hover {
background: #ccf;
color: #44f;
}
/* other colours, styles and so on */
.popup_menu a:hover {
background: grey;
color: #fff;
text-decoration: none;
}
.popup_mainlink {
font-size: 140%;
font-weight: bold;
}
.popup_mainlink a {
color: #000;
}
a.popup_change_title_link {
color: #152;
}
.popup_diff_dates {
font-style: italic;
background: none;
}
.popup_menu_item a {
display: block;
}
.popup_history_row_even {
background: #eee;
}
.popup_history_date {
font-weight: bold;
font-size: 120%;
}
/* disable interwiki styling */
.popupPreview a.extiw,
.popupPreview a.extiw:active {
color: #36b;
background: none;
padding: 0;
}
.popupPreview .external {
color: #36b;
}
/* this can be used in the content area to switch off
special external link styling */
.popupPreview .plainlinks a {
background: none !important;
padding: 0 !important;
}
span.updatedmarker { background-color: transparent; color: #006400; }
.mw-special-Watchlist .mw-changeslist-line-watched
.mw-title { font-weight: bold; }
.editpage-head-copywarn { display: none; }
span.mw-editsection { float:right; }
a.userhighlighter_sysop.userhighlighter_sysop {background-color: #E7E7E7 !important}
A { color:#0033cc; }
A.stubcls { color:#0033cc; }
A.new { color:#bf0000; }
A.redirect { color:#0033cc;; }
A.self-redirect { background-color:#88ff88; }
A.disambiguation { background-color:#ffff88; }
A.intentional-disambiguation { background-color:#ffffcc; }
A.soft-redirect-cats { background-color:#ffff88; }
A.deletion { color:#FF2000; }
A.broken-redirect { color:#bf0000; background-color:#88ff88; }
#bodyContent a.external, #bodyContent a.extiw { color:#0033cc; }
A:visited { color:#800080; }
A.stubcls:visited { color:#4365cc; }
A.new:visited { color:#bf3e3e; }
A.redirect:visited { color:#800080; }
A.deletion:visited { color:#FF2040; }
A.broken-redirect:visited { color:#bf3e3e; background-color:#88ff88; }
#bodyContent a.external:visited, #bodyContent a.extiw:visited { color:#4365cc; }
A.unprintworthy:not(.unprintworthy-shortcut) { outline:1px dotted #ff0000; }
A.image.redirect > IMG { outline:2px solid #0033cc; }
A.image.nonfree-media > IMG { outline:3px double #ff0000; }
A.image.deletion > IMG { outline:2px solid #ff0088; }
A.image.deletion:visited > IMG { outline-color:#ff54af; }
/* Images can be inserted after links with the ":after" pseudo-element, although this doesn't work in IE <8. */
/*
A.featured-content:after {
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png);
}
A.protection-edit-sysop-indef:after {
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png);
}
*/
A.nonimage.protection-create-sysop-indef:after {
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Padlock-skyblue.svg/12px-Padlock-skyblue.svg.png);
}
/* If you're wanting to put multiple images after, you'll need to give specific
* rules for each combination, something like this:
A.featured-content.protection-edit-sysop-indef:after {
content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png) url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png);
}
*/