User:Tomaschwutz/vector.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/*
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; 
*/
*.CategoryTemplate { 
    margin-left: 1.5em;
    float:right; 
    max-width:30em;
}



/*-----------------  floating TOC -------- */
#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;
}

#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;
}

#p-logoTw > a {
    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;
}

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

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


#p-search {
    float: none;
}

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

#twCssMenu * {
margin: 0;
padding: 0;
}

/*--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--*/
#twCssMenu ul {
}

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

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

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


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

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


#twCssMenu div {
position: relative;
}

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

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


#twCssMenu div:hover ul {
display: block;
}

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