Skip to content

Instantly share code, notes, and snippets.

@novalagung
Created November 3, 2012 15:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save novalagung/4007644 to your computer and use it in GitHub Desktop.
Save novalagung/4007644 to your computer and use it in GitHub Desktop.
shoutbox css for blog.novalagung.com
form {
position: fixed !important;
bottom: 0px !important;
margin: 0px !important;
opacity: 0.2 !important;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
transition: opacity 200ms linear;
width: 100% !important;
}
form:hover {
opacity: 1 !important;
}
form input[type=text] {
width: 100% !important;
padding: 5px 7px !important;
margin-bottom: 3px !important;
}
form div:first-of-type {
width: 206px !important;
}
form div:first-of-type div {
width: 230px !important;
}
.SB_button {
-webkit-transition: background-color 200ms linear;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
transition: background-color 200ms linear;
padding: 5px 7px !important;
width: 44% !important;
cursor: pointer;
}
.SB_button:hover {
background-color: #BBB;
}
.SB_button:last-child {
margin-left: 3px !important;
}
body {
overflow-y: scroll !important;
}
body > table {
border: none !important;
padding: 5px !important;
}
span.SB_shoutbox {
display: block !important;
margin-top: 6px !important;
}
form div a:nth-child(10) {
display: none !important;
}
a:link{
color : #000080;
text-decoration : none;
}
a:visited{
color : #000080;
text-decoration : none;
}
a:hover{
color : #FF0000;
text-decoration : underline;
}
a:active{
color : #FF0000;
text-decoration : underline;
}
body{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : xx-small;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-arrow-color : #000080;
scrollbar-base-color : #C0C0C0;
scrollbar-darkshadow-color : #000000;
scrollbar-face-color : #C0C0C0;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #C0C0C0;
scrollbar-track-color : #DDDDDD;
}
.SB_alert {
color : #FF0000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : xx-small;
font-weight : bold;
}
.SB_button {
background : #DDDDDD;
border : 1 solid #C0C0C0;
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
font-weight : bold;
}
.SB_input {
background : #FFFFFF;
border : 1 solid #DDDDDD;
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
.SB_formarea {
background-color : #FBFBFB;
border-bottom-color : #FFFFFF;
border-bottom-style : solid;
border-bottom-width : 1;
border-left-color : #FFFFFF;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #FFFFFF;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 1px;
color : #FFFFFF;
font-size : 10px;
}
.SB_shoutbox {
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : xx-small;
text-align : left;
text-align: right !important;
margin-right: 0px !important;
margin-bottom: -4px !important;
}
a.SB_inlink:link {
color : #FFFFFF;
text-decoration : none;
}
a.SB_inlink:visited {
color : #FFFFFF;
text-decoration : none;
}
a.SB_inlink:active {
color : #FFFFFF;
text-decoration : none;
}
a.SB_inlink:hover {
color : #FFFFFF;
text-decoration : underline;
}
.SB_table0 {
background-color : #FBFBFB;
border-bottom-color : #DDDDDD;
border-bottom-style : solid;
border-bottom-width : 1;
border-left-color : #DDDDDD;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #DDDDDD;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #DDDDDD;
border-top-style : solid;
border-top-width : 1px;
color : #FFFFFF;
font-size : xx-small;
}
.SB_table1 {
background-color : #FFFFFF;
border-bottom-color : #FFFFFF;
border-bottom-style : solid;
border-bottom-width : 1;
border-left-color : #DDDDDD;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #DDDDDD;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 1px;
color : #FFFFFF;
font-size : xx-small;
}
blink;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment