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;
}