Return to Snippet

Revision: 56123
at March 11, 2012 13:35 by naomier


Updated Code
<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>

Revision: 56122
at March 11, 2012 07:14 by naomier


Initial Code
<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>

Initial URL

                                

Initial Description
Embedded stylesheet for results page of 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

Initial Title
CSS template for contest results page

Initial Tags

                                

Initial Language
CSS