WordPress.org

Make WordPress Core

Ticket #15645: 15645.diff

File 15645.diff, 12.9 KB (added by JohnONolan, 7 years ago)
  • wp-admin/css/widgets.dev.css

     
    1 html,
    2 body {
    3         min-width: 950px;
    4 }
     1/*------------------------------------------------------------------------------
    52
    6 /* 2 column liquid layout */
    7 div.widget-liquid-left {
    8         float: left;
    9         clear: left;
    10         width: 100%;
    11         margin-right: -325px;
    12 }
    133
    14 div#widgets-left {
    15         margin-left: 5px;
    16         margin-right: 325px;
    17 }
     4This file controls the styles applied to the widgets administration area
     5inside the 'Appearance' section.
    186
    19 div#widgets-right {
    20         width: 285px;
    21         margin: 0 auto;
    22 }
    237
    24 div.widget-liquid-right {
    25         float: right;
    26         clear: right;
    27         width: 300px;
    28 }
     8TABLE OF CONTENTS:
     9------------------
     10 1.0 - Text Elements
     11 2.0 - Actions
     12 3.0 - Global Widget Styles
     13 4.0 - Main Layout
     14 5.0 - Available Widgets Area
     15 6.0 - Inactive Widgets Area
     16 7.0 - Dynamic Sidebar Area
     17 8.0 - Widgets API Styles
     18 9.0 - Misc
     1910.0 - Dead
    2920
    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 }
    3721
    38 .widget-liquid-right .sidebar-description {
    39         margin-bottom: 10px;
    40 }
     22------------------------------------------------------------------------------*/
    4123
    42 #wp_inactive_widgets .widget {
    43         margin: 0 10px 20px;
    44         float: left;
    45 }
    4624
     25
     26
     27/*------------------------------------------------------------------------------
     28  1.0 - Text Styles
     29------------------------------------------------------------------------------*/
     30
    4731div.sidebar-name h3 {
    4832        margin: 0;
    4933        padding: 5px 12px;
     
    5337        white-space: nowrap;
    5438}
    5539
    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;
     40.widget-top .widget-title {
     41        padding: 5px 9px;
    7142}
    7243
    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;
     44.widget .widget-inside p {
     45        margin: 0 0 1em;
     46        padding: 0;
    8247}
    8348
    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;
     49.widget-title h4 {
     50        margin: 0;
     51        line-height: 1.3;
     52        overflow: hidden;
     53        white-space: nowrap;
    9654}
    9755
    98 .js .closed .widgets-sortables,
    99 .js .closed .widget-holder {
     56
     57/*------------------------------------------------------------------------------
     58  2.0 - Actions
     59------------------------------------------------------------------------------*/
     60
     61.widget-control-actions {
     62        margin-top: 8px;
     63}
     64
     65.widget-control-actions a {
     66        text-decoration: none;
     67}
     68
     69.widget-control-actions a:hover {
     70        text-decoration: underline;
     71}
     72
     73.widget-control-actions .ajax-feedback {
     74        padding-bottom: 3px;
     75}
     76
     77.widget-control-actions div.alignleft {
     78        margin-top: 6px;
     79}
     80
     81.widget-top .widget-title-action {
     82        float: right;
     83}
     84
     85a.widget-action {
     86        display: block;
     87        width: 24px;
     88        height: 26px;
     89}
     90
     91#available-widgets a.widget-action {
    10092        display: none;
    10193}
    10294
    103 .widget-liquid-right .widgets-sortables {
    104         padding: 15px 0 0;
     95.widget-top a.widget-action {
     96        background: url("../images/menu-bits.gif?ver=20100610") no-repeat scroll 0 -110px;
    10597}
    10698
    107 #available-widgets .widget-holder {
    108         padding: 7px 5px 0;
     99.widget-control-edit {
     100        display: block;
     101        font-size: 11px;
     102        font-weight: normal;
     103        line-height: 26px;
     104        padding: 0 8px 0 0;
    109105}
    110106
    111 #wp_inactive_widgets {
    112         padding: 5px 5px 0;
     107a.widget-control-edit {
     108        text-decoration: none;
    113109}
    114110
    115 #widget-list .widget {
    116         width: 250px;
    117         margin: 0 10px 15px;
    118         border: 0 none;
    119         float: left;
     111.widget-control-edit .add,
     112.widget-control-edit .edit {
     113        display: none;
    120114}
    121115
    122 #widget-list .widget-description {
    123         padding: 5px 8px;
     116.editwidget {
     117        margin: 0 auto 15px;
    124118}
    125119
    126 #widget-list .widget-top {
     120.editwidget .widget-inside {
     121        display: block;
    127122        border-width: 1px;
    128123        border-style: solid;
     124        padding: 10px;
    129125        -moz-border-radius: 6px;
    130126        -khtml-border-radius: 6px;
    131127        -webkit-border-radius: 6px;
    132128        border-radius: 6px;
    133129}
    134130
    135 .widget-placeholder {
    136         border-width: 1px;
    137         border-style: dashed;
    138         margin: 0 auto 20px;
    139         height: 26px;
    140         width: 250px;
     131#available-widgets .widget-control-edit .add,
     132#widgets-right .widget-control-edit .edit,
     133#wp_inactive_widgets .widget-control-edit .edit {
     134        display: inline;
    141135}
    142136
    143 #wp_inactive_widgets .widget-placeholder {
    144         margin: 0 10px 20px;
    145         float: left;
     137#removing-widget {
     138        display: none;
     139        font-weight: normal;
     140        padding-left: 15px;
     141        font-size: 12px;
    146142}
    147143
     144
     145/*------------------------------------------------------------------------------
     146  3.0 - Global Widget Styles
     147------------------------------------------------------------------------------*/
     148
    148149div.widgets-holder-wrap {
    149150        padding: 0;
    150151        margin: 10px 0 20px;
    151152}
    152153
    153 #widgets-left #available-widgets {
    154         background-color: transparent;
    155         border: 0 none;
     154.widgets-sortables {
     155        min-height: 90px;
    156156}
    157157
    158 ul#widget-list {
    159         list-style: none;
    160         margin: 0;
    161         padding: 0;
    162         min-height: 100px;
    163 }
    164 
    165158.widget .widget-top {
    166159        font-size: 12px;
    167160        font-weight: bold;
     
    169162        overflow: hidden;
    170163}
    171164
    172 .widget-top .widget-title {
    173         padding: 5px 9px;
     165.widget-title .in-widget-title {
     166        font-size: 11px;
     167        white-space: nowrap;
    174168}
    175169
    176 .widget-top .widget-title-action {
    177         float: right;
     170.widget-title a,
     171.widget-title a:hover {
     172        text-decoration: none;
     173        border-bottom: none;
    178174}
    179175
    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 
    194176.widget .widget-inside,
    195177.widget .widget-description {
    196178        padding: 12px 12px 10px;
     
    203185        display: none;
    204186}
    205187
    206 #available-widgets .widget-description {
    207         display: block;
    208 }
    209188
    210 .widget .widget-inside p {
    211         margin: 0 0 1em;
    212         padding: 0;
    213 }
     189/*------------------------------------------------------------------------------
     190  4.0 - Main Layout
     191------------------------------------------------------------------------------*/
    214192
    215 .widget-title h4 {
    216         margin: 0;
    217         line-height: 1.3;
    218         overflow: hidden;
    219         white-space: nowrap;
     193.widget-liquid-left {
     194        float: left;
     195        clear: left;
     196        width: 100%;
     197        margin-right: -325px;
    220198}
    221199
    222 .widgets-sortables {
    223         min-height: 90px;
     200#widgets-left {
     201        margin-left: 5px;
     202        margin-right: 325px;
    224203}
    225204
    226 .widget-control-actions {
    227         margin-top: 8px;
     205.widget-liquid-right {
     206        float: right;
     207        clear: right;
     208        width: 300px;
    228209}
    229210
    230 .widget-control-actions a {
    231         text-decoration: none;
     211#widgets-right {
     212        width: 285px;
     213        margin: 0 auto;
    232214}
    233215
    234 .widget-control-actions a:hover {
    235         text-decoration: underline;
    236 }
    237216
    238 .widget-control-actions .ajax-feedback {
    239         padding-bottom: 3px;
    240 }
     217/*------------------------------------------------------------------------------
     218  5.0 - Available Widgets Area
     219------------------------------------------------------------------------------*/
    241220
    242 .widget-control-actions div.alignleft {
    243         margin-top: 6px;
     221#available-widgets {
     222        background-color: transparent;
     223        border: 0 none;
    244224}
    245225
    246 div#sidebar-info {
    247         padding: 0 1em;
    248         margin-bottom: 1em;
    249         font-size: 11px;
     226#available-widgets .widget-holder {
     227        padding: 7px 5px 0;
    250228}
    251229
    252 .widget-title a,
    253 .widget-title a:hover {
    254         text-decoration: none;
    255         border-bottom: none;
     230#available-widgets .description {
     231        margin: 0 12px 12px;
    256232}
    257233
    258 .widget-control-edit {
     234#available-widgets .widget-description {
    259235        display: block;
    260         font-size: 11px;
    261         font-weight: normal;
    262         line-height: 26px;
    263         padding: 0 8px 0 0;
    264236}
    265237
    266 a.widget-control-edit {
    267         text-decoration: none;
     238#widget-list {
     239        list-style: none;
     240        margin: 0;
     241        padding: 0;
     242        min-height: 100px;
    268243}
    269244
    270 .widget-control-edit .add,
    271 .widget-control-edit .edit {
    272         display: none;
     245#widget-list .widget {
     246        width: 250px;
     247        margin: 0 10px 15px;
     248        border: 0 none;
     249        float: left;
    273250}
    274251
    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;
     252#widget-list .widget-description {
     253        padding: 5px 8px;
    279254}
    280255
    281 .editwidget {
    282         margin: 0 auto 15px;
    283 }
    284 
    285 .editwidget .widget-inside {
    286         display: block;
     256#widget-list .widget-top {
    287257        border-width: 1px;
    288258        border-style: solid;
    289         padding: 10px;
    290259        -moz-border-radius: 6px;
    291260        -khtml-border-radius: 6px;
    292261        -webkit-border-radius: 6px;
    293262        border-radius: 6px;
    294263}
    295264
    296 .inactive p.description {
    297         margin: 5px 15px 8px;
     265
     266/*------------------------------------------------------------------------------
     267  6.0 - Inactive Widgets Area
     268------------------------------------------------------------------------------*/
     269
     270#wp_inactive_widgets {
     271        padding: 5px 5px 0;
    298272}
    299273
    300 #available-widgets p.description {
    301         margin: 0 12px 12px;
     274#wp_inactive_widgets .widget {
     275        width: 250px;
     276        margin: 0 10px 20px;
     277        float: left;
     278        overflow: hidden;
    302279}
    303280
    304 .widget-position {
    305         margin-top: 8px;
     281#wp_inactive_widgets .widget-placeholder {
     282        margin: 0 10px 20px;
     283        float: left;
    306284}
    307285
    308286.inactive {
    309287        padding-top: 2px;
    310288}
    311289
    312 .sidebar-name-arrow {
    313         float: right;
    314         height: 29px;
    315         width: 26px;
     290.inactive p.description {
     291        margin: 5px 15px 8px;
    316292}
    317293
    318 .widget-title .in-widget-title {
    319         font-size: 11px;
    320         white-space: nowrap;
     294
     295/*------------------------------------------------------------------------------
     296  7.0 - Dynamic Sidebar Area
     297------------------------------------------------------------------------------*/
     298
     299.widget-liquid-right .widget {
     300        width: 250px;
     301        margin: 0 auto 20px;
     302        overflow: hidden;
    321303}
    322304
    323 #removing-widget {
    324         display: none;
    325         font-weight: normal;
    326         padding-left: 15px;
    327         font-size: 12px;
     305.widget-liquid-right .sidebar-description {
     306        width: 250px;
     307        margin: 0 auto 10px auto;
     308        overflow: hidden;
    328309}
    329310
     311.widget-liquid-right .widgets-sortables {
     312        padding: 15px 0 0;
     313}
     314
     315
     316/*------------------------------------------------------------------------------
     317  8.0 - Widgets API Styles
     318------------------------------------------------------------------------------*/
     319
    330320.widget-control-noform,
    331321#access-off,
    332322.widgets_access .widget-action,
     
    368358        cursor: default;
    369359}
    370360
     361
     362/*------------------------------------------------------------------------------
     363  9.0 - Misc
     364------------------------------------------------------------------------------*/
     365
     366.widget-placeholder {
     367        border-width: 1px;
     368        border-style: dashed;
     369        margin: 0 auto 20px;
     370        height: 26px;
     371        width: 250px;
     372}
     373
     374div#sidebar-info {
     375        padding: 0 1em;
     376        margin-bottom: 1em;
     377        font-size: 11px;
     378}
     379
     380.widget-position {
     381        margin-top: 8px;
     382}
     383
     384
     385/*------------------------------------------------------------------------------
     386  10.0 - Dead
     387------------------------------------------------------------------------------*/
     388
     389/* Deprecate in favour of global style? */
     390html,
     391body {
     392        min-width: 950px;
     393}
     394
     395/* Should be global WP PostBox style? */
     396.widget-liquid-right .widgets-sortables,
     397#widgets-left .widget-holder {
     398        border-width: 0 1px 1px;
     399        border-style: none solid solid;
     400    -moz-border-radius-bottomleft: 8px;
     401        -moz-border-radius-bottomright: 8px;
     402        -webkit-border-bottom-right-radius: 8px;
     403        -webkit-border-bottom-left-radius: 8px;
     404        -khtml-border-bottom-right-radius: 8px;
     405        -khtml-border-bottom-left-radius: 8px;
     406        border-bottom-right-radius: 8px;
     407        border-bottom-left-radius: 8px;
     408}
     409.js .closed .widgets-sortables,
     410.js .closed .widget-holder {
     411        display: none;
     412}
     413div.sidebar-name {
     414        background-repeat: repeat-x;
     415        background-position: 0 0;
     416        cursor: pointer;
     417        font-size: 13px;
     418        border-width: 1px;
     419        border-style: solid;
     420        -moz-border-radius-topleft: 8px;
     421        -moz-border-radius-topright: 8px;
     422        -webkit-border-top-right-radius: 8px;
     423        -webkit-border-top-left-radius: 8px;
     424        -khtml-border-top-right-radius: 8px;
     425        -khtml-border-top-left-radius: 8px;
     426        border-top-right-radius: 8px;
     427        border-top-left-radius: 8px;
     428}
     429.js .closed .sidebar-name {
     430        -moz-border-radius-bottomleft: 8px;
     431        -moz-border-radius-bottomright: 8px;
     432        -webkit-border-bottom-right-radius: 8px;
     433        -webkit-border-bottom-left-radius: 8px;
     434        -khtml-border-bottom-right-radius: 8px;
     435        -khtml-border-bottom-left-radius: 8px;
     436        border-bottom-right-radius: 8px;
     437        border-bottom-left-radius: 8px;
     438}
     439.sidebar-name-arrow {
     440        float: right;
     441        height: 29px;
     442        width: 26px;
     443}
     444 No newline at end of file