User:Addi7054/vector.css

/* Visual editor layer list formatting */

/** Reformat indentation **/ /** By default, MediaWiki uses outside style position ul. Outside style places ul bullets outside of the box model. This makes ul content line up with other elements, but not the bullet. Changing the style position to inside lines up ul bullets with other elements. The inside style position is superfluous for ol but is included here for rule writing parsimony. 0 pixel left margin keeps all lists left justified. .mw-content-ltr ul.ve-ce-branchNode { margin-left: 0px; list-style-position: inside; } .mw-content-ltr ol.ve-ce-branchNode { margin-left: 0px; }

/** This rule continuously indents all li after the first li. The first li is left justified. 1.6em is the default indentation for definition lists. This keeps ol, ul, and dl lined up. .mw-content-ltr li.ve-ce-branchNode li.ve-ce-branchNode { margin-left: 1.6em; }

/** Fix alignment **/ /** Visual Editor places p tags inside li tags. By default p tags are displayed as block, keeping them left justified with the body tag. Block display causes the p to appear under the number of an ol or the bullet of an ul. Changing the display to inline places the content of p tags after the number or bullet. .mw-content-ltr ul.ve-ce-branchNode p, .mw-content-ltr ol.ve-ce-branchNode p{   display: inline; }

/** Create counters and remove default ordered list numbers **/ .mw-content-ltr ol.ve-ce-branchNode { counter-reset: first-counter; list-style-type: none; }

.mw-content-ltr ol.ve-ce-branchNode ol.ve-ce-branchNode { counter-reset: second-counter; list-style-type: none; }

.mw-content-ltr ol.ve-ce-branchNode ol.ve-ce-branchNode ol.ve-ce-branchNode { counter-reset: third-counter; list-style-type: none; }

/** Replace default ordered list numbers with formatted counters **/ .mw-content-ltr ol.ve-ce-branchNode > li.ve-ce-branchNode:before { content: counter(first-counter, decimal) ". "; counter-increment: first-counter; font-weight: bold; }

.mw-content-ltr ol.ve-ce-branchNode ol.ve-ce-branchNode > li.ve-ce-branchNode:before { content: counter(first-counter, decimal) counter(second-counter, lower-alpha) ". "; counter-increment: second-counter; font-weight: bold; }

.mw-content-ltr ol.ve-ce-branchNode ol.ve-ce-branchNode ol.ve-ce-branchNode > li.ve-ce-branchNode:before { content: counter(third-counter, lower-roman) ". "; counter-increment: third-counter; font-weight: bold; }

/* Presentation layer list formatting */

/** Reformat indentation **/ margin-left: 0px; list-style-position: inside; }
 * 1) mw-content-text.mw-content-ltr ol, #mw-content-text.mw-content-ltr ul {

margin-left: 1.6em; }
 * 1) mw-content-text.mw-content-ltr li li {

/** Create counters and remove default ordered list numbers **/ counter-reset: first-counter; list-style-type: none; }
 * 1) mw-content-text.mw-content-ltr ol {

counter-reset: second-counter; list-style-type: none; }
 * 1) mw-content-text.mw-content-ltr ol ol {

counter-reset: third-counter; list-style-type: none; }
 * 1) mw-content-text.mw-content-ltr ol ol ol {

/** Replace default ordered list numbers with formatted counters **/ content: counter(first-counter, decimal) ". "; counter-increment: first-counter; font-weight: bold; }
 * 1) mw-content-text.mw-content-ltr ol > li:before {

content: counter(first-counter) counter(second-counter, lower-alpha) ". "; counter-increment: second-counter; font-weight: bold; }
 * 1) mw-content-text.mw-content-ltr ol ol > li:before {

content: counter(third-counter, lower-roman) ". "; counter-increment: third-counter; font-weight: bold; }
 * 1) mw-content-text.mw-content-ltr ol ol ol > li:before {

/* Hover Box for switching the visibility of the selected item */ .hoverbox { display:inline-block; padding:0em; } .hoverbox .hoveritem { display:none; margin:0em; padding:0em; } .hoverbox .hoveritem.selected { display:inline-block; } .hoverbox:hover .hoveritem { display:inline-block; } .hoverbox:hover .hoveritem.selected { display:none; }

/* /* this has to be overridden for every menu */ overflow: visible; } /* this has to be overridden for every menu */ margin: 0; padding: 0; } /* this is an example to make the list of the second entry bigger e.g. when there is a longer text in a list item*/ width: 16em; }
 * MenuSidebar
 * 1) p-Menu,
 * 2) p-Menu2,
 * 3) p-Menu3 {
 * 1) p-Menu div,
 * 2) p-Menu2 div,
 * 3) p-Menu3 div {
 * 1) p-Menu ul li.item2 ul {

/* this an example to change the background color of every second list item li.even { background-color: #eeeeee; } .menuSidebar ul { /* remove bullets and list indents */ list-style: none; margin: 0; padding: 0; } /* this div is only for better handling and navigation ... could also be done in inner ul*/ .menuSidebar ul div { position: absolute; top: -6px; left: 100%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */ z-index: 100; /* show ul on top */ } .menuSidebar ul ul { background-color: white; border: 1px solid #aaaaaa; margin-top: 2px; /* make navigation easier*/ margin-bottom: 2px; /* make navigation easier*/ z-index: 101; /* show on top; Needed for IE 7 */ width: 12em; /* width of inner menu, Needed for IE 7 */ } .menuSidebar li { position: relative; /* make li a container for inner elements */ margin: 1px; z-index: 102; /* show on top; Needed for IE 7 */ } /* style, color and size links and headings to suit */ .menuSidebar a { font-weight: normal; font-size: 95%; display: block; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #aaaaaa; margin: 0px; padding: 0px; padding-left: 2px; color: #0000ff; text-decoration: none; } /* move the &gt; to the right */ .menuSidebar a em { position: static; padding-left: 2px; padding-left: 2px; right: 4px; } .menuSidebar li:hover, /* Needed for IE 7 */ .menuSidebar a:hover { background: #efefff ; } .menuSidebar li.separator a:hover { background: white; } /* Needed for IE 7 */ .menuSidebar li.separator a, .menuSidebar li.separator { line-height: 0px; height: 0px; font-size: 0px; } .menuSidebar ul li:last-Child a { border-width: 0px 0px 0px 0px; // remove the last bottom line padding-bottom: 0px; } /* hides the first level */ .menuSidebar ul li div { display: none; } /* shows the first level and hide the second */ .menuSidebar ul li:hover div, .menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */ /* second level*/ .menuSidebar ul li ul li:hover div, .menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */ /* third level */ .menuSidebar ul li ul li ul li:hover div, .menuSidebar ul li ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */

/* ***** ***** Timeline ***** ***** */ table.tl_table{ border-width: thin; border-spacing: 2px; border-style: outset; border-color: black; border-collapse: separate; background-color: white; border-radius: 9px; } th.tl_title{ text-transform: uppercase; text-align: center; border-width: 1px; padding: 1px; border-style: outset; border-color: blue; background-color: rgb(243, 248, 252); border-radius: 9px; } th.tl_years{ text-align: center; font-style: italic; border-width: 1px; padding: 1px; border-style: outset; border-color: blue; background-color: rgb(223, 228, 252); border-radius: 4px; } th.tl_months{ text-align: center; border-width: 1px; padding: 1px; border-style: outset; border-color: blue; background-color: rgb(243, 248, 252); border-radius: 2px; } th.tl_days{ text-align: center; border-width: 1px; padding: 1px; border-style: outset; border-color: blue; background-color: rgb(243, 248, 252); border-radius: 2px; } td.tl_freetime{ background-color: rgb(187, 210, 236); border-width: 1px; border-color: black; border-style: inset; border-radius: 7px; } td.tl_event{ text-align: center; padding: 1px; background-color: rgb(61, 114, 194); border-width: 1px; border-color: white; border-style: inset; color: white; border-radius: 7px; white-space: normal } td.tl_foot{ text-align: center; padding: 1px; background-color: rgb(243, 248, 252); border-width: 1px; border-color: blue; border-style: ridge; color: gray; border-radius: 9px; } thead.tl_header{} tbody.tl_body{} tfoot.tl_footer{}

/* Archive background color */ .ns-112 #content, .ns-113 #content { background-color: #c49e73; }

.ns-112 div.thumb, .ns-113 div.thumb { border-color: #c49e73; }