/* 03.04 Footer */
footer {}
section#footer_content {
background: url('../images/footer_content.png') repeat;
margin-top: 30px;
padding-bottom: 20px;
}
section#footer_content h4, section#footer_content h5 {
color:white;
font-size: 1.8em;
margin-top: 15px;
}
section#footer_content h5 {
margin-top: 50px;
}
section#footer_content a {
color: #efefef;
font-weight: normal;
text-decoration: none;
}
section#footer_content a:hover { text-decoration: underline; }
section#footer_content #inspiration img {
border: 3px solid #2f3339;
float: left;
height: 75px;
margin: 5px;
width: 75px;
opacity: 0.7;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
section#footer_content #inspiration img:hover { opacity: 1; }
section#footer_content ul.twitter_list {
list-style-type: none;
font-size: 1.15em;
color: #999;
}
ul.twitter_list li {
border-bottom: 1px solid #646464;
line-height: 1.4em;
padding: 20px 5px;
}
ul.twitter_list li:first-child {
padding-top: 0px;
}
section#footer_content p.followme {
font-family: Georgia, serif;
font-style: italic;
text-align: right;
margin-bottom: 20px;
}
section#footer_content p.followme a { font-weight: normal; }
section#footer_content #socials h4, section#footer_content #socials h5, section#footer_content #socials ul,
section#footer_content #socials p {
margin-left: 35px;
}
section#footer_content #socials ul.socials {
list-style: none;
}
ul.socials li {
float: left;
margin: 5px 10px 5px 0;
}
section#footer_content #socials p.stayupdated img {vertical-align: middle; }
section#footer_content #socials p.credits { color: #999; }
section#powered{ height: 50px; }
section#powered p, section#powered a {
color: #aeaeae;
font-weight: normal;
text-decoration: none;
text-shadow: 1px 1px 1px #fff;
}
section#powered a:hover { color: #888; }
Bu css kodları bunlarda html kodları footerın