application.css

/*




	This file was auto generated by Less (http://lesscss.org). To change the contents of this file, edit 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; }