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