User:Tomaschwutz/vector.css

/* License: GPLv2 or later css by tomaschwutz @import "http://www.wutzler.net/rehw/index.php?title=User:tomaschwutz/myskin.css&action=raw&ctype=text/css"

/* hyding elements, showing on hover */ /* .toggleHover:hover { background-color: lightblue; } .toggleHoverInside{ background-color: lightgrey; } .toggleHoverInside{ display:none; } .toggleHover:hover .toggleHoverInside { display:block; } .toggleHover:hover + .toggleHoverInside { display:block; }

/* --- nice reading with series */ body { font-family: sans-serif; background-color: white; margin: auto; padding: 1ex; max-width: 50em; }


 * { font-family: sans-serif; }

/* font-size: 1.2em;

/* cannot apply the font sizes to a and i (p *) because its change twice once incide p and once insde a */ p, p + ul > li, p + ol > li, p + ul +ul > li, p + ul + ul + ul > li, p + ul + ul + ul +ul > li, p + ul + ul + ul +ul +ul > li, p + ul + ul + ul + ul +ul +ul > li { font-family: Times, "Times New Roman", serif; line-height: 1.3em !important; font-size: 120%; }

/* over write the standard * inside p */ p * { font-family: Times, "Times New Roman", serif; line-height: 1.3em !important; }

p a, p + ul > li a, p + ol > li a, p a:visited, p + ul > li a:visited, p + ol > li a:visited, p a.new, p a.new:visited { font-family: Times, "Times New Roman", serif; text-decoration: none; color: black; }

/* p a:hover, p + ul > li a:hover, p + ol > li a:hover { color: #369; } */ a, p:hover a { color: #369; } a:visited, p:hover a:visited {   color: #0b0080; } a.new, p:hover a.new {   color: #ba0000; } a.new:visited, p:hover a.new:visited {   color: #a55858; }

/* background: lightgray; a:link{ color: #369;}

a:visited{ color: #636;} a.new:link,a.new:visited{ color: #739900;} a:hover,a.new:hover{ color: #CC0000;}

/*--- floating sysinfo - margin-right: 1.5em; float:left; margin-left: 1.5em; float:right; max-width:30em; }
 * .CategoryTemplate {
 * .CategoryTemplate {

/*- floating TOC  */ /* does not work with float: position: absolute; top = 0; right=0; */ float: right; /* width: 30%; */ background-color: #eeeeee; padding: 0.5em; margin: 0.5em; }
 * 1) toc{


 * 1) toc ul { list-style-type: none; }

span.tocnumber { display: none; }

/* drop down menu --*/ /* use jQuery before to assemple the div#twCssMenu as a child of p-logoTw body { padding: 0px; }

div#content { margin-left: 0em; border-style: none; }

display: block; width: 17ex; height: 2em; background-repeat: no-repeat; background-position: center center; text-decoration: none; border-style:solid; border-color:black; border-width: 1px; }
 * 1) p-logoTw > a {

position: fixed; width: 17ex; z-index: 2; top: 0px; right: 0px; }
 * 1) p-logoTw {

display: block; }
 * 1) p-logoTw:hover > div#twCssMenu {

float: none; }
 * 1) p-search {

/*--Setzt alle Abstände auf "Null"--*/

margin: 0; padding: 0; }
 * 1) twCssMenu * {

/*--formatiert die Menüleiste--*/ div#twCssMenu { position: absolute; top: 10px; right: 0; padding: 0 0px; background-color: #f7f7f7; font-family: Verdana; font-size: 0.6em; line-height: 1.5; border: 1px solid #003366; z-index: 3; display: none; }

/*--formatiert die Themenblöcke--*/ }
 * 1) twCssMenu ul {

/*--definiert die Blocküberschriften--*/

font-size: 1em; width: 16em;   /* a bit larger than the orinigal logo */ background-color: #f7f7f7; border: 1px solid #eeeeee; text-align: left; }
 * 1) twCssMenu h3 {

/*--definiert die "Drop-Down-Links" im Normalzustand--*/ text-decoration: none; display: block; text-align: center; background-color: #d7d7d7; border: 1px solid #cccccc; color: black; font-size: 0.9em; width: 12em }
 * 1) twCssMenu a {

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ color: #f8f8f8; background: #777777; }
 * 1) twCssMenu a:hover {

/*
 * verhindert im Zusammenhang mit position absolute bei ul ul
 * eine Höhenvergrößerung von #menu beim Hovern--

position: relative; }
 * 1) twCssMenu div {

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ position: absolute; top: -1.5em; left: 6ex; z-index: 2; list-style-type: none; display: none; }
 * 1) twCssMenu div ul{

list-style-type: none; list-style-image: none; }
 * 1) twCssMenu * {

display: block; }
 * 1) twCssMenu div:hover ul {

tmp { border-style:solid; border-color:#ff0000 #0000ff; }