/* Różne MJackowe sztuczki na strony prowadzonych przedmiotów */

<style type="text/css">




/* nie wiem czmu nie ma to wpływu */


body {
    color: #ffffff;
}

h2 {
    color: #1470B8;
    background-color: lightgray;
    font-family: "Arial", Gadget, sans-serif;  
}

h3 {
    color: #1470B8;
    background-color: lightgray;
    font-family: "Arial", Gadget, sans-serif;
}

th {
    font-size: large;
    color: #1470B8;
    background-color: lightgray;
    font-family: "Arial", Gadget, sans-serif;
}

td {
    padding: 1%;
}


.stripedtable tbody tr:nth-child(odd) {
   background-color: #eee;
}


.bigfatwarn {font-size: 20pt; font-family: arial;  color:green; background: orange;}
.eyeflash {font-size: 25pt; color:red; background:yellow;}
.important {font:+2; color:red; background:yellow;}
li {margin-top: 5pt;}
li.separator {color:gray}
ul {list-style-type: square; list-style-image: url(../resources/li.png)}

a:link {
    display: inline-block;
      position: relative;
    text-align: center;
    color: #ffffff;
    background-color: #1470B8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(0,0,0,1);
    border-bottom-width: 1px;
    padding: 2px;
    margin: 2px;
    text-decoration: none;
}

a:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(alt);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

a:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    
    position: absolute;
    z-index: 99;
}



a:visited {
    color: #ffffff;
    background-color: #1470B8;
    text-decoration: none;
}


    a.graphlink{
    color: #1470B8;
    background-color: lightgray;
    border: none;
    }


    td.linki > a{
	min-width: 100%;
	padding: 8px;
    }



.modified {color:green; background:yellow}
.evenweek {background:#00b050; color:#000000}
.oddweek {background:#8dacff; color:#000000}
.mixedweek {background:#ffce00; color:#000000}
.temp {color:gray;background:lightyellow}
.old {color:lightgray;
     }
div.old     a:link {
	  display: inline;
	  color: gray;
	  background-color: #cfcfff;
      }
      
      /* visited link */
div.old      a:visited {
	  color: gray;
      }



.subchap {font:1.5em; background:yellow;}
oldsep {color:yellow; font:2em; background:gray;}
.updatedate {color:brown; font:1.7em; background:pink;}
div.banner {
    margin: 0;
    font-size: 80% /*smaller*/;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    position: absolute;            /* Fallback if 'fixed' is not supported */
    position: fixed;
    top: 3ex;
    left: 90%;
    width: 97px;
    right: auto;

}
a.banner:link {
    color: black;
    background-color: white;
}



rdiv.menu {float: right}
div.menu a {display: block}

/* .hot-container p { margin-top: 10px; } */
/* a { text-decoration: none; margin: 0 10px; } */

/* .hot-container { */
/* min-height: 100px; */
/* margin-top: 100px; */
/* width: 100%; */
/* text-align: left; */
/* } */



a.btn {
    display: inline-block;
    position: relative;
    min-width: 120px;
    text-align: center;
    color: #ffffff;
    background-color: #1470B8;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 14px;
    /* font-weight: bold;  - za tłusto było...*/
    font-family: "Arial Black", Gadget, sans-serif;
    padding: 7px 9px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 3px solid rgba(0,0,0,1);
    border-bottom-width: 3px;
}

a.btn.btn-s {
    min-width:7%;
    color: #ffffff;
}

a.btn.btn-s-old {
    min-width:7%;
    color: #808063;
    background-color: #636363;
}


/* a.btn:hover {
    background-color: #6363ff;
    border-color: rgba(0,0,0,0.5);
}
*/




.btn:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(alt);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}



.btn:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    
    position: absolute;
    z-index: 99;
}




a.btn:active {
    background-color: #CCC;
    border-color: rgba(0,0,0,0.9);
}

/* blue button */

a.btn.btn-blue {
    background-color: #699DB6;
    border-color: rgba(0,0,0,0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    color: #FFF;
}

a.btn.btn-blue:hover {
    background-color: #4F87A2;
    border-color: rgba(0,0,0,0.5);
}

a.btn.btn-blue:active {
    background-color: #3C677B;
    border-color: rgba(0,0,0,0.9);
}

/* red button */

a.btn.btn-red {
    background-color: #E48681;
    border-color: rgba(0,0,0,0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    color: #FFF;
}

a.btn.btn-red:hover {
    background-color: #DA4F49;
    border-color: rgba(0,0,0,0.5);
}

a.btn.btn-red:active {
    background-color: #B32C24;
    border-color: rgba(0,0,0,0.9);
}

table.bannertable {
    border:1; border-color: #009000;
}

/* collapse/expand tricks */
.togglablerest {
    display:none; 
    height:auto;
    margin:0;
    float: left;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: inline; 
}
.hide:target {
    display: none; 
}
.hide:target ~ .togglablerest {
    display:inline; 
}

/*style the (+) and (-) */
/* .hide, .show {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 1px 0 #666;
    text-align: center;
    text-decoration: none;
    box-shadow: 1px 1px 2px #000;
    background: #cccbbb;
    opacity: .95;
    margin-right: 0;
    float: left;
    margin-bottom: 25px;
}

.hide:hover, .show:hover {
    color: #eee;
    text-shadow: 0 0 1px #666;
    text-decoration: none;
    box-shadow: 0 0 4px #222 inset;
    opacity: 1;
    margin-bottom: 25px;
}

*/
.togglablerest p{
    height:auto;
    margin:0;
}
.visibletitle {
   font-style: italic;
}

/* alt version */

.collap tr{
    display:none;
    float:left;
    padding:5px;
}


.collap tr:target{
    display:block;
}

/* collapsed with hover (example from http://webkod.pl/kurs-css/lekcje/dzial-4/rozwijane-poziome-menu-css) */

ol > li > ul {
  display:none;
}

ol > li:hover > ul {
  display:block;
}

ul.courses > li > ul > li {
  display:none;
}
ul.courses > li > ul > li.current_ed {
  display:block;
}

ul.courses > li:hover > ul > li{
  display:block;
}




</style>