Skip to content
Browse files

Add Screen shot and Scss

  • Loading branch information...
1 parent a17a73b commit 3eee039a61eefa8356c7ff7ae86276867bb245af Matt Graham committed Aug 27, 2012
Showing with 307 additions and 81 deletions.
  1. +2 −0 .gitignore
  2. +4 −1 README.md
  3. +24 −0 config.rb
  4. +133 −0 sass/cf_chat.scss
  5. +31 −0 sass/cf_fts.scss
  6. +84 −80 styles/cf_chat.css
  7. +29 −0 styles/cf_fts.css
View
2 .gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+.sass-cache
View
5 README.md
@@ -1,4 +1,7 @@
propane-simple
==============
-Propane-Simple is a work in progress style update for propaneapp. To use update the cf_chat.css file in your <code>~/Library/Application Support/Propane/Styles/</code> directory and refresh the app.
+Propane-Simple is a work in progress style update for propaneapp. To use update the cf_chat.css file in your <code>~/Library/Application Support/Propane/Styles/</code> directory and refresh the app.
+
+##Screen Shot
+![propane-simple](http://f.cl.ly/items/2T2g0A3e0T260H302E1B/Screen%20Shot%202012-08-27%20at%204.22.44%20PM.png)
View
24 config.rb
@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "styles"
+sass_dir = "sass"
+images_dir = "images"
+javascripts_dir = "js"
+
+output_style = :nested
+environment = :development
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+line_comments = false
+color_output = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
View
133 sass/cf_chat.scss
@@ -0,0 +1,133 @@
+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: 1em ! 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; }
+
+tr.message td {
+ border-radius: 3px !important;
+ padding: 10px 15px !important;
+ font-size: 14px;
+ margin: 10px 0px !important;
+}
+
+td.person {
+ border-radius: 3px !important;
+ background: white !important;
+ border-bottom: 4px solid white !important;
+}
+
+td.person img {
+ border-radius: 30px !important;
+ width: 40px !important;
+ height: 40px !important;
+ box-shadow: 0px 1px 1px rgba(0,0,0,.3) !important;
+}
+
+td.body {
+ border-radius: 3px !important;
+ border-left: none !important;
+ background: #f7f7f7 !important;
+ border-bottom: 4px solid white !important;
+}
+
+.time {
+/* border-bottom: 1px solid #efefef !important;
+*/ border-left: none !important;
+}
+
+.star {
+ float:right !important;
+ margin-top: -20px !important;
+}
+
+.authorName {
+ color: #666 !important;
+ font-weight: normal !important;
+ font-size: 12px !important;
+}
+
+.date {
+ font-family: 'Helvetica Neue', Helvetica !important;
+ font-weight: 100 !important;
+ font-size: 26px !important;
+ text-align: right !important;
+}
+
+tr {
+ padding: 10px 0px !important;
+ background: white !important;
+}
+
+table.chat tr.you .body {
+ background: #ffc !important;
+ border-radius: 3px !important;
+ color: #333 !important;
+ }
View
31 sass/cf_fts.scss
@@ -0,0 +1,31 @@
+body {
+ background: #FFFFFF ! important;
+}
+
+div#Header {
+ display:none ! important;
+}
+
+div#Wrapper {
+ padding: 0px ! important;
+}
+
+div#Container {
+ margin: 0px ! important;
+}
+
+div#Container div.Full div.col {
+ background: #FFFFFF ! important;
+}
+
+div#Container div.Full div.bottom {
+ display:none ! important;
+}
+div#open_bar { display: none ! important; }
+div#launchbar { display: none ! important; }
+input#term { border: 1px inset ! important; }
+
+.enter_message {
+ background: red !important;
+}
+
View
164 styles/cf_chat.css
@@ -1,133 +1,137 @@
body {
- background-color:white ! important;
-}
+ background-color: white !important; }
+
#upload_target {
- display:none ! important;
-}
+ display: none !important; }
+
div.bottom {
- padding:0px ! important;
- margin:0px ! important;
- background-image: none ! important;
-}
+ 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;
-}
+ margin-bottom: 5px !important; }
+
+div#last_message {
+ height: 10px !important;
+ padding-bottom: 5px !important; }
+
div#clipper > div {
- display:none ! important;
-}
+ 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;
-}
+ 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;
-}
+ margin: 0px !important;
+ padding-top: 0px !important;
+ padding-bottom: 0px !important;
+ background-image: none !important; }
+
div#Header {
- display:none ! important;
-}
+ display: none !important; }
+
div#Sidebar {
- display:fixed ! important;
- right:-800px ! important;
- margin:0px ! important;
- padding:0px ! important;
-}
+ display: fixed !important;
+ right: -800px !important;
+ margin: 0px !important;
+ padding: 0px !important; }
+
div#corner_logo {
- display:none ! important;
-}
+ display: none !important; }
+
tbody#chat div, tbody#chat span {
- font-size: 1em ! important;
-}
+ font-size: 1em !important; }
+
div.Left {
- width: 100% ! important;
- padding: 0px ! important;
- margin: 0px ! important;
-}
+ width: 100% !important;
+ padding: 0px !important;
+ margin: 0px !important; }
+
div#Wrapper {
- padding: 0px ! important;
- margin: 0px ! important;
-}
+ 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; }
+ margin: 0px auto 0pt !important;
+ padding: 0px !important;
+ padding-bottom: 5px !important;
+ background-color: white !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; }
tr.message td {
border-radius: 3px !important;
padding: 10px 15px !important;
font-size: 14px;
- margin: 10px 0px !important;
-}
+ margin: 10px 0px !important; }
td.person {
border-radius: 3px !important;
background: white !important;
- border-bottom: 4px solid white !important;
-}
+ border-bottom: 4px solid white !important; }
td.person img {
border-radius: 30px !important;
width: 40px !important;
height: 40px !important;
- box-shadow: 0px 1px 1px rgba(0,0,0,.3) !important;
-}
+ box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3) !important; }
td.body {
border-radius: 3px !important;
border-left: none !important;
background: #f7f7f7 !important;
- border-bottom: 4px solid white !important;
-}
+ border-bottom: 4px solid white !important; }
.time {
-/* border-bottom: 1px solid #efefef !important;
-*/ border-left: none !important;
-}
+ /* border-bottom: 1px solid #efefef !important;
+ */
+ border-left: none !important; }
.star {
- float:right !important;
- margin-top: -20px !important;
-}
+ float: right !important;
+ margin-top: -20px !important; }
.authorName {
color: #666 !important;
font-weight: normal !important;
- font-size: 12px !important;
-}
+ font-size: 12px !important; }
.date {
font-family: 'Helvetica Neue', Helvetica !important;
font-weight: 100 !important;
font-size: 26px !important;
- text-align: right !important;
-}
+ text-align: right !important; }
tr {
padding: 10px 0px !important;
- background: white !important;
-}
+ background: white !important; }
table.chat tr.you .body {
background: #ffc !important;
border-radius: 3px !important;
- color: #333 !important;
- }
+ color: #333 !important; }
View
29 styles/cf_fts.css
@@ -0,0 +1,29 @@
+body {
+ background: white !important; }
+
+div#Header {
+ display: none !important; }
+
+div#Wrapper {
+ padding: 0px !important; }
+
+div#Container {
+ margin: 0px !important; }
+
+div#Container div.Full div.col {
+ background: white !important; }
+
+div#Container div.Full div.bottom {
+ display: none !important; }
+
+div#open_bar {
+ display: none !important; }
+
+div#launchbar {
+ display: none !important; }
+
+input#term {
+ border: 1px inset !important; }
+
+.enter_message {
+ background: red !important; }

0 comments on commit 3eee039

Please sign in to comment.
Something went wrong with that request. Please try again.