DG IZ; publisher reflects what type is selected
This commit is contained in:
parent
97cd3fb413
commit
984f5f62b6
4 changed files with 35 additions and 22 deletions
|
|
@ -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."}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in a new issue