Google+ Tools
Make Google+ profile picture
Make Google plus banners for profile
Create and share your Google Plus profile banners.

Profile image for mrk studios naomier on March 11, 2012

Stylesheet for Foodie winners in online-voting contest. Restaurants are displayed by category, then ranked by number of reader votes and critic's choice. Created January 2012. http://www.orlandosentinel.com/foodiesresults

Language
CSS
Tags

CSS template for contest results page


<style type="text/css">
#foodie-container {
    padding: 5px;
    float: left;
    width: 980px;
}
.foodie-category {
    float: left;
    margin: 2px 5px 15px 5px;
    padding: 2px;
    width: 124px;
}
.foodie-category li {
    list-style: none !important;
}
.foodie-category a {
    color: #167;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.foodie-category a:hover {
    text-decoration: underline;
}
.foodie-winner {
    border: 1px solid #ccc;
    float: left;
    height: 290px;
    margin: 2px 6px 10px 6px;
    overflow: hidden;
    padding: 4px;
    width: 304px;
}
    article, header, nav, section {
    display: block;
}
small {
    font-size: 11px;
}
h3 {
    border-bottom: 2px dotted #ccc;
    color: #167;
    font: bold 16px Arial, Helvetica, sans-serif;
    margin: 2px 0 5px;
    padding: 2px;
}
</style>

Comments

blog comments powered by Disqus