<!DOCTYPE html PUBLIC "-//W3C//Ddiv XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Ddiv/xhtml1-transitional.ddiv"> Navigation #credit { position:fixed; width:80px; text-align:right; right:5px; bottom:5px; padding:5px; font-family:Lato, Sans-Serif; font-weight:bold; font-size:7px; text-transform:uppercase; letter-spacing:1px } #credit a {color:black;font-weight:bold;} body { background-color:#f3f3f3; color:#000; font:normal normal 10px 'Lato'; letter-spacing:1px; } h1 { text-transform:uppercase; font-family:Lato; font-size:11px; font-weight:600; letter-spacing:3px; text-align:center; padding:17px 0px; margin-top:10px; background-color:rgba(0,0,0,.85); /* uncomment for black header */ /*background-color:#aed5fc; your color*/ color:#fff; border-bottom:1px solid #e1e1e1; } h2 { text-transform:uppercase; font-size:9px; font-weight:900; letter-spacing:2px; text-align:center; } a, a:visited { color:#000; border-bottom:1px solid #dd96a1;/*ACCENT*/ text-decoration:none; } .containe { background-color:transparent; padding:20px; padding-bottom:100px; position:absolute; left:50%; margin-left:-270px; width:500px; top:50%; margin-top:-260px; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .top { width:400px; display:inline-block; } .desc { width:190px; height:40px; display:inline-block; padding:10px; background-color:#fff; border-bottom:1px solid #ddd; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-weight:300; line-height:180%; margin-top:0px; position:absolute; } .icon { background-color:white; width:40px; height:40px; padding:10px; border-bottom:1px solid #ddd; display:inline-block; margin-left:220px; margin-top:0px; } .clink { margin-left:10px; display:inline-block; margin-top:-05px; height:40px; text-align:center; text-transform:uppercase; font-weight:300; font-size:7px; position:absolute; margin-left:-8px; width:240px; } .clink a { display:inline-block; width:85px; margin-left:5px; margin-top:5px; background-color:white; padding:9px 8px 10px 8px; border-bottom:1px solid #ddd; -webkit-transition-duration:500ms;-o-transition-duration:500ms;-moz-transition-duration:500ms;-ms-transition-duration:500ms; } .clink a:hover { color:#ddd; } .main { margin-top:-4px; margin-left:-15px; width:550px; } .abox { width:221px; padding:10px 11px; margin-left:14px; margin-top:14px; float:left; background-color:white; border-bottom:1px solid #ddd; } .poo { display:block; height:40px; } .abox h2 { font-size:7px; text-align:center; padding:10px 12px 12px 12px; color:#000;/*your color*/ /*background:rgba(0,0,0,.85);*/ /*uncomment for black*/ border:1px solid #eee;/*your color*/ } .tags { display:block; text-transform:uppercase; font-weight:400; font-size:9px; } .tags a { display:block; border-bottom:none; padding:8px; background-color:white; -webkit-transition-duration:600ms;-o-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms; } .tags a:hover { font-weight:400; color:#000; padding-left:35px; } .tags a.st:hover { color:#000; background-color:white; padding:8px;} .tags a.st { font-weight:bold;}
index
message
Old Navigation
© THEME