Użytkownik:Karol007/vector.css

/* Container holding the image and the text */
.container {
    position: relative;
    text-align: center;
    color: white;
}

/* Bottom left text */
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

/* Top left text */
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}







header {
  width: 80%;
  background-color: #EEE;
  border: 1px solid #DDD
}

#logo {
  float: left;
  background-color: green;
  padding: 10px;
  position: relative;
}

#logo a span { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  background-image: url('empty.gif');
}

#logo:hover {
	background-color: #0A0;  
}

#logo:active {
	background-color: #A9A;
  top: +2px;
}

header nav {
  float: right;
  padding: 10px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}


#clear {
  float: left;
  background-color: white;
  padding: 10px;
  position: relative;
}

#clear a span { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}

#clear:hover {
	background-color: #EBEBE8;  
}

#clear:active {
	background-color: #A9A;
  top: +2px;
}




div.feature {
        position: relative;
} 

div.feature:hover{
	background-color: #0A0;
}

div.feature:active {
	background-color: #A9A;
	top: +2px;
}


    div.feature a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
        float:left;
    }