Widgets UI improvements: arrows, some more help

git-svn-id: https://develop.svn.wordpress.org/trunk@11166 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz
2009-05-04 01:19:10 +00:00
parent 4cbf51bc20
commit 90e500ae36
9 changed files with 56 additions and 28 deletions
+10 -2
View File
@@ -1615,14 +1615,14 @@ div.widgets-sortables,
border-color: #ddd;
}
#widgets-left h3.sidebar-name {
#widgets-left .sidebar-name {
background-color: #aaa;
background-image: url(../images/ed-bg-vs.gif);
text-shadow: #FFFFFF 0 -1px 0;
border-color: #dfdfdf;
}
#widgets-right h3.sidebar-name {
#widgets-right .sidebar-name {
background-image: url(../images/fav.png);
text-shadow: #3f3f3f 0 -1px 0;
background-color: #636363;
@@ -1633,3 +1633,11 @@ div.widgets-sortables,
.sidebar-name:hover {
color: #d54e21;
}
#widgets-left .sidebar-name-arrow {
background: transparent url(../images/menu-bits.gif) no-repeat scroll left -109px;
}
#widgets-right .sidebar-name-arrow {
background: transparent url(../images/fav-arrow.gif) no-repeat scroll 0 -1px;
}
+10 -2
View File
@@ -1590,14 +1590,14 @@ div.widgets-sortables,
border-color: #ddd;
}
#widgets-left h3.sidebar-name {
#widgets-left .sidebar-name {
background-color: #aaa;
background-image: url(../images/ed-bg.gif);
text-shadow: #FFFFFF 0 -1px 0;
border-color: #dfdfdf;
}
#widgets-right h3.sidebar-name {
#widgets-right .sidebar-name {
background-image: url(../images/fav.png);
text-shadow: #3f3f3f 0 -1px 0;
background-color: #636363;
@@ -1608,3 +1608,11 @@ div.widgets-sortables,
.sidebar-name:hover {
color: #d54e21;
}
#widgets-left .sidebar-name-arrow {
background: transparent url(../images/menu-bits.gif) no-repeat scroll left -109px;
}
#widgets-right .sidebar-name-arrow {
background: transparent url(../images/fav-arrow.gif) no-repeat scroll 0 -1px;
}
+18 -13
View File
@@ -39,17 +39,16 @@ div.widget-liquid-right {
float: left;
}
.widget-liquid-right .sidebar-name {
width: 256px;
div.sidebar-name h3 {
margin: 0;
padding: 5px 12px;
}
h3.sidebar-name {
div.sidebar-name {
background-repeat: repeat-x;
background-position: 0 0;
margin: 0;
cursor: pointer;
font-size: 13px;
padding: 5px 12px;
border-width: 1px;
border-style: solid;
-moz-border-radius-topleft: 8px;
@@ -62,7 +61,7 @@ h3.sidebar-name {
border-top-left-radius: 8px;
}
.js .closed h3.sidebar-name {
.js .closed .sidebar-name {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
@@ -94,11 +93,10 @@ h3.sidebar-name {
.widget-liquid-right .widgets-sortables {
padding: 15px 0 0;
width: 280px;
}
#available-widgets .widget-holder {
padding: 15px 5px 0;
padding: 7px 5px 0;
}
#wp_inactive_widgets {
@@ -250,10 +248,7 @@ a.widget-control-edit {
display: none;
}
#available-widgets .widget-control-edit .add {
display: block;
}
#available-widgets .widget-control-edit .add,
#widgets-right .widget-control-edit .edit,
#wp_inactive_widgets .widget-control-edit .edit {
display: block;
@@ -274,10 +269,14 @@ a.widget-control-edit {
border-radius: 6px;
}
#widgets-left p.description {
.inactive p.description {
margin: 5px 15px 8px;
}
#available-widgets p.description {
margin: 0 12px 12px;
}
.widget-position {
margin-top: 8px;
}
@@ -285,3 +284,9 @@ a.widget-control-edit {
.inactive {
padding-top: 2px;
}
.sidebar-name-arrow {
float: right;
height: 29px;
width: 26px;
}