New menu UI. Props filosofo. see #12713

git-svn-id: https://develop.svn.wordpress.org/trunk@14248 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ryan Boren
2010-04-27 01:05:58 +00:00
parent cb27ac1a30
commit 77be931ef4
20 changed files with 2279 additions and 1204 deletions

View File

@@ -1959,7 +1959,8 @@ input#link_url {
width: auto;
}
#post-body ul.category-tabs {
#post-body ul.category-tabs,
#post-body ul.add-menu-item-tabs {
float: left;
width: 120px;
text-align: right;
@@ -1968,11 +1969,13 @@ input#link_url {
padding: 0;
}
#post-body ul.category-tabs li {
#post-body ul.category-tabs li,
#post-body ul.add-menu-item-tabs li {
padding: 8px;
}
#post-body ul.category-tabs li.tabs {
#post-body ul.category-tabs li.tabs,
#post-body ul.add-menu-item-tabs li.tabs {
-moz-border-radius: 3px 0 0 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
@@ -1982,12 +1985,16 @@ input#link_url {
border-bottom-left-radius: 3px;
}
#post-body ul.category-tabs li.tabs a {
#post-body ul.category-tabs li.tabs a,
#post-body ul.add-menu-item-tabs li.tabs a {
font-weight: bold;
text-decoration: none;
}
.categorydiv div.tabs-panel,
.customlinkdiv div.tabs-panel,
.posttypediv div.tabs-panel,
.taxonomydiv div.tabs-panel,
#linkcategorydiv div.tabs-panel {
height: 200px;
overflow: auto;
@@ -1996,25 +2003,40 @@ input#link_url {
border-width: 1px;
}
div.tabs-panel-active {
display:block;
}
div.tabs-panel-inactive {
display:none;
}
#post-body .categorydiv div.tabs-panel,
.taxonomy div.tabs-panel,
#post-body #linkcategorydiv div.tabs-panel {
margin: 0 5px 0 125px;
}
#side-sortables .category-tabs li {
#side-sortables .category-tabs li,
#side-sortables .add-menu-item-tabs li {
display: inline;
padding-right: 8px;
}
#side-sortables .category-tabs a {
#side-sortables .category-tabs a,
#side-sortables .add-menu-item-tabs a {
text-decoration: none;
}
#side-sortables .category-tabs {
#side-sortables .category-tabs,
#side-sortables .add-menu-item-tabs {
margin-bottom: 3px;
}
.categorydiv ul,
.customlinkdiv ul,
.posttypediv ul,
.taxonomydiv ul,
#linkcategorydiv ul {
list-style: none;
padding: 0;
@@ -2025,6 +2047,9 @@ input#link_url {
#front-static-pages ul,
.inline-editor ul.cat-checklist ul,
.categorydiv ul.categorychecklist ul,
.customlinkdiv ul.categorychecklist ul,
.posttypediv ul.categorychecklist ul,
.taxonomydiv ul.categorychecklist ul,
#linkcategorydiv ul.categorychecklist ul {
margin-left: 18px;
}
@@ -2040,27 +2065,34 @@ ul.categorychecklist li {
margin-bottom: 0px;
}
.categorydiv .tabs-panel {
.categorydiv .tabs-panel,
.customlinkdiv .tabs-panel,
.posttypediv .tabs-panel,
.taxonomydiv .tabs-panel {
border-width: 3px;
border-style: solid;
}
ul.category-tabs {
ul.category-tabs,
ul.add-menu-item-tabs {
margin-top: 12px;
}
ul.category-tabs li.tabs {
ul.category-tabs li.tabs,
ul.add-menu-item-tabs li.tabs {
border-style: solid solid none;
border-width: 1px 1px 0;
}
#post-body .category-tabs li.tabs {
#post-body .category-tabs li.tabs,
#post-body .add-menu-item-tabs li.tabs {
border-style: solid none solid solid;
border-width: 1px 0 1px 1px;
margin-right: -1px;
}
ul.category-tabs li {
ul.category-tabs li,
ul.add-menu-item-tabs li {
padding: 5px 8px;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-top-left-radius: 3px;
@@ -3705,4 +3737,4 @@ table#available-headers label img {
border-width: 1px 1px 0;
background-color: #fafafa;
color: #c1c1c1;
}
}