Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Make Propane's chat transcript a bit easier on the eyes
body {
background-color:white ! important;
}
#upload_target {
display:none ! important;
}
div.bottom {
padding:0px ! important;
margin:0px ! important;
background-image: none ! important;
}
table.chat {
margin-bottom: 5px ! important;
}
div#last_message{
height: 10px ! important;
padding-bottom: 5px ! important;
}
div#clipper > div {
display:none ! important;
}
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;
padding-top: 0px ! important;
padding-bottom: 0px ! important;
background-image:none ! important;
}
div#Header {
display:none ! important;
}
div#Sidebar {
display:fixed ! important;
right:-800px ! important;
margin:0px ! important;
padding:0px ! important;
}
div#corner_logo {
display:none ! important;
}
tbody#chat div, tbody#chat span {
font-size: 0.9em ! important;
}
div.Left {
width: 100% ! important;
padding: 0px ! important;
margin: 0px ! important;
}
div#Wrapper {
padding: 0px ! important;
margin: 0px ! important;
}
div#Container {
margin:0px auto 0pt ! important;
padding:0px ! important;
padding-bottom:5px ! important;
background-color:#FFFFFF ! important;
}
form#search_form { display: none ! important; }
tr.propane_search td { background-color: #ffd8d8 ! important; }
tr.propane_current_search td { background-color: #ff9090 ! important; }
div#open_bar { display: none ! important; }
tr.propane_alert_match:not(.propane_search) td.body { background-color: #D9FAD9 ! important; }
tr.propane_hidden_enterleave { display: none ! important; }
div#upload_form, input[type="file"] { display:none ! important; }
table.chat td {
border: none !important;
}
#chat td.body div, table.chat td.person{
padding: 4px;
}
table.chat tr.leave_message td, table.chat tr.enter_message td, table.chat tr.kick_message td, table.chat td.person table.chat tr, table.chat td.person{
background-color: white !important;
}
table.chat tr.upload_message.user_711625 td, table.chat tr.sound_message.user_711625 td, table.chat tr.text_message.user_711625 td, table.chat tr.paste_message.user_711625 td {
background-color: #f9f9ff !important;
}
tr.timestamp_message .time div.body{
color: #bcbcbf;
padding-top: 15px;
}
@unimatrixZxero

This comment has been minimized.

Copy link
Owner Author

unimatrixZxero commented Nov 21, 2014

Place in ~/Library/Application\ Support/Propane/styles/cf_chat.css

You should also change the user id in user_711625, unless you want to highlight wenn I chat in a room you are in.

@unimatrixZxero

This comment has been minimized.

Copy link
Owner Author

unimatrixZxero commented Nov 21, 2014

propane #ugly #ui #tweak #macosx #campfire

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.