User:Nullx002/vector.css
Jump to navigation
Jump to search
Note: After saving, changes may not occur immediately. Click here to learn how to bypass your browser's cache.
- Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac);
- Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5;
- Konqueror: simply click the Reload button, or press F5;
- Opera users may need to completely clear their cache in Tools→Preferences.
Warning: Malicious code can compromise your account. Page preview will cause your web browser to execute this page's content as code under some skins, including Monobook. If you have any questions about any code you plan to add, you can ask at the appropriate reading room. |
The accompanying .js page for this skin can be added at User:Nullx002/vector.js. |
@import url(http://fonts.googleapis.com/css?family=Lato);
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("wikibooks.org") {
body
{
border: none !important;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
font-family: "Lato","Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
font-size: 22px !important;
background: #002B36 !important;
}
#content
{
margin: 0 auto !important;
border: none !important;
max-width: 1400px !important;
background: #002B36 !important;
}
a { text-decoration: none !important; }
a:hover { text-decoration: underline !important; }
/* top nav */
#mw-page-base
{
height: 90px !important;
margin: 0 auto !important;
background: #073642 !important;
}
#mw-navigation
{
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important;
}
#mw-head
{
position: relative !important;
max-width: 1400px !important;
height: 120px !important;
margin: 0 auto !important;
}
#mw-head a,
#mw-head ul,
#mw-head li,
#mw-head span,
#mw-head .vectorTabs
{
background: none !important;
border: none !important;
}
#mw-head > *
{
position: absolute !important;
font-size: 18px !important;
margin: 0 !important;
padding: 0 !important;
}
#mw-head #left-navigation { top: 50px !important; left: 29px !important; padding: 0 !important; }
#mw-head #right-navigation { top: 50px !important; right: 0 !important; padding: 0 !important; }
#mw-head #p-personal { top: 0px !important; right: 0 !important; padding: 5px 30px 0 0 !important; font-size: 18px !important; }
#mw-head li { opacity: 0 !important; transition: all 0.45s ease-out !important; }
#mw-head:hover li { opacity: 1 !important; transition: all 0.13s ease-in !important; }
#mw-head a,
#mw-head a:visited { color: #ccc !important; }
#mw-head #searchform > div
{
position: absolute !important;
top: -32px !important; right: 30px !important;
margin-top: 13px !important; margin-left: 15px !important;
border: none !important;
background: #002B36 !important;
width: 350px !important;
padding: 0 0 7px !important;
}
#mw-head #searchform > div input#searchInput
{
padding: 8px 0 6px 8px !important;
color: #ccc !important;
}
#mw-head #p-cactions,
#mw-head #ca-watch
{
display: none !important;
}
/* logo */
#mw-head:before
{
position: relative !important;
width: 140px !important; height: 100px !important;
top: 20px !important; left: 2px !important;
content: 'Solarized Wikibooks' !important;
font-family: "Bitter",Times, Garamond !important;
font-weight: normal !important;
font-size: 36px !important;
text-transform: uppercase !important;
letter-spacing: 0px !important;
color: #839496 !important;
}
/* left nav */
#mw-navigation #mw-panel
{
position: fixed !important;
font-size: 18px !important;
top: 0px !important;
left: -255px !important;
width: 190px !important;
height: 100% !important;
overflow-y: auto !important;
padding: 0 0 0 100px !important;
background: #073642 !important;
box-shadow: 1px 0 3px rgba(0,0,0,0.25) !important;
transition: all 0.66s ease-in-out !important;
opacity: 0 !important;
}
#mw-navigation #mw-panel:hover
{
left: -100px !important;
transition: all 0.2s ease-in-out !important;
opacity: 1 !important;
}
#mw-navigation #mw-panel a { color: #839496 !important; }
#mw-navigation #p-navigation,
#mw-navigation .first
{
margin-bottom: 0 !important;
margin-top: 7px !important;
}
#mw-navigation #p-lang:before
{
content: "" !important;
font-size: 0 !important;
display: inline-block !important;
height: 0px !important;
width: 100% !important;
border-top: 1px solid rgba(0,0,0,0.2) !important;
border-bottom: 1px solid rgba(255,255,255,0.75) !important;
}
#mw-navigation #p-lang
{
margin-top: -15px !important;
}
#mw-navigation #p-lang .uls-settings-trigger
{
margin-right: 8px !important; margin-top: 6px !important;
}
#mw-navigation > #mw-panel > div:not(#p-lang):not(#p-navigation):not(.first),
#mw-navigation #p-lang .wbc-editpage
{
display: none !important;
}
#mw-content-text {
color: whitesmoke;
}
/* article */
/* headlines */
#firstHeading
{
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important;
font-size: 39px !important;
margin-top: 0 !important;
padding-bottom: 5px !important;
font-weight: normal !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
color: #839496
}
#bodyContent h1,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5,
#bodyContent h6
{
margin-top: 40px !important;
margin-bottom: 25px !important;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important;
font-weight: normal !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
color: #839496
}
#bodyContent h1 span.mw-editsection,
#bodyContent h2 span.mw-editsection,
#bodyContent h3 span.mw-editsection,
#bodyContent h4 span.mw-editsection,
#bodyContent h5 span.mw-editsection,
#bodyContent h6 span.mw-editsection
{
float: right !important;
margin-top: 12px !important;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
text-shadow: none !important;
}
span.mw-editsection span.mw-editsection-bracket { display: none !important; }
#bodyContent h2 { font-size: 33px !important; }
#bodyContent h3 { font-size: 30px !important; }
#bodyContent h4 { font-size: 26px !important; }
#bodyContent h5 { font-size: 22px !important; }
#bodyContent h6 { font-size: 20px !important; }
/* numbering of the headings */
/* via http://userstyles.org/styles/56739/wikipedia-readable-hyphenation */
body { counter-reset: headingOne; }
#toctitle h2:before
{
content: "" !important;
counter-reset: headingOne;
padding-right: 0 !important;
}
#bodyContent h2:before,
#bodyContent h3:before,
#bodyContent h4:before,
#bodyContent h5:before,
#bodyContent h6:before
{
padding-right: 9px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
text-shadow: none !important;
}
#bodyContent h2 { counter-reset: headingTwo; }
#bodyContent h2:before
{
counter-increment: headingOne;
content: counter(headingOne);
font-size: 16px !important;
}
#bodyContent h3 { counter-reset: headingThree; }
#bodyContent h3:before
{
counter-increment: headingTwo;
content: counter(headingOne) "." counter(headingTwo);
font-size: 15px !important;
}
#bodyContent h4 { counter-reset: headingFour; }
#bodyContent h4:before
{
counter-increment: headingThree;
content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree);
font-size: 14px !important;
}
#bodyContent h5 { counter-reset: headingFive; }
#bodyContent h5:before
{
counter-increment: headingFour;
content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour);
font-size: 13px !important;
}
#bodyContent h6 { counter-reset: headingSix; }
#bodyContent h6:before
{
counter-increment: headingFive;
content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "." counter(headingFive);
font-size: 12px !important;
}
/* article */
#bodyContent .infobox
{
padding: 9px 16px 5px !important;
margin-left: 30px !important;
/* background-color: #073642 */
}
#bodyContent #siteSub, /* hide Wikipedia byline */
#bodyContent #mw-fr-revisiontag, /* hide revision thingie */
#bodyContent #tfd.boilerplate /* hide template considered for deletion */
{
display: none !important;
}
#bodyContent #coordinates
{
top: -3px !important;
padding: 4px 6px 3px !important;
background: #E8E6E2 !important;
border-radius: 0px !important;
border: 1px solid #aaa !important;
/* box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.25) !important; */
}
html[lang="de"] #bodyContent #coordinates /* .de fix */
{
top: 53px !important;
right: 32px !important;
}
#bodyContent #protected-icon,
#bodyContent #good-star,
#bodyContent #spoken-icon,
#bodyContent #featured-star
{
top: -45px !important;
}
/* text styles */
#bodyContent
{
letter-spacing: -0.1px !important;
}
#bodyContent p,
#bodyContent li,
#bodyContent div.hatnote
{
font-size: 24px !important;
line-height: 32px !important;
letter-spacing: -0.3px !important;
color: #839496;
}
#bodyContent a:not(.new) { color: #57788E !important; }
#bodyContent a:not(.new):visited { color: #4080AB !important; }
#bodyContent .dablink,
#bodyContent .relarticle,
#bodyContent .rellink
{
margin: 7px 0 9px !important;
padding: 0 !important;
font-size: 14px !important;
line-height: 22px !important;
color: #333 !important;
}
#bodyContent #contentSub /* redirected from msg */
{
margin: 5px 0 12px -5px !important;
padding: 0 !important;
font-size: 12px !important;
}
#bodyContent table.ambox,
#bodyContent #disambigbox
{
margin: 0 !important;
font-size: 14px !important;
line-height: 22px !important;
}
#bodyContent #disambigbox
{
margin: 25px 0 !important;
}
#bodyContent .references li
{
color: #839496 !important;
font-size: 18px !important;
line-height: 22x !important;
}
/* boxes */
.messagebox,
#catlinks,
.infobox,
.infobox td,
table.infobox th,
#bodyContent div.thumb, /* fix the thumbs backgrounds!!! */
.thumbinner,
div.thumb div,
code,
pre,
.thumbcaption,
.toccolours,
.NavFrame,
.toccolours th,
.toccolours tbody,
.NavHead,
.tright,
.tleft,
table,
.gallery,
.gallerybox,
.gallerytext,
table.gallery,
table.gallery td,
#toc,
.toc,
.mw-warning,
div.townBox,
table.diff, td.diff-otitle, td.diff-ntitle,
#imageLicense,
#filetoc,
.hintergrundfarbe1,
.hintergrundfarbe2,
#hauptseite h2,
.MainPageBG,
.noarticletext,
.quotebox,
.mw-code
{
background-color: #073642 !important;
color: #839496 !important;
}
#content .thumbinner
{
border-color: #b9b9b9 !important;
}
/* noborder test */
#toc,
.thumbinner,
.thumbinner .thumbimage,
.infobox,
.vertical-navbox,
.mergedtoprow,
table.infobox > tbody:first-child > tr:first-child > th,
.metadata:not(.ambox),
.mbox-small,
.quotebox,
.portal,
.catlinks,
.navbox,
.hintergrundfarbe1,
table /* check this! i added this for "roma" on italian wikipedia */
{
border: none !important;
}
#content .thumbinner
{
padding: 7px !important;
}
#bodyContent .ambox
{
border-width: 0 0 0 5px !important;
}
.navbox + .navbox
{
margin-top: 9px !important;
}
/* table of contents */
#toc
{
padding: 1px 16px 5px !important;
font-size: 12px !important;
}
#toc #toctitle
{
margin-top: 7px !important;
text-align: left !important;
padding-bottom: 0 !important;
}
#toc #toctitle h2
{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
font-size: 17px !important;
}
/* floating toc*/
#toc .toctoggle { display: none !important; }
#toc.toc
{
padding: 0 !important;
font-size: 12px !important;
display: block !important;
position: fixed !important;
bottom: 0 !important;
height: 100% !important;
right: -200px !important;
width: 245px !important;
border: none !important;
transition: all 0.66s ease-in-out !important;
opacity: 0 !important;
overflow-y: auto!important;
z-index: 9999 !important;
border: none !important;
background: #002B36 !important;
box-shadow: 1px 0 6px rgba(0,0,0,0.25) !important;
}
#toc:hover
{
right: 0px !important;
transition: all 0.15s ease-in-out !important;
opacity: 1 !important;
}
#bodyContent #toc ul,
#bodyContent #toc li
{
padding: 0 !important; margin: 0 !important;
}
#bodyContent #toc > ul > li
{ border-top: 1px solid #797776 !important;
border-bottom: 1px solid #535251 !important; }
#bodyContent #toc > ul > li:first-child
{ border-top: none !important; }
#bodyContent #toc > ul > li:last-child
{ border-bottom: none !important; }
#bodyContent #toc ul li a
{ font-size: 18px !important; line-height: 21px !important; color: #839496 !important; padding: 6px 0 4px !important; }
#bodyContent #toc ul ul li a
{ font-size: 13px !important; line-height: 17px !important; color: #839496 !important; padding: 4px 0 !important; }
#bodyContent #toc ul li a .tocnumber
{ font-size: 15px !important; color: #bbb !important; margin-right: 0 !important; }
#bodyContent #toc ul li a .tocnumber:after
{ content: "." !important; }
#bodyContent #toc ul ul li a .tocnumber
{ display: none !important; }
#bodyContent #toc ul > li
{ padding: 0 3px 0 0 !important; }
#bodyContent #toc ul ul ul > li
{ padding: 0 3px 0 10px !important; }
#bodyContent #toc > ul > li
{ padding: 3px 3px 3px 13px !important; }
#bodyContent #toc li a[href="#See_also"],
#bodyContent #toc li a[href="#Notes"],
#bodyContent #toc li a[href="#References"],
#bodyContent #toc li a[href="#Bibliography"],
#bodyContent #toc li a[href="#Further_reading"],
#bodyContent #toc li a[href="#Documentaries"],
#bodyContent #toc li a[href="#External_links"]
{
margin: -3px 0 !important;
font-size: 14px !important;
}
#bodyContent #toc li a[href="#See_also"] .tocnumber,
#bodyContent #toc li a[href="#Notes"] .tocnumber,
#bodyContent #toc li a[href="#References"] .tocnumber,
#bodyContent #toc li a[href="#Bibliography"] .tocnumber,
#bodyContent #toc li a[href="#Further_reading"] .tocnumber,
#bodyContent #toc li a[href="#Documentaries"] .tocnumber,
#bodyContent #toc li a[href="#External_links"] .tocnumber
{ display: none !important; }
#bodyContent #toc li a
{
display: block !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
}
#bodyContent #toc li a:hover
{
text-decoration: none !important;
color: #fff !important;
}
#toc ul li
{
transition: background 0.2s ease-in-out !important;
}
#toc ul li:hover
{
background: #073642 !important;
}
#toc #toctitle
{ display: none !important; }
/* footer */
#footer
{
left: 0 !important; right: 0 !important;
margin: 0 !important;
padding: 15px 0 !important;
background-color: #073642 !important;
}
#footer-info
{
max-width: 1400px !important;
margin: 0 auto !important;
font-size: 18px !important;
font-style: italic !important;
}
#footer li:not(#footer-info-lastmod)
{
display: none !important;
}
#footer ul li {color: #839496 !important;}
}
/* Misc added later*/
.hatnote relarticle mainarticle {color: #839496 !important;}