nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'master' of github.com:diaspora/diaspora

Browse source
This commit is contained in:
Sarah Mei 2010-10-08 00:39:41 -06:00
commit e44eec4a9e
10 changed files with 237 additions and 289 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/views/aspects/manage.html.haml
View file

@ -7,7 +7,7 @@
= javascript_include_tag 'aspect-edit.js' = javascript_include_tag 'aspect-edit.js'
- content_for :left_pane do - content_for :left_pane do
%h1=t('.requests') %h3=t('.requests')
.requests .requests
%ul.dropzone %ul.dropzone
@ -19,7 +19,7 @@
= person_image_tag(request.person) = person_image_tag(request.person)
.name .name
= request.person.real_name = request.person.real_name
%h1=t('.ignore_remove') %h3=t('.ignore_remove')
%li.remove %li.remove
%ul.dropzone %ul.dropzone
@ -34,7 +34,7 @@
.aspect_name .aspect_name
%span.edit_name_field %span.edit_name_field
%h1{:contenteditable => true}= aspect.name %h3{:contenteditable => true}= aspect.name
%span.tip click to edit %span.tip click to edit
%ul.tools %ul.tools

3
app/views/comments/_comment.html.haml
View file

@ -4,7 +4,8 @@
%li.comment{:id => post.id} %li.comment{:id => post.id}
= person_image_tag(post.person) = person_image_tag(post.person)
%span.from .content
.from
= link_to post.person.real_name, post.person = link_to post.person.real_name, post.person
= post.text = post.text
%div.time %div.time

2
app/views/layouts/application.html.haml
View file

@ -56,7 +56,7 @@
= render "shared/sub_header" = render "shared/sub_header"
.container .container
.span-5.last .span-4.append-1.last
= yield :left_pane = yield :left_pane
.span-19.last .span-19.last

25
app/views/photos/_photo.haml
View file

@ -7,28 +7,27 @@
= person_image_tag(post.person) = person_image_tag(post.person)
.content .content
%span.from .from
= link_to post.person.real_name, post.person = link_to post.person.real_name, post.person
%b .aspect
→
- if post.public?
the world
- else
- for aspect in current_user.aspects_with_post( post.id )
= aspect.name
=t('.posted_a_new_photo_to') =t('.posted_a_new_photo_to')
= link_to post.album.name, object_path(post.album) = link_to post.album.name, object_path(post.album)
%br
%br %br
= render "albums/album", :post => post.album, :current_user => current_user = render "albums/album", :post => post.album, :current_user => current_user
= link_to (image_tag post.url(:thumb_medium)), object_path(post) = link_to (image_tag post.url(:thumb_medium)), object_path(post)
.info .info
= link_to(how_long_ago(post), photo_path(post)) %span.time= link_to(how_long_ago(post), photo_path(post))
\--
= link_to "#{t('.show_comments')} (#{post.comments.count})", '#', :class => "show_post_comments" = link_to "#{t('.show_comments')} (#{post.comments.count})", '#', :class => "show_post_comments"
= render "comments/comments", :post => post = render "comments/comments", :post => post
- if post.public?
.public_aspect_tag
public
- else
.aspect_tag
%ul
- for aspect in current_user.aspects_with_post( post.id )
%li= aspect.name

4
app/views/shared/_sub_header.haml
View file

@ -2,10 +2,10 @@
.container .container
.span-5.last .span-5.last
- if @person - if @person
%h1 %h2
= @person.real_name = @person.real_name
- else - else
%h1 %h2
- if @aspect == :all - if @aspect == :all
= link_to t('.all_aspects'), root_path = link_to t('.all_aspects'), root_path
- elsif @aspect == :public - elsif @aspect == :public

30
app/views/status_messages/_status_message.html.haml
View file

@ -7,28 +7,26 @@
= person_image_link(post.person) = person_image_link(post.person)
.content .content
%span.from .from
= link_to post.person.real_name, post.person = link_to post.person.real_name, post.person
.aspect
→
- if post.public?
the world
- else
- for aspect in current_user.aspects_with_post( post.id )
= link_to aspect.name, aspect
- if current_user.owns?(post)
.destroy_link
= render "shared/reshare", :post => post, :current_user => current_user
= link_to t('.delete'), status_message_path(post), :confirm => t('.are_you_sure'), :method => :delete, :remote => true, :class => "delete"
= post.message = post.message
.info .info
%span.time= link_to(how_long_ago(post), object_path(post)) %span.time= link_to(how_long_ago(post), object_path(post))
\--
= link_to "#{t('.show_comments')} (#{post.comments.count})", '#', :class => "show_post_comments" = link_to "#{t('.show_comments')} (#{post.comments.count})", '#', :class => "show_post_comments"
= render "comments/comments", :post => post = render "comments/comments", :post => post
- if current_user.owns?(post)
.destroy_link
= link_to t('.delete'), status_message_path(post), :confirm => t('.are_you_sure'), :method => :delete, :remote => true, :class => "delete"
= render "shared/reshare", :post => post, :current_user => current_user
- if post.public?
.public_aspect_tag
public
- else
.aspect_tag
%ul
- for aspect in current_user.aspects_with_post( post.id )
%li= aspect.name

2
app/views/users/edit.html.haml
View file

@ -14,7 +14,7 @@
- content_for :publish do - content_for :publish do
%h1="#{t('.editing_profile')}" %h2="#{t('.editing_profile')}"
- content_for :left_pane do - content_for :left_pane do
%ul#settings_nav %ul#settings_nav

2
public/javascripts/aspect-edit.js
View file

@ -94,7 +94,7 @@ $(function() {
}); });
$(".aspect h1").live( 'focus', function() { $(".aspect h3").live( 'focus', function() {
var $this = $(this), var $this = $(this),
id = $this.closest("li").children("ul").attr("id"), id = $this.closest("li").children("ul").attr("id"),

191
public/stylesheets/application.css
View file

@ -11,23 +11,16 @@ body {
margin: 0; } margin: 0; }
a { a {
color: #556270;
color: #107fc9; color: #107fc9;
color: #019dbe;
text-decoration: none; } text-decoration: none; }
a:hover { a:hover {
color: white; color: #22aae0; }
background-color: #556270;
background-color: #019dbe; }
h1 { h1, h2, h3, h4 {
font-size: 21px; color: #444444; }
font-weight: bold;
line-height: 36px; }
h3 { h3 {
font-size: 18px; font-size: 18px; }
font-weight: bold; }
.avatar { .avatar {
width: 50px; width: 50px;
@ -125,17 +118,15 @@ header {
border-top: 1px solid white; border-top: 1px solid white;
padding: 20px 0; } padding: 20px 0; }
header #aspect_header h1 { header #aspect_header h1 {
margin-bottom: 0; text-shadow: 0 1px 0 white; }
text-shadow: 0 2px 0 white; }
header #aspect_header a { header #aspect_header a {
color: #111111; } color: #444444; }
header #aspect_header a:hover { header #aspect_header a:hover {
background: none; background: none;
color: #999999; } color: #999999; }
header #aspect_header .page_title { header #aspect_header .page_title {
text-transform: uppercase; text-transform: uppercase;
text-shadow: 0 2px 0 white; text-shadow: 0 1px 0 white; }
margin-top: -5px; }
ul#stream { ul#stream {
margin: 0; margin: 0;
@ -146,7 +137,6 @@ ul#stream {
padding: 12px 0; padding: 12px 0;
border-bottom: 1px solid #eeeeee; } border-bottom: 1px solid #eeeeee; }
ul#stream > li:hover { ul#stream > li:hover {
background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#fafafa), to(#fcfcfc));
background-color: #fafafa; background-color: #fafafa;
border-bottom: 1px solid #dddddd; } border-bottom: 1px solid #dddddd; }
ul#stream > li:hover .destroy_link { ul#stream > li:hover .destroy_link {
@ -156,26 +146,47 @@ ul#stream {
li.message { li.message {
position: relative; position: relative;
line-height: 140%; line-height: 19px;
font-family: "Lucida Grande", sans-serif; font-family: "Arial", "Helvetica", sans-serif;
color: #999999; } color: #777777; }
li.message .avatar { li.message .avatar {
float: left; float: left;
margin-right: 15px; } margin-right: 15px; }
li.message .delete:hover { li.message .delete:hover {
background: #eeeeee; } background: #eeeeee; }
li.message .content { li.message .content {
max-width: 610px;
margin-top: -4px;
padding-left: 65px; padding-left: 65px;
width: 600px; } color: #444444;
li.message .content span.from {
color: black;
font-weight: normal; font-weight: normal;
font-size: 110%; } font-size: 14px; }
li.message .content .from {
font-family: "Helvetica neue", Arial, Helvetica, sans-serif;
text-shadow: 0 1px white; }
li.message .content .from .aspect {
display: inline;
color: #bbbbbb;
font-size: 12px; }
li.message .content .from .aspect a {
font-weight: normal;
color: #bbbbbb; }
li.message .content .from .aspect a:hover {
text-decoration: underline; }
li.message .content .from a {
font-weight: bold; }
li.message .content div.info { li.message .content div.info {
color: #bababa; color: #eeeeee;
font-size: 70%; } font-size: 11px; }
li.message .content div.info a {
color: #cccccc; }
li.message .content div.info .time {
font-weight: bold;
margin-right: 5px; }
li.message .content div.info .time a { li.message .content div.info .time a {
color: #666666; } color: #bbbbbb; }
li.message:hover div.info a, li.message:hover .time a {
color: #107fc9; }
.reshare_pane { .reshare_pane {
margin-left: 5px; margin-left: 5px;
@ -248,8 +259,8 @@ form {
#stream div.comments { #stream div.comments {
display: none; } display: none; }
#stream div.comments .avatar { #stream div.comments .avatar {
width: 30px; width: 35px;
height: 30px; height: 35px;
margin-right: 10px; } margin-right: 10px; }
input.comment_submit { input.comment_submit {
@ -261,7 +272,7 @@ ul.comment_set {
margin-top: 1em; margin-top: 1em;
padding: 0; padding: 0;
list-style: none; list-style: none;
width: 495px; } max-width: 610px; }
ul.comment_set textarea { ul.comment_set textarea {
width: 100%; } width: 100%; }
ul.comment_set li.comment { ul.comment_set li.comment {
@ -269,11 +280,18 @@ ul.comment_set {
background-color: rgba(10, 81, 109, 0.05); background-color: rgba(10, 81, 109, 0.05);
padding: 0.6em; padding: 0.6em;
border-bottom: 1px solid #dddddd; } border-bottom: 1px solid #dddddd; }
ul.comment_set li.comment .from { ul.comment_set li.comment .content {
font-size: 1em; } color: #777777;
ul.comment_set li.comment div.time { margin-top: -2px;
color: #666666; padding-left: 45px;
font-size: 70%; } font-size: 12px;
line-height: 18px; }
ul.comment_set li.comment .content .from a {
color: #444444; }
ul.comment_set li.comment .content div.time {
color: #bbbbbb;
font-size: 11px;
font-weight: bold; }
ul.comment_set li.comment form { ul.comment_set li.comment form {
margin-top: -5px; margin-top: -5px;
margin-bottom: 0; margin-bottom: 0;
@ -304,20 +322,16 @@ ul.comment_set {
.pagination a { .pagination a {
padding: 3px; } padding: 3px; }
.destroy_link, .request_button { li.message .from .destroy_link {
display: none;
position: absolute; position: absolute;
right: 2em; right: 0;
bottom: 15px; } font-size: 12px; }
.destroy_link a, .request_button a { li.message .from .destroy_link a {
color: #999999; color: #999999;
font-weight: normal; } font-weight: normal; }
.destroy_link a:hover, .request_button a:hover { li.message .from .destroy_link a:hover {
text-decoration: underline; text-decoration: underline; }
background: none; }
.destroy_link {
display: none;
font-size: smaller; }
.request_buttons { .request_buttons {
position: absolute; position: absolute;
@ -350,7 +364,7 @@ ul.comment_set {
input[type='text'], input[type='text'],
input[type='password'], input[type='password'],
textarea { textarea {
font-family: "lucida grande", "lucida sans", "sans-serif"; font-family: "Arial", "Helvetica", sans-serif;
font-size: 14px; font-size: 14px;
padding: 0.3em; padding: 0.3em;
display: block; display: block;
@ -374,11 +388,13 @@ form p {
margin: 0; } margin: 0; }
label { label {
font-family: "Arial", "Helvetica", sans-serif;
font-weight: normal;
color: #999999; color: #999999;
position: absolute; position: absolute;
top: 3px; top: 3px;
left: 0.48em; left: 0.48em;
font-weight: normal; } text-shadow: 0 1px 1px #eeeeee; }
#publisher { #publisher {
color: #999999; color: #999999;
@ -506,7 +522,8 @@ h1.big_text {
#aspect_nav { #aspect_nav {
color: black; color: black;
margin-top: 8px; margin-top: 8px;
margin-bottom: 1px; } margin-bottom: 1px;
font-family: "Arial", "Helvetica", sans-serif; }
#aspect_nav #aspect_manage_button { #aspect_nav #aspect_manage_button {
display: inline; } display: inline; }
#aspect_nav #aspect_manage_button a { #aspect_nav #aspect_manage_button a {
@ -520,12 +537,8 @@ h1.big_text {
display: inline; display: inline;
margin-right: 2px; } margin-right: 2px; }
#aspect_nav ul > li a { #aspect_nav ul > li a {
text-shadow: 0 2px 0 #444444; text-shadow: 0 1px 0 #444444;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
line-height: 22px; line-height: 22px;
background-color: #444444;
border: 1px solid #555555;
padding: 3px 8px; padding: 3px 8px;
padding-bottom: 3px; padding-bottom: 3px;
color: #999999; } color: #999999; }
@ -533,9 +546,11 @@ h1.big_text {
background-color: #4e4e4e; background-color: #4e4e4e;
color: #cccccc; } color: #cccccc; }
#aspect_nav ul > li.selected a { #aspect_nav ul > li.selected a {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-box-shadow: 0px -4px 6px -2px #777777; -webkit-box-shadow: 0px -4px 6px -2px #777777;
-moz-box-shadow: 0px -4px 6px -2px #777777; -moz-box-shadow: 0px -4px 6px -2px #777777;
text-shadow: 0 2px 0 white; text-shadow: 0 1px 0 white;
padding-top: 4px; padding-top: 4px;
padding-bottom: 5px; padding-bottom: 5px;
line-height: 18px; line-height: 18px;
@ -545,7 +560,7 @@ h1.big_text {
background: -moz-linear-gradient(19% 75% 90deg, #f7f7f7, white); background: -moz-linear-gradient(19% 75% 90deg, #f7f7f7, white);
border: 1px solid white; border: 1px solid white;
border-bottom: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7;
color: black; } color: #444444; }
#aspect_nav ul > li.selected a:hover { #aspect_nav ul > li.selected a:hover {
background-color: #efefef; } background-color: #efefef; }
#aspect_nav ul > li.selected a a { #aspect_nav ul > li.selected a a {
@ -574,9 +589,9 @@ h1.big_text {
.requests, .requests,
.remove { .remove {
list-style: none; } list-style: none; }
.aspect h1, .aspect h3,
.requests h1, .requests h3,
.remove h1 { .remove h3 {
display: inline-block; } display: inline-block; }
.aspect .tip, .aspect .tip,
.requests .tip, .requests .tip,
@ -596,7 +611,7 @@ h1.big_text {
.requests .aspect_name ul.tools, .requests .aspect_name ul.tools,
.remove .aspect_name ul.tools { .remove .aspect_name ul.tools {
position: absolute; position: absolute;
top: 10px; top: 5px;
right: 0; right: 0;
display: inline; display: inline;
padding: 0; padding: 0;
@ -616,7 +631,7 @@ h1.big_text {
.remove .grey { .remove .grey {
color: #999999; color: #999999;
cursor: default; cursor: default;
text-shadow: 0 2px white; } text-shadow: 0 1px white; }
.aspect ul.dropzone, .aspect ul.dropzone,
.requests ul.dropzone, .requests ul.dropzone,
.remove ul.dropzone { .remove ul.dropzone {
@ -678,10 +693,11 @@ ul#settings_nav {
marign: 0; marign: 0;
font-size: larger; } font-size: larger; }
ul#settings_nav > li a { ul#settings_nav > li a {
font-size: smaller;
display: block; display: block;
height: 100%; height: 100%;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
padding: 5px 0; } padding: 2px; }
.settings_pane { .settings_pane {
display: none; } display: none; }
@ -689,53 +705,16 @@ ul#settings_nav {
#fancybox-close:hover { #fancybox-close:hover {
background-color: transparent; } background-color: transparent; }
.aspect_tag,
.public_aspect_tag {
position: absolute;
top: 15px;
right: 2em;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: smaller;
padding: 0 6px;
color: #999999;
text-shadow: 0 1px white;
border-bottom: 1px solid #eeeeee;
cursor: default; }
.public_aspect_tag {
background: -moz-linear-gradient(19% 75% 90deg, #fffa75, #fff8ba);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff8ba), to(#fffa75));
background-color: #fffc7f;
border-top: 1px solid #ebe66c; }
.aspect_tag {
background: -moz-linear-gradient(19% 75% 90deg, #e0e0e0, #f0f0f0);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#e0e0e0));
background-color: #eeeeee;
color: #999999;
text-shadow: 0 1px white;
border-top: 1px solid #dddddd; }
.aspect_tag ul {
display: inline;
margin: 0;
padding: 0;
list-style: none; }
.aspect_tag ul li {
display: inline-block;
margin-right: 2px;
padding-right: 4px;
border-right: 1px solid #cccccc; }
.aspect_tag ul li:last-child {
margin-right: 0;
padding-right: 0;
border-right: none; }
#friend_pictures { #friend_pictures {
line-height: 1em; } line-height: 1em; }
#friend_pictures img { #friend_pictures img {
margin-right: -1px; } margin-right: -1px;
width: 35px;
height: 35px; }
#thumbnails { #thumbnails {
line-height: 14px; } line-height: 14px; }
#aspect_list {
margin: 0;
padding: 0; }

231
public/stylesheets/sass/application.sass
View file

@ -15,28 +15,18 @@ body
:padding 2em :padding 2em
:margin 0 :margin 0
a a
:color #556270
:color #107FC9 :color #107FC9
:color #019DBE
:text :text
:decoration none :decoration none
&:hover &:hover
:color #fff :color #22AAE0
:background
:color #556270
:color #019DBE
h1 h1, h2, h3, h4
:font :color #444
:size 21px
:weight bold
:line
:height 36px
h3 h3
:font :font
:size 18px :size 18px
:weight bold
.avatar .avatar
:width 50px :width 50px
@ -158,12 +148,10 @@ header
:padding 20px 0 :padding 20px 0
h1 h1
:margin :text-shadow 0 1px 0 #fff
:bottom 0
:text-shadow 0 2px 0 #fff
a a
:color #111 :color #444
&:hover &:hover
:background none :background none
:color #999 :color #999
@ -171,9 +159,7 @@ header
.page_title .page_title
:text :text
:transform uppercase :transform uppercase
:shadow 0 2px 0 #fff :shadow 0 1px 0 #fff
:margin
:top -5px
ul#stream ul#stream
@ -187,14 +173,10 @@ ul#stream
:bottom 1px solid #eee :bottom 1px solid #eee
&:hover &:hover
:background -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FAFAFA), to(#FCFCFC))
:background :background
:color #fafafa :color #fafafa
:border :border
:bottom 1px solid #ddd :bottom 1px solid #ddd
.destroy_link .destroy_link
:display inline :display inline
@ -203,10 +185,10 @@ ul#stream
li.message li.message
:position relative :position relative
:line-height 140% :line-height 19px
:font :font
:family 'Lucida Grande', sans-serif :family 'Arial', 'Helvetica', sans-serif
:color #999 :color #777
.avatar .avatar
:float left :float left
@ -217,24 +199,58 @@ li.message
:background #eee :background #eee
.content .content
:max-width 610px
:margin
:top -4px
:padding :padding
:left 65px :left 65px
:width 600px
span.from .from
:color #000 :font
:family 'Helvetica neue', Arial, Helvetica, sans-serif
:text
:shadow 0 1px #fff
.aspect
:display inline
:color #bbb
:font
:size 12px
a
:font :font
:weight normal :weight normal
:color #bbb
&:hover
:text
:decoration underline
a
:font :font
:size 110% :weight bold
:color #444
:font
:weight normal
:size 14px
div.info div.info
:color #bababa :color #eee
:font-size 70% :font-size 11px
a
:color #ccc
.time .time
a a
:color #666 :color #bbb
:font
:weight bold
:margin
:right 5px
&:hover
div.info, .time
a
:color #107FC9
.reshare_pane .reshare_pane
:margin :margin
@ -338,8 +354,8 @@ form
:display none :display none
.avatar .avatar
:width 30px :width 35px
:height 30px :height 35px
:margin :margin
:right 10px :right 10px
@ -354,7 +370,7 @@ ul.comment_set
:top 1em :top 1em
:padding 0 :padding 0
:list-style none :list-style none
:width 495px :max-width 610px
textarea textarea
:width 100% :width 100%
@ -368,13 +384,26 @@ ul.comment_set
:border :border
:bottom 1px solid #ddd :bottom 1px solid #ddd
.content
:color #777
:margin
:top -2px
:padding
:left 45px
.from .from
a
:color #444
:font :font
:size 1em :size 12px
:line
:height 18px
div.time div.time
:color #666 :color #bbb
:font-size 70% :font
:size 11px
:weight bold
form form
:margin :margin
@ -416,10 +445,12 @@ ul.comment_set
a a
:padding 3px :padding 3px
.destroy_link, .request_button li.message .from .destroy_link
:display none
:position absolute :position absolute
:right 2em :right 0
:bottom 15px :font
:size 12px
a a
:color #999 :color #999
:font :font
@ -427,11 +458,6 @@ ul.comment_set
&:hover &:hover
:text :text
:decoration underline :decoration underline
:background none
.destroy_link
:display none
:font-size smaller
.request_buttons .request_buttons
:position absolute :position absolute
@ -471,7 +497,7 @@ input[type='text'],
input[type='password'], input[type='password'],
textarea textarea
:font :font
:family 'lucida grande', 'lucida sans', 'sans-serif' :family 'Arial', 'Helvetica', sans-serif
:size 14px :size 14px
:padding 0.3em :padding 0.3em
:display block :display block
@ -499,12 +525,15 @@ form p
:margin 0 :margin 0
label label
:font
:family 'Arial', 'Helvetica', sans-serif
:weight normal
:color #999 :color #999
:position absolute :position absolute
:top 3px :top 3px
:left 0.48em :left 0.48em
:font :text
:weight normal :shadow 0 1px 1px #eee
#publisher #publisher
:color #999 :color #999
@ -676,6 +705,8 @@ h1.big_text
:top 8px :top 8px
:bottom 1px :bottom 1px
:font
:family 'Arial', 'Helvetica', sans-serif
#aspect_manage_button #aspect_manage_button
:display inline :display inline
@ -697,15 +728,9 @@ h1.big_text
:right 2px :right 2px
a a
:text-shadow 0 2px 0 #444 :text-shadow 0 1px 0 #444
:-webkit-border-radius 3px 3px 0 0
:-moz-border-radius 3px 3px 0 0
:line :line
:height 22px :height 22px
:background
:color #444
:border 1px solid #555
:padding 3px 8px :padding 3px 8px
:bottom 3px :bottom 3px
@ -717,10 +742,13 @@ h1.big_text
:color #ccc :color #ccc
&.selected a &.selected a
:-webkit-border-radius 5px 5px 0 0
:-moz-border-radius 5px 5px 0 0
:-webkit-box-shadow 0px -4px 6px -2px #777 :-webkit-box-shadow 0px -4px 6px -2px #777
:-moz-box-shadow 0px -4px 6px -2px #777 :-moz-box-shadow 0px -4px 6px -2px #777
:text-shadow 0 2px 0 #fff :text-shadow 0 1px 0 #fff
:padding :padding
:top 4px :top 4px
:bottom 5px :bottom 5px
@ -736,7 +764,7 @@ h1.big_text
:border 1px solid #fff :border 1px solid #fff
:bottom 1px solid #F7F7F7 :bottom 1px solid #F7F7F7
:color #000 :color #444
&:hover &:hover
:background :background
:color #efefef :color #efefef
@ -776,7 +804,7 @@ h1.big_text
:list :list
:style none :style none
h1 h3
:display inline-block :display inline-block
.tip .tip
@ -795,7 +823,7 @@ h1.big_text
ul.tools ul.tools
:position absolute :position absolute
:top 10px :top 5px
:right 0 :right 0
:display inline :display inline
:padding 0 :padding 0
@ -814,7 +842,7 @@ h1.big_text
.grey .grey
:color #999 :color #999
:cursor default :cursor default
:text-shadow 0 2px #fff :text-shadow 0 1px #fff
ul.dropzone ul.dropzone
:min-height 20px :min-height 20px
@ -868,13 +896,14 @@ ul#settings_nav
:size larger :size larger
> li > li
a a
:font
:size smaller
:display block :display block
:height 100% :height 100%
:border :border
:bottom 1px solid #eee :bottom 1px solid #eee
:padding 5px 0 :padding 2px
.settings_pane .settings_pane
@ -885,75 +914,17 @@ ul#settings_nav
:background :background
:color transparent :color transparent
.aspect_tag,
.public_aspect_tag
:position absolute
:top 15px
:right 2em
:border-radius 5px
:-webkit-border-radius 5px
:-moz-border-radius 5px
:font
:size smaller
:padding 0 6px
:color #999
:text
:shadow 0 1px #fff
:border
:bottom 1px solid #eee
:cursor default
.public_aspect_tag
:background -moz-linear-gradient(19% 75% 90deg,#FFFA75, #FFF8BA)
:background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF8BA), to(#FFFA75))
:color #FFFC7F
:border
:top 1px solid #EBE66C
.aspect_tag
:background -moz-linear-gradient(19% 75% 90deg,#E0E0E0, #F0F0F0)
:background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0F0F0), to(#E0E0E0))
:color #eee
:color #999
:text
:shadow 0 1px #fff
:border
:top 1px solid #ddd
ul
:display inline
:margin 0
:padding 0
:list
:style none
li
:display inline-block
:margin
:right 2px
:padding
:right 4px
:border
:right 1px solid #ccc
&:last-child
:margin
:right 0
:padding
:right 0
:border
:right none
#friend_pictures #friend_pictures
:line-height 1em :line-height 1em
img img
:margin-right -1px :margin-right -1px
:width 35px
:height 35px
#thumbnails #thumbnails
:line-height 14px :line-height 14px
#aspect_list
:margin 0
:padding 0