User:RasqualTwilight/monobook.css - Revision history

RasqualTwilight: give more workspace for content column

2008-02-01T18:59:41Z

give more workspace for content column

← Older revision		Revision as of 18:59, 1 February 2008
Line 103:		Line 103:
	z-index: 1 !important;		z-index: 1 !important;
	clear: both !important;		clear: both !important;
	width: 66% !important;		width: 90% !important;
	min-height: 100% !important; /* footerstick */		min-height: 100% !important; /* footerstick */
	margin: 0 ~~21%~~ 0 ~~13%~~ !important;		margin: 0 0 0 2em !important;
	}		}
	#content {		#content {

RasqualTwilight: This shall work this time

2008-02-01T18:19:20Z

This shall work this time

← Older revision		Revision as of 18:19, 1 February 2008
Line 400:		Line 400:
	z-index: 4 !important;		z-index: 4 !important;
	top: auto !important; bottom: 25px !important;		top: auto !important; bottom: 25px !important;
			/* sore ja, mata na
	left: auto !important; right: 0 !important;		left: auto !important; right: 0 !important;
			*/
	width: auto !important;		width: auto !important;
	margin: 0 !important;		margin: 0 !important;
Line 409:		Line 411:
	position: relative !important;		position: relative !important;
	}		}
	~~/* NANDEYANEN!?~~
	#p-personal:hover .pBody {right: auto !important;}		#p-personal:hover .pBody {right: auto !important;}
	*/
	#p-personal ul, #p-personal li {width: auto !important;}		#p-personal ul, #p-personal li {width: auto !important;}
	#p-personal ul {padding: 0 !important;}		#p-personal ul {padding: 0 !important;}

RasqualTwilight: try to fix "moving on hover" problem

2008-02-01T18:17:13Z

try to fix "moving on hover" problem

← Older revision		Revision as of 18:17, 1 February 2008
Line 409:		Line 409:
	position: relative !important;		position: relative !important;
	}		}
			/* NANDEYANEN!?
	#p-personal:hover .pBody {right: auto !important;}		#p-personal:hover .pBody {right: auto !important;}
			*/
	#p-personal ul, #p-personal li {width: auto !important;}		#p-personal ul, #p-personal li {width: auto !important;}
	#p-personal ul {padding: 0 !important;}		#p-personal ul {padding: 0 !important;}

RasqualTwilight: Leave my effing tables alone

2008-01-24T22:40:56Z

Leave my effing tables alone

← Older revision		Revision as of 22:40, 24 January 2008
Line 769:		Line 769:

	/* headings */		/* headings */
	.wikitable tr:first-child td,		/* .wikitable tr:first-child td,
	.wikitable th,		.wikitable th,
	.sortable th,		.sortable th,
Line 777:		Line 777:
	color: WhiteSmoke !important;		color: WhiteSmoke !important;
	font-weight: bold !important;		font-weight: bold !important;
	}		}*/
	/* general cell settings */		/* general cell settings */
	.wikitable th,		/* .wikitable th,
	.wikitable td,		.wikitable td,
	.sortable th,		.sortable th,
Line 785:		Line 785:
	.filehistory th,		.filehistory th,
	.filehistory td		.filehistory td
	{border: thin solid SlateGray !important;}		{border: thin solid SlateGray !important;}*/

	/* text embellishments */		/* text embellishments */
	.wikitable a {color: inherit !important;}		.wikitable a {color: inherit !important;}
	.wikitable td a[href="/wiki/"], / existing wiki article link */		.wikitable td a[href="/wiki/"], / existing wiki article link */
	.sortable tr:not(:first-child) td a[href*="/wiki/"]		/* .sortable tr:not(:first-child) td a[href*="/wiki/"]
	{border-bottom: thin dotted SlateGray !important;}		{border-bottom: thin dotted SlateGray !important;}*/
	.wikitable td a[href="/w/"], / as yet non-existent wiki article link */		.wikitable td a[href="/w/"], / as yet non-existent wiki article link */
	.sortable tr:not(:first-child) td a[href*="/w/"]		/* .sortable tr:not(:first-child) td a[href*="/w/"]
	{border-bottom: thin dashed SlateGray !important;}		{border-bottom: thin dashed SlateGray !important;}*/
	.wikitable td b {font-weight: normal !important;}		.wikitable td b {font-weight: normal !important;}

RasqualTwilight: disabled "targetting headings"

2008-01-24T22:37:50Z

disabled "targetting headings"

← Older revision		Revision as of 22:37, 24 January 2008
Line 700:		Line 700:

	/* targetting headings */		/* targetting headings */
	.NavHead,		/* .NavHead,
	table.navbox > tbody > tr:first-child > *,		table.navbox > tbody > tr:first-child > *,
	table.collapsible > tbody > tr:first-child > *		table.collapsible > tbody > tr:first-child > *
	{background-color: SlateGray !important;}		{background-color: SlateGray !important;}*/
	/* .NavHead,		/* .NavHead,
	.NavHead *,		.NavHead *,

RasqualTwilight: Stolen from User:Jc100 with minor edits

2008-01-24T22:30:26Z

Stolen from User:Jc100 with minor edits

New page

#p-logo { visibility:hidden !important; } /* Sorry, phasing out logo, it's fugly otherwise */

/*
WIKIPEDIA - WIKI(SQUARE)
by Chochem
v. 0.94

This style sheet overhauls Wikipedia for simplicity, legibility and consistency - more so :)

The header is indebted to that of the WordPress theme "K2" by
Michael Heilemann, Chris J Davis, Zeo, Steve Lam and Ben Sherratt.
http://www.getk2.com

Licensed under the Creative Commons Attribution-Sharealike 2.5 license:
http://creativecommons.org/licenses/by-sa/2.5/dk/deed.en
*/

/*Anivisual's edited version:
A branch of Wiki(square) that comparatively offers more compatibility for the 'light text on dark background' Stylish Style.

Credits to Chochem for coding this great style.

Changes include:
Removed Arial and Verdana font preferences so you can use your typographically superior sans-serif font (I recommend the DejaVu family/Bitstream Vera family
Re-enabling all languages at the header (commented out)
Re-enabling the search box below the header
Hovered upon portlets are slightly larger
Edit bottons are transparent until hovered upon or visited
Changing to Slate Gray the color of:
infoboxes' header
the page header
the page footer
Hovered upon portlets
Reverting default colors to most boxes' background colors and text colors:
TOC boxes are now unchanged
Links that were black are now unchanged
Changed text of messageboxes to red (attention-grabbing)
Changed picture thumbnails to Slate Gray, with accompanying text in white; links are in Lavender (dark enough to tell apart from white, light enough to not notice much difference)

I must apologize for any poor quality code you might find; I have almost nil knowledge of CSS; the process was mainly 'learn as you type'.

RT: used header background from LightSlateGray to はてな's #5279E7.

Licensed under the Creative Commons Attribution-Sharealike 3.0 license:
hhttp://creativecommons.org/licenses/by-sa/3.0/
*/
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document
domain(en.wikibooks.org),
domain(en.wikinews.org),
domain(en.wikipedia.org),
domain(en.wikiquote.org),
domain(en.wikisource.org),
domain(en.wikiversity.org),
domain(en.wiktionary.org),
domain(wikimedia.org),
domain(tsukuru.info),
/*domain(nethack.wikia.com),*/
domain(dwarffortresswiki.net),
domain(baka-tsuki.net),
domain(greasespot.net)
{

/* ******************************** */
/* GLOBAL */
/* ******************************** */

/*
the globalwrapper font-family is the only font-family statement throughout;
all font sizes used are absolute (to avoid the problem of nesting: 'small' of '70%' of '12.5px');
font size system used is: 14px for body text, 12px for tables and 10px for header/footer;
0.92: the footer sticking method of http://www.themaninblue.com/writing/perspective/2005/08/29/ has been adapted
which means that major elements are no longer pushed down to make room for the header - instead #content has been
given top- and bottom-padding to make room for the header and footer, respectively;
*/

html, body, #globalWrapper {height: 100% !important;} /* footerstick */
body {background: none !important;}
#globalWrapper {
font-size: 150% !important;
}

/* ******************************** */
/* CONTENT */
/* ******************************** */

/*
'column content' is a wrapper for 'content' which contains a heading and bodyContent;
column-content and content both start at the top and end at the bottom of the page but
content is given top and bottom padding to leave room for the header and footer, respectively;
z-indexing is needed for colum-content (z=1) to defer to the header and footer (z=10);
a width of 80% and auto-margins left and right result in 10% empty space on each side;
*/

#column-content {
position: relative !important;
float: none !important;
z-index: 1 !important;
clear: both !important;
width: 66% !important;
min-height: 100% !important; /* footerstick */
margin: 0 21% 0 13% !important;
}
#content {
border: none !important;
margin: 0 !important;
padding: 225px 0 200px !important; /* footerstick */
background: none !important;
text-align: justify !important;
}

/* ******************************** */
/* RIGHT COLUMN AT WIKIA */
/* ******************************** */

/*Removes the column*/

#column-google{
display: none !important;}

/* ******************************** */
/* COLMN-ONE */
/* ******************************** */

/*
Column-one is the header, containing all portlets (.portlet) - menus, article tabs, search box, logo etc.;
it is at the end of the html so to get it at the top, it is positioned absolutely;
z-indexing is needed for the header (z=10) to overlap colum-content (z=1);
90% width means 10% empty space to the right matching the 10% to the right of column-content;
*/

#column-one {
position: absolute !important;
z-index: 10 !important;
top: 0px !important;
width: 82% !important;
height: 190px !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
padding-top: 4px !important;
background-color: #5279E7 !important;
font-size: 10px !important;
}
.pBody {
border: none !important;
padding: 0 !important;
background-color: transparent !important;
}

/* ********************************* */
/* PORTLETS/MENUS */
/* ********************************* */

/*
0.93: No portlets deleted. These settings apply to all portlets and are as such default portlet
settings but they are in many cases overruled by id selectors (except for the menus in the top right
corner such as p-navigation, p-tb, p-interaction, and p-lang which are not given 'special treatment');
this way obviates the need to list those menus - something that would be problematic as they go by
different names from site to site; they are kept as position: relative in order to float them right;
an unfortunate by-product of this is that they reverse order: p-navigation being first ends up
right-most etc.; display: block is used as the simplest way to rid them of list paraphernalia;
the foreign language sister links are trimmed to a list of the top nine (excl. japanese);
*/

.portlet {
display: block !important;
width: 40% !important;
overflow: visible !important;
float: right !important;
clear: both !important;
margin: 0 0 0 0 !important;
text-align: right !important;
text-transform: lowercase !important;
position:relative;
right: -21.95% !important;
border-left: thin solid white !important;
}
.portlet .pBody {
display: none !important;
position: absolute !important;
text-align: left !important;
}
.portlet:hover .pBody {
display: block !important;
z-index: 4 !important;
top: -25% !important;
right: 0 !important;
width: 50% !important;
}
.portlet ul {
list-style-type:square;
display: block !important;
width: 100% !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;}
.portlet li {
display: block !important;
width: inherit !important;
margin: 0 0 0 0 !important;
padding: 0 0 10px 0 !important;
}
.portlet h5 {
padding: 0 60% 0 0 !important;
cursor: pointer !important;
color: White !important;
line-height: 200% !important;
}
.portlet li:first-child {
border-bottom: thin solid SlateGray !important;
}
.portlet a {
font-size: 120% !important;
}
.portlet a:hover {
color: #5279E7 !important;
font-size: 180% !important;
letter-spacing: -1px !important;
border-bottom: none !important;
} /*same as header color*/

/* language class selectors - see http://en.wikipedia.org/wiki/List_of_Wikipedias#By_article_count */
/*
#p-lang li
:not(.interwiki-de)
:not(.interwiki-en)
:not(.interwiki-es)
:not(.interwiki-fr)
:not(.interwiki-it)
:not(.interwiki-nl)
:not(.interwiki-pl)
:not(.interwiki-pt)
:not(.interwiki-sv)
{display: none !important;}*/

/*Featured Article in another language*/
li.FA a {color:red !important;}

#p-navigation li{
line-height: 10pt !important;
}

/* ******************************** */
/* P-LOGO */
/* ******************************** */

/*
0.92: p-logo now actually fullfills its role as the logo-/headergraphic container;
see 'HEADER BACKGROUND IMAGES' sections for individual images (one for each domain);
*/

#p-logo {
border: none !important;
width: 81.56% !important;
margin: 0 !important;
}
#p-logo .pBody {display: block !important;}
#p-logo a, #p-logo a:hover {
display: block !important;
width: 100% !important;
height: 150px !important;
background-position: top left !important;
}

/* ********************************* */
/* SEARCH BOX */
/* ********************************* */

/* The search box is dropped to just below the right bottom of column-one by absolute positioning; */

#p-search {
position: absolute !important;
right: 0 !important;
bottom: -40px !important;
height: 30px !important;
width: auto !important;
border-bottom: thin solid white !important;
}
#p-search .pBody {
top: 0 !important;
display: inline !important;
position: relative !important;
font-size: 100% !important;
}
#p-search h5 {display: none !important;}

/* ******************************** */
/* P-CACTIONS */
/* ******************************** */

/*
the article tabs menu; as with p-personal it's dropped to the bottom of the header by absolute positioning
(in this case -25px to have it exactly beneath the header); left: 11.11% (1/9) is an approximation of the
10% to the left of column-content: 11.11% of (column-one's) 90% of body width ~= 10% of body width;
the effect is to left align p-caction with content; selected tab(s) are moved up 25px ('flipped');
z-indexing (z=5) is needed in order to overrule p-personal (z=4) in case of conflict (narrow window);
a few settings are inserted in order to overrule our own 'default' portlet settings (see above);
vertical centering is achieved by vertical alignment & height=line-height (same in p-personal and footer);
talk pages with no entries are indicated by inserting text (" NEW") after the link;
*/

#p-cactions {
position: absolute !important;
top: auto !important; bottom: -30px !important;
left: 15.85% !important;
width: 83% !important;
margin: 0 !important; /* overrule .portlet */
overflow: visible !important; /* overrule .portlet */
border-bottom: thin solid white !important;
}
#p-cactions .pBody {
display: block !important;
position: relative !important;
width: 100% !important;
}
#p-cactions:hover .pBody {right: auto !important;}
#p-cactions ul,
#p-cactions li {width: auto !important;}
#p-cactions li {
position: relative !important;
float: left !important;
padding: 0 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: thin solid DarkSlateGray !important;
vertical-align: middle !important;
height: 28px !important;
line-height: 30px !important; /* overrule .portlet */
}

#p-cactions li.selected {
top: -30px !important;
height: 23px !important;
background-color: DarkSlateGrey !important;
padding: 0 0 5px 0 !important;
line-height: 32px !important;
}

#p-cactions li.selected a {
background-color: Inherit !important;
color: White !important;}

#p-cactions li.selected a:hover {
font-weight: normal}

#p-cactions li a {
padding: 0 10px !important;
text-transform: capitalize !important;
font-variant: small-caps !important;
letter-spacing: 2px !important;
}

#p-cactions li a:hover {
letter-spacing: 0 !important;
}

li#ca-talk.new a:after {content: " (NEW)" !important;}

/* ******************************** */
/* P-PERSONAL */
/* ******************************** */

/*
profile links; as with p-tabs dropped to the bottom by absolute positioning
(top-bottom-left-and-right all have to be invoked to combat default placing);
display as block/tablecell works (not sure why, though) to get the list items on a straight line;
z-indexing (z=4) is needed in order to defer to p-cactions (z=4) in case of conflict (narrow window);
*/

/* #p-personal {
top: auto !important; bottom: 15px !important;
left: auto !important; right: 0 !important;
}
#p-personal h5 {display: block !important;}
#p-personal li {
background-image: none !important;
text-align: left;
text-transform: lowercase !important;
color: black !important;
}
*/

#p-personal {
display: block !important;
position: absolute !important;
z-index: 4 !important;
top: auto !important; bottom: 25px !important;
left: auto !important; right: 0 !important;
width: auto !important;
margin: 0 !important;
padding-right: 0 !important;
}
#p-personal .pBody {
display: table !important;
position: relative !important;
}
#p-personal:hover .pBody {right: auto !important;}
#p-personal ul, #p-personal li {width: auto !important;}
#p-personal ul {padding: 0 !important;}
#p-personal li {
display: table-cell !important;
border-bottom: thin solid White !important;
padding: 0 6px !important;
vertical-align: middle !important;
height: 25px !important;
line-height: 25px !important;
background-image: none !important;
}

#p-personal li a:hover {
color: White !important;
padding-bottom: 0 !important;
background-color: inherit !important;
}

/* ******************************** */
/* FOOTER */
/* ******************************** */

/*
negative top-margin (equal to height) means footer height does not add to column-content's
min-height: 100% - footer is dragged up into content's bottom-padding of 200px;
90% width means 10% empty space to the right matching the 10% to the right of column-content;
content is trimmed for a more minimalist feel (copyright notice and icons have to go);
list items are deliberately right-floated individually to reverse order ("the first shall be the last");
*/

#footer {
position: relative !important;
z-index: 10 !important;
width: 90% !important;
height: 100px !important;
border: none !important;
margin: 0 !important;
margin-top: -100px !important; /* footerstick */
padding: 0 !important;
background: #5279E7 !important;
color: white !important;
font-size: 10px !important;
}
#f-list {
display: inline !important;
vertical-align: middle !important;
height: 25px !important;
line-height: 25px !important;
}
#f-list li {
display: block !important;
float: right !important;
}
#footer a {color: inherit !important;}

#footer > *:not(#f-list),
#footer #copyright
{display: none !important;}

/* ******************************** */
/* TEXT */
/* ******************************** */

/*
Various preferences regarding text elements; quotes, lists and stubs: mainly undoing damage
from table styling (as some of these are either contained within or coded as tables);
*/

/* paragraphs */
.infobox + p {margin-top: 0 !important;}

/* Pre-arranged text block */
pre {
border: none !important;
}

/* Headlines */
h1, h2, h3 {font-weight: normal !important;}
h1 {
font-size: 170% !important;
border-bottom: none !important;
padding-top: 0 !important;
}

/* Hyperlinks */
a {
text-decoration: none !important;
letter-spacing: 1px !important;
font-size: 95% !important;
}
a:link {
color: DarkSlateGray !important;
}
a:visited {
color: DarkSlateBlue !important;
}
a:hover {color: SlateGray !important;}

/* Edit this section link */

.editsection,
.editsection a:link {color: Transparent !important;}
.editsection a:hover {
color: DarkSlateGray !important;
border-bottom: none !important;
}

/* Lists */
ul, ol {
}
#bodyContent > ul,
#bodyContent > ol
{margin-left: 0 !important;}
table ul,
table ol
{font-size: 14px !important;}
.references-small {overflow: hidden !important;}
.references {margin: 0 1em 0 0 !important;}

/* Indentation - reinstated for talk-pages, see "url-specific" section */
dd {margin-left: 0 !important;}

/* Quotes */
blockquote,
table.cquote {
border: none !important;
background: transparent !important;
font-size: 14px !important;
font-style: italic !important;
}

/* Announcements - I do donate and encourage you to do the same. I just can't find a nonobtrusive place for this... Sorry :( */
#siteNotice {margin-bottom: 1em !important;}
#donate, #anontip {display: none !important;}

/* Stubs / disambiguation tables / redirection notice */
#stub,
#stub table,
#disambig table
{font-size: 14px !important;}
#stub td,
#stub th,
#disambig,
.dablink,
#contentSub {
margin-left: 0 !important;
padding-left: 0 !important;
}

/* ******************************** */
/* TABLES */
/* ******************************** */

/*
basically four types of tables are styled: infoboxes, navboxes, wikitables and toccolours (which is probably 95% of all
tables found on wp); others are left as they are apart from font size and some padding; colours used throughout
is #666666 for header bg and borders and #EEEEEE for header text and (in wikitables) cell bg;
the system to identify headings (and thereby assign them a different colour scheme) is mostly concerned with header cells,
first rows, single cell rows, cells with background color and various combinations of these traits; it is a crude sort of
pattern identification and as such doesn't succeed every time;
*/

/* ----------------- */
/* Global */
/* ----------------- */
table {
font-size: 12px !important;
text-align: left !important;
}
td, th {padding: 0.5em !important;}
caption,
th:only-child:empty,
td:only-child:empty
{display: none !important;}

/* ----------------- */
/* Infoboxes */
/* ----------------- */

/*
infoboxes - tables ususally placed to the right at the beginning
of the article to give quick facts, statistics, key names etc.
*/

.infobox {
border-collapse: collapse !important;
border: thin solid SlateGray !important;
margin: 0 0 15px 15px !important;
}
/* general cell settings */
.infobox th,
.infobox td {
border: none !important;
}
.infobox div {background-color: transparent !important;}

/* text alignment and weight */
.infobox td:only-child {text-align: center !important}
.infobox ul {text-align: left !important}

/* targetting headings - background */
.infobox > tbody > tr:first-child > td:only-child,
.infobox th:only-child,
.infobox td:only-child[style*="background"] {
background-color: SlateGray !important;
text-align: center !important;
}
/* targetting headings - text */
.infobox > tbody > tr:first-child > td:only-child > *,
.infobox > tbody > tr:first-child > td:only-child > * > *, /* in case the color element is nested in a bold/big/.. element, e.g. 'Knesset' */
.infobox th:only-child > *,
.infobox th:only-child > * > *,
.infobox td:only-child[style*="background"] > *,
.infobox td:only-child[style*="background"] > * > *
{color: inherit !important;}

/* Special cases */
/* moron alert: table within table, e.g. 'Discrimination' */
.infobox td:only-child table td {
background-color: inherit !important;
color: white !important;
}
.infobox td:only-child table td a {color: inherit !important;}

/* sisterproject infoboxes - little single project reference boxes */
div.sisterproject {
border: none !important;
margin-top: 15px !important;
margin-bottom: 15px !important;
padding: 1em !important;
border: thin solid SlateGray !important;
text-align: left !important;
}
/* sisterproject infoboxes - tables with references to all sisterprojects
for some reason the element.style width is ignored? */
table.infobox.sisterproject {
margin-top: 15px !important;
margin-bottom: 15px !important;
display: block !important;
padding: 0 !important;
text-align: left !important;
}

/* ----------------- */
/* Navigation boxes */
/* ----------------- */

/*
navigation boxes are for the most part the show/hide logs at the bottom of the page;
very easy to style as the only heading is the first line; 'subheadings' are the headings
in the hidden part of the table and are presented first so as not to overrule the main heading styling;
*/

.navbox span[style*="float:"]
{font-size: 10px !important;}
.collapsible,
.NavFrame,
.navbox {
clear: both !important;
margin: 15px !important;
padding: 0 !important;
border: thin solid SlateGray !important;
border-collapse: collapse !important;
}

/* subheadings */
.collapsible td,
.collapsible th,
.navbox td,
.navbox th,
.NavContent th {
border: none !important;
}
.collapsible th a,
.navbox th a,
.NavContent th a {
font-weight: bold !important;
}

/* targetting headings */
.NavHead,
table.navbox > tbody > tr:first-child > *,
table.collapsible > tbody > tr:first-child > *
{background-color: SlateGray !important;}
/* .NavHead,
.NavHead *,
table.navbox > tbody > tr:first-child *,
table.collapsible > tbody > tr:first-child *
{color: WhiteSmoke !important;}*/

/* ----------------- */
/* Toccolours */
/* ----------------- */

/*
toccolours are a strange mix of tables (e.g. bottom table, see "Shakespeare": 'Part of a series on William Shakespeare and his work',
and infobox style table, see "Caffeine") and text boxes (e.g. quote boxes, left or right aligned, see "Shakespeare)
with no real common denominator; a modicum of harmonization is attempted along the lines of the navbox styling;
*/

table.toccolours {
border-color: SlateGray !important;
border-collapse: collapse !important;
padding: 0 !important;
}
table.toccolours th,
table.toccolours td
{border: none !important;}
table.toccolours th:not(:only-child) {
font-weight: bold !important;
}

table.toccolours > tbody > tr:first-child > th,
table.toccolours > tbody > tr:first-child > td,
table.toccolours > tbody > tr > th:only-child[style*="background"] {
background-color: SlateGray !important;
color: WhiteSmoke !important;
}
table.toccolours > tbody > tr:first-child > th *,
table.toccolours > tbody > tr:first-child > td *,
table.toccolours > tbody > tr > th:only-child[style*="background"] *
{color: inherit !important;}

/* ----------------- */
/* Wikitable / */
/* Sortable */
/* ----------------- */

/*
wikitables are the 'tables tables' - spreadsheet/database like presentations; 'sortable' tables
are like wikitables, only with the javascript option to sort by any column you click on; filehistory
tables are used to log (mainly) picture changes; fairly easy to style as the td/th difference is well
understood and respected here; cell background is made #EEEEEE (note that this is table, not td bg -
thus use of colour coding on cells prevail, e.g. http://en.wikipedia.org/wiki/Germanic_languages)
seems easier to navigate vast spreadsheets with a little less contrast, no?;
*/

.wikitable,
.sortable,
.filehistory {
margin-top: 15px !important;
margin-bottom: 15px !important;
border: none !important;
background-color: WhiteSmoke !important;
}

/* headings */
.wikitable tr:first-child td,
.wikitable th,
.sortable th,
.sortable tr:first-child td,
.filehistory tr:first-child * {
background-color: SlateGray !important;
color: WhiteSmoke !important;
font-weight: bold !important;
}
/* general cell settings */
.wikitable th,
.wikitable td,
.sortable th,
.sortable td,
.filehistory th,
.filehistory td
{border: thin solid SlateGray !important;}

/* text embellishments */
.wikitable a {color: inherit !important;}
.wikitable td a[href*="/wiki/"], /* existing wiki article link */
.sortable tr:not(:first-child) td a[href*="/wiki/"]
{border-bottom: thin dotted SlateGray !important;}
.wikitable td a[href*="/w/"], /* as yet non-existent wiki article link */
.sortable tr:not(:first-child) td a[href*="/w/"]
{border-bottom: thin dashed SlateGray !important;}
.wikitable td b {font-weight: normal !important;}

/* ******************************** */
/* BOXES */
/* ******************************** */

/*
Boxes are an assortment of minor tables and divs that are made to stand out in some
way or other from the text flow; most of these efforts either try to integrate them
in text flow or just to insert the standard colour scheme in place of the default one;
*/

/* ----------------- */
/* Table of contents */
/* ----------------- */
#toc {
border: none !important;
border-top: medium double DarkSlateGray !important;
border-bottom: medium double DarkSlateGray !important;
margin: 1em 0 !important;
padding: 0 !important;
font-size: inherit !important;
}
#toc td {padding: 0 !important;}
#toctitle {text-align: left !important;}

/* .toc:not(#toc),
.toc:not(#toc) table {
background: white !important;
border-collapse: collapse !important;
}
.toc:not(#toc) th {
border: none !important;
background: SlateGray !important;
color: WhiteSmoke !important;
}*/

/* ----------------- */
/* Category links */
/* ----------------- */
#catlinks {
text-align: justify !important;
border: none !important;
padding: 1em !important;
}
p.catlinks > a:first-child {font-weight: bold !important;}

/* ----------------- */
/* Messageboxes */
/* ----------------- */

/*
amboxes are the new warning boxes (NPOV etc.); .messagebox are used for various purposes, mainly talk pages;
filetoc, imagelicense and shareduploadnotice tables are various boxes and tables used on file info pages;
*/

.ambox {
display: block !important;
margin: 10px 0 !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
font-size: 14px !important;
color: Red !important;
}
.messagebox,
#filetoc,
#imageLicense,
.sharedUploadNotice table {
border: none !important;
margin: 0 !important;
}

/* ----------------- */
/* Galleries */
/* ----------------- */
.gallery {
border: none !important;
margin: 15px 0 !important;}
.gallery td {background-color: WhiteSmoke !important;}
.gallerybox {background-color: transparent !important;}
.gallerytext {
background-color: transparent !important;
padding: 15px !important;
text-align: justify !important;
}

/* ----------------- */
/* Wikisource spec. */
/* ----------------- */

.authortemplate,
.headertemplate {
border: none !important;
margin-bottom: 0 !important;
background: SlateGray !important;
}
.author_notes,
.header_notes {
border: thin solid SlateGray !important;
background: white !important;
}
.authortemplate,
.authortemplate a,
.headertemplate,
.headertemplate a
{color: WhiteSmoke !important;}
.auhtor_notes td:empty,
.header_notes td:empty
{display: none !important;}

/* ----------------- */
/* Various */
/* ----------------- */
table[style*="background-color: rgb(255, 206, 158)"] td, /* chess boards e.g. 'chess' */
td.toccolours table td /* team colours e.g. 'Man U' - doesn't fix bg colour issue */
{padding: 0 !important;}

/* ******************************** */
/* IMAGES */
/* ******************************** */

/*
images are for the most part encased in the .thumb class (as well as either the .left or .tright
class); the #EEEEEE/black colour scheme is used; .tnone are floated right - if not, the entire
width is filled with background-color;
*/

.thumb {
display: block !important;
background-color: SlateGray !important;
color: White !important;
border: none !important;
}
.tnone {
float: right !important;
margin-left: 1.5em !important;
}
.thumbinner {
border: none !important;
padding: 5px !important;
background-color: inherit !important;
}
.thumb img {border: none !important;}
.thumbcaption {margin-top: 20px !important}
.thumbcaption .magnify {display: none !important}
.thumb a {color: Lavender !important;}

/* Featured, spoken, semiprotected icons v-aligned with #content */
#cornerbox, /* source: feature */
#administrator, /* pedia: protected */
.topicon /* pedia: feature/spoken */
{top: 250px !important;}
#cornerbox *,
#administrator *,
.topicon * {
line-height: 0px !important;
background-color: transparent !important;
}

} /* end of global settings - start of domain-specific settings */

/* ******************************** */
/* DOMAIN/URL SPECIFIC */
/* ******************************** */

/* -------------------------------- */
/* Header Background Images */
/* -------------------------------- */

/*will be commented out if requested*/

@-moz-document domain(en.wikibooks.org) {
#p-logo a {background-image: url(http://pics.viharpander.dk/stylish/wikisquare/books_700x175.png) !important;}
}
@-moz-document domain(en.wikipedia.org) {
#p-logo a {background-image: url(http://pics.viharpander.dk/stylish/wikisquare/pedia_700x175.png) !important;}
}
@-moz-document domain(en.wikiquote.org) {
#p-logo a {background-image: url(http://pics.viharpander.dk/stylish/wikisquare/quote_700x175.png) !important;}
}
@-moz-document domain(en.wikisource.org) {
#p-logo a {background-image: url(http://pics.viharpander.dk/stylish/wikisquare/source_700x175.png) !important;}
}
@-moz-document domain(en.wikiversity.org) {
#p-logo a {background-image: url(http://pics.viharpander.dk/stylish/wikisquare/versity_700x175.png) !important;}
}
@-moz-document domain(en.wiktionary.org) {
#p-logo a {background-image: url(http://pics.viharpander.dk/stylish/wikisquare/tionary_700x175.png) !important;}
}
@-moz-document domain(wikimedia.org) {
#p-logo a {background-image: url(http://pics.viharpander.dk/stylish/wikisquare/media_700x175.png) !important;}
}

/* -------------------------------- */
/* Url-specific */
/* -------------------------------- */

/* Talk pages - reinstating indentation */
@-moz-document url-prefix("http://en.wikipedia.org/wiki/Talk:") {
dd {margin-left: 2em !important;}
}

/* wikipedia main page - beautyfication */
@-moz-document url("http://en.wikipedia.org/wiki/Main_Page") {
.MainPageBG,
table {
border: none !important;
margin-top: 0 !important;
padding: 0 !important;
background-color: white !important;
font-size: 14px !important;
text-align: justify !important;
}
.MainPageBG h2 {
border: none !important;
font-weight: normal !important;
background-color: SlateGray !important;
}
}