Difference between revisions of "MediaWiki:Myskin.css"

From X-Cart 4 Classic
Jump to: navigation, search
(Created page with '→‎CSS placed here will affect users of the Myskin skin: body { background-color: white; } p { line-height: 1em !important; } #bodyContent { margin-left: 2%; } #bodyCont…')
 
Line 1: Line 1:
 
/* CSS placed here will affect users of the Myskin skin */
 
/* CSS placed here will affect users of the Myskin skin */
  
−
body
+
/* Default *
−
{
+
* Resetting the margins and paddings, and defining the font-family
−
background-color: white;
+
*/
 +
 +
* {
 +
margin: 0;
 +
padding: 0;
 
}
 
}
 
   
 
   
−
p
+
body {
−
{
+
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
−
line-height: 1em !important;
+
font-size: small;
 
}
 
}
 
   
 
   
−
#bodyContent
+
/* Lay-out *
−
{
+
* Set paddings and margins, and clear the floats of the menu items and the sidebar
−
margin-left: 2%;
+
*/
 +
 +
h1#header { margin-left: 3%; }
 +
div#column-one { padding: 0 3%; }
 +
div#globalWrapper { clear: both; }
 +
div#column-content { margin: 0 3%; }
 +
div#content { padding: 20px; margin-right: 206px; /* 200 + 2*6px padding of div#sidebar + (-6px) margin of div#sidebar*/ }
 +
div#sidebar { width: 212px; margin-right: -6px; /* for the right corner */
 +
float: right; padding-top: 16px; /* so if the first item is selected the corners don't interfere */ }
 +
div#footer { clear: both; padding: 0 3%; }
 +
 +
/* Header *
 +
* Replace the header with an image
 +
*/
 +
 +
h1#header {
 +
text-indent: -9999px;
 +
background-image: url(http://home.planet.nl/~merri033/header.png);
 +
height: 78px;
 +
width: 505px;
 
}
 
}
 
   
 
   
−
#bodyContent > h2
+
/* Footer *
−
{
+
* Style the footer
−
margin-left: -2%;
+
*/
 +
 +
#footer div { /* Flot the logos to the right */
 +
float: right;
 +
width: 200px;
 +
text-align: center;
 +
clear: both;
 +
margin: 1em 0;
 
}
 
}
 
   
 
   
−
#bodyContent > h3
+
#footer a img {
−
{
+
border: none;
−
margin-left: -2%;
 
 
}
 
}
 
   
 
   
−
#siteSub
+
#footer ul {
−
{
+
list-style: none;
−
font-weight: normal;
+
padding: 1em;
−
font-size: 1.0em;
+
margin-right: 200px;
−
margin-left: -2.0em;
 
−
font-size: 0.9em;
 
 
}
 
}
 
   
 
   
−
#content
+
/* Top menu *
−
{
+
* Apply proper paddings and font-styling to the menu
−
margin-top: 2.25em;
+
* Float the menu items (h5) and text to the left to make the menu horizontal.
 +
*/
 +
 +
div#column-one {
 +
height: 2em; /* height 1em + 2 * 0.5em padding */
 
}
 
}
 
   
 
   
−
table
+
div#column-one div.portlet, div#column-one p {
−
{
+
float: left;
−
clear: both;
+
padding: 0.5em;
 
}
 
}
 
   
 
   
−
h1
+
div#column-one h5, div#column-one p {
−
{
+
font-size: 1em;
−
font-size: 1.5em;
+
line-height: 1em; /* makes the menu 1em high */
 +
font-weight: normal;
 
}
 
}
 
   
 
   
−
h2
+
div#column-one p {
−
{
+
font-weight: bold;
−
font-size: 1.3em;
 
 
}
 
}
 
   
 
   
−
h3, h4, h5, h6
+
/*
−
{
+
* Hide and position the submenus
−
font-size: 1.1em;
+
*/
 +
 +
div#column-one div.portlet {
 +
position: relative;
 
}
 
}
 
   
 
   
−
#p-search
+
div#column-one div.pBody {
−
{
+
display: none;
−
position: fixed;
+
position: absolute;
−
top: 0; left: 0;
+
top: 2em; /* the menu is 2em high */
−
z-index: 4;
 
−
width: 50%;
 
−
padding: 0.2em;
 
 
}
 
}
 
   
 
   
−
#p-cactions h5, #p-search h5 { display: none; }
+
/*
 +
* Style the menu
 +
*/
 
   
 
   
−
input[type="submit"]
+
div#column-one div.pBody {
−
{
+
width: 15em; /* this is the maximum width before the menu items start wrapping */
−
border: 1px outset #369;
 
−
background-color: #369;
 
−
color: white;
 
 
}
 
}
 
   
 
   
−
input[type="text"],
+
div#column-one ul {
−
textarea
+
list-style: none;
−
{
+
float: left; /* by floating the list the menu items the menu gets as wide as the largest item */
−
border: 1px inset grey;
+
border-bottom: 1px solid #bcb699;
 +
border-left: 1px solid #bcb699;
 +
border-right: 1px solid #bcb699;
 
}
 
}
 
   
 
   
−
textarea
+
div#column-one li {
−
{
+
margin: 3px; /* this is so the highlight for the items don't touch the side */
−
padding-left: 0.1em;
+
padding: 3px;
 
}
 
}
 
   
 
   
−
a:link,
+
/*
−
a:visited,
+
* Add the icons
−
a:hover
+
*/
−
{
+
−
/* font-weight: bold;*/
+
div#column-one div.pBody { /* this is to make the text of the submenu line up with the headers */
−
text-decoration: underline;
+
margin-left: -28px; /* 3px padding + 3px margin of #column-one li + 16px icon + 6px icon padding */
 
}
 
}
 
   
 
   
−
a:link
+
div#column-one li a { /* make some room for the icons and define background properties */
−
{
+
padding-left: 21px; /* 16px icon + 3px padding and 3px margin from #column-one li */
−
color: #369;
+
background-position: left center;
 +
background-repeat: no-repeat;
 
}
 
}
 
   
 
   
−
a:visited
+
li#n-Main-page a { background-image: url(http://home.planet.nl/~merri033/house.png); }
−
{
+
li#n-Contents a { background-image: url(http://home.planet.nl/~merri033/book.png); }
−
color: #636;
+
li#n-Featured-content a { background-image: url(http://home.planet.nl/~merri033/medal_gold_3.png); }
 +
li#n-currentevents a { background-image: url(http://home.planet.nl/~merri033/time.png); }
 +
li#n-randompage a { background-image: url(http://home.planet.nl/~merri033/arrow_switch.png); }
 +
 +
li#n-About-Wikipedia a { background-image: url(http://home.planet.nl/~merri033/information.png); }
 +
li#n-portal a { background-image: url(http://home.planet.nl/~merri033/group.png); }
 +
li#n-recentchanges a { background-image: url(http://home.planet.nl/~merri033/page_lightning.png); }
 +
li#n-contact a { background-image: url(http://home.planet.nl/~merri033/email.png); }
 +
li#n-sitesupport a { background-image: url(http://home.planet.nl/~merri033/money.png); }
 +
li#n-help a { background-image: url(http://home.planet.nl/~merri033/help.png); }
 +
 +
li#t-whatlinkshere a { background-image: url(http://home.planet.nl/~merri033/link_go.png); }
 +
li#t-recentchangeslinked a { background-image: url(http://home.planet.nl/~merri033/hourglass_link.png); }
 +
li#t-contributions a { background-image: url(http://home.planet.nl/~merri033/user_edit.png); }
 +
li#t-log a { background-image: url(http://home.planet.nl/~merri033/user_lightning.png); }
 +
li#t-emailuser a { background-image: url(http://home.planet.nl/~merri033/user_email.png); }
 +
li#t-print a { background-image: url(http://home.planet.nl/~merri033/printer.png); }
 +
li#t-permalink a { background-image: url(http://home.planet.nl/~merri033/page_link.png); }
 +
li#t-cite a { background-image: url(http://home.planet.nl/~merri033/page_green.png); }
 +
 +
/* Sidebar *
 +
* Styling of the menus
 +
*/
 +
 +
div#sidebar ul {
 +
list-style: none;
 
}
 
}
 
   
 
   
−
a.new:link,
+
#sidebar .portlet {
−
a.new:visited
+
background-image: url(http://home.planet.nl/~merri033/bg-sidebar-ruler.png);
−
{
+
background-repeat: no-repeat;
−
color: #739900;
+
background-position: center bottom;
 +
padding-bottom: 10px;
 +
margin-bottom: 8px;
 
}
 
}
 
   
 
   
−
a:hover,
+
.portlet h5, #p-cactions li, #p-personal li, #p-tb2 li { /* smaller height looks better, but favorites can be multiple lines */
−
a.new:hover
+
height: 13px;
−
{
 
−
color: #CC0000;
 
 
}
 
}
 
   
 
   
−
h1, h2, h3
+
div#sidebar li, div#sidebar h5 {
−
{
+
padding: 12px 0 18px 36px;
−
margin: 0;
+
margin: -6px 0 -9px 0;
 +
font-size: 1em;
 
}
 
}
 
   
 
   
−
h1
+
div#sidebar form {
−
{
+
margin: 0 13px;
−
border-bottom: 1px solid #888888;
+
text-align: center;
 
}
 
}
 
   
 
   
−
h2
+
#searchInput {
−
{
+
display: block;
−
border-bottom: 1px dotted #888888;
+
margin: 5px 0;
 +
width: 180px;
 
}
 
}
 
   
 
   
−
#jump-to-nav
+
div#sidebar input {
−
{
+
border: 1px solid #000;
−
display: none;
+
background-color: #bcb699;
 
}
 
}
 
   
 
   
−
#toc
+
div#sidebar li a img {
−
{
+
border: none;
−
float: right;
+
vertical-align: middle;
−
width: 30%;
 
−
background-color: #eeeeee;
 
−
padding: 0.5em;
 
−
margin: 0.5em;
 
 
}
 
}
 
   
 
   
−
#catlinks
+
div#sidebar li.selected {
−
{
+
background-image: url(http://home.planet.nl/~merri033/bg-sidebar-selected.png);
−
background-color: #eeeeee;
+
background-repeat: no-repeat;
−
padding: 0.1em 0.75em 0.1em 0.75em;
 
−
margin: 1em 0 0.5em 0;
 
 
}
 
}
 
   
 
   
−
.portlet
+
div#sidebar li.new a {
−
{
+
color: #775240;
−
width: 32%;
+
font-style: italic;
−
float: left;
 
 
}
 
}
 
   
 
   
−
.portlet h5
+
div#sidebar li.selected-first { /* The first of two adjacent selected items */
−
{
+
background-image: url(http://home.planet.nl/~merri033/bg-sidebar-selected-first.png);
−
margin-top: 0.5em;
+
background-repeat: no-repeat;
−
margin-bottom: 0;
 
−
border-bottom: 1px solid silver;
 
 
}
 
}
 
   
 
   
−
#footer
+
div#sidebar li.selected-second { /* The second of two adjacent selected items */
−
{
+
background-image: url(http://home.planet.nl/~merri033/bg-sidebar-selected-second.png);
−
clear: both;
+
background-repeat: no-repeat;
 
}
 
}
 
   
 
   
−
.printfooter {
+
/*
−
border-top: 1px solid black;
+
* Add the icons
−
padding-top: 1em;
+
*/
−
margin-top: 1em;
+
 +
div#sidebar li a {
 +
margin-left: -23px;
 +
padding-left: 23px;
 +
background-position: left center;
 +
background-repeat: no-repeat;
 
}
 
}
 
   
 
   
−
#p-cactions
+
div#sidebar li.selected a {
−
{
+
font-weight: bold;
−
position: fixed;
 
−
top: 0; right: 0;
 
−
width: 100% !important;
 
−
background-color: ButtonFace;
 
−
padding: 0.5em;
 
−
padding-bottom: 3px;
 
−
border-bottom: 1px solid ButtonShadow;
 
−
display: block;
 
−
z-index: 3;
 
−
font-size: smaller;
 
 
}
 
}
 
   
 
   
−
#p-cactions ul
+
/*
−
{
+
* 'Views' icons
−
display: block;
+
*/
−
margin: 0;
+
−
padding: 0;
+
#ca-nstab-main a { background-image: url(http://home.planet.nl/~merri033/house.png); }
−
text-align: right;
+
#ca-nstab-user a { background-image: url(http://home.planet.nl/~merri033/user.png); }
 +
#ca-nstab-image a { background-image: url(http://home.planet.nl/~merri033/image.png); }
 +
#ca-nstab-portal a { background-image: url(http://home.planet.nl/~merri033/layout.png); }
 +
#ca-talk a { background-image: url(http://home.planet.nl/~merri033/comments.png); }
 +
#ca-edit a { background-image: url(http://home.planet.nl/~merri033/page_edit.png); }
 +
#ca-addsection a { background-image: url(http://home.planet.nl/~merri033/page_add.png); }
 +
#ca-viewsource a { background-image: url(http://home.planet.nl/~merri033/page_code.png); }
 +
#ca-history a { background-image: url(http://home.planet.nl/~merri033/hourglass.png); }
 +
#ca-move a { background-image: url(http://home.planet.nl/~merri033/page_go.png); }
 +
#ca-watch a { background-image: url(http://home.planet.nl/~merri033/eye.png); }
 +
 +
/*
 +
* Favorites
 +
*/
 +
 +
#ca-favorites a { background-image: url(http://home.planet.nl/~merri033/star.png); }
 +
li.favorite a { background-image: url(http://home.planet.nl/~merri033/star_silver.png); }
 +
div#sidebar li a.remove-favorite { padding-left: 0; margin-left: 0; background: none; }
 +
 +
/*
 +
* Toolbox
 +
*/
 +
 +
#t-upload a { background-image: url(http://home.planet.nl/~merri033/image_add.png); }
 +
#t-specialpages a { background-image: url(http://home.planet.nl/~merri033/page_gear.png); }
 +
 +
/*
 +
* 'Personal menu' icons
 +
*/
 +
 +
#pt-userpage a { background-image: url(http://home.planet.nl/~merri033/user.png); }
 +
#pt-mytalk a { background-image: url(http://home.planet.nl/~merri033/user_comment.png); }
 +
#pt-preferences a { background-image: url(http://home.planet.nl/~merri033/wrench_orange.png); }
 +
#pt-watchlist a { background-image: url(http://home.planet.nl/~merri033/page_find.png); }
 +
#pt-mycontris a { background-image: url(http://home.planet.nl/~merri033/user_edit.png); }
 +
#pt-logout a { background-image: url(http://home.planet.nl/~merri033/door_in.png); }
 +
 +
/* Autcomplete
 +
* Styles for the autocomplete form
 +
*/
 +
 +
#p-search, #searchform {
 +
overflow:visible !important;
 
}
 
}
 
   
 
   
−
#p-cactions li
+
#autocompletebox {
−
{
+
display: block;
−
display: inline;
+
position: absolute;
 +
border: solid 1px #000;
 +
background: #bcb699;
 +
overflow: auto;
 +
visibility: hidden;
 +
width: 180px;
 +
opacity: 0.95;
 
}
 
}
 
   
 
   
−
#p-cactions li a
+
/* Backgrounds and border *
−
{
+
* Here all the background images and colors + borders defined
−
display: inline;
+
*/
−
padding: 0.1em 0.3em 3px 0.3em;
+
−
border: 1px outset #eeeeee;
+
body {
−
border-bottom: 1px solid ButtonShadow;
+
background-color: #000;
−
text-decoration: none;
 
−
color: MenuText;
 
 
}
 
}
 
   
 
   
−
#p-cactions li.selected a
+
div#column-one { /* The top menu */
−
{
+
background-color: #e9e2be;
−
background-color: white;
+
background-image: url(http://home.planet.nl/~merri033/bg-menu.png);
−
border-bottom: 1px solid white;
+
background-repeat: repeat-x;
 
}
 
}
 
   
 
   
−
#p-cactions li a:hover
+
div#column-one ul { /* The top submenu */
−
{
+
background-color: #e9e2be;
−
background-color: ButtonHighlight;
+
opacity: 0.95;
 
}
 
}
 
   
 
   
−
img
+
div#globalWrapper { /* Page background gradient */
−
{
+
background-image: url(http://home.planet.nl/~merri033/bg.png);
−
border: none;
+
background-repeat: repeat-x;
 
}
 
}
 
   
 
   
 +
div#column-content { /* Faux columns background */
 +
background-image: url(http://home.planet.nl/~merri033/bg-column-content.png);
 +
background-repeat: repeat-y;
 +
background-position: right;
 +
background-color: #fff; /* The background color of the content */
 +
}
 
   
 
   
−
div.thumb
+
div#sidebar { /* Sidebar corners */
−
{
+
background-image: url(http://home.planet.nl/~merri033/bg-sidebar-top.png);
−
border: 1px solid #dddddd;
+
background-repeat: no-repeat;
−
padding: 0.5em;
+
margin-right: -6px;
−
background-color: white;
 
 
}
 
}
 
   
 
   
−
.tright
+
div#content { /* Shadow of the menu */
−
{
+
background-image: url(http://home.planet.nl/~merri033/bg-content.png);
−
margin: 0.25em 0 0.5em 0.5em;
+
background-repeat: repeat-x;
−
float: right;
 
 
}
 
}
 
   
 
   
−
.tleft
+
div#footer {
−
{
+
background-image: url(http://home.planet.nl/~merri033/bg-footer.png);
−
margin: 0.25em 0.5em 0.5em 0;
+
background-repeat: repeat-x;
 +
background-color: #4d4229;
 +
border-top: 3px solid #bcb699;
 
}
 
}
 
   
 
   
−
#f-poweredbyico,
+
/* Links *
−
#f-copyrightico
+
* Styles for the links outside the content
−
{
+
*/
−
display: none;
+
 +
div#column-one a, div#sidebar a { /* Links in the top menu and sidebar*/
 +
color: #000;
 +
text-decoration: none;
 
}
 
}
 
   
 
   
−
pre
+
div#sidebar a:hover { /* Hover over the links in de sidebar */
−
{
+
font-weight: bold;
−
background-color: #f7f7f7;
 
−
padding: 0.2em;
 
−
border: 1px solid #eeeeee;
 
 
}
 
}
 
   
 
   
−
td.diff-otitle { background:#cccccc; }
+
div#column-one li:hover { /* Hover over a submenu item */
−
td.diff-ntitle { background:#cccccc; }
+
background-color: #bcb699;
 +
}
 
   
 
   
−
td.diff-addedline
+
#footer, #footer a {
−
{
+
color: #fff;
−
background:#ccffcc;
 
 
}
 
}
 
   
 
   
−
td.diff-deletedline
+
/* Content
−
{
+
* This is the style of the content, copied from the monobook sking
−
background:#ffffaa;
+
*/
 +
 +
#content table {
 +
font-size: 100%;
 +
background: White;
 +
}
 +
#content a {
 +
text-decoration: none;
 +
color: #002bb8;
 +
background: none;
 
}
 
}
 +
#content a:visited { color: #5a3696; }
 +
#content a:active { color: Orange; }
 +
#content a:hover { text-decoration: underline; }
 +
#content a.stub { color: #772233; }
 +
a.new,
 +
#content #p-personal a.new { color:#ba0000; }
 +
a.new:visited,
 +
#content #p-personal a.new:visited { color:#a55858; }
 
   
 
   
−
td.diff-context
+
#content img {
−
{
+
border: none;
−
background:#eeeeee;
+
vertical-align: middle;
−
font-size: 0.9em;
 
 
}
 
}
−
 
+
#content p {
−
span.diffchange
+
margin: 0.4em 0em 0.5em 0em;
−
{
+
line-height: 1.5em;
−
color: red;
 
−
font-weight: bold;
 
 
}
 
}
 
   
 
   
−
#p-lang
+
#content p img { margin: 0; }
−
{
+
−
width: auto;
+
#content hr {
−
clear: both;
+
height: 1px;
 +
color: #aaaaaa;
 +
background-color: #aaaaaa;
 +
border: 0;
 +
margin: 0.2em 0 0.2em 0;
 
}
 
}
 
   
 
   
−
#p-lang ul
+
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
−
{
+
color: Black;
−
padding-left: 0;
+
background: none;
 +
font-weight: normal;
 +
margin: 0;
 +
padding-top: 0.5em;
 +
padding-bottom: 0.17em;
 +
border-bottom: 1px solid #aaaaaa;
 +
}
 +
#content h1 { font-size: 188%; }
 +
#content h2 { font-size: 150%; }
 +
#content h3, #content h4, #content h5, #content h6 {
 +
border-bottom: none;
 +
font-weight: bold;
 
}
 
}
 +
#content h3 { font-size: 132%; }
 +
#content h4 { font-size: 116%; }
 +
#content h5 { font-size: 100%; }
 +
#content h6 { font-size: 80%;  }
 
   
 
   
−
#p-lang li
+
#content ul {
−
{
+
line-height: 1.5em;
−
list-item-style: none;
+
list-style-type: square;
−
display: inline;
+
margin: 0.3em 0 0 1.5em;
 +
padding:0;
 +
list-style-image: url("bullet.gif");
 +
}
 +
#content ol {
 +
line-height: 1.5em;
 +
margin: 0.3em 0 0 3.2em;
 +
padding:0;
 +
list-style-image: none;
 +
}
 +
#content li { margin-bottom: 0.1em; }
 +
#content dt {
 +
font-weight: bold;
 +
margin-bottom: 0.1em;
 +
}
 +
#content dl{
 +
margin-top: 0.2em;
 +
margin-bottom: 0.5em;
 +
}
 +
#content dd {
 +
line-height: 1.5em;
 +
margin-left: 2em;
 +
margin-bottom: 0.1em;
 
}
 
}
 
   
 
   
−
#footer
+
#content fieldset {
−
{
+
border: 1px solid #2f6fab;
−
font-size: 0.9em;
+
margin: 1em 0em 1em 0em;
 +
padding: 0em 1em 1em 1em;
 +
line-height: 1.5em;
 +
}
 +
#content legend {
 +
background: White;
 +
padding: 0.5em;
 +
font-size: 95%;
 +
}
 +
#content form {
 +
border: none;
 +
margin: 0;
 
}
 
}
 
   
 
   
−
.editsection
+
#content textarea {
−
{
+
border: 1px solid #2f6fab; 
−
float: right;
+
color: Black;
−
font-size: smaller;
+
background-color: white;
 +
width: 100%;
 +
padding: 0.1em;
 +
overflow: auto;
 +
}
 +
/* hide this from ie/mac and konq2.2 */
 +
@media All {
 +
#content head:first-child+body input {
 +
visibility: visible;
 +
border: 1px solid #2f6fab; 
 +
color: Black;
 +
background-color: white;
 +
vertical-align: middle;
 +
padding: 0.2em;
 +
}
 +
}
 +
#content input.historysubmit {
 +
padding: 0 0.3em 0.3em 0.3em !important;
 +
font-size: 94%;
 +
cursor: pointer;
 +
height: 1.7em !important;
 +
margin-left: 1.6em;
 +
}
 +
#content input[type="radio"],
 +
#content input[type="checkbox"] { border:none; }
 +
#content select {
 +
border: 1px solid #2f6fab; 
 +
color: Black;
 +
vertical-align: top;
 +
}
 +
#content abbr, #content acronym, #content .explain {
 +
border-bottom: 1px dotted Black;
 +
color: Black;
 +
background: none;
 +
cursor: help;
 +
}
 +
#content q {
 +
font-family: Times, "Times New Roman", serif;
 +
font-style: italic;
 +
}
 +
#content code { background-color: #f9f9f9; }
 +
#content pre {
 +
padding: 1em;
 +
border: 1px dashed #2f6fab;
 +
color: Black;
 +
background-color: #f9f9f9;
 +
line-height: 1.1em;
 
}
 
}

Revision as of 14:51, 30 January 2010

/* CSS placed here will affect users of the Myskin skin */

/* Default *
* Resetting the margins and paddings, and defining the font-family
*/
 
* {
	margin: 0;
	padding: 0;
}
 
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
 
/* Lay-out *
* Set paddings and margins, and clear the floats of the menu items and the sidebar
*/
 
h1#header { margin-left: 3%; }
div#column-one { padding: 0 3%; }
div#globalWrapper { clear: both; }
div#column-content { margin: 0 3%; }
div#content { padding: 20px; margin-right: 206px; /* 200 + 2*6px padding of div#sidebar + (-6px) margin of div#sidebar*/ }
div#sidebar { width: 212px; margin-right: -6px; /* for the right corner */
	float: right; padding-top: 16px; /* so if the first item is selected the corners don't interfere */ }
div#footer { clear: both; padding: 0 3%; }
 
/* Header *
* Replace the header with an image
*/
 
h1#header {
	text-indent: -9999px;
	background-image: url(http://home.planet.nl/~merri033/header.png);
	height: 78px;
	width: 505px;
}
 
/* Footer *
* Style the footer
*/
 
#footer div { /* Flot the logos to the right */
	float: right;
	width: 200px;
	text-align: center;
	clear: both;
	margin: 1em 0;
}
 
#footer a img {
	border: none;
}
 
#footer ul {
	list-style: none;
	padding: 1em;
	margin-right: 200px;
}
 
/* Top menu *
* Apply proper paddings and font-styling to the menu
* Float the menu items (h5) and text to the left to make the menu horizontal.
*/
 
div#column-one {
	height: 2em; /* height 1em + 2 * 0.5em padding */
}
 
div#column-one div.portlet, div#column-one p {
	float: left;
	padding: 0.5em;
}
 
div#column-one h5, div#column-one p {
	font-size: 1em;
	line-height: 1em; /* makes the menu 1em high */
	font-weight: normal;
}
 
div#column-one p {
	font-weight: bold;
}
 
/*
* Hide and position the submenus
*/
 
div#column-one div.portlet {
	position: relative;
}
 
div#column-one div.pBody {
	display: none;
	position: absolute;
	top: 2em; /* the menu is 2em high */
}
 
/* 
* Style the menu
*/
 
div#column-one div.pBody {
	width: 15em; /* this is the maximum width before the menu items start wrapping */
}
 
div#column-one ul {
	list-style: none;
	float: left; /* by floating the list the menu items the menu gets as wide as the largest item */
	border-bottom: 1px solid #bcb699;
	border-left: 1px solid #bcb699;
	border-right: 1px solid #bcb699;
}
 
div#column-one li {
	margin: 3px; /* this is so the highlight for the items don't touch the side */
	padding: 3px;
}
 
/* 
* Add the icons
*/
 
div#column-one div.pBody { /* this is to make the text of the submenu line up with the headers */
	margin-left: -28px; /* 3px padding + 3px margin of #column-one li + 16px icon + 6px icon padding */
}
 
div#column-one li a { /* make some room for the icons and define background properties */
	padding-left: 21px; /* 16px icon + 3px padding and 3px margin from #column-one li */
	background-position: left center;
	background-repeat: no-repeat;
}
 
li#n-Main-page a { background-image: url(http://home.planet.nl/~merri033/house.png); }
li#n-Contents a { background-image: url(http://home.planet.nl/~merri033/book.png); }
li#n-Featured-content a { background-image: url(http://home.planet.nl/~merri033/medal_gold_3.png); }
li#n-currentevents a { background-image: url(http://home.planet.nl/~merri033/time.png); }
li#n-randompage a { background-image: url(http://home.planet.nl/~merri033/arrow_switch.png); }
 
li#n-About-Wikipedia a { background-image: url(http://home.planet.nl/~merri033/information.png); }
li#n-portal a { background-image: url(http://home.planet.nl/~merri033/group.png); }
li#n-recentchanges a { background-image: url(http://home.planet.nl/~merri033/page_lightning.png); }
li#n-contact a { background-image: url(http://home.planet.nl/~merri033/email.png); }
li#n-sitesupport a { background-image: url(http://home.planet.nl/~merri033/money.png); }
li#n-help a { background-image: url(http://home.planet.nl/~merri033/help.png); }
 
li#t-whatlinkshere a { background-image: url(http://home.planet.nl/~merri033/link_go.png); }
li#t-recentchangeslinked a { background-image: url(http://home.planet.nl/~merri033/hourglass_link.png); }
li#t-contributions a { background-image: url(http://home.planet.nl/~merri033/user_edit.png); }
li#t-log a { background-image: url(http://home.planet.nl/~merri033/user_lightning.png); }
li#t-emailuser a { background-image: url(http://home.planet.nl/~merri033/user_email.png); }
li#t-print a { background-image: url(http://home.planet.nl/~merri033/printer.png); }
li#t-permalink a { background-image: url(http://home.planet.nl/~merri033/page_link.png); }
li#t-cite a { background-image: url(http://home.planet.nl/~merri033/page_green.png); }
 
/* Sidebar *
* Styling of the menus
*/
 
div#sidebar ul {
	list-style: none;
}
 
#sidebar .portlet {
	background-image: url(http://home.planet.nl/~merri033/bg-sidebar-ruler.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
	margin-bottom: 8px;
}
 
.portlet h5, #p-cactions li, #p-personal li, #p-tb2 li { /* smaller height looks better, but favorites can be multiple lines */
	height: 13px;
}
 
div#sidebar li, div#sidebar h5 {
	padding: 12px 0 18px 36px;
	margin: -6px 0 -9px 0;
	font-size: 1em;
}
 
div#sidebar form {
	margin: 0 13px;
	text-align: center;
}
 
#searchInput {
	display: block;
	margin: 5px 0;
	width: 180px;
}
 
div#sidebar input {
border: 1px solid #000;
	background-color: #bcb699;
}
 
div#sidebar li a img {
	border: none;
	vertical-align: middle;
}
 
div#sidebar li.selected {
	background-image: url(http://home.planet.nl/~merri033/bg-sidebar-selected.png);
	background-repeat: no-repeat;
}
 
div#sidebar li.new a {
	color: #775240;
	font-style: italic;
}
 
div#sidebar li.selected-first { /* The first of two adjacent selected items */
	background-image: url(http://home.planet.nl/~merri033/bg-sidebar-selected-first.png);
	background-repeat: no-repeat;
}
 
div#sidebar li.selected-second { /* The second of two adjacent selected items */
	background-image: url(http://home.planet.nl/~merri033/bg-sidebar-selected-second.png);
	background-repeat: no-repeat;
}
 
/* 
* Add the icons
*/
 
div#sidebar li a {
	margin-left: -23px;
	padding-left: 23px;
	background-position: left center;
	background-repeat: no-repeat;
}
 
div#sidebar li.selected a {
	font-weight: bold;
}
 
/*
* 'Views' icons
*/
 
#ca-nstab-main a { background-image: url(http://home.planet.nl/~merri033/house.png); }
#ca-nstab-user a { background-image: url(http://home.planet.nl/~merri033/user.png); }
#ca-nstab-image a { background-image: url(http://home.planet.nl/~merri033/image.png); }
#ca-nstab-portal a { background-image: url(http://home.planet.nl/~merri033/layout.png); }
#ca-talk a { background-image: url(http://home.planet.nl/~merri033/comments.png); }
#ca-edit a { background-image: url(http://home.planet.nl/~merri033/page_edit.png); }
#ca-addsection a { background-image: url(http://home.planet.nl/~merri033/page_add.png); }
#ca-viewsource a { background-image: url(http://home.planet.nl/~merri033/page_code.png); }
#ca-history a { background-image: url(http://home.planet.nl/~merri033/hourglass.png); }
#ca-move a { background-image: url(http://home.planet.nl/~merri033/page_go.png); }
#ca-watch a { background-image: url(http://home.planet.nl/~merri033/eye.png); }
 
/* 
* Favorites
*/
 
#ca-favorites a { background-image: url(http://home.planet.nl/~merri033/star.png); }
li.favorite a { background-image: url(http://home.planet.nl/~merri033/star_silver.png); }
div#sidebar li a.remove-favorite { padding-left: 0; margin-left: 0; background: none; }
 
/*
* Toolbox
*/
 
#t-upload a { background-image: url(http://home.planet.nl/~merri033/image_add.png); }
#t-specialpages a { background-image: url(http://home.planet.nl/~merri033/page_gear.png); }
 
/*
* 'Personal menu' icons
*/
 
#pt-userpage a { background-image: url(http://home.planet.nl/~merri033/user.png); }
#pt-mytalk a { background-image: url(http://home.planet.nl/~merri033/user_comment.png); }
#pt-preferences a { background-image: url(http://home.planet.nl/~merri033/wrench_orange.png); }
#pt-watchlist a { background-image: url(http://home.planet.nl/~merri033/page_find.png); }
#pt-mycontris a { background-image: url(http://home.planet.nl/~merri033/user_edit.png); }
#pt-logout a { background-image: url(http://home.planet.nl/~merri033/door_in.png); }
 
/* Autcomplete
* Styles for the autocomplete form
*/
 
#p-search, #searchform {
	overflow:visible !important;
}
 
#autocompletebox {
	display: block;
	position: absolute;
	border: solid 1px #000;
	background: #bcb699;
	overflow: auto;
	visibility: hidden;
	width: 180px;
	opacity: 0.95;
}
 
/* Backgrounds and border *
* Here all the background images and colors + borders defined
*/
 
body {
	background-color: #000;
}
 
div#column-one { /* The top menu */
	background-color: #e9e2be;
	background-image: url(http://home.planet.nl/~merri033/bg-menu.png);
	background-repeat: repeat-x;
}
 
div#column-one ul { /* The top submenu */
	background-color: #e9e2be;
	opacity: 0.95;
}
 
div#globalWrapper { /* Page background gradient */
	background-image: url(http://home.planet.nl/~merri033/bg.png);
	background-repeat: repeat-x;
}
 
div#column-content { /* Faux columns background */
	background-image: url(http://home.planet.nl/~merri033/bg-column-content.png);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #fff; /* The background color of the content */
}
 
div#sidebar { /* Sidebar corners */
	background-image: url(http://home.planet.nl/~merri033/bg-sidebar-top.png);
	background-repeat: no-repeat;
	margin-right: -6px;
}
 
div#content { /* Shadow of the menu */
	background-image: url(http://home.planet.nl/~merri033/bg-content.png);
	background-repeat: repeat-x;
}
 
div#footer {
	background-image: url(http://home.planet.nl/~merri033/bg-footer.png);
	background-repeat: repeat-x;
	background-color: #4d4229;
	border-top: 3px solid #bcb699;
}
 
/* Links *
* Styles for the links outside the content
*/
 
div#column-one a, div#sidebar a { /* Links in the top menu and sidebar*/
	color: #000;
	text-decoration: none;
}
 
div#sidebar a:hover { /* Hover over the links in de sidebar */
	font-weight: bold;
}
 
div#column-one li:hover { /* Hover over a submenu item */
	background-color: #bcb699;
}
 
#footer, #footer a {
	color: #fff;
}
 
/* Content
* This is the style of the content, copied from the monobook sking
*/
 
#content table {
font-size: 100%;
background: White;
}
#content a {
text-decoration: none;
color: #002bb8;
background: none;
}
#content a:visited { color: #5a3696; }
#content a:active { color: Orange; }
#content a:hover { text-decoration: underline; }
#content a.stub { color: #772233; }
a.new,
#content #p-personal a.new { color:#ba0000; }
a.new:visited,
#content #p-personal a.new:visited { color:#a55858; }
 
#content img {
border: none;
vertical-align: middle;
}
#content p {
margin: 0.4em 0em 0.5em 0em;
line-height: 1.5em;
}
 
#content p img { margin: 0; }
 
#content hr {
height: 1px;
color: #aaaaaa;
background-color: #aaaaaa;
border: 0;
margin: 0.2em 0 0.2em 0;
}
 
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: Black;
background: none;
font-weight: normal;
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.17em;
border-bottom: 1px solid #aaaaaa;
}
#content h1 { font-size: 188%; }
#content h2 { font-size: 150%; }
#content h3, #content h4, #content h5, #content h6 { 
border-bottom: none;
font-weight: bold;
}
#content h3 { font-size: 132%; }
#content h4 { font-size: 116%; }
#content h5 { font-size: 100%; }
#content h6 { font-size: 80%;  }
 
#content ul { 
line-height: 1.5em;
list-style-type: square;
margin: 0.3em 0 0 1.5em;
padding:0;
list-style-image: url("bullet.gif");
}
#content ol {
line-height: 1.5em;
margin: 0.3em 0 0 3.2em;
padding:0;
list-style-image: none;
}
#content li { margin-bottom: 0.1em; }
#content dt { 
font-weight: bold; 
margin-bottom: 0.1em;
}
#content dl{
margin-top: 0.2em;
margin-bottom: 0.5em;
}
#content dd {
line-height: 1.5em;
margin-left: 2em;
margin-bottom: 0.1em;
}
 
#content fieldset {
border: 1px solid #2f6fab;
margin: 1em 0em 1em 0em;
padding: 0em 1em 1em 1em;
line-height: 1.5em;
}
#content legend {
background: White;
padding: 0.5em;
font-size: 95%;
}
#content form {
border: none;
margin: 0;
}
 
#content textarea {
border: 1px solid #2f6fab;  
color: Black;
background-color: white;
width: 100%;
padding: 0.1em;
overflow: auto;
}
/* hide this from ie/mac and konq2.2 */
@media All {
#content head:first-child+body input {
visibility: visible;
border: 1px solid #2f6fab;  
color: Black;
background-color: white;
vertical-align: middle;
padding: 0.2em;
}
}
#content input.historysubmit {
padding: 0 0.3em 0.3em 0.3em !important;
font-size: 94%;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
#content input[type="radio"],
#content input[type="checkbox"] { border:none; }
#content select {
border: 1px solid #2f6fab;  
color: Black;
vertical-align: top;
}
#content abbr, #content acronym, #content .explain {
border-bottom: 1px dotted Black;
color: Black;
background: none;
cursor: help;
}
#content q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}
#content code { background-color: #f9f9f9; }
#content pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: Black;
background-color: #f9f9f9;
line-height: 1.1em;
}
Retrieved from "https://help.x-cart.com/index.php?title=MediaWiki:Myskin.css&oldid=2814"