@@ -1,4 +1,8 @@
body, .dialog, td {
+ /* MODS Trevor Squires: make sure the body background is
+ white so that our div.speak clipping gradient doesn't
+ look like rubbish on the standard gray body background */
+ background-color: #FFFFFF ! important;
font: 13px/1.3em "Helvetica" !important;
}
@@ -50,16 +54,35 @@ div.bottom {
margin:0px ! important;
background-image: none ! important;
}
+/* MODS Trevor Squires - changed last_message, clipper and speak styles
+ so that a nice white 'fade' gradient overlays the bottom of the
+ transcript.
+ If you want the clipping gradient to be a different size, tweak
+ #last_message height and padding to create enough space.
+*/
div#last_message{
- display:none ! important;
+ height: 10px ! important;
+ padding-bottom: 5px ! important;
}
-div#clipper {
+div#clipper > div {
display:none ! important;
}
+/* Override the URL for div.speak background image.
+ Note how I'm using a data: URL to get around the fact that
+ the stylesheet can't refer to local resources.
+ I created the base64 version of my gradient image in Ruby like this:
+ puts Base64.encode64(`cat speak-gradient.png`).split(/\n/).join()
+ Also note that I set the height of div.speak to be the same as the sum
+ of div#clipper height and padding and made sure bottom was 0 so everything
+ lined up properly.
+*/
div.speak {
width: 100% ! important;
padding:0px ! important;
margin:0px ! important;
+ height:15px ! important;
+ bottom:0px ! important;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAN0lEQVQ4EWP8//8/NwMVAQvQLAkqmscAMlBy0Bs46mXKomjwxzIjMKf8p8yTqLqZULmU80aggQDfMQgRDRblXgAAAABJRU5ErkJggg==) top repeat-x ! important;
}
div.Left div.col {
margin:0px ! important;
@@ -96,4 +119,4 @@ div#Container {
padding:0px ! important;
padding-bottom:5px ! important;
background-color:#FFFFFF ! important;
-}
\ No newline at end of file
+}
propane/cf_chat.css
b2cb1ace4677878fef8a13f34c4d7470d173de89
Trevor Squires
trevor@protocool.com
http://github.com/mattly/helvetichat/commit/99610c56f787b643b02d55d8a3ef1c3eb7f93045
99610c56f787b643b02d55d8a3ef1c3eb7f93045
2009-04-01T12:09:22-07:00
2009-03-23T11:10:11-07:00
Add 'fade' clipping gradient
Signed-off-by: Matt Lyon <matt@flowerpowered.com>
beb91de24b97373b374b4afbce41a9e607fefb03
Matt Lyon
matt@flowerpowered.com