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