CardBoardFish CSS

An example CSS file in the 'CardBoardFish' style.

/* TextMe */

div.websms_textme {
    width: 200px;
    margin: 5px;
    padding: 0px;
    border-top: 10px solid #000000;
    border-bottom: 10px solid #000000;
    background: #FFFFFF;
    color: #000000;
}

div.websms_textme p {
    text-align: center;
    font-family: sans-serif;
    font-size: small;
}

div.websms_textme div.title {
    font-family: sans-serif;
    font-size: medium;
    background: #000000;
    color: #FFFFFF;
}

div.websms_textme span.keyword {
    font-weight: bold;
    color: #8F0000;
}

div.websms_textme span.number {
    font-weight: bold;
    color: #00008F;
}

div.websms_textme div.notes {
    background: #000000;
    font-family: sans-serif;
    padding-top: 10px;
}

/* Blog */

div.websms_smsblog {
    width: 300px;
    margin: 5px;
    padding: 0px;
    border-top: 10px solid #008F00;
    border-bottom: 10px solid #008F00;
    background: #FFFFFF;
    color: #000000;
}

div.websms_smsblog div.title {
    font-family: sans-serif;
    font-size: medium;
    background: #008F00;
    color: #FFFFFF;
}

div.websms_smsblog div.name {
    font-family: sans-serif;
    font-size: medium;
    color: #008F00;
    border-bottom: 1px solid #008F00;
}

div.websms_smsblog ul {
    margin: 0px;
    padding: 10px;
}

div.websms_smsblog li {
    font-family: sans-serif;
    font-size: small;
    list-style-type: none;
}

div.websms_smsblog li.date {
    text-align: center;
    font-family: monospace;
}

/* Comments */

div.websms_smscomments {
    width: 400px;
    margin: 5px;
    padding: 0px;
    border-top: 10px solid #00008F;
    border-bottom: 10px solid #00008F;
    background: #FFFFFF;
    color: #000000;
}

div.websms_smscomments div.title {
    font-family: sans-serif;
    font-size: medium;
    background: #00008F;
    color: #FFFFFF;
}

div.websms_smscomments div.name {
    font-family: sans-serif;
    font-size: medium;
    color: #00008F;
    border-bottom: 1px solid #00008F;
}

div.websms_smscomments ul {
    margin: 0px;
    padding: 10px;
}

div.websms_smscomments li {
    font-family: sans-serif;
    font-size: small;
    list-style-type: none;
}

div.websms_smscomments li.date {
    text-align: center;
    font-family: monospace;
}

div.websms_smscomments div.notes {
    font-family: sans-serif;
    font-size: medium;
    text-align: center;
    background: #00008F;
    color: #FFFFFF;
}

div.websms_smscomments span.keyword {
    font-weight: bold;
    color: #8F8F00;
}

div.websms_smscomments span.number {
    font-weight: bold;
    color: #8F8F8F;
}

/* SMSPoll */

div.websms_smspoll {
    margin: 5px;
    padding: 0px;
    width: 300px;
    border-top: 10px solid #6cbcff;
    border-bottom: 10px solid #6cbcff;
}

div.websms_smspoll div.title {
    font-family: sans-serif;
    font-size: medium;
    background: #6cbcff;
    color: #FFFFFF;
}

div.websms_smspoll div.name {
    font-family: sans-serif;
    font-size: medium;
    background: #FFFFFF;
    color: #6cbcff;
    border-bottom: 1px solid #6cbcff;
}

div.websms_smspoll table {
    width: 100%;
}

div.websms_smspoll td {
    font-family: sans-serif;
    font-size: small;
}

div.websms_smspoll div.option1 {
    font-size: x-small;
    height: 12px;
    border: 1px solid black;
    color: #FFFFFF;
    background: #0000AF;
}

div.websms_smspoll div.option2 {
    font-size: x-small;
    height: 12px;
    border: 1px solid black;
    color: #FFFFFF;
    background: #6cbcff;
}

div.websms_smspoll div.option3 {
    font-size: x-small;
    height: 12px;
    border: 1px solid black;
    color: #000000;
    background: #FCE6E4;
}

div.websms_smspoll div.option4 {
    font-size: x-small;
    height: 12px;
    border: 1px solid black;
    color: #FFFFFF;
    background: #ee4158;
}

div.websms_smspoll div.notes {
    font-family: sans-serif;
    font-size: medium;
    text-align: center;
    color: white;
    background: #6cbcff;
}

div.websms_smspoll span.keyword {
    font-weight: bold;
    color: #FCE6E4;
}

div.websms_smspoll span.number {
    font-weight: bold;
    color: #0000AF;
}

div.smallprint {
    font-size: x-small;
    margin: 0px 10px;
    background: #FFFFFF;
    color: #000000;
}