Permalink
Browse files

adding stylesheets for public viewing on production... no idea how th…

…is will effect development, but heroku away?
  • Loading branch information...
1 parent d5c1b7a commit cc5fcb909234dd9426d2687ffd232cf91d6a5e2a @stevenhaddox committed Jun 13, 2010
View
@@ -9,4 +9,3 @@ config/flickr.yml
config/twitter.yml
config/initializers/hoptoad.rb
secret
-public/stylesheets
@@ -1,4 +1,4 @@
-if Rails.env == 'production'
+if Rails.env.production?
FLICKR_KEY = ENV['FLICKR_KEY']
FLICKR_SECRET = ENV['FLICKR_SECRET']
else
@@ -4,7 +4,7 @@
# If you change this key, all old sessions will become invalid!
# Make sure the secret is at least 30 characters and all random,
# no regular words or you'll be exposed to dictionary attacks.
-if Rails.env == 'production'
+if Rails.env.production?
secret = ENV['SECRET']
else
secret = File.read(File.join(RAILS_ROOT, 'config/secret')).strip
@@ -1,4 +1,4 @@
-if Rails.env == 'production'
+if Rails.env.production?
TWITTER_TOKEN = ENV['TWITTER_TOKEN']
TWITTER_SECRET = ENV['TWITTER_SECRET']
else
View
@@ -3,11 +3,12 @@ namespace :config do
task :init do
Rake::Task["config:flickr"].invoke
Rake::Task["config:twitter"].invoke
+ Rake::Task["config:css"].invoke
end
desc 'Generate flickr.yml config file'
task :flickr do
- if Rails.env == 'production'
+ if Rails.env.production?
FLICKR_KEY = ENV['FLICKR_KEY']
FLICKR_SECRET = ENV['FLICKR_SECRET']
else
@@ -25,7 +26,7 @@ END_FLICKR
desc 'Generate twitter.yml config file'
task :twitter do
- if Rails.env == 'production'
+ if Rails.env.production?
TWITTER_TOKEN = ENV['TWITTER_TOKEN']
TWITTER_SECRET = ENV['TWITTER_SECRET']
else
@@ -54,7 +55,14 @@ END_TWITTER
ENV_VARS.each {|key, val| command << " #{key}=#{val} " if val }
system command
end
+
+ desc 'Generate our less CSS files before commit'
+ task :css => :environment do
+ puts "Compiling *.less stylesheets before deploy"
+ Rake::Task["more:clean"].invoke
+ Rake::Task["more:parse"].invoke
+ end
end
-# heroku config:add TWITTER_TOKEN=token_str TWITTER_SECRET=secret_str
+# heroku config:add TWITTER_TOKEN=token_str TWITTER_SECRET=secret_str
@@ -0,0 +1,277 @@
+/*
+
+
+
+
+ This file was auto generated by Less (http://lesscss.org). To change the contents of this file, edit /Users/steven/Sites/SLKD/flickr4twitter.com/app/stylesheets/application.less instead.
+
+
+
+
+*/#header {
+ margin: 0 0 2em;
+ border-bottom: 1px solid #d91161;
+ padding: 0;
+ height: 150px;
+ position: relative;
+}
+#main_content { position: relative; }
+div#left_column {
+ background-color: #dddddd;
+ text-align: center;
+ margin-top: 3em;
+ margin-right: 8px;
+ border: 1px solid #6586cb;
+ padding: 10px 0;
+}
+div#right_column { position: relative; }
+div.container { margin-bottom: 2em; }
+div#host_ad {
+ margin-top: -1.5em;
+ position: absolute;
+ top: 0;
+ left: 0;
+ line-height: 0em;
+}
+#header { background-color: #77a6d4; }
+#header h1 {
+ font-size: 4em;
+ padding: 0.5em 0 0 10px;
+}
+#header h1 a {
+ color: #32699f;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+a:link {
+ color: #d91161;
+ text-decoration: none;
+}
+a:visited {
+ color: #d91161;
+ text-decoration: none;
+}
+a:hover { color: #6586cb; }
+#flash_wrapper {
+ width: 70%;
+ margin: 0 auto;
+ text-align: center;
+}
+.avatar {
+ border: 1px solid #ff1473;
+ vertical-align: middle;
+ float: left;
+ margin: 0 5px 5px;
+}
+.thumbnail { border: 1px solid #6586cb; }
+#photos #slideshow { text-align: center; }
+#photos #loading { text-align: center; }
+#photos #slideshow img {
+ border: 4px double #6586cb;
+ padding: 2px;
+}
+#photos #loading {
+ width: 500px;
+ height: 500px;
+}
+#photos #caption {
+ margin: 0 auto;
+ float: none;
+}
+#photos #thumbs .pagination {
+ padding: 0;
+ margin: 0;
+}
+#photos #thumbs ul.thumbs {
+ width: 800px;
+ height: 80px;
+ margin: 0 auto;
+ padding: 0;
+ overflow-y: hidden;
+}
+#photos #thumbs ul.thumbs li {
+ list-style-type: none;
+ float: left;
+ margin: 0 5px 5px 0;
+ padding: 0;
+}
+.photo_meta .avatar {
+ float: left;
+ margin: 0 5px 5px 0;
+ padding: 1px;
+}
+#photo_show .photo { text-align: center; }
+#photo_show .spotlight {
+ border: 4px double #6586cb;
+ margin: 0 0 1.5em;
+ padding: 2px;
+}
+#photo_show .caption {
+ text-align: left;
+ margin: 0 auto;
+}
+#photo_show .avatar {
+ float: left;
+ margin: 0 5px 0 0;
+ padding: 1px;
+ vertical-align: middle;
+}
+#users .user {
+ text-align: center;
+ height: 80px;
+}
+#users .user img.avatar {
+ margin: 0 5px 5px 0;
+ padding: 1px;
+ float: none;
+}
+.user_meta { padding-bottom: 1em; }
+.user_meta h2 { margin-bottom: 0.25em; }
+.user_meta .avatar {
+ float: left;
+ margin: 5px 5px 0 0;
+ padding: 3px;
+}
+.user_meta ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+.user_meta ul li {
+ margin: 0;
+ padding: 0;
+}
+#user_show .flickr_photos .photo {
+ float: left;
+ clear: none;
+ margin: 0;
+ padding: 0;
+ height: 82px;
+}
+#user_show .flickr_photos .photo .thumbnail {
+ margin: 0 5px 5px 0;
+ padding: 0;
+}
+#user_show .flickr_photos .pagination { width: 480px; }
+#tweet {
+ border: 2px solid #6586cb;
+ background-color: #dddddd;
+ color: #6586cb;
+ padding: 0.8em;
+}
+ul#menu {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+ul#menu li {
+ float: left;
+ width: auto;
+ margin: 0 15px;
+}
+ul#menu a:link { color: #ffffff; }
+ul#menu a:visited { color: #ffffff; }
+ul#menu a:hover {
+ color: #ffffff;
+ text-decoration: underline;
+}
+ul#user_menu {
+ list-style-type: none;
+ padding: 10px 0;
+ margin: 0;
+}
+ul#user_menu li {
+ width: auto;
+ display: block;
+ margin: 0 5px 0.5em;
+}
+ul#user_menu .avatar { float: none; }
+#login_box #login { margin-bottom: 1em; }
+#login_box #learn_more { margin-bottom: 1em; }
+form.formtastic fieldset ol li.text textarea.tweet {
+ height: 60px;
+ width: 290px;
+}
+form ol li { list-style-type: none; }
+form ul li { list-style-type: none; }
+form label {
+ vertical-align: left;
+ margin-right: 20px;
+}
+form .required { color: #ff1473; }
+form .disabled {
+ background-color: #dddddd;
+ color: #000000;
+}
+form.formtastic legend strong { font-weight: bold; }
+form.formtastic p.inline-hints { margin: 0 !important; }
+form.formtastic p.inline-hints strong {
+ font-weight: bold;
+ color: #000000;
+}
+form fieldset {
+ margin: 0 0 1em 0;
+ border: 1px dashed #ff1473;
+ padding: 10px;
+}
+form.formtastic fieldset {
+ margin: 0 0 1em 0;
+ border: 1px dashed #ff1473;
+ padding: 10px;
+}
+form fieldset legend {
+ color: #0d3a63;
+ padding: 2px 5px 2px 4px;
+ border: 1px solid #ff1473;
+}
+form.formtastic fieldset legend {
+ color: #0d3a63;
+ padding: 2px 5px 2px 4px;
+ border: 1px solid #ff1473;
+}
+form.formtastic fieldset.buttons { padding-left: 0; }
+form.formtastic fieldset ol li.string input { width: auto; }
+form.formtastic fieldset ol li.password input { width: auto; }
+form.formtastic fieldset ol li.boolean label { padding-left: 0; }
+form.formtastic fieldset ol li.text textarea.tweet { float: left; }
+div.counter {
+ float: left;
+ margin-left: 15px;
+ font-size: 1.2em;
+ font-weight: bold;
+}
+.pagination {
+ clear: both;
+ text-align: center;
+ padding: 1em 0.3em;
+ width: 720px;
+}
+.pagination a { padding: 0.2em 0.5em; }
+.pagination span { padding: 0.2em 0.5em; }
+.pagination span.disabled { color: #dddddd; }
+.pagination span.current {
+ font-weight: bold;
+ color: #d91161;
+}
+.pagination a {
+ border: 1px solid #dddddd;
+ color: #6586cb;
+ text-decoration: none;
+}
+.pagination a:hover {
+ border-color: #6586cb;
+ background: #aaaaaa;
+ color: #ffffff;
+}
+.pagination a:focus {
+ border-color: #6586cb;
+ background: #aaaaaa;
+ color: #ffffff;
+}
+.pagination .page_info {
+ color: #dddddd;
+ padding-top: 0.8em;
+}
+.pagination .prev_page { border-width: 2px; }
+.pagination .next_page { border-width: 2px; }
+.pagination .prev_page { margin-right: 1em; }
+.pagination .next_page { margin-left: 1em; }
@@ -0,0 +1,35 @@
+/* -----------------------------------------------------------------------
+
+
+ Blueprint CSS Framework 0.9
+ http://blueprintcss.org
+
+ * Copyright (c) 2007-Present. See LICENSE for more info.
+ * See README for instructions on how to use Blueprint.
+ * For credits and origins, see AUTHORS.
+ * This is a compressed file. See the sources in the 'src' directory.
+
+----------------------------------------------------------------------- */
+
+/* ie.css */
+body {text-align:center;}
+.container {text-align:left;}
+* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {display:inline;overflow-x:hidden;}
+* html legend {margin:0px -8px 16px 0;padding:0;}
+sup {vertical-align:text-top;}
+sub {vertical-align:text-bottom;}
+html>body p code {*white-space:normal;}
+hr {margin:-8px auto 11px;}
+img {-ms-interpolation-mode:bicubic;}
+.clearfix, .container {display:inline-block;}
+* html .clearfix, * html .container {height:1%;}
+fieldset {padding-top:0;}
+textarea {overflow:auto;}
+input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
+input.text:focus, input.title:focus {border-color:#666;}
+input.text, input.title, textarea, select {margin:0.5em 0;}
+input.checkbox, input.radio {position:relative;top:.25em;}
+form.inline div, form.inline p {vertical-align:middle;}
+form.inline label {position:relative;top:-0.25em;}
+form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {margin:0.5em 0;}
+button, input.button {position:relative;top:0.25em;}
Oops, something went wrong.

0 comments on commit cc5fcb9

Please sign in to comment.