Ticket #15645: 15645.diff

File 15645.diff, 12.9 KB (added by JohnONolan, 2 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