DG IZ; publisher reflects what type is selected

This commit is contained in:
danielvincent 2010-06-29 19:55:50 -07:00
parent 97cd3fb413
commit 984f5f62b6
4 changed files with 35 additions and 22 deletions

View file

@ -1,7 +1,7 @@
:css
#publisher{
padding: 10px;
padding-top: 20px;
padding-top: 15px;
padding-bottom: 35px;
background-color: rgba( 242, 248, 252, 0.7 );
border-bottom: 2px #999 solid;
@ -21,17 +21,27 @@
ul#publisher_content_pickers {
margin: 0;
padding: 0;
text-shadow: 0 -2px 0 #fff;
}
ul#publisher_content_pickers li {
display: inline;
margin-right: 20px;
padding: 5px 10px;
margin-right: 5px;
}
.selected {
-webkit-border-radius: 5px;
border: 1px solid #ccc;
border-top: 1px solid #333;
-webkit-box-shadow: 0 2px 1px #fff;
background-color: rgba( 255, 255, 255, 0.5);
}
#publisher
%ul#publisher_content_pickers
%a{ :class => "status_message", :href => '#', :title => "new status message."}
%li status message
%li{ :class => "selected" } status message
%a{ :class => "bookmark", :href => '#', :title => "new bookmark."}
%li bookmark
%a{ :class => "blog", :href => '#', :title => "new blog post."}

View file

@ -2,21 +2,30 @@
$("#publisher_content_pickers .status_message").click(function(){
if( $("#new_status_message").css("display") == "none" ) {
$("#publisher_content_pickers").children("a").children("li").removeClass("selected");
$("#publisher_form form").fadeOut(50);
$(this).children("a > li").toggleClass("selected");
$("#new_status_message").delay(50).fadeIn(200);
}
});
$("#publisher_content_pickers .bookmark").click(function(){
if( $("#new_bookmark").css("display") == "none" ) {
$("#publisher_content_pickers").children("a").children("li").removeClass("selected");
$("#publisher_form form").fadeOut(50);
$(this).children("li").toggleClass("selected");
$("#new_bookmark").delay(50).fadeIn(200);
}
});
$("#publisher_content_pickers .blog").click(function(){
if( $("#new_blog").css("display") == "none" ) {
$("#publisher_content_pickers").children("a").children("li").removeClass("selected");
$("#publisher_form form").fadeOut(50);
$(this).children("li").toggleClass("selected");
$("#new_blog").delay(50).fadeIn(200);
}
});

View file

@ -84,20 +84,16 @@ header {
ul#stream_filters {
padding: 0;
margin: 0; }
margin: 0;
margin-bottom: 20px; }
ul#stream_filters li {
display: block;
padding: 5px 0; }
ul#stream_filters li:first-child {
border-top-right-radius: 5px;
border-top-left-radius: 5px; }
ul#stream_filters li:last-child {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; }
padding: 8px 0;
border-bottom: 1px #eeeeee solid; }
ul#stream_filters a {
color: #b1cfe3; }
ul#stream_filters a:hover {
color: black; }
ul#stream_filters a:hover {
color: black; }
#header_below {
margin: 0 -2em;

View file

@ -93,19 +93,17 @@ header
ul#stream_filters
:padding 0
:margin 0
:bottom 20px
li
:display block
:padding 5px 0
&:first-child
:border-top-right-radius 5px
:border-top-left-radius 5px
&:last-child
:border-bottom-right-radius 5px
:border-bottom-left-radius 5px
:padding 8px 0
:border
:bottom 1px #eee solid
a
:color #B1CFE3
a:hover
:color #000
&:hover
:color #000
#header_below
:margin 0 -2em