Changeset 22338


Ignore:
Timestamp:
04/23/13 17:46:47 (7 years ago)
Author:
mistic100
Message:

move and update jgrowl css

Location:
trunk
Files:
2 edited
4 moved

Legend:

Unmodified
Added
Removed
  • trunk/admin/themes/default/template/photos_add_direct.tpl

    r22135 r22338  
    33{combine_script id='jquery.uploadify' load='footer' require='jquery' path='admin/include/uploadify/jquery.uploadify.v3.0.0.min.js' } 
    44{combine_script id='jquery.ui.progressbar' load='footer'} 
    5 {combine_css path="admin/themes/default/uploadify.jGrowl.css"} 
     5{combine_css path="themes/default/js/plugins/jquery.jgrowl.css"} 
    66{combine_css path="admin/include/uploadify/uploadify.css"} 
    77{/if} 
  • trunk/admin/themes/default/template/updates_ext.tpl

    r18630 r22338  
    11{combine_script id='jquery.ajaxmanager' load='footer' require='jquery' path='themes/default/js/plugins/jquery.ajaxmanager.js'} 
    22{combine_script id='jquery.jgrowl' load='footer' require='jquery' path='themes/default/js/plugins/jquery.jgrowl_minimized.js'} 
    3 {combine_css path="admin/themes/default/uploadify.jGrowl.css"} 
     3{combine_css path="themes/default/js/plugins/jquery.jgrowl.css"} 
    44 
    55{footer_script require='jquery.ui.effect-blind,jquery.ajaxmanager,jquery.jgrowl'} 
  • trunk/themes/default/js/plugins/jquery.jgrowl.css

    r22336 r22338  
    1 /* 
    2 Default jGrowl style definitions for: 
     1div.jGrowl { 
     2        z-index:                        9999; 
     3        color:                          #fff; 
     4        font-size:                      12px; 
     5} 
    36 
    4 Uploadify v1.6.2 
    5 Copyright (C) 2009 by Ronnie Garcia 
    6 Co-developed by Travis Nickels 
    7 */ 
     7div.jGrowl-notification.success>div, 
     8div.jGrowl-notification.error>div, 
     9div.jGrowl-notification.warning>div{ 
     10  margin-left:45px; 
     11} 
     12div.jGrowl-notification.success { 
     13        background: url(jgrowl-check.png) no-repeat 5px 5px; 
     14} 
     15div.jGrowl-notification.error { 
     16        background: url(jgrowl-error.png) no-repeat 5px 5px; 
     17} 
     18div.jGrowl-notification.warning { 
     19        background: url(jgrowl-alert.png) no-repeat 5px 5px; 
     20} 
     21div.jGrowl-notification.warning:before { 
     22  content:none; 
     23} 
    824 
    9 /** Uploadify Styling here Styling **/ 
    10 div.jGrowl div.success { 
    11         background: url(images/jgrowl-check.png) no-repeat 6px 6px; 
    12 } 
    13 div.jGrowl div.error { 
    14         background: url(images/jgrowl-error.png) no-repeat 6px center; 
    15 } 
    16 div.jGrowl div.warning { 
    17         background: url(images/jgrowl-alert.png) no-repeat 6px 6px; 
    18 } 
    19 div.jGrowl div.warning:before { 
    20   content:none; 
     25/** Cross Browser Styling **/ 
     26div.center div.jGrowl-notification, div.center div.jGrowl-closer { 
     27        margin-left:            auto; 
     28        margin-right:           auto; 
    2129} 
    2230 
    2331div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { 
    2432        background-color:               #000; 
    25         color:                                  #fff; 
    2633        opacity:                                .85; 
    27         filter:                                 alpha(opacity = 85); 
     34        -ms-filter:                     "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";  
     35        filter:                                 progid:DXImageTransform.Microsoft.Alpha(Opacity=85);  
    2836        zoom:                                   1; 
    2937        width:                                  300px; 
    30         padding:                                10px; 
     38        padding:                                5px; 
    3139        margin-top:                     5px; 
    3240        margin-bottom:                  5px; 
    3341        font-family:                    Tahoma, Arial, Helvetica, sans-serif; 
    34         font-size:                              12px; 
     42        font-size:                              1em; 
    3543        text-align:                     left; 
    3644        display:                                none; 
     45  border-radius: 5px; 
    3746        -moz-border-radius:     5px; 
    3847        -webkit-border-radius:  5px; 
    39 } 
    40  
    41 /* original jGrowl css styling */ 
    42  
    43 div.center div.jGrowl-notification, div.center div.jGrowl-closer { 
    44         margin-left:            auto; 
    45         margin-right:           auto; 
    4648} 
    4749 
     
    5052} 
    5153 
    52 div.jGrowl div.jGrowl-notification div.close { 
     54div.jGrowl div.jGrowl-notification, 
     55div.jGrowl div.jGrowl-closer { 
     56        margin:                                 8px; 
     57} 
     58 
     59div.jGrowl div.jGrowl-notification div.jGrowl-header { 
     60        font-weight:                    bold; 
     61        font-size:                              1em; 
     62} 
     63 
     64div.jGrowl div.jGrowl-notification div.jGrowl-message { 
     65  font-size:        0.9em; 
     66} 
     67 
     68div.jGrowl div.jGrowl-notification div.jGrowl-close { 
     69        z-index:                                99; 
    5370        float:                                  right; 
    5471        font-weight:                    bold; 
    55         font-size:                              12px; 
     72        font-size:                              1em; 
    5673        cursor:                                 pointer; 
    5774} 
    5875 
    5976div.jGrowl div.jGrowl-closer { 
    60         height:                                 15px; 
    6177        padding-top:                    4px; 
    6278        padding-bottom:                 4px; 
    6379        cursor:                                 pointer; 
    64         font-size:                              11px; 
     80        font-size:                              .9em; 
    6581        font-weight:                    bold; 
    6682        text-align:                     center; 
    6783} 
    6884 
    69 div.jGrowl div.jGrowl-notification div.header { 
    70         font-weight:    bold; 
    71         font-size:              14px; 
    72         margin-left:    47px; 
    73 } 
    74 div.jGrowl div.jGrowl-notification div.message { 
    75         font-size:              12px; 
    76         margin-left:    47px; 
    77 } 
    78 div.jGrowl div.jGrowl-notification p { 
    79         font-size:              6px; 
    80 } 
    81  
    82 div.jGrowl { 
    83         padding:                        10px; 
    84         z-index:                        9999; 
     85/** Hide jGrowl when printing **/ 
     86@media print { 
     87        div.jGrowl { 
     88                display:                        none; 
     89        } 
    8590} 
    8691 
     
    9499        bottom:                         auto; 
    95100        left:                           expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); 
    96         top:                            expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 
     101        top:                            expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 
    97102} 
    98103 
     
    119124 
    120125/** Normal Style Positions **/ 
     126div.jGrowl { 
     127        position:                       absolute; 
     128} 
     129 
    121130body > div.jGrowl { 
    122131        position:                       fixed; 
    123132} 
    124133 
    125 body > div.jGrowl.top-left { 
     134div.jGrowl.top-left { 
    126135        left:                           0px; 
    127136        top:                            0px; 
    128137} 
    129138 
    130 body > div.jGrowl.top-right { 
     139div.jGrowl.top-right { 
    131140        right:                          0px; 
    132141        top:                            0px; 
    133142} 
    134143 
    135 body > div.jGrowl.bottom-left { 
     144div.jGrowl.bottom-left { 
    136145        left:                           0px; 
    137146        bottom:                         0px; 
    138147} 
    139148 
    140 body > div.jGrowl.bottom-right { 
     149div.jGrowl.bottom-right { 
    141150        right:                          0px; 
    142151        bottom:                         0px; 
    143152} 
    144153 
    145 body > div.jGrowl.center { 
     154div.jGrowl.center { 
    146155        top:                            0px; 
    147156        width:                          50%; 
    148157        left:                           25%; 
    149158} 
    150  
Note: See TracChangeset for help on using the changeset viewer.