CardBoardFish
You are here: CardBoardFish > WebmasterSMSTools > ExampleCSSStyles > GreyCSS

Grey CSS

An example CSS file in the 'Grey' style.

/* TextMe */

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

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: #444444;
    color: #FFFFFF;
}

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

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

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

/* Blog */

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

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

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

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 #444444;
    border-bottom: 10px solid #444444;
}

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

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

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: #444444;
    color: #FFFFFF;
    padding-top: 10px;
}

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

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

/* SMSPoll */

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

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

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

div.websms_smspoll table {
    width: 100%;
}

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

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

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

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

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

div.websms_smspoll div.notes {
    font-family: sans-serif;
    font-size: medium;
    text-align: center;
    color: white;
    background: #444444;
    padding-top: 10px;
}

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

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

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