]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/css/widgets.css
Wizard 2.8.2-scripts
[autoinstalls/wordpress.git] / wp-admin / css / widgets.css
index f46c4ce8b7f8ffdaf9478d6265cb0693700dfa7c..c896f5b086d1d838010b70b3100fad74f0b8d874 100644 (file)
+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;
+}
+