body { background:#FFAAC5; font-family:calibri; font-size:10px; overflow-x:hidden; } a { text-decoration:none; color:#d5d5d5; } #box { width:170px; position:fixed background:#ffffff; border:1px solid #f5f5f5; padding:20px; text-align:center; display:inline-block; margin-left:10px; margin-right:10px; } .title { background:#d8d8d8; text-align:center; text-transform:uppercase; font-family:calibri; color:#ffffff; font-size:15px; padding:5px; margin-bottom:5px; } .links { -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; } hover .links { opacity:0.8; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; } .links { z-index:2222; width:170px; font-family:calibri; font-size:8px; text-align:center; letter-spacing:1px; margin-top:2px; margin-left:0px; margin-bottom:2px; position:relative; opacity:1; -webkit-transition: all 1s ease; } .links a{ opacity:.7; display:block; text-transform: uppercase; margin-bottom:4px; font-style:normal; padding:5px; background:#ffffff; color:#575656; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } .links a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9eb9+1,ffadc7+47,ffbaaf+100 */ background: #ff9eb9; /* Old browsers */ background: -moz-linear-gradient(top, #ff9eb9 1%, #ffadc7 47%, #ffbaaf 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff9eb9 1%,#ffadc7 47%,#ffbaaf 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff9eb9 1%,#ffadc7 47%,#ffbaaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9eb9', endColorstr='#ffbaaf',GradientType=0 ); /* IE6-9 */ letter-spacing:6px; opacity:.8; background-color:#666565; color:#ffffff; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; } #top { width:100%; text-align:center; margin-top:50px; font-family:'calibri'; font-size: 26px; font-color:#666565 } #navi { margin-top:0px; } #navi a { width:50px; background:#9b9b9b; color:#fff; font-size:9px; display:inline-block; padding:3px; letter-spacing:1px; text-transform:uppercase; margin-left:3px; margin-right:3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #navi a:hover { background:#fff; color:#ddd; } {{ head_content }}


LINKS
home products


Personal Links
Resources
OTHER









CREDIT