+html,
body {
- height: 100%;
+ min-width: 950px;
}
-#sbadmin #zones {
- -moz-user-select: none;
- -khtml-user-select: none;
- user-select: none;
+/* 2 column liquid layout */
+div.widget-liquid-left {
+ float: left;
+ clear: left;
+ width: 100%;
+ margin-right: -325px;
}
-#sbreset {
- float: left;
- margin: 1px 0;
+div#widgets-left {
+ margin-left: 5px;
+ margin-right: 325px;
+}
+
+div#widgets-right {
+ width: 285px;
+ margin: 0 auto;
+}
+
+div.widget-liquid-right {
+ float: right;
+ clear: right;
+ width: 300px;
+}
+
+.widget-liquid-right .widget,
+#wp_inactive_widgets .widget {
+ width: 250px;
+ margin: 0 auto 20px;
+ overflow: hidden;
}
-.dropzone {
- border: 1px solid #bbb;
+#wp_inactive_widgets .widget {
+ margin: 0 10px 20px;
float: left;
- margin-right: 10px;
- padding: 5px;
- background-color: #f0f8ff;
}
-.dropzone h3 {
- text-align: center;
- color: #333;
+div.sidebar-name h3 {
+ margin: 0;
+ padding: 5px 12px;
+ font-size: 13px;
+ height: 19px;
+ overflow: hidden;
+ white-space: nowrap;
}
-.dropzone input {
+div.sidebar-name {
+ background-repeat: repeat-x;
+ background-position: 0 0;
+ cursor: pointer;
+ font-size: 13px;
+ border-width: 1px;
+ border-style: solid;
+ -moz-border-radius-topleft: 8px;
+ -moz-border-radius-topright: 8px;
+ -webkit-border-top-right-radius: 8px;
+ -webkit-border-top-left-radius: 8px;
+ -khtml-border-top-right-radius: 8px;
+ -khtml-border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ border-top-left-radius: 8px;
+}
+
+.js .closed .sidebar-name {
+ -moz-border-radius-bottomleft: 8px;
+ -moz-border-radius-bottomright: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+ -webkit-border-bottom-left-radius: 8px;
+ -khtml-border-bottom-right-radius: 8px;
+ -khtml-border-bottom-left-radius: 8px;
+ border-bottom-right-radius: 8px;
+ border-bottom-left-radius: 8px;
+}
+
+.widget-liquid-right .widgets-sortables,
+#widgets-left .widget-holder {
+ border-width: 0 1px 1px;
+ border-style: none solid solid;
+ -moz-border-radius-bottomleft: 8px;
+ -moz-border-radius-bottomright: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+ -webkit-border-bottom-left-radius: 8px;
+ -khtml-border-bottom-right-radius: 8px;
+ -khtml-border-bottom-left-radius: 8px;
+ border-bottom-right-radius: 8px;
+ border-bottom-left-radius: 8px;
+}
+
+.js .closed .widgets-sortables,
+.js .closed .widget-holder {
display: none;
}
-.dropzone ul {
+.widget-liquid-right .widgets-sortables {
+ padding: 15px 0 0;
+}
+
+#available-widgets .widget-holder {
+ padding: 7px 5px 0;
+}
+
+#wp_inactive_widgets {
+ padding: 5px 5px 0;
+}
+
+#widget-list .widget {
+ width: 250px;
+ margin: 0 10px 15px;
+ border: 0 none;
float: left;
- list-style-type: none;
- width: 240px;
- margin: 0;
- min-height: 200px;
- padding: 0;
- display: block;
}
-* .module {
- width: 238px;
+#widget-list .widget-description {
+ padding: 5px 8px;
+}
+
+#widget-list .widget-top {
+ border-width: 1px;
+ border-style: solid;
+ -moz-border-radius: 6px;
+ -khtml-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+}
+
+.widget-placeholder {
+ border-width: 1px;
+ border-style: dashed;
+ margin: 0 auto 20px;
+ height: 26px;
+ width: 250px;
+}
+
+#wp_inactive_widgets .widget-placeholder {
+ margin: 0 10px 20px;
+ float: left;
+}
+
+div.widgets-holder-wrap {
padding: 0;
- margin: 5px 0;
- cursor: move;
- display: block;
- border: 1px solid #ccc;
- background-color: #fbfbfb;
- position: relative;
- text-align: left;
- line-height: 25px;
+ margin: 10px 0 20px;
}
-* .handle {
- display: block;
- width: 216px;
- padding: 0 10px;
- position: relative;
- border-top: 1px solid #f2f2f2;
- border-right: 1px solid #e8e8e8;
- border-bottom: 1px solid #e8e8e8;
- border-left: 1px solid #f2f2f2;
+#widgets-left #available-widgets {
+ background-color: transparent;
+ border: 0 none;
}
-* .popper {
+ul#widget-list {
+ list-style: none;
margin: 0;
- display: inline;
- position: absolute;
- top: 3px;
- right: 3px;
+ padding: 0;
+ min-height: 100px;
+}
+
+.widget .widget-top {
+ font-size: 12px;
+ font-weight: bold;
+ height: 26px;
overflow: hidden;
- text-align: center;
- height: 16px;
- font-size: 18px;
- line-height: 14px;
- cursor: pointer;
- padding: 0 3px 1px;
- border-top: 4px solid #6da6d1;
- background: url( ../images/fade-butt.png ) -5px 0px;
}
-* html .popper {
- padding: 1px 6px 0;
- font-size: 16px;
+.widget-top .widget-title {
+ padding: 5px 9px;
}
-#sbadmin p.submit {
- padding-right: 10px;
- clear: left;
+.widget-top .widget-title-action {
+ float: right;
}
-.placemat {
- cursor: default;
- margin: 0;
- padding: 0;
- position: relative;
+a.widget-action {
+ display: block;
+ width: 24px;
+ height: 26px;
}
-.placemat h4 {
- text-align: center;
+#available-widgets a.widget-action {
+ display: none;
}
-.placemat span {
- background-color: #ffe;
- border: 1px solid #ccc;
- padding: 0 10px 10px;
- position: absolute;
- text-align: justify;
+.widget-top a.widget-action {
+ background: url("../images/menu-bits.gif") no-repeat scroll 0 -110px;
}
-#palettediv {
- border: 1px solid #bbb;
- background-color: #f0f8ff;
- height:auto;
- margin-top: 10px;
- padding-bottom: 10px;
+.widget .widget-inside,
+.widget .widget-description {
+ padding: 12px 12px 10px;
+ font-size: 11px;
+ line-height: 16px;
}
-#palettediv:after, #zones:after, .dropzone:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
+.widget-inside,
+.widget-description {
+ display: none;
}
-#palettediv, #zones, .dropzone {
+#available-widgets .widget-description {
display: block;
- min-height: 1px;
}
-* html #palettediv, * html #zones, * html .dropzone {
- height: 1%;
+.widget .widget-inside p {
+ margin: 0 0 1em;
+ padding: 0;
}
-#palettediv h3 {
- text-align: center;
- color: #333;
- min-height: 1px;
+.widget-title h4 {
+ margin: 0;
+ line-height: 1.3;
+ overflow: hidden;
+ white-space: nowrap;
}
-#palettediv ul {
- padding: 0 0 0 10px;
+.widgets-sortables {
+ min-height: 90px;
}
-#palettediv .module {
- margin-right: 10px;
- float: left;
- width: 120px;
+.widget-control-actions {
+ margin-top: 8px;
}
-#palettediv .handle {
- height: 40px;
- font-size: 90%;
- width: 110px;
- padding: 0 5px;
+.widget-control-actions a {
+ text-decoration: none;
}
-#palettediv .popper {
- visibility: hidden;
+.widget-control-actions a:hover {
+ text-decoration: underline;
}
-* html #palettediv ul {
- margin: 0;
- padding: 0 0 0 10px;
+.widget-control-actions .ajax-feedback {
+ padding-bottom: 3px;
}
-#controls {
- height: 0px;
+.widget-control-actions div.alignleft {
+ margin-top: 6px;
}
-.control {
- position: absolute;
- display: block;
- background: #f9fcfe;
- padding: 0;
+div#sidebar-info {
+ padding: 0 1em;
+ margin-bottom: 1em;
+ font-size: 11px;
}
-.controlhandle {
- cursor: move;
- background-color: #6da6d1;
- border-bottom: 2px solid #448abd;
- color: #333;
+.widget-title a,
+.widget-title a:hover {
+ text-decoration: none;
+ border-bottom: none;
+}
+
+.widget-control-edit {
display: block;
- margin: 0 0 5px;
- padding: 4px;
- font-size: 120%;
+ font-size: 11px;
+ font-weight: normal;
+ line-height: 26px;
+ padding: 0 8px 0 0;
}
-.controlcloser {
- cursor: pointer;
- font-size: 120%;
+a.widget-control-edit {
+ text-decoration: none;
+}
+
+.widget-control-edit .add,
+.widget-control-edit .edit {
+ display: none;
+}
+
+#available-widgets .widget-control-edit .add,
+#widgets-right .widget-control-edit .edit,
+#wp_inactive_widgets .widget-control-edit .edit {
+ display: inline;
+}
+
+.editwidget {
+ margin: 0 auto 15px;
+}
+
+.editwidget .widget-inside {
display: block;
- position: absolute;
- top: 2px;
- right: 8px;
- padding: 0 3px;
- font-weight: bold;
+ border-width: 1px;
+ border-style: solid;
+ padding: 10px;
+ -moz-border-radius: 6px;
+ -khtml-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+}
+
+.inactive p.description {
+ margin: 5px 15px 8px;
}
-.controlform {
- margin: 20px 30px;
+#available-widgets p.description {
+ margin: 0 12px 12px;
}
-.controlform p {
- text-align: center;
+.widget-position {
+ margin-top: 8px;
}
-.control .checkbox {
- border: none;
- background: transparent;
+.inactive {
+ padding-top: 2px;
}
-.hidden {
+.sidebar-name-arrow {
+ float: right;
+ height: 29px;
+ width: 26px;
+}
+
+.widget-title .in-widget-title {
+ font-size: 11px;
+ white-space: nowrap;
+}
+
+#removing-widget {
display: none;
+ font-weight: normal;
+ padding-left: 15px;
+ font-size: 12px;
}
-#shadow {
- background: black;
+.widget-control-noform,
+#access-off,
+.widgets_access .widget-action,
+.widgets_access .sidebar-name-arrow,
+.widgets_access #access-on,
+.widgets_access .widget-holder .description {
display: none;
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
}
-#dragHelper {
- position: absolute;
+.widgets_access .widget-holder,
+.widgets_access #widget-list {
+ padding-top: 10px;
}
-#dragHelper li.module {
+.widgets_access #access-off {
+ display: inline;
+}
+
+.widgets_access #wpbody-content .widget-title-action,
+.widgets_access #wpbody-content .widget-control-edit,
+.widgets_access .closed .widgets-sortables,
+.widgets_access .closed .widget-holder {
display: block;
- float: left;
}
+
+.widgets_access .closed .sidebar-name {
+ -moz-border-radius-bottomleft: 0;
+ -moz-border-radius-bottomright: 0;
+ -webkit-border-bottom-right-radius: 0;
+ -webkit-border-bottom-left-radius: 0;
+ -khtml-border-bottom-right-radius: 0;
+ -khtml-border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.widgets_access .sidebar-name,
+.widgets_access .widget .widget-top {
+ cursor: default;
+}
+