wp-admin/css/widgets.css

   1 html,
   2 body {
   3         min-width: 950px;
   4 }
   5
   6 /* 2 column liquid layout */
   7 div.widget-liquid-left {
   8         float: left;
   9         clear: left;
  10         width: 100%;
  11         margin-right: -325px;
  12 }
  13
  14 div#widgets-left {
  15         margin-left: 5px;
  16         margin-right: 325px;
  17 }
  18
  19 div#widgets-right {
  20         width: 285px;
  21         margin: 0 auto;
  22 }
  23
  24 div.widget-liquid-right {
  25         float: right;
  26         clear: right;
  27         width: 300px;
  28 }
  29
  30 .widget-liquid-right .widget,
  31 #wp_inactive_widgets .widget {
  32         width: 250px;
  33         margin: 0 auto 20px;
  34         overflow: hidden;
  35 }
  36
  37 #wp_inactive_widgets .widget {
  38         margin: 0 10px 20px;
  39         float: left;
  40 }
  41
  42 div.sidebar-name h3 {
  43         margin: 0;
  44         padding: 5px 12px;
  45         font-size: 13px;
  46         height: 19px;
  47         overflow: hidden;
  48         white-space: nowrap;
  49 }
  50
  51 div.sidebar-name {
  52         background-repeat: repeat-x;
  53         background-position: 0 0;
  54         cursor: pointer;
  55         font-size: 13px;
  56         border-width: 1px;
  57         border-style: solid;
  58         -moz-border-radius-topleft: 8px;
  59         -moz-border-radius-topright: 8px;
  60         -webkit-border-top-right-radius: 8px;
  61         -webkit-border-top-left-radius: 8px;
  62         -khtml-border-top-right-radius: 8px;
  63         -khtml-border-top-left-radius: 8px;
  64         border-top-right-radius: 8px;
  65         border-top-left-radius: 8px;
  66 }
  67
  68 .js .closed .sidebar-name {
  69         -moz-border-radius-bottomleft: 8px;
  70         -moz-border-radius-bottomright: 8px;
  71         -webkit-border-bottom-right-radius: 8px;
  72         -webkit-border-bottom-left-radius: 8px;
  73         -khtml-border-bottom-right-radius: 8px;
  74         -khtml-border-bottom-left-radius: 8px;
  75         border-bottom-right-radius: 8px;
  76         border-bottom-left-radius: 8px;
  77 }
  78
  79 .widget-liquid-right .widgets-sortables,
  80 #widgets-left .widget-holder {
  81         border-width: 0 1px 1px;
  82         border-style: none solid solid;
  83     -moz-border-radius-bottomleft: 8px;
  84         -moz-border-radius-bottomright: 8px;
  85         -webkit-border-bottom-right-radius: 8px;
  86         -webkit-border-bottom-left-radius: 8px;
  87         -khtml-border-bottom-right-radius: 8px;
  88         -khtml-border-bottom-left-radius: 8px;
  89         border-bottom-right-radius: 8px;
  90         border-bottom-left-radius: 8px;
  91 }
  92
  93 .js .closed .widgets-sortables,
  94 .js .closed .widget-holder {
  95         display: none;
  96 }
  97
  98 .widget-liquid-right .widgets-sortables {
  99         padding: 15px 0 0;
 100 }
 101
 102 #available-widgets .widget-holder {
 103         padding: 7px 5px 0;
 104 }
 105
 106 #wp_inactive_widgets {
 107         padding: 5px 5px 0;
 108 }
 109
 110 #widget-list .widget {
 111         width: 250px;
 112         margin: 0 10px 15px;
 113         border: 0 none;
 114         float: left;
 115 }
 116
 117 #widget-list .widget-description {
 118         padding: 5px 8px;
 119 }
 120
 121 #widget-list .widget-top {
 122         border-width: 1px;
 123         border-style: solid;
 124         -moz-border-radius: 6px;
 125         -khtml-border-radius: 6px;
 126         -webkit-border-radius: 6px;
 127         border-radius: 6px;
 128 }
 129
 130 .widget-placeholder {
 131         border-width: 1px;
 132         border-style: dashed;
 133         margin: 0 auto 20px;
 134         height: 26px;
 135         width: 250px;
 136 }
 137
 138 #wp_inactive_widgets .widget-placeholder {
 139         margin: 0 10px 20px;
 140         float: left;
 141 }
 142
 143 div.widgets-holder-wrap {
 144         padding: 0;
 145         margin: 10px 0 20px;
 146 }
 147
 148 #widgets-left #available-widgets {
 149     background-color: transparent;
 150     border: 0 none;
 151 }
 152
 153 ul#widget-list {
 154         list-style: none;
 155         margin: 0;
 156         padding: 0;
 157         min-height: 100px;
 158 }
 159
 160 .widget .widget-top {
 161         font-size: 12px;
 162         font-weight: bold;
 163         height: 26px;
 164         overflow: hidden;
 165 }
 166
 167 .widget-top .widget-title {
 168         padding: 5px 9px;
 169 }
 170
 171 .widget-top .widget-title-action {
 172         float: right;
 173 }
 174
 175 a.widget-action {
 176     display: block;
 177     width: 24px;
 178     height: 26px;
 179 }
 180
 181 #available-widgets a.widget-action {
 182         display: none;
 183 }
 184
 185 .widget-top a.widget-action {
 186     background: url("../images/menu-bits.gif") no-repeat scroll 0 -110px;
 187 }
 188
 189 .widget .widget-inside,
 190 .widget .widget-description {
 191         padding: 12px 12px 10px;
 192         font-size: 11px;
 193         line-height: 16px;
 194 }
 195
 196 .widget-inside,
 197 .widget-description {
 198         display: none;
 199 }
 200
 201 #available-widgets .widget-description {
 202         display: block;
 203 }
 204
 205 .widget .widget-inside p {
 206         margin: 0 0 1em;
 207         padding: 0;
 208 }
 209
 210 .widget-title h4 {
 211         margin: 0;
 212         line-height: 1.3;
 213         overflow: hidden;
 214         white-space: nowrap;
 215 }
 216
 217 .widgets-sortables {
 218     min-height: 90px;
 219 }
 220
 221 .widget-control-actions {
 222     margin-top: 8px;
 223 }
 224
 225 .widget-control-actions a {
 226         text-decoration: none;
 227 }
 228
 229 .widget-control-actions a:hover {
 230         text-decoration: underline;
 231 }
 232
 233 .widget-control-actions .ajax-feedback {
 234         padding-bottom: 3px;
 235 }
 236
 237 .widget-control-actions div.alignleft {
 238         margin-top: 6px;
 239 }
 240
 241 div#sidebar-info {
 242         padding: 0 1em;
 243         margin-bottom: 1em;
 244         font-size: 11px;
 245 }
 246
 247 .widget-title a,
 248 .widget-title a:hover {
 249         text-decoration: none;
 250         border-bottom: none;
 251 }
 252
 253 .widget-control-edit {
 254         display: block;
 255         font-size: 11px;
 256         font-weight: normal;
 257         line-height: 26px;
 258         padding: 0 8px 0 0;
 259 }
 260
 261 a.widget-control-edit {
 262         text-decoration: none;
 263 }
 264
 265 .widget-control-edit .add,
 266 .widget-control-edit .edit {
 267         display: none;
 268 }
 269
 270 #available-widgets .widget-control-edit .add,
 271 #widgets-right .widget-control-edit .edit,
 272 #wp_inactive_widgets .widget-control-edit .edit {
 273         display: inline;
 274 }
 275
 276 .editwidget {
 277         margin: 0 auto 15px;
 278 }
 279
 280 .editwidget .widget-inside {
 281         display: block;
 282         border-width: 1px;
 283         border-style: solid;
 284         padding: 10px;
 285         -moz-border-radius: 6px;
 286         -khtml-border-radius: 6px;
 287         -webkit-border-radius: 6px;
 288         border-radius: 6px;
 289 }
 290
 291 .inactive p.description {
 292         margin: 5px 15px 8px;
 293 }
 294
 295 #available-widgets p.description {
 296         margin: 0 12px 12px;
 297 }
 298
 299 .widget-position {
 300         margin-top: 8px;
 301 }
 302
 303 .inactive {
 304         padding-top: 2px;
 305 }
 306
 307 .sidebar-name-arrow {
 308         float: right;
 309         height: 29px;
 310         width: 26px;
 311 }
 312
 313 .widget-title .in-widget-title {
 314         font-size: 11px;
 315         white-space: nowrap;
 316 }
 317
 318 #removing-widget {
 319         display: none;
 320         font-weight: normal;
 321         padding-left: 15px;
 322         font-size: 12px;
 323 }
 324
 325 .widget-control-noform,
 326 #access-off,
 327 .widgets_access .widget-action,
 328 .widgets_access .sidebar-name-arrow,
 329 .widgets_access #access-on,
 330 .widgets_access .widget-holder .description {
 331         display: none;
 332 }
 333
 334 .widgets_access .widget-holder,
 335 .widgets_access #widget-list {
 336         padding-top: 10px;
 337 }
 338
 339 .widgets_access #access-off {
 340         display: inline;
 341 }
 342
 343 .widgets_access #wpbody-content .widget-title-action,
 344 .widgets_access #wpbody-content .widget-control-edit,
 345 .widgets_access .closed .widgets-sortables,
 346 .widgets_access .closed .widget-holder {
 347         display: block;
 348 }
 349
 350 .widgets_access .closed .sidebar-name {
 351         -moz-border-radius-bottomleft: 0;
 352         -moz-border-radius-bottomright: 0;
 353         -webkit-border-bottom-right-radius: 0;
 354         -webkit-border-bottom-left-radius: 0;
 355         -khtml-border-bottom-right-radius: 0;
 356         -khtml-border-bottom-left-radius: 0;
 357         border-bottom-right-radius: 0;
 358         border-bottom-left-radius: 0;
 359 }
 360
 361 .widgets_access .sidebar-name,
 362 .widgets_access .widget .widget-top {
 363         cursor: default;
 364 }
 365