support for content_types breaking over multiple lines

This commit is contained in:
Dirk Kelly 2011-03-07 19:59:36 +08:00
parent 44f84c266b
commit b4f871c5f6
3 changed files with 45 additions and 17 deletions

View File

@ -8,7 +8,8 @@
position: relative; position: relative;
top: -1px; top: -1px;
z-index: 998; z-index: 998;
height: 60px; min-height: 60px;
width: 950px;
margin: 0px; margin: 0px;
padding: 0 8px; padding: 0 8px;
background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0; background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
@ -24,12 +25,24 @@
border-top-right-radius: 3px ; border-top-right-radius: 3px ;
-moz-border-radius-top-right: 3px ; -moz-border-radius-top-right: 3px ;
-webkit-border-top-right-radius: 3px ; -webkit-border-top-right-radius: 3px ;
height: 60px; } width: 826px;
padding-right: 124px;
padding-top: 8px;
padding-bottom: 8px;
min-height: 44px; }
#submenu > ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
#submenu > ul a { #submenu > ul a {
text-decoration: none; } text-decoration: none; }
#submenu > ul > li { #submenu > ul > li {
margin: 15px 7px 0 8px; margin: 7px 7px 7px 8px;
float: left; } height: 30px;
float: left;
position: relative; }
#submenu > ul > li.hoverable > a span em { #submenu > ul > li.hoverable > a span em {
display: inline-block; display: inline-block;
background: transparent url(/images/admin/menu/icons.png) no-repeat 0 -16px; background: transparent url(/images/admin/menu/icons.png) no-repeat 0 -16px;
@ -101,10 +114,9 @@
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 22px; right: 22px;
height: 60px; height: 100%;
padding-left: 20px; padding-left: 20px;
z-index: 1; z-index: 1; }
background: transparent url(/images/admin/menu/submenu/action-border.png) repeat-y left 0; }
#submenu > .action a { #submenu > .action a {
margin-top: 18px; margin-top: 18px;
display: inline-block; display: inline-block;
@ -136,7 +148,7 @@
border-color: black; } border-color: black; }
#submenu .popup { #submenu .popup {
position: absolute; position: absolute;
top: 42px; top: 26px;
min-width: 250px; min-width: 250px;
background: #fff; background: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
@ -311,7 +323,7 @@ body.contents #submenu > ul {
background: -moz-linear-gradient(0% 100% 90deg, #212229, #1e1e24); background: -moz-linear-gradient(0% 100% 90deg, #212229, #1e1e24);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e1e24), to(#212229)); } background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e1e24), to(#212229)); }
body.contents #submenu > .action { body.contents #submenu > .action {
background-image: url(/images/admin/menu/submenu/black-action-border.png) !important; } background: transparent url(/images/admin/menu/submenu/action-border.png) repeat-y left 0; }
#menu li.assets a em { #menu li.assets a em {
position: relative; position: relative;

View File

@ -1,5 +1,15 @@
/* ___ rounded ___ */ /* ___ rounded ___ */
@mixin clearfix {
&:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
};
}
@mixin rounded($side, $radius: 10px, $important: false) { @mixin rounded($side, $radius: 10px, $important: false) {
@if $important == true { @if $important == true {
$important: !important; } $important: !important; }

View File

@ -9,7 +9,8 @@
position: relative; position: relative;
top: -1px; top: -1px;
z-index: 998; z-index: 998;
height: 60px; min-height: 60px;
width: 950px;
margin: 0px; margin: 0px;
padding: 0 8px; padding: 0 8px;
background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0; background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
@ -17,16 +18,22 @@
/* ___ submenu items ___ */ /* ___ submenu items ___ */
& > ul { & > ul {
@include clearfix;
@include reset; @include reset;
border-top: 1px solid rgba(255, 255, 255, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.4);
background: transparent url(/images/admin/menu/submenu/shadow.png) repeat-x 0 0; background: transparent url(/images/admin/menu/submenu/shadow.png) repeat-x 0 0;
@include rounded(top-right, 3px); @include rounded(top-right, 3px);
width: 826px;
height: 60px; padding-right: 124px;
padding-top: 8px;
padding-bottom: 8px;
min-height: 44px;
& > li { & > li {
margin: 15px 7px 0 8px; margin: 7px 7px 7px 8px;
height: 30px;
float: left; float: left;
position: relative;
&.hoverable > a span { &.hoverable > a span {
em { em {
@ -105,10 +112,9 @@
& > .action { & > .action {
@include absolute-position(top, 0px, right, 22px); @include absolute-position(top, 0px, right, 22px);
height: 60px; height: 100%;
padding-left: 20px; padding-left: 20px;
z-index: 1; z-index: 1;
background: transparent url(/images/admin/menu/submenu/action-border.png) repeat-y left 0;
a { a {
margin-top: 18px; margin-top: 18px;
@ -150,7 +156,7 @@
.popup { .popup {
position: absolute; position: absolute;
top: 42px; top: 26px;
min-width: 250px; min-width: 250px;
background: #fff; background: #fff;
@include box-shadow(0px, 0px, 10px, rgba(0, 0, 0, 0.5)); @include box-shadow(0px, 0px, 10px, rgba(0, 0, 0, 0.5));
@ -253,7 +259,7 @@
} }
& > .action { & > .action {
background-image: url(/images/admin/menu/submenu/black-action-border.png) !important; background: transparent url(/images/admin/menu/submenu/action-border.png) repeat-y left 0;
} }
} }