User:Shardsofmetal/modern.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
The accompanying .js page for this skin is at User:Shardsofmetal/modern.js. |
/**
* User:Shardsofmetal/monobook.css
* Changes to the default modern skin
*************************************
* This file makes changes to the modern skin to achieve what I believe is a more
* truly modern-looking skin. In addition, and it styles discussion pages differently
* so that you can differentiate between content and discussion pages at a glance.
* Most of the blue on content pages changes to red for talk pages. It's pretty neat!
*/
/* Remove link underlines, and make wikilinks blue */
a, a:hover, a:visited {
text-decoration: none;
color: #3c78b5;
}
/* Underline links to redirects */
a.mw-redirect, a:hover.mw-redirect, a:visited.mw-redirect {
text-decoration: underline;
}
/* Center sidebar headlines, and add border to top */
.portlet h5 {
padding-left: 0;
margin-bottom: 1em;
text-align: center;
border-top: 1px solid #3c78b5;
}
/* Remove top border from navigation header */
#p-navigation h5 {
border-top: 0;
}
/* Change siteSub background color and border color */
#siteSub {
background: #FFCC00;
padding-top: .1em;
padding-bottom: .1em;
border-color: #3c78b5;
}
/* Change content border color */
#mw_content {
border-color: #3c78b5;
}
/* Change sidebar right border to match content border color, for short pages */
#mw_portlets {
border-right: 1px solid #3c78b5;
}
#p-cactions li {
display: inline;
float: none;
padding: 0;
margin: 0 .1em;
}
#p-cactions li#ca-talk {
margin-right: 1.4em;
}
/* Change p-cactions left border to match content border color */
#p-cactions {
overflow: visible;
border-left: 1px solid #3c78b5;
text-align: center;
padding-top: .3em;
}
/* Change p-cactions link color, and remove underline */
#p-cactions li a, #p-cactions li a:hover, #p-cactions li a:visited {
text-decoration: none;
color: #3c78b5;
padding: 0 .5em .1em .5em;
border: 1px solid #aaa;
border-bottom: 0;
}
/* Add side borders to selected action, increase padding, allow overflow to hide content border,
and make link bold */
#p-cactions li.selected {
border: 1px solid #3c78b5;
border-bottom: 0;
border-top: ;
padding-bottom: .25em;
padding-bottom: .25em;
padding-top: .1em;
background: #ffcc00;
overflow: visible;
height: 1.5em;
font-weight: bold;
}
/* Change selected action text color */
#p-cactions li.selected a,
#p-cactions li.selected a:hover,
#p-cactions li.selected a:visited {
color: #1C39BB;
border: 0;
}
/* Change non-selected action hover background color */
#p-cactions li a:hover {
background: #ffcc00;
}
/* Change action redlink color to red */
#p-cactions li.selected.new a, #p-cactions li.new a {
color: #ba0000;
}
/* Style "You have new messages" alert box */
.usermessage {
border-top: 0px solid #000;
background: #32CD32;
border-color: #3c78b5;
}
/* And the links within */
.usermessage a {
color: #1C39BB;
}
/* Switch p-personal and page title background colors */
#mw_header {
background: #3c78b5;
}
/* Remove page title underline */
#mw_header h1 {
border: none;
text-align: center;
}
#p-personal li {
display: inline;
float: none;
height: 2em;
padding-top: .5em;
}
/* Switch p-personal and page title background colors */
#p-personal ul {
background: #003366;
text-align: center !important;
}
/* Change p-personal action hover background color */
#p-personal li:hover, #p-personal li.active {
background: #3c78b5;
}
/* Re-Introduce the category box padding */
.catlinks {
padding: .5em .5em;
}
/* Center-align text in footer */
#footer {
text-align: center;
}
/* Display "From Wikipedia, the free encyclopedia" on the main page */
body.page-Main_Page #siteSub {
display: block !important;
}
/* The following style rules are unique to discussion pages. The make the page title background
and the normally blue borders red. */
.ns-1 div#mw_header, .ns-3 div#mw_header, .ns-5 div#mw_header, .ns-7 div#mw_header, .ns-9 div#mw_header, .ns-11 div#mw_header, .ns-13 div#mw_header, .ns-15 div#mw_header, .ns-1 div#p-personal li:hover, .ns-3 div#p-personal li:hover, .ns-5 div#p-personal li:hover, .ns-7 div#p-personal li:hover, .ns-9 div#p-personal li:hover, .ns-11 div#p-personal li:hover, .ns-13 div#p-personal li:hover, .ns-15 div#p-personal li:hover, .ns-3 div#p-personal li.active {
background: #ba0000!important;
}
.ns-1 * .portlet h5, .ns-3 * .portlet h5, .ns-5 * .portlet h5, .ns-7 * .portlet h5, .ns-9 * .portlet h5, .ns-11 * .portlet h5, .ns-13 * .portlet h5, .ns-15 * .portlet h5, .ns-1 div#mw_portlets, .ns-3 div#mw_portlets, .ns-5 div#mw_portlets, .ns-7 div#mw_portlets, .ns-9 div#mw_portlets, .ns-11 div#mw_portlets, .ns-13 div#mw_portlets, .ns-15 div#mw_portlets, .ns-1 * #mw_content, .ns-3 * #mw_content, .ns-5 * #mw_content, .ns-7 * #mw_content, .ns-9 * #mw_content, .ns-11 * #mw_content, .ns-13 * #mw_content, .ns-15 * #mw_content, .ns-1 * #p-cactions, .ns-3 * #p-cactions, .ns-5 * #p-cactions, .ns-7 * #p-cactions, .ns-9 * #p-cactions, .ns-11 * #p-cactions, .ns-13 * #p-cactions, .ns-15 * #p-cactions, .ns-1 * #p-cactions li.selected, .ns-3 * #p-cactions li.selected, .ns-5 * #p-cactions li.selected, .ns-7 * #p-cactions li.selected, .ns-9 * #p-cactions li.selected, .ns-11 * #p-cactions li.selected, .ns-13 * #p-cactions li.selected, .ns-15 * #p-cactions li.selected, .ns-1 * #siteSub, .ns-3 * #siteSub, .ns-5 * #siteSub, .ns-7 * #siteSub, .ns-9 * #siteSub, .ns-11 * #siteSub, .ns-13 * #siteSub, .ns-15 * #siteSub, .ns-1 * .usermessage, .ns-3 * .usermessage, .ns-5 * .usermessage, .ns-7 * .usermessage, .ns-9 * .usermessage, .ns-11 * .usermessage, .ns-13 * .usermessage, .ns-15 * .usermessage {
border-color: #ba0000;
}
#siteNotice {
margin-top: 10px;
margin-bottom: 10px;
border-bottom: 0;
}