User:Raylu/myskin.css

@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain(en.wikipedia.org), domain(en.wiktionary.org), domain(en.wikinews.org) {

/* main page style */ body { margin: 0 0 1em !important; padding: 0 !important; background: #efefee !important; color: black !important; }

a:link   { color: #038 !important; } a:visited { color: #720 !important; } a:link, a:visited { text-decoration: none !important; } a:link:hover, a:visited:hover { color: #13E !important; text-decoration: underline !important; }

a:link img, a:visited img { border: 0 !important; } input { font: inherit !important; }

/* unvisited link style */ a.new:link, a.new:visited .new a:link, .new a:visited /* inconsistent in the sidebar */ { font-style: italic !important; } a.new::after, .new a::after { content: "?" !important; font-size: 70% !important; vertical-align: top !important; /* super causes line-height issues that're better to avoid */ margin-left: 0.3em; /* small bit of space to keep it visible */ }

/* stuff I don't use or need (you may want to change this) */ .infobox.sisterproject, div.magnify, /* just click on the image itself */ p br:first-child:last-child /* completely pointless space */ { display: none !important; } .printfooter { display: none !important; }
 * 1) siteSub,
 * 2) p-lang, #p-navigation,
 * 3) p-tb #t-upload, #p-tb #t-specialpages, #p-personal #pt-logout,
 * 4) visualClear, #footer,
 * 1) p-search input:not([type="text"]),

/* floating things on the side and other meta-informational boxes */ .thumb, .infobox, .toc, .floatright { /* "floatright" is an idiotic class name */ float: right !important; clear: right !important; /* let them stack */ margin: 0 0 0.5em 1em !important; text-align: justify !important; } .catlinks, .thumb, .infobox, .toc, .floatright { background: white !important; padding: 0.3em !important; border: thin solid silver !important; opacity: 0.8 !important; font-size: 80% !important; } .toc #toctitle > * { margin: 0 !important; } .toc ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .toc ul ul { padding-left: 1em !important; }

font-size: 70% !important; position: absolute !important; top: 0 !important; right: 0 !important; } div + p { margin-top: 0 !important; } /* extra space below info boxes and scuch */
 * 1) contentSub {

/* Ugh. "see also" is a paragraph { background: yellow; }
 * 1) bodyContent h1+:not(p),
 * 2) bodyContent h2+:not(p),
 * 3) bodyContent h3+:not(p),
 * 4) bodyContent h4+:not(p),
 * 5) bodyContent h5+:not(p),
 * 6) bodyContent h6+:not(p)

/* protected article notice -> translucent lock icon in the corner */ .messagebox.protected { border: 0 !important; margin: 0 !important; display: block !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .messagebox.protected img { position: absolute !important; top: 1.5em !important; /* below any text messages */ right: 0 !important; opacity: 0.3 !important; }

/* section editing on hover */ h1, h2, h3, h4, h5, h6 { position: relative !important; font-family: serif !important; } .editsection { display: none !important; position: absolute !important; top: 0.3em !important; left: 40% !important; font-size: 70% !important; font-family: sans-serif !important; font-weight: bold !important; } .editsection a { padding: 0 0.5em !important; } opacity: 0.4 !important; background: #ddd !important; display: block !important; }
 * hover > .editsection { display: block !important; }
 * hover > .editsection + span {

/* main container for spacing and positioning */ position: relative !important; margin: 0 !important; padding: 4em 0 0 !important; /* #column-one size: 3.5em */ }
 * 1) globalWrapper {

/* main heading -- make it stand out */ h1.firstHeading::after { content: ":" !important; } h1.firstHeading { margin: 0 !important; color: #236 !important; font-size: 200% !important; font-style: italic !important; }

/* main content */ position: relative !important; margin: 1em !important; /* enough space for light links */ }
 * 1) content {

/* sidebar */ position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3.5em !important; padding: 0 !important; } /* container appearance */ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAMAAACqJUG4AAAALHRFWHRDcmVhdGlvbiBUaW1l AFN1biAyNCBEZWMgMjAwNiAxMzoyNDoyMSAtMDYwMJG30TgAAAAHdElNRQfWDBgTHBS6I1PqAAAACXBIWXMAAA7DAAAOwwHHb6hk AAAABGdBTUEAALGPC%2FxhBQAAAJZQTFRFAFWYAFSXAVOVAVKUAVKSAlGQAlCPAlCNAk%2BMA06KA02JA02HBEyGBEuEBEqCBEqB BUl%2FBUh%2BBUh8Bkd7BkZ5BkV4BkV2B0R0B0NzB0JxB0JwCEFuCEBtCEBrCT9qCT5oCT1mCT1lCjxjCjtiCjpgCzpfCzldCzhc CzhaDDdYDDZXDDVVDTVUDTRSDTNRDTJPDjJODjFM4mJwxgAAAExJREFUeNoFwQcCgQAAAMDLSGRGdoXILv3%2Fc%2B60fhq1r4%2 B3l6eHu8rNVeni7KSQyxwd7O1sbaylVpYSC3MzUxNjsZGhyECor6erI%2BAPQQ4Eyh6IbAgAAAAASUVORK5CYII%3D) top repeat-x !important; }
 * 1) column-one {
 * 1) column-one, html { background: #059
 * 1) column-one, body { border-bottom: 3px solid #006 !important; }

.portlet h5 { display: none !important; } .portlet ul, .portlet li, .portlet a { margin : 0 !important; padding: 0 !important; } .portlet li { display: inline !important; } .portlet { line-height: 1 !important; height: 1em !important; margin: 0 7px !important; z-index: 2 !important; } .portlet a:link, .portlet a:visited { color: white !important; }

position: absolute !important; bottom: 0 !important; left: 0 !important; padding-bottom: 0 !important; /* allowance for line box */ } float: left !important; margin-right: 0.5em !important; } display: block !important;
 * 1) p-cactions {
 * 1) p-cactions ul { overflow: auto !important; } /* clear floats */
 * 2) p-cactions li {
 * 1) p-cactions a {

padding: 0.2em 0.5em !important; background: #006 !important; font-size: 80% !important; font-weight: bold !important; vertical-align: top !important; text-transform: uppercase !important; } background: #000 !important; }
 * 1) p-cactions a:link:hover, #p-cactions a:visited:hover {

position: absolute !important; right: 0 !important; top: 0 !important; padding: 0.2em !important; } font-size: 70% !important; margin-left: 1em !important; text-transform: lowercase !important; } opacity: .5 !important; } /* sliding */ float: right !important; } display: block !important; } display: block !important; }
 * 1) p-personal {
 * 1) p-personal a {
 * 1) p-personal a:link, #p-personal a:visited {
 * 1) p-personal li {
 * 1) p-personal a {
 * 1) p-personal li:first-child ~ li { display: none !important; }
 * 2) p-personal:hover li:first-child      ~ li,
 * 3) p-personal      li:first-child:hover ~ li {

width: auto !important; height: auto !important; background: transparent !important; color: white !important; font-size: 30px !important; text-transform: uppercase !important; font-family: serif !important; letter-spacing: 2px !important; font-weight: bold !important; position: relative !important; z-index: 33 !important; /* above anything else */ }
 * 1) p-logo a::after { content: "Wiki" !important; }
 * 2) p-logo a {


 * 1) p-navigation {}

/* search box */ position: absolute !important; bottom: 0 !important; right: 0 !important; } position: absolute !important; /* best way to avoid weird sizing issues */ right: 0 !important; bottom: 3px !important; border: thin solid navy !important; padding: 0 2px !important; font-size: 80% !important; opacity: 0.8 !important; /* reasonable width? */ }
 * 1) p-search {
 * 1) p-search input:not([type="text"]) { display: none !important; }
 * 2) p-search input[type="text"] {

position: absolute !important; left: 0 !important; top: 3.6em !important; /* below the border */ } font-size: 70% !important; margin-right: 1em !important; text-transform: lowercase !important; opacity: .5 !important; } color: black !important; }
 * 1) p-tb, #p-wikinews {
 * 1) p-tb li, #p-wikinews li {
 * 1) p-tb, #p-tb a:link, #p-tb a:visited,
 * 2) p-wikinews, #p-wikinews a:link, #p-wikinews a:visited {

/* diffs */ .diff-context { background: #eed !important; } .diff-deletedline { background: #edd !important; } .diff-addedline { background: #ded !important; } .diffchange { font-weight: bold !important; color: blue !important; }

/* references: don't screw with my line height! */ sup.reference { font-size: 60% !important; vertical-align: top !important; }

/* WIKTIONARY */ .translations * { background: transparent !important; } /* .translations { background: white !important; border: 1px solid #e0e7ef !important; }

/* EOL */}

/* header titles for different sites */ @-moz-document domain(en.wikipedia.org) { #p-logo a::after { content: "Wikipedia"  !important; } } @-moz-document domain(en.wiktionary.org) { #p-logo a::after { content: "Wiktionary" !important; } }

/* wikinews */ @-moz-document domain(en.wikinews.org) { #p-logo a::after { content: "Wikinews" !important; }

/* --- for the wikinews links --- */ #p-wikinews { top: 5.6em !important; } /*#p-wikinews{display:none!important;}*/ .firstHeading { padding-top: 0.8em !important; } /* --- */

/* --- for the regions links --- */ #column-one { height: 4.3em !important; } /* from 3.5 */ #p-tb { top: 4.9em !important; } /* from 3.6 */ /*#p-regions{display:none!important;}*/ /* --- */

#p-regions li:first-child::before { content: "Regions: " !important; margin-right: 0.2em !important; }	#p-regions { font-size: 80% !important; white-space: nowrap !important; position: absolute !important; top: 2.5em !important; padding: 1px 0 !important; /* room for anchors' borders */ padding-left: 0.2em !important; /* align with title */ }	.portlet#p-regions a:link, .portlet#p-regions a:visited { }	.portlet#p-regions li ~ li { margin-left: 0 !important; } .portlet#p-regions li ~ li::before { content: ", " !important; } .portlet#p-regions li ~ li::before, #p-regions li:first-child::before { color: white !important; opacity: 0.8 !important; }

}