User:AWikiContributor/vector.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 can be added at User:AWikiContributor/vector.js. |
@charset "utf-8";
/* <source lang="css"> */
/* This stylesheet affects all skins. */
/* Always check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcommons.wikimedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service] after any changes. */
/*(In [[w:Mozilla|Mozilla]] and [[w:Opera (web browser)|Opera]], you can test style changes dynamically with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] bookmarklet from squarefree.com. It pops up a window for adding style rules, and updates the page as you type.)*/
/*
* Dynamic Layouts
*/
#text-wrap { margin-left:3em; position:relative; }
#text-container {}
#text {}
/* sidenotes */
body.ns-104 .sidenote-left { position:absolute; left:0; width:6em; padding-right:1em; text-indent:0em; text-align:left;}
body.ns-104 .sidenote-right { position:absolute; right:0; width:6em; padding-left:1em; text-indent:0em; text-align:left;}
/* make Safari moar-kewl */
a:link,
a:visited
{
-webkit-transition: color .2s linear;
}
/*********
** Various tweaks
*********/
/* Fix copy&paste formatting */
.verse pre
{
margin: 0;
padding-left: 2em;
border: 0;
background-color: #0000FF;
font-family: sans-serif;
white-space: pre;
line-height: 150%;
}
.verse p
{
white-space: pre;
}
/* Short lines preferred by some editors */
.prose
{
padding-left: 3em;
max-width: 35em;
margin: 0 auto;
}
/* show deleted text hidden by {{copyvio}} */
.page-Special_Undelete div#copyvio
{
display: block !important;
}
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */
.listify td { display: list-item; }
.listify tr { display: block; }
.listify table { display: block; }
/* indent page text on screen out of the way of the page numbers */
@media screen, handheld, projection
{
div.indented-page
{
margin-left:3em;
}
cite *.printonly
{
display: none;
}
}
/* Dont display the URL onto the screen */
@media screen, handheld, projection
{
cite *.printonly
{
display: none;
}
}
/*********
** Most-used standard templates
*********/
/* {{textinfo}} */
.textinfo
{
margin: 1px;
padding: 1px;
border: 1px solid #0E8605;
background-color: #B0E0A0;
text-align: left;
}
.textinfo th
{
background-color: #0E8605;
text-align: center;
font-weight: normal;
color: #FFF;
}
.textinfo td
{
background-color: #C6FFC6;
}
/* {{featured}} */
#cornerbox
{
position: absolute;
top: 0.3em;
right: 0.2em;
border: 1px solid #BBB;
font-size: 0.8em;
}
div#divMediaWiki-Proofreadpage_header_template
{
width: 100%;
float: left; /* containment ;) */
padding: 0.5em 0; /* do any l/r padding on an inner element */
text-align: center;
}
/* colours common to Template:Header and MediaWiki:Proofreadpage header template */
table.headertemplate,
table.footertemplate,
div#divMediaWiki-Proofreadpage_header_template
{
border: 1px solid #ADA;
background-color: #E4F2E4;
}
div#divMediaWiki-Proofreadpage_header_template div.hAuthor
{
padding-top: 0.5em;
padding-bottom: 0.4em;
font-size: 100%;
font-weight: bold;
}
div#divMediaWiki-Proofreadpage_header_template div.hTitle
{
padding-top: 0.4em;
padding-bottom: 0.4em;
font-size: 120%;
font-weight: bold;
}
div#divMediaWiki-Proofreadpage_header_template div.hDetails
{
padding-top: 0.4em;
padding-bottom: 0.5em;
font-size: 90%;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation
{
width: 100%;
float: left; /* containment ;) */
padding: 0.2em 0; /* do any l/r padding on an inner element */
/* don't like this
border-top: 1px solid #ADA;
*/
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev
{
float: left;
text-align: left; /* override ambient for containing element */
padding-left: 1em;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext
{
float: right;
text-align: right; /* override ambient for containing element */
padding-right: 1em;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavCurrent
{
text-align: center; /* after floats in source order! */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev,
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext
{
width: 20%; /* as in {{header}} and {{author}} */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev span,
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext span
{
color: #808080;
}
/* All header templates */
.processheadertemplate,
.portalheadertemplate,
.authortemplate,
.headertemplate,
.footertemplate
{
width: 100%;
margin-bottom: 5px;
}
/* Forward and backward link */
.gen_header_backlink,
.gen_header_forelink
{
width: 20%;
font-size: 0.9em;
line-height: normal;
}
.gen_header_backlink
{
text-align: left;
}
.gen_header_forelink
{
text-align: right;
}
/* Title field */
.gen_header_title
{
width: 60%;
text-align:center;
}
/* Notes field */
.process_notes,
.author_notes,
.portal_notes,
.header_notes
{
width: 100%;
font-size: 0.9em;
line-height: 1.4em;
margin-bottom: 0.5em; /* a bit of space before body-text; 1em might be better... */
}
/* Specific header templates */
/* For {{header}} see above, with ProofreadPage code */
/* {{header}} (footer) */
.footertemplate
{
font-size: 0.9em;
text-align: center;
}
.header_notes
{
border-bottom: 1px solid #A88;
background-color: #FAFAFF;
}
/* {{author}} */
.authortemplate
{
border: 1px solid #BEA2A2;
background-color: #E4D8D8;
}
.author_notes
{
border-bottom: 1px solid #A88;
background-color: #FFFBFC;
}
.author_seealso /* Remove this if we change to {{plain sister}}*/
{
float: right;
padding: 2px;
margin: 0 0 0.5em 1em;
border: 1px solid #CCC;
}
/* {{process header}} */
.processheadertemplate
{
border: 1px solid #966;
background-color: #DCA;
}
.process_notes
{
border-bottom: 1px solid #A88;
background-color: #FFFBFC;
}
/* {{portal header}} */
.portalheadertemplate
{
border: 1px solid #36A;
background-color: #DDE;
}
.portal_notes
{
border-bottom: 1px solid #88A;
background-color: #FCFBFF;
}
/*********
** Standard formatting classes
*********/
/* messagebox */
.messagebox
{
width: 80%;
margin: 0 auto 1em;
padding: 0.2em;
border: 1px solid #aaa;
background-color: #f9f9f9;
text-align: justify;
}
.messagebox.standard-talk
{
border: 1px solid #C0C090;
background-color: #F8EABA;
}
/* Table documentation at [[Wikisource:Style guide/Tables]] */
/* grayscale tables */
table.prettytable
{
margin: 1em 1em 1em 0;
background-color: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
table.prettytable th,
table.prettytable td
{
padding: 0.2em;
border: 1px #aaa solid;
}
table.prettytable th
{
background-color: #f2f2f2;
text-align: center;
}
/* stylistic tables */
/* '''valign''' ; rows vertically aligned to top*/
/* '''table-c75vtop''' ; table centred, 75% width, rows vertically aligned to top*/
table.table-c75vtop
{
width: 75%;
margin-left: auto;
margin-right: auto;
}
.table-c75vtop, .valign tr
{
vertical-align: top;
}
/* tablecolhdborder; borders around table/columns/<th>; centre <th>; <td> align left with padding */
/* as used in [[Template:Hussey Churches table header]] */
table.tablecolhdborder
{
border: 1px solid;
margin: 0;
border-collapse:collapse;
}
table.tablecolhdborder th
{
border-bottom: 1px solid;
border-left: 1px solid;
text-align: center;
}
table.tablecolhdborder td
{
border-left: 1px solid;
padding-left: 5px;
}
/* '''valignb''' ; rows vertically aligned to bottom*/
.valignb tr
{
vertical-align: bottom;
}
/* *********
* Main page
*/
body.page-Main_Page .firstHeading,
body.page-Main_Page #siteSub
{
display: none;
}
div.main_page
{
position: static;
}
/* some new stuff for styling the main page header */
table.tblMain_page_header
{
margin: 0 0 1em 0;
/* border and background-color properties set in shared rules; see further down */
width: 100%;
}
table.tblMain_page_header h1,
table.tblMain_page_header h2
{
margin: 0 !important; /* insist on overriding #bodyContent h1 selector in main.css */
border: 0;
padding: 0;
}
table.tblMain_page_header div.divMPheading_wrapper
{
float: left;
padding-right: 7em;
}
table.tblMain_page_header h1
{
font-size: 150%;
padding-bottom: 0.15em;
}
table.tblMain_page_header h2
{
font-size: 90%;
}
table.tblMain_page_header ul
{
margin: 0; /* override margin-top to better align with h1-element; margin-left isn't applicable in this context */
}
table.tblMain_page_header hr
{
color: #569BBB;
background-color: #569BBB;
}
/* may want to loosen specificity a bit... and rename. more likely, it'll become floats... */
div.main_page table.subheader
{
width: 100%;
margin: -0.8em 0 -0.7em 0;
background: none;
font-size: 0.95em;
}
div.main_page table.subheader td
{
padding: 10px 0;
}
/* some new stuff for styling the layout and look of the main page columns and modules */
div#divMain_page-ColumnWrapper
{
float: left;
width: 100%;
}
div#divMain_page-PrimaryMaterial
{
float: left;
width: 51%;
}
div#divMain_page-SecondaryMaterial
{
float: right;
width: 49%;
}
div#divMain_page-TertiaryMaterial
{
float: left;
width: 100%;
}
div#divMain_page-PrimaryMaterial table.tblMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule,
div#divMain_page-TertiaryMaterial table.tblMPmodule
{
width: 100%;
background-color: transparent;
}
div#divMain_page-PrimaryMaterial table.tblMPmodule td.tdMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule,
div#divMain_page-TertiaryMaterial table.tblMPmodule td.tdMPmodule
{
border: 1px solid #cedff2;
padding: 1em 1em 0.5em;
font-size: 100%;
}
div#divMain_page-PrimaryMaterial table.tblMPmodule td.tdMPmodule h2,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule h2,
div#divMain_page-TertiaryMaterial table.tblMPmodule td.tdMPmodule h2
{
font-size: 135%;
background-color: #569BBB;
color: White;
margin: 0 0 3px 0;
padding: 1px 0 0 0;
text-align: center;
line-height: 1.3em;
}
/* common rule for main page header and for prettytables embedded in main page moldules */
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable td
{
border: 1px solid #569BBB;
}
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th
{
background-color: #f1f5fc;
}
/* main page stuff beyond here still to-review */
.main_page h1
{
margin: 0 !important;
padding: 0;
border: 0;
font-size: 1.75em;
}
.main_page .titlebox
{
width: 100%;
padding-left: 2em;
border: 1px solid #CCC;
background-color: #FCFCFC;
}
.main_page .titlebox div
{
margin-left: 2em;
font-size: 0.95em;
}
.main_page .portals
{
width: 11%;
font-size: 0.95em;
}
.main_page th
{
padding-left: 0.4em;
border: 1px solid #A3B0BF;
background-color: #ECDCC8;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.main_page .blurb
{
width: 60%;
padding: 1em;
border: 1px solid #68A;
background-color: #FFE4C4;
}
.main_page .blurb img
{
float: left;
margin: 0 .7em 0 .3em;
}
.main_page .mpsidebox
{
width: 30%;
border: 1px solid #68A !important;
}
.main_page .featuredtext
{
border: 1px solid #68A;
}
.main_page .mpsidebox table,
.main_page .featured_text table
{
width: 100%;
vertical-align: top;
}
.main_page .sisterprojects
{
margin: 0 -8px;
border-spacing: 8px;
}
.main_page .sisterprojects .sptd
{
padding: 10px;
border: 1px solid #BBB;
vertical-align: top;
}
/* above main page stuff that is indented does not appear to be used these days; will review further and eventually remove */
/*********
** Template namespace
*********/
/*Template documentation*/
.mw-parser-output div.documentation
{
clear:both;
margin:1em 0 0 0;
border:1px solid #AAA;
background:#ECFCF4;
padding:5px;
}
/*********
** Page namespace
*********/
/* transcluded pages */
.lefttext p
{
text-indent: 2em;
}
.lefttext .poem p
{
text-indent: 0;
}
.lefttext .tiInherit p
{
text-indent: inherit;
}
.lefttext
{
width: 33em;
text-align: justify;
margin-left: 5em;
}
.leftoutdent
{
padding-left: 2em;
text-indent: -2em;
max-width: 33em;
margin-left: 5em;
}
/* similar to tiInherit, above; wrap something with a div of this class and set line-height; poem-tags, too */
.lhInherit p
{
line-height: inherit;
}
.quote
{
color: #2F4F4F; /* darkslategray (not a valid color name) */
margin-left: 2em;
margin-right: 2em;
}
/* Justify */
body.ns-104
{
text-align: justify;
}
/* Paragraph markers (no IE6 support) */
body.ns-104 div.pagetext>p
{
background: url(http://up.wiki.x.io/wikipedia/commons/thumb/b/b6/Paragraph-mark.svg/6px-Paragraph-mark.svg.png) 0 .3em no-repeat;
margin-left: -10px;
padding-left: 10px;
}
/* ProofreadPage */
.quality4 { background-color: #90ff90; }
.quality3 { background-color: #ffe867; }
.quality2 { background-color: #b0b0ff; }
.quality1 { background-color: #ffa0a0; }
.quality0 { background-color: #ddd; }
.ns-104 .editsection { visibility:hidden; }
/*********
** special formatting classes
*********/
/* ordered-list flavours; see [[History of the Rise, Progress, and Termination of the American Revolution/Chapter II]] for first deployment */
div.divRomanOL ol
{
list-style-type: upper-roman;
}
div.divRomanOL-lower ol
{
list-style-type: lower-roman;
}
div.divAlphaOL ol
{
list-style-type: upper-alpha; /* or upper-latin; q: which is better supported? */
}
div.divAlphaOL-lower ol
{
list-style-type: lower-alpha; /* or lower-latin...*/
}
div.divGreekOL-lower ol
{
list-style-type: lower-greek;
}
div.divDecimalOL-leading-zero ol
{
list-style-type: decimal-leading-zero;
}
div.divDecimalOL-normal ol
{
list-style-type: decimal; /* could be useful in nested situations - but computer says no... */
}
/* georgian && armenian as needed... */
/*********
** tabber
*********/
/*
Generic defaults
Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display: none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top: 1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin: 0;
padding: 3px 0;
border-bottom: 1px solid #CCC;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #ccc;
border-bottom: none;
background-color: #f2f7ff;
text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
color: #000;
background-color: #fff9f2;
border-color: #CCC;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
color: #000;
background-color: White;
border-bottom: 1px solid White;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding: 5px;
border: 1px solid #CCC;
border-top: 0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height: 200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow: auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display: none;
}
.tabberlive .tabbertab h3 {
display: none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height: 200px;
overflow: auto;
}
/*--------------------------------------------------*/
/* Use for inputting Hebrew pointing in MediaWiki:Edittools */
span.nikud
{
color: #002bb8;
cursor: pointer;
}
/* International Phonetic Alphabet [[Template:IPA]] */
.IPA
{
font-family: 'Arial Unicode MS', Code2000, Gentium, GentiumAlt, 'DejaVu Sans', 'Segoe UI', 'Lucida Grande', 'Charis SIL', 'Doulos SIL', 'TITUS Cyberbit Basic', 'Lucida Sans Unicode', sans-serif;
font-size: 110%;
}
/* Colored watchlist numbers */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */
/* typos */
.coquille
{
border-bottom: 1px dashed #666;
}
/* poem tag : avoid extra margins between transcluded pages */
.poem
{
margin-bottom: 0em;
margin-top: 0em;
line-height: 1.6em;
text-indent: 0em;
}
.poem p
{
margin-top: 0em ! important;
margin-bottom: 0em ! important;
text-indent: 0em !important;
}
/* .pagenum_container:hover {background-color:#eeeeee; opacity:0.5; } */
/* </source> */