WordPress.org

Plugin Directory

Changeset 537453


Ignore:
Timestamp:
04/27/12 19:34:59 (2 years ago)
Author:
chriswallace
Message:

Updating to latest stable release.

Location:
typecase/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • typecase/trunk/sass/main.scss

    r534842 r537453  
    1111 
    1212#typecase { 
    13         margin:10px 15px 2px; 
     13  margin:10px 15px 2px; 
    1414 
    1515  * { 
     
    2121 
    2222  .arrow-down{ 
    23     display:none; 
     23    display:none; 
     24  } 
     25 
     26  iframe { 
     27    display:none; 
    2428  } 
    2529 
     
    3640    text-decoration:none; 
    3741    border-radius:4px; 
    38     box-shadow: 0 1px 0 rgba(0,0,0,0.5), 
    39                             0 1px 0 rgba(255,255,255,0.4) inset; 
     42    box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset; 
    4043    text-shadow: 0 -1px 0 rgba(0,0,0,0.6); 
    4144    @include transition(all 200ms ease-in); 
    4245 
    43         &:hover { 
    44         @include background-image(linear-gradient(#909090,#555)); 
    45         } 
    46  
    47         &.primary{ 
    48             border-color:#0b84c2; 
    49         @include background-image(linear-gradient(#179fe5,#0b84c2)); 
    50             &:hover { 
    51               @include background-image(linear-gradient(#3ab3f2,#0b84c2)); 
    52             } 
    53         } 
     46    &:hover { 
     47      @include background-image(linear-gradient(#909090,#555)); 
     48    } 
     49 
     50    &.primary{ 
     51      border-color:#0b84c2; 
     52      @include background-image(linear-gradient(#179fe5,#0b84c2)); 
     53      &:hover { 
     54        @include background-image(linear-gradient(#3ab3f2,#0b84c2)); 
     55      } 
     56      &:active { 
     57        box-shadow:none; 
     58        @include background-image(linear-gradient(bottom,#0b84c2,darken(#0b84c2,3%))); 
     59      } 
     60    } 
    5461 
    5562    &.saving { 
    5663      opacity:.5; 
    5764    } 
    58          
    59         &.large{ 
    60             font-size:14px; 
    61             padding:9px 13px; 
    62         } 
    63  
    64         &:active { 
    65             background:#0b84c2; 
    66       box-shadow: 0 1px 0 rgba(0,0,0,0.1) inset; 
    67         } 
     65     
     66    &.large{ 
     67      font-size:14px; 
     68      padding:9px 13px; 
     69    } 
     70 
     71    &:active { 
     72      box-shadow:none; 
     73      @include background-image(linear-gradient(bottom,#0b84c2,darken(#0b84c2,3%))); 
     74    } 
    6875  } 
    6976 
     
    101108  } 
    102109 
    103     #masthead{ 
    104         border-radius:4px; 
    105  
    106         h1{ 
    107             background-color:#555; 
    108             @include background-image(linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8))); 
    109             box-shadow:0 0 20px rgba(#000,.2) inset, 
    110                        0 0 0 1px rgba(#000,.3) inset; 
    111             border-radius:4px; 
    112             padding:20px; 
    113             margin-bottom:10px; 
    114             height:auto; 
    115  
    116             strong{ 
    117                 background-image: url("../images/logo_typecase.png"); 
    118                 height:35px; 
    119                 width:136px; 
    120                 text-indent:-9000px; 
    121                 display:inline-block; 
    122                 margin-right:5px;            
    123             } 
    124  
    125             span{ 
    126                 font-family:"JournalRegular"; 
    127                 font-size:20px; 
    128                 margin-left:20px; 
    129                 font-weight:normal; 
    130                 color: #ddd; 
    131                 text-shadow: none; 
    132             } 
    133  
    134         } 
    135  
    136         .buttons{ 
    137             margin-left:25px; 
    138             font-family: Helvetica, Arial, Tahoma, sans-serif; 
    139             float:right; 
    140             text-shadow:none; 
    141             font-weight:normal; 
    142             font-size: 11px; 
    143             clear:none; 
    144             line-height:21px; 
    145             margin-top:-7px; 
    146             text-align:right; 
    147  
    148             span{ 
    149                 display:block; 
    150                 margin-bottom:3px; 
    151                 color: #ababab; 
    152                 font-size: 11px; 
    153                 font-family: Helvetica, Arial, Tahoma, sans-serif; 
    154             } 
    155  
    156             .primary{ 
    157                 border:none; 
    158             } 
    159         } 
    160     } 
     110  #masthead{ 
     111    border-radius:4px; 
     112 
     113    h1{ 
     114      background-color:#555; 
     115      @include background-image(linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8))); 
     116      box-shadow:0 0 20px rgba(#000,.2) inset, 
     117                 0 0 0 1px rgba(#000,.3) inset; 
     118      border-radius:4px; 
     119      padding:20px; 
     120      margin-bottom:10px; 
     121      height:auto; 
     122      position:static; 
     123 
     124      strong{ 
     125        background-image: url("../images/logo_typecase.png"); 
     126        height:35px; 
     127        width:136px; 
     128        text-indent:-9000px; 
     129        display:inline-block; 
     130        margin-right:5px;      
     131      } 
     132 
     133      span{ 
     134        font-family:"JournalRegular"; 
     135        font-size:20px; 
     136        margin-left:20px; 
     137        font-weight:normal; 
     138        color: #ddd; 
     139        text-shadow: none; 
     140      } 
     141 
     142      .pro-badge { 
     143        display:block; 
     144        float:right; 
     145        position:absolute; 
     146        top:-1px; 
     147        right:-1px; 
     148        width:32px; 
     149        height:32px; 
     150        background-image:url("../images/pro_badge.png"); 
     151      } 
     152    } 
     153 
     154    .buttons{ 
     155      margin-left:25px; 
     156      position:static; 
     157      font-family: Helvetica, Arial, Tahoma, sans-serif; 
     158      float:right; 
     159      text-shadow:none; 
     160      font-weight:normal; 
     161      font-size: 11px; 
     162      clear:none; 
     163      line-height:21px; 
     164      margin-top:7px; 
     165      text-align:right; 
     166 
     167      a.primary {margin-right:10px} 
     168 
     169      span{ 
     170        display:block; 
     171        margin-bottom:3px; 
     172        color: #ababab; 
     173        font-size: 11px; 
     174        font-family: Helvetica, Arial, Tahoma, sans-serif; 
     175      } 
     176 
     177      .primary{ 
     178        border:none; 
     179      } 
     180    } 
     181  } 
    161182 
    162183  .no-fonts, .no-results{ 
     
    182203  } 
    183204 
    184   .no-results {display:none} 
     205  .no-results { 
     206    display:none; 
     207    border-bottom:solid 1px #d6d6d6; 
     208    margin-bottom:1px; 
     209  } 
    185210 
    186211  .font-list { 
    187212    background:#fbfbfb; 
    188     padding-bottom:2px; 
    189     border-radius:0 0 4px 4px; 
    190213     
    191214    top:-1px; 
     
    193216 
    194217    .font { 
    195       height:62px; 
    196       line-height:60px; 
    197       border-top:solid 1px #eee; 
    198218      border-bottom:solid 1px #eee; 
    199       margin-top:-1px; 
    200       margin-bottom:-1px; 
    201       top:1px; 
    202219      background:#fbfbfb; 
    203220      -moz-user-select:none; 
     
    205222      user-select:none; 
    206223      -ms-user-select:none; 
    207  
    208       &:last-child { 
    209         border-radius:0 0 4px 4px; 
    210       } 
    211224 
    212225      .font-sample { 
     
    218231        width:100%; 
    219232        overflow:hidden; 
     233        margin-top:-60px; 
     234        line-height:60px; 
    220235      } 
    221236 
     
    223238        float:right; 
    224239        display:inline-block; 
    225         margin-top:-61px; 
    226240        padding:0; 
     241        z-index:2; 
    227242 
    228243        .active-arrow { 
     
    240255          color:#aaa; 
    241256          font-size:12px; 
     257          height:60px; 
    242258          line-height:60px; 
    243           height:60px; 
    244259          padding-left:50px; 
    245260          @include background-image(linear-gradient(left, rgba(#fbfbfb,0) 0%, #fbfbfb 20%)); 
     
    253268          float:right; 
    254269          line-height:60px; 
    255           height:60px; 
     270          height:59px; 
    256271          background-color:#fbfbfb; 
    257272          padding:0 15px 0 10px; 
     
    400415    border:solid 1px #d6d6d6; 
    401416    border-top:none; 
    402     border-radius:0 0 4px 4px; 
     417    border-radius:0; 
    403418    overflow:hidden; 
    404419    width:100%; 
     
    589604  } 
    590605 
    591     #your-collection header, 
    592     #available-fonts header{ 
    593         box-shadow:0 0 20px rgba(#000,0) inset, 
    594                             0 1px 0 rgba(255,255,255,.6) inset; 
    595         border:1px solid #ccc; 
    596       background-color: #fff; 
    597  
    598         h1{ 
    599         color:#333; 
    600         } 
    601     } 
     606  #your-collection header, 
     607  #available-fonts header{ 
     608    box-shadow:0 0 20px rgba(#000,0) inset, 
     609              0 1px 0 rgba(255,255,255,.6) inset; 
     610    border:1px solid #ccc; 
     611    background-color: #fff; 
     612 
     613    h1{ 
     614      color:#333; 
     615    } 
     616  } 
    602617 
    603618  header { 
    604619    border-radius:4px 4px 0 0; 
     620    margin:0; 
     621    padding:0; 
    605622    @include background-image(linear-gradient(rgba(#000,.02),rgba(#000,.07))); 
    606623 
     
    639656 
    640657  #available-fonts { 
    641     overflow:hidden; 
    642     margin:0 0 10px; 
    643  
    644         header{ 
    645             border-bottom-width:0; 
    646         } 
     658    margin:0; 
     659 
     660    header{ 
     661      border-bottom-width:0; 
     662    } 
     663 
     664    .content-wrap { 
     665      border-bottom:none; 
     666    } 
    647667 
    648668    .font-list { 
     
    650670      padding-bottom:0; 
    651671      overflow:auto; 
     672      border-bottom:solid 1px #ccc; 
    652673 
    653674      &#search-results {display:none} 
    654       &#loaded-fonts {height:492px} 
     675      &#loaded-fonts {height:489px} 
    655676 
    656677      .font { 
     
    740761    padding: 10px; 
    741762    border-radius:0 0 4px 4px; 
    742     margin-top:-4px; 
     763    margin-top:-1px; 
    743764  } 
    744765 
    745766  #firsttimer{ 
    746         color:#343434; 
    747     border-radius:4px; 
    748         background-color:#faf4bf; 
    749         border:1px solid #ddce4f; 
    750         padding:20px; 
    751         margin-bottom:10px; 
    752         clear:both; 
    753         font-family:"JournalRegular","Hand of Sean"; 
    754         @include clearfix(); 
    755  
    756         h1{ 
    757             font-weight:normal; 
    758             font-size:40px; 
    759             margin:10px 0 40px 0; 
    760             padding:0 0 25px; 
    761             text-align:center; 
    762             background:url("../images/stripe.png") no-repeat bottom center; 
    763         } 
    764  
    765         .buttons{ 
    766             text-align:center; 
    767             padding:20px 0 0 0; 
    768             clear:both; 
    769  
    770             small{ 
    771                 display:block; 
    772                 margin-top:15px; 
    773                 font:normal 11px/11px Helvetica, Arial, Tahoma, Verdana, sans-serif; 
    774                 color:rgba(0,0,0,0.5); 
    775             } 
    776  
    777         } 
    778  
    779         ol{ 
    780             margin-left: 50px; 
    781             margin-bottom: 40px; 
    782  
    783             li{ 
    784                 font-size:32px; 
    785                 list-style-position:outside; 
    786                 position:relative; 
    787                 width:28%; 
    788                 float:left; 
    789                 line-height: 1em; 
    790  
    791                 .list-item{ 
    792                     background-image:url("../images/circle_background.png"); 
    793                     width:57px; 
    794                     height:57px; 
    795                     position:absolute; 
    796                     left:-57px; 
    797                     top:-12px; 
    798                     display:block; 
    799                 } 
    800  
    801                 strong{ 
    802                     font-weight:normal; 
    803                     font-size:26px; 
    804                     padding-left:10px; 
    805                     padding-right: 65px; 
    806                     display:block; 
    807                     line-height: 1em; 
    808                 } 
    809  
    810                 &:first-child{ 
    811  
    812                     width:36%; 
    813  
    814                     & strong{ 
    815                         padding-left:10px; 
    816                     } 
    817  
    818                     & span{ 
    819                         left:-52px; 
    820                     } 
    821  
    822                 } 
    823  
    824                 &:nth-child(2n){ 
    825                     width:36%; 
    826  
    827                     .list-item{ 
    828                         @include rotate(75deg, false, false); 
    829                     } 
    830                 } 
    831  
    832                 &:nth-child(3n){ 
    833  
    834                     .list-item{ 
    835                         @include rotate(155deg, false, false); 
    836                     } 
    837                     strong{ 
    838                         padding-right:0; 
    839                     } 
    840                 } 
    841  
    842             } 
    843  
    844         } 
     767    color:#343434; 
     768    border-radius:4px; 
     769    background-color:#faf4bf; 
     770    border:1px solid #ddce4f; 
     771    padding:20px; 
     772    margin-bottom:10px; 
     773    clear:both; 
     774    font-family:"JournalRegular","Hand of Sean"; 
     775    @include clearfix(); 
     776 
     777    h1{ 
     778      font-weight:normal; 
     779      font-size:40px; 
     780      margin:10px 0 40px 0; 
     781      padding:0 0 25px; 
     782      text-align:center; 
     783      background:url("../images/stripe.png") no-repeat bottom center; 
     784    } 
     785 
     786    .buttons{ 
     787      text-align:center; 
     788      padding:20px 0 0 0; 
     789      clear:both; 
     790 
     791      small{ 
     792        display:block; 
     793        margin-top:15px; 
     794        font:normal 11px/11px Helvetica, Arial, Tahoma, Verdana, sans-serif; 
     795        color:rgba(0,0,0,0.5); 
     796      } 
     797 
     798    } 
     799 
     800    ol{ 
     801      margin-left: 50px; 
     802      margin-bottom: 40px; 
     803 
     804      li{ 
     805        font-size:32px; 
     806        list-style-position:outside; 
     807        position:relative; 
     808        width:28%; 
     809        float:left; 
     810        line-height: 1em; 
     811 
     812        .list-item{ 
     813          background-image:url("../images/circle_background.png"); 
     814          width:57px; 
     815          height:57px; 
     816          position:absolute; 
     817          left:-57px; 
     818          top:-12px; 
     819          display:block; 
     820        } 
     821 
     822        strong{ 
     823          font-weight:normal; 
     824          font-size:26px; 
     825          padding-left:10px; 
     826          padding-right: 65px; 
     827          display:block; 
     828          line-height: 1em; 
     829        } 
     830 
     831        &:first-child{ 
     832 
     833          width:36%; 
     834 
     835          & strong{ 
     836            padding-left:10px; 
     837          } 
     838 
     839          & span{ 
     840            left:-52px; 
     841          } 
     842 
     843        } 
     844 
     845        &:nth-child(2n){ 
     846          width:36%; 
     847 
     848          .list-item{ 
     849            @include rotate(75deg, false, false); 
     850          } 
     851        } 
     852 
     853        &:nth-child(3n){ 
     854 
     855          .list-item{ 
     856            @include rotate(155deg, false, false); 
     857          } 
     858          strong{ 
     859            padding-right:0; 
     860          } 
     861        } 
     862 
     863      } 
     864 
     865    } 
    845866 
    846867  } 
     
    849870 
    850871.typecase_copyright{ 
    851     color: #666; 
    852     margin: 20px 0 40px 16px; 
    853     display: block; 
    854  
    855     #upthemes{ 
    856         float:right; 
    857         height:24px; 
    858         margin:10px 15px 2px; 
    859         width:106px; 
    860         text-indent:-9000px; 
    861         display:inline-block; 
    862         background-image: url("../images/logo_upthemes.png"); 
    863     } 
     872  color: #666; 
     873  margin: 20px 0 40px 16px; 
     874  display: block; 
     875 
     876  #upthemes{ 
     877    float:right; 
     878    height:24px; 
     879    margin:10px 15px 2px; 
     880    width:106px; 
     881    text-indent:-9000px; 
     882    display:inline-block; 
     883    background-image: url("../images/logo_upthemes.png"); 
     884  } 
    864885 
    865886} 
  • typecase/trunk/scripts/main.js

    r534842 r537453  
    11;(function($) { 
    22 
    3     function reloadFontPreview(){ 
    4  
    5         if( !$('#font-css').length ) 
    6             $('body').append('<div id="font-css"></div>'); 
    7  
    8         $.getJSON( ajaxurl, { action : 'reloadFontPreview', _nonce : typecase.nonce }, function( data ){ 
    9           if( data.css ) 
    10               $('#font-css').html(data.css); 
     3  function reloadFontPreview(){ 
     4 
     5    if( !$('#font-css').length ) 
     6      $('body').append('<div id="font-css"></div>'); 
     7 
     8    $.getJSON( ajaxurl, { action : 'reloadFontPreview', _nonce : typecase.nonce }, function( data ){ 
     9      if( data.css ) 
     10        $('#font-css').html(data.css); 
    1111 
    1212      if( typeof(data._new_nonce.nonce) != 'undefined' ) 
    13         typecase.nonce = data._new_nonce.nonce; 
    14         }); 
    15  
    16     } 
    17  
    18     function setEqualHeight() { 
    19       var highestCol = Math.max($("#your-collection .font-list-wrap").height(),$("#your-collection .sidebar").height()); 
    20       $("#your-collection .font-list-wrap").height(highestCol); 
    21       $("#your-collection .sidebar").height(highestCol); 
    22     } 
    23      
    24     function setDefaultVariant(availableVariants) { 
    25       var defaultVariant = ""; 
    26      
    27       if ($.inArray("400",availableVariants) > -1) 
    28         defaultVariant = "400"; 
    29       else if ($.inArray("regular",availableVariants) > -1) 
    30         defaultVariant = "regular"; 
    31       else if ($.inArray("300",availableVariants) > -1) 
    32         defaultVariant = "300"; 
    33       else if ($.inArray("500",availableVariants) > -1) 
    34         defaultVariant = "500"; 
    35       else if ($.inArray("200",availableVariants) > -1) 
    36         defaultVariant = "200"; 
    37       else if ($.inArray("600",availableVariants) > -1) 
    38         defaultVariant = "600"; 
    39       else if ($.inArray("100",availableVariants) > -1) 
    40         defaultVariant = "100"; 
    41       else if ($.inArray("bold",availableVariants) > -1) 
    42         defaultVariant = "bold"; 
    43       else if ($.inArray("700",availableVariants) > -1) 
    44         defaultVariant = "700"; 
    45       else if ($.inArray("800",availableVariants) > -1) 
    46         defaultVariant = "800"; 
    47       else if ($.inArray("900",availableVariants) > -1) 
    48         defaultVariant = "900"; 
    49      
    50       return defaultVariant; 
    51     } 
    52      
    53     function disableSelection(element) { 
    54       if (typeof element.onselectstart != 'undefined') { 
    55           element.onselectstart = function() { return false; }; 
    56       } 
    57       else if (typeof element.style.MozUserSelect != 'undefined') { 
    58         element.style.MozUserSelect = 'none'; 
    59       }  
    60       else { 
    61         element.onmousedown = function() { return false; }; 
    62       } 
    63     } 
    64      
     13        typecase.nonce = data._new_nonce.nonce; 
     14    }); 
     15 
     16  } 
     17 
     18  function setEqualHeight() { 
     19    var highestCol = Math.max($("#your-collection .font-list-wrap").height(),$("#your-collection .sidebar").height()); 
     20    $("#your-collection .font-list-wrap").height(highestCol); 
     21    $("#your-collection .sidebar").height(highestCol); 
     22  } 
     23   
     24  function setDefaultVariant(availableVariants) { 
     25    var defaultVariant = ""; 
     26   
     27    if ($.inArray("400",availableVariants) > -1) 
     28      defaultVariant = "400"; 
     29    else if ($.inArray("regular",availableVariants) > -1) 
     30      defaultVariant = "regular"; 
     31    else if ($.inArray("300",availableVariants) > -1) 
     32      defaultVariant = "300"; 
     33    else if ($.inArray("500",availableVariants) > -1) 
     34      defaultVariant = "500"; 
     35    else if ($.inArray("200",availableVariants) > -1) 
     36      defaultVariant = "200"; 
     37    else if ($.inArray("600",availableVariants) > -1) 
     38      defaultVariant = "600"; 
     39    else if ($.inArray("100",availableVariants) > -1) 
     40      defaultVariant = "100"; 
     41    else if ($.inArray("bold",availableVariants) > -1) 
     42      defaultVariant = "bold"; 
     43    else if ($.inArray("700",availableVariants) > -1) 
     44      defaultVariant = "700"; 
     45    else if ($.inArray("800",availableVariants) > -1) 
     46      defaultVariant = "800"; 
     47    else if ($.inArray("900",availableVariants) > -1) 
     48      defaultVariant = "900"; 
     49   
     50    return defaultVariant; 
     51  } 
     52   
     53  function disableSelection(element) { 
     54    if (typeof element.onselectstart != 'undefined') { 
     55        element.onselectstart = function() { return false; }; 
     56    } 
     57    else if (typeof element.style.MozUserSelect != 'undefined') { 
     58      element.style.MozUserSelect = 'none'; 
     59    }  
     60    else { 
     61      element.onmousedown = function() { return false; }; 
     62    } 
     63  } 
     64   
    6565  $( document ).ready( function(){ 
    6666 
    67     $( "#your-collection" ).on( "click", "a.delete", $( this ), removeFont ); 
     67    $( "#your-collection .font-list" ).on( "click", "a.delete", $( this ), removeFont ); 
    6868    $( "#available-fonts" ).on( "click", "a.add", $( this ), addFont ); 
    6969    $( "#available-fonts" ).on( "dblclick", ".font", $( this ), addFont ); 
     
    145145 
    146146        if( typeof(data._new_nonce.nonce) != 'undefined' ) 
    147             typecase.nonce = data._new_nonce.nonce; 
     147          typecase.nonce = data._new_nonce.nonce; 
    148148 
    149149      }); 
     
    197197          } 
    198198 
     199          var font_name = $( _this ).closest( ".font" ).find(".font-sample span").attr("class").replace("font-item ",""); 
     200 
     201          $( "#available-fonts .font-list#loaded-fonts .font." + font_name ).find("a.add").removeClass( "disabled" );       
     202 
    199203          saveFonts(); 
    200204        }); 
    201      
    202         $( "#available-fonts .font-list#loaded-fonts .font."+$( _this ).closest( ".font" ).find( ".font-sample span" ).prop( "class" )+" a.add" ).removeClass( "disabled" );       
    203205         
    204206        e.preventDefault(); 
     
    307309            var family_class = Typecase.masterFontList.items[i].family.replace( / /g, '_' ).toLowerCase(); 
    308310            var variants = ""; 
     311            var subsets = ""; 
     312 
    309313            $.each(Typecase.masterFontList.items[i].variants,function(){ 
    310314              variants += "|" + this + "-1"; 
    311315            }); 
     316 
     317            $.each(Typecase.masterFontList.items[i].subsets,function(){ 
     318              subsets += "|" + this + "-1"; 
     319            }); 
    312320   
    313321            var defaultVariant = setDefaultVariant(Typecase.masterFontList.items[i].variants); 
    314322             
    315323            fontResults.push(Typecase.masterFontList.items[i].family + ":" + defaultVariant); 
    316             matchedFonts += "<div class='font "+family_class+"' data-selectors='|."+family_class+"' data-variants='"+variants+"' data-name='"+Typecase.masterFontList.items[i].family+"'><style type='text/css'> .font-sample span."+family_class+" { font-family: '"+Typecase.masterFontList.items[i].family+"'; } </style><div class='font-sample'><span class='font-item "+family_class+"'>"+Typecase.previewText+"</span></div><div class='font-meta'><ul class='font-actions'><li><a class='edit'><span></span></a></li><li><a class='preview'><span></span></a></li><li><a class='add'><span></span></a></li></ul><!--/.font-actions--><div class='font-name'>"+Typecase.masterFontList.items[i].family+"</div><div class='active-arrow'></div><!--/.active-arrow--></div><!--/.font-meta--><div class='clear'></div></div><!--/.font-->"; 
     324            matchedFonts += "<div class='font "+family_class+"' data-selectors='|."+family_class+"' data-variants='"+variants+"' data-subsets='"+subsets+"' data-name='"+Typecase.masterFontList.items[i].family+"'><div class='font-meta'><ul class='font-actions'><li><a class='edit'><span></span></a></li><li><a class='preview'><span></span></a></li><li><a class='add'><span></span></a></li></ul><!--/.font-actions--><div class='font-name'>"+Typecase.masterFontList.items[i].family+"</div><div class='active-arrow'></div><!--/.active-arrow--></div><!--/.font-meta--><style type='text/css'> .font-sample span."+family_class+" { font-family: '"+Typecase.masterFontList.items[i].family+"'; } </style><div class='font-sample'><span class='font-item "+family_class+"'>"+Typecase.previewText+"</span></div><div class='clear'></div></div><!--/.font-->"; 
    317325          } 
    318326        } 
     
    439447       
    440448        if( typeof(data._new_nonce.nonce) != 'undefined' ) 
    441             typecase.nonce = data._new_nonce.nonce; 
    442      
    443               if( typeof(frontend) != 'undefined' ) 
    444                     reloadFontPreview(); 
    445      
    446           $(".sidebar #save-fonts").html("Saved!").animate({border:"none"},500,function(){ 
    447             $(this).removeClass("saving").html("Save Fonts"); 
    448           }); 
     449          typecase.nonce = data._new_nonce.nonce; 
     450     
     451        if( typeof(frontend) != 'undefined' ) 
     452          reloadFontPreview(); 
     453   
     454        $(".sidebar #save-fonts").html("Saved!").animate({border:"none"},500,function(){ 
     455          $(this).removeClass("saving").html("Save Fonts"); 
     456        }); 
    449457       
    450458      });  
     
    487495            subsets += "|" + this + "-1"; 
    488496          }); 
    489           $( '#available-fonts .font-list#loaded-fonts' ).append( "<div class='font "+family_class+"' data-selectors='|."+family_class+"' data-variants='"+variants+"' data-subsets='"+subsets+"' data-name='"+this[0]+"'><style type='text/css'> .font-sample span."+family_class+" { font-family: '"+this[0]+"'; } \n .wf-"+family_class+"-n4-loading .font-sample span."+family_class+" { background-image:url('"+typecase.loading_gif+"'); text-indent: -9000; display:block; overflow:hidden; background-repeat: no-repeat; background-position: center left; color: #f9f9f9; padding-left:23px; } \n .wf-"+family_class+"-n4-loading .font-sample span."+family_class+":before{ content:'loading'; color: #aaa; font-size:12px; font-family: Helvetica, Arial, Tahoma, sans-serif; text-transform:uppercase; } </style><div class='font-sample'><span class='font-item "+family_class+"'>"+Typecase.previewText+"</span></div><div class='font-meta'><ul class='font-actions'><li><a class='edit'><span></span></a></li><li><a class='preview'><span></span></a></li><li><a class='add'><span></span></a></li></ul><!--/.font-actions--><div class='font-name'>"+this[0]+"</div><div class='active-arrow'></div><!--/.active-arrow--></div><!--/.font-meta--><div class='clear'></div></div><!--/.font-->" ); 
     497          $( '#available-fonts .font-list#loaded-fonts' ).append( "<div class='font "+family_class+"' data-selectors='|."+family_class+"' data-variants='"+variants+"' data-subsets='"+subsets+"' data-name='"+this[0]+"'><div class='font-meta'><ul class='font-actions'><li><a class='edit'><span></span></a></li><li><a class='preview'><span></span></a></li><li><a class='add'><span></span></a></li></ul><!--/.font-actions--><div class='font-name'>"+this[0]+"</div><div class='active-arrow'></div><!--/.active-arrow--></div><!--/.font-meta--><style type='text/css'> .font-sample span."+family_class+" { font-family: '"+this[0]+"'; } \n .wf-"+family_class+"-n4-loading .font-sample span."+family_class+" { background-image:url('"+typecase.loading_gif+"'); text-indent: -9000; display:block; overflow:hidden; background-repeat: no-repeat; background-position: center left; color: #f9f9f9; padding-left:23px; } \n .wf-"+family_class+"-n4-loading .font-sample span."+family_class+":before{ content:'loading'; color: #aaa; font-size:12px; font-family: Helvetica, Arial, Tahoma, sans-serif; text-transform:uppercase; } </style><div class='font-sample'><span class='font-item "+family_class+"'>"+Typecase.previewText+"</span></div><div class='clear'></div></div><!--/.font-->" ); 
    490498        } 
    491499      }); 
     
    538546 
    539547        if( typeof(fontData._new_nonce.nonce) != 'undefined' ) 
    540             typecase.nonce = fontData._new_nonce.nonce; 
     548          typecase.nonce = fontData._new_nonce.nonce; 
    541549 
    542550        if (typeof fonts != 'undefined') { 
     
    559567              var family_class = fontName.replace( / /g, '_' ).toLowerCase(); 
    560568              family_class = family_class.replace("|active",""); 
    561               $( '#your-collection .font-list' ).append( "<div class='font "+family_class+isActive+"' data-selectors='"+this[1]+"' data-variants='"+this[2]+"' data-subsets='"+this[3]+"' data-name='"+fontName+"'><style type='text/css'> .font-sample span."+family_class+" { font-family: '"+fontName+"'; } \n .wf-"+family_class+"-n4-loading .font-sample span."+family_class+" { background-image:url('"+typecase.loading_gif+"'); text-indent: -9000; display:block; overflow:hidden; background-repeat: no-repeat; background-position: center left; color: #f9f9f9; padding-left:23px; } \n .wf-"+family_class+"-n4-loading .font-sample span."+family_class+":before{ content:'loading'; color: #aaa; font-size:12px; font-family: Helvetica, Arial, Tahoma, sans-serif; text-transform:uppercase; } </style><div class='font-sample'><span class='font-item "+family_class+"'>"+Typecase.previewText+"</span></div><div class='font-meta'><ul class='font-actions'><li><a class='delete'><span></span></a></li></ul><!--/.font-actions--><div class='font-name'>"+fontName+"</div><div class='active-arrow'></div><!--/.active-arrow--></div><!--/.font-meta--><div class='clear'></div></div><!--/.font-->" ); 
     569              $( '#your-collection .font-list' ).append( "<div class='font "+family_class+isActive+"' data-selectors='"+this[1]+"' data-variants='"+this[2]+"' data-subsets='"+this[3]+"' data-name='"+fontName+"'><div class='font-meta'><ul class='font-actions'><li><a class='delete'><span></span></a></li></ul><!--/.font-actions--><div class='font-name'>"+fontName+"</div><div class='active-arrow'></div><!--/.active-arrow--></div><!--/.font-meta--><style type='text/css'> .font-sample span."+family_class+" { font-family: '"+fontName+"'; } \n .wf-"+family_class+"-n4-loading .font-sample span."+family_class+" { background-image:url('"+typecase.loading_gif+"'); text-indent: -9000; display:block; overflow:hidden; background-repeat: no-repeat; background-position: center left; color: #f9f9f9; padding-left:23px; } \n .wf-"+family_class+"-n4-loading .font-sample span."+family_class+":before{ content:'loading'; color: #aaa; font-size:12px; font-family: Helvetica, Arial, Tahoma, sans-serif; text-transform:uppercase; } </style><div class='font-sample'><span class='font-item "+family_class+"'>"+Typecase.previewText+"</span></div><div class='clear'></div></div><!--/.font-->" ); 
    562570              $( '#your-collection .font.active' ).click(); 
    563571               
     
    568576          if( fontFamilyNames.length ){ 
    569577 
    570                         $("#your-collection").trigger('collectionFontsLoading'); 
     578            $("#your-collection").trigger('collectionFontsLoading'); 
    571579 
    572580            $( "#your-collection" ).find( ".no-fonts" ).hide(); 
     
    584592            }}); 
    585593 
    586                         $("#your-collection").trigger('collectionFontsLoaded'); 
     594            $("#your-collection").trigger('collectionFontsLoaded'); 
    587595 
    588596          } 
  • typecase/trunk/styles/main.css

    r534842 r537453  
    482482} 
    483483/* line 26, ../sass/main.scss */ 
     484#typecase iframe { 
     485  display: none; 
     486} 
     487/* line 30, ../sass/main.scss */ 
    484488#typecase .typecase-btn { 
    485489  border: 1px solid #060606; 
     
    499503  text-decoration: none; 
    500504  border-radius: 4px; 
    501   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.4) inset; 
     505  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; 
    502506  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6); 
    503507  -webkit-transition: all 200ms ease-in; 
     
    507511  transition: all 200ms ease-in; 
    508512} 
    509 /* line 43, ../sass/main.scss */ 
     513/* line 46, ../sass/main.scss */ 
    510514#typecase .typecase-btn:hover { 
    511515  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #909090), color-stop(100%, #555555)); 
     
    516520  background-image: linear-gradient(#909090, #555555); 
    517521} 
    518 /* line 47, ../sass/main.scss */ 
     522/* line 50, ../sass/main.scss */ 
    519523#typecase .typecase-btn.primary { 
    520524  border-color: #0b84c2; 
     
    526530  background-image: linear-gradient(#179fe5, #0b84c2); 
    527531} 
    528 /* line 50, ../sass/main.scss */ 
     532/* line 53, ../sass/main.scss */ 
    529533#typecase .typecase-btn.primary:hover { 
    530534  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ab3f2), color-stop(100%, #0b84c2)); 
     
    535539  background-image: linear-gradient(#3ab3f2, #0b84c2); 
    536540} 
    537 /* line 55, ../sass/main.scss */ 
     541/* line 56, ../sass/main.scss */ 
     542#typecase .typecase-btn.primary:active { 
     543  box-shadow: none; 
     544  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #0b84c2), color-stop(100%, #0a7ab4)); 
     545  background-image: -webkit-linear-gradient(bottom, #0b84c2, #0a7ab4); 
     546  background-image: -moz-linear-gradient(bottom, #0b84c2, #0a7ab4); 
     547  background-image: -o-linear-gradient(bottom, #0b84c2, #0a7ab4); 
     548  background-image: -ms-linear-gradient(bottom, #0b84c2, #0a7ab4); 
     549  background-image: linear-gradient(bottom, #0b84c2, #0a7ab4); 
     550} 
     551/* line 62, ../sass/main.scss */ 
    538552#typecase .typecase-btn.saving { 
    539553  opacity: .5; 
    540554} 
    541 /* line 59, ../sass/main.scss */ 
     555/* line 66, ../sass/main.scss */ 
    542556#typecase .typecase-btn.large { 
    543557  font-size: 14px; 
    544558  padding: 9px 13px; 
    545559} 
    546 /* line 64, ../sass/main.scss */ 
     560/* line 71, ../sass/main.scss */ 
    547561#typecase .typecase-btn:active { 
    548   background: #0b84c2; 
    549   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset; 
    550 } 
    551 /* line 70, ../sass/main.scss */ 
     562  box-shadow: none; 
     563  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #0b84c2), color-stop(100%, #0a7ab4)); 
     564  background-image: -webkit-linear-gradient(bottom, #0b84c2, #0a7ab4); 
     565  background-image: -moz-linear-gradient(bottom, #0b84c2, #0a7ab4); 
     566  background-image: -o-linear-gradient(bottom, #0b84c2, #0a7ab4); 
     567  background-image: -ms-linear-gradient(bottom, #0b84c2, #0a7ab4); 
     568  background-image: linear-gradient(bottom, #0b84c2, #0a7ab4); 
     569} 
     570/* line 77, ../sass/main.scss */ 
    552571#typecase .clear { 
    553572  clear: both; 
    554573} 
    555 /* line 72, ../sass/main.scss */ 
     574/* line 79, ../sass/main.scss */ 
    556575#typecase .font-list-wrap { 
    557576  margin-bottom: -1px; 
    558577} 
    559 /* line 76, ../sass/main.scss */ 
     578/* line 83, ../sass/main.scss */ 
    560579#typecase span.add { 
    561580  cursor: pointer; 
     
    572591  -moz-transition: all 200ms linear; 
    573592} 
    574 /* line 90, ../sass/main.scss */ 
     593/* line 97, ../sass/main.scss */ 
    575594#typecase span.add:hover { 
    576595  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 5px rgba(116, 183, 65, 0.25); 
    577596} 
    578 /* line 95, ../sass/main.scss */ 
     597/* line 102, ../sass/main.scss */ 
    579598#typecase span.add span { 
    580599  display: block; 
     
    583602  background: url("../images/icons.png") 2px 2px; 
    584603} 
    585 /* line 103, ../sass/main.scss */ 
     604/* line 110, ../sass/main.scss */ 
    586605#typecase #masthead { 
    587606  border-radius: 4px; 
    588607} 
    589 /* line 106, ../sass/main.scss */ 
     608/* line 113, ../sass/main.scss */ 
    590609#typecase #masthead h1 { 
    591610  background-color: #555; 
     
    601620  margin-bottom: 10px; 
    602621  height: auto; 
    603 } 
    604 /* line 116, ../sass/main.scss */ 
     622  position: static; 
     623} 
     624/* line 124, ../sass/main.scss */ 
    605625#typecase #masthead h1 strong { 
    606626  background-image: url("../images/logo_typecase.png"); 
     
    611631  margin-right: 5px; 
    612632} 
    613 /* line 125, ../sass/main.scss */ 
     633/* line 133, ../sass/main.scss */ 
    614634#typecase #masthead h1 span { 
    615635  font-family: "JournalRegular"; 
     
    620640  text-shadow: none; 
    621641} 
    622 /* line 136, ../sass/main.scss */ 
     642/* line 142, ../sass/main.scss */ 
     643#typecase #masthead h1 .pro-badge { 
     644  display: block; 
     645  float: right; 
     646  position: absolute; 
     647  top: -1px; 
     648  right: -1px; 
     649  width: 32px; 
     650  height: 32px; 
     651  background-image: url("../images/pro_badge.png"); 
     652} 
     653/* line 154, ../sass/main.scss */ 
    623654#typecase #masthead .buttons { 
    624655  margin-left: 25px; 
     656  position: static; 
    625657  font-family: Helvetica, Arial, Tahoma, sans-serif; 
    626658  float: right; 
     
    630662  clear: none; 
    631663  line-height: 21px; 
    632   margin-top: -7px; 
     664  margin-top: 7px; 
    633665  text-align: right; 
    634666} 
    635 /* line 148, ../sass/main.scss */ 
     667/* line 167, ../sass/main.scss */ 
     668#typecase #masthead .buttons a.primary { 
     669  margin-right: 10px; 
     670} 
     671/* line 169, ../sass/main.scss */ 
    636672#typecase #masthead .buttons span { 
    637673  display: block; 
     
    641677  font-family: Helvetica, Arial, Tahoma, sans-serif; 
    642678} 
    643 /* line 156, ../sass/main.scss */ 
     679/* line 177, ../sass/main.scss */ 
    644680#typecase #masthead .buttons .primary { 
    645681  border: none; 
    646682} 
    647 /* line 162, ../sass/main.scss */ 
     683/* line 183, ../sass/main.scss */ 
    648684#typecase .no-fonts, #typecase .no-results { 
    649685  text-align: center; 
    650686  padding: 40px 0 50px 0; 
    651687} 
    652 /* line 166, ../sass/main.scss */ 
     688/* line 187, ../sass/main.scss */ 
    653689#typecase .no-fonts h2, #typecase .no-results h2 { 
    654690  color: #666; 
     
    658694  font-size: 18px; 
    659695} 
    660 /* line 174, ../sass/main.scss */ 
     696/* line 195, ../sass/main.scss */ 
    661697#typecase .no-fonts h4, #typecase .no-results h4 { 
    662698  color: #999; 
     
    666702  margin: 0; 
    667703} 
    668 /* line 184, ../sass/main.scss */ 
     704/* line 205, ../sass/main.scss */ 
    669705#typecase .no-results { 
    670706  display: none; 
    671 } 
    672 /* line 186, ../sass/main.scss */ 
     707  border-bottom: solid 1px #d6d6d6; 
     708  margin-bottom: 1px; 
     709} 
     710/* line 211, ../sass/main.scss */ 
    673711#typecase .font-list { 
    674712  background: #fbfbfb; 
    675   padding-bottom: 2px; 
    676   border-radius: 0 0 4px 4px; 
    677713  top: -1px; 
    678714  margin-bottom: -1px; 
    679715} 
    680 /* line 194, ../sass/main.scss */ 
     716/* line 217, ../sass/main.scss */ 
    681717#typecase .font-list .font { 
    682   height: 62px; 
    683   line-height: 60px; 
    684   border-top: solid 1px #eee; 
    685718  border-bottom: solid 1px #eee; 
    686   margin-top: -1px; 
    687   margin-bottom: -1px; 
    688   top: 1px; 
    689719  background: #fbfbfb; 
    690720  -moz-user-select: none; 
     
    693723  -ms-user-select: none; 
    694724} 
    695 /* line 208, ../sass/main.scss */ 
    696 #typecase .font-list .font:last-child { 
    697   border-radius: 0 0 4px 4px; 
    698 } 
    699 /* line 212, ../sass/main.scss */ 
     725/* line 225, ../sass/main.scss */ 
    700726#typecase .font-list .font .font-sample { 
    701727  font-size: 20px; 
     
    706732  width: 100%; 
    707733  overflow: hidden; 
    708 } 
    709 /* line 222, ../sass/main.scss */ 
     734  margin-top: -60px; 
     735  line-height: 60px; 
     736} 
     737/* line 237, ../sass/main.scss */ 
    710738#typecase .font-list .font .font-meta { 
    711739  float: right; 
    712740  display: inline-block; 
    713   margin-top: -61px; 
    714741  padding: 0; 
    715 } 
    716 /* line 228, ../sass/main.scss */ 
     742  z-index: 2; 
     743} 
     744/* line 243, ../sass/main.scss */ 
    717745#typecase .font-list .font .font-meta .active-arrow { 
    718746  display: none; 
     
    724752  position: absolute; 
    725753} 
    726 /* line 238, ../sass/main.scss */ 
     754/* line 253, ../sass/main.scss */ 
    727755#typecase .font-list .font .font-meta .font-name { 
    728756  float: right; 
    729757  color: #aaa; 
    730758  font-size: 12px; 
     759  height: 60px; 
    731760  line-height: 60px; 
    732   height: 60px; 
    733761  padding-left: 50px; 
    734762  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(251, 251, 251, 0)), color-stop(20%, #fbfbfb)); 
     
    741769  background-color: rgba(0, 0, 0, 0); 
    742770} 
    743 /* line 250, ../sass/main.scss */ 
     771/* line 265, ../sass/main.scss */ 
    744772#typecase .font-list .font .font-meta .font-actions { 
    745773  padding: 0; 
     
    747775  float: right; 
    748776  line-height: 60px; 
    749   height: 60px; 
     777  height: 59px; 
    750778  background-color: #fbfbfb; 
    751779  padding: 0 15px 0 10px; 
     
    753781  -moz-transition: all 200ms linear; 
    754782} 
    755 /* line 261, ../sass/main.scss */ 
     783/* line 276, ../sass/main.scss */ 
    756784#typecase .font-list .font .font-meta .font-actions li { 
    757785  display: block; 
    758786  float: left; 
    759787} 
    760 /* line 266, ../sass/main.scss */ 
     788/* line 281, ../sass/main.scss */ 
    761789#typecase .font-list .font .font-meta .font-actions a { 
    762790  display: block; 
     
    772800  -moz-transition: all 200ms linear; 
    773801} 
    774 /* line 279, ../sass/main.scss */ 
     802/* line 294, ../sass/main.scss */ 
    775803#typecase .font-list .font .font-meta .font-actions a span { 
    776804  display: block; 
     
    779807  font-size: 0; 
    780808} 
    781 /* line 287, ../sass/main.scss */ 
     809/* line 302, ../sass/main.scss */ 
    782810#typecase .font-list .font .font-meta .font-actions a.delete { 
    783811  background-color: #c93e3e; 
    784812} 
    785 /* line 290, ../sass/main.scss */ 
     813/* line 305, ../sass/main.scss */ 
    786814#typecase .font-list .font .font-meta .font-actions a.delete:hover { 
    787815  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 5px rgba(201, 62, 62, 0.25); 
    788816} 
    789 /* line 295, ../sass/main.scss */ 
     817/* line 310, ../sass/main.scss */ 
    790818#typecase .font-list .font .font-meta .font-actions a.delete span { 
    791819  background: url("../images/icons.png") -14px 2px; 
    792820} 
    793 /* line 300, ../sass/main.scss */ 
     821/* line 315, ../sass/main.scss */ 
    794822#typecase .font-list .font .font-meta .font-actions a.add { 
    795823  background-color: #74b741; 
    796824} 
    797 /* line 303, ../sass/main.scss */ 
     825/* line 318, ../sass/main.scss */ 
    798826#typecase .font-list .font .font-meta .font-actions a.add:hover { 
    799827  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 5px rgba(116, 183, 65, 0.25); 
    800828} 
    801 /* line 308, ../sass/main.scss */ 
     829/* line 323, ../sass/main.scss */ 
    802830#typecase .font-list .font .font-meta .font-actions a.add span { 
    803831  background: url("../images/icons.png") 2px 2px; 
    804832} 
    805 /* line 313, ../sass/main.scss */ 
     833/* line 328, ../sass/main.scss */ 
    806834#typecase .font-list .font .font-meta .font-actions a.preview { 
    807835  display: none; 
    808836  background-color: #6f94da; 
    809837} 
    810 /* line 317, ../sass/main.scss */ 
     838/* line 332, ../sass/main.scss */ 
    811839#typecase .font-list .font .font-meta .font-actions a.preview:hover { 
    812840  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 5px rgba(111, 148, 218, 0.25); 
    813841} 
    814 /* line 322, ../sass/main.scss */ 
     842/* line 337, ../sass/main.scss */ 
    815843#typecase .font-list .font .font-meta .font-actions a.preview span { 
    816844  background: url("../images/icons.png") -48px 0; 
    817845} 
    818 /* line 327, ../sass/main.scss */ 
     846/* line 342, ../sass/main.scss */ 
    819847#typecase .font-list .font .font-meta .font-actions a.edit { 
    820848  display: none; 
    821849  background-color: #eac526; 
    822850} 
    823 /* line 331, ../sass/main.scss */ 
     851/* line 346, ../sass/main.scss */ 
    824852#typecase .font-list .font .font-meta .font-actions a.edit:hover { 
    825853  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 5px rgba(234, 197, 38, 0.25); 
    826854} 
    827 /* line 336, ../sass/main.scss */ 
     855/* line 351, ../sass/main.scss */ 
    828856#typecase .font-list .font .font-meta .font-actions a.edit span { 
    829857  background: url("../images/icons.png") -64px 0; 
    830858} 
    831 /* line 341, ../sass/main.scss */ 
     859/* line 356, ../sass/main.scss */ 
    832860#typecase .font-list .font .font-meta .font-actions a.disabled { 
    833861  opacity: .5; 
     
    835863  cursor: default; 
    836864} 
    837 /* line 346, ../sass/main.scss */ 
     865/* line 361, ../sass/main.scss */ 
    838866#typecase .font-list .font .font-meta .font-actions a.disabled:hover { 
    839867  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset; 
    840868} 
    841 /* line 353, ../sass/main.scss */ 
     869/* line 368, ../sass/main.scss */ 
    842870#typecase .font-list .font:hover { 
    843871  cursor: pointer; 
    844872  background: #fff; 
    845873} 
    846 /* line 359, ../sass/main.scss */ 
     874/* line 374, ../sass/main.scss */ 
    847875#typecase .font-list .font:hover .font-meta .font-name { 
    848876  background: transparent; 
     
    854882  background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 20%); 
    855883} 
    856 /* line 365, ../sass/main.scss */ 
     884/* line 380, ../sass/main.scss */ 
    857885#typecase .font-list .font:hover .font-actions { 
    858886  background: #fff; 
    859887} 
    860 /* line 368, ../sass/main.scss */ 
     888/* line 383, ../sass/main.scss */ 
    861889#typecase .font-list .font:hover .font-actions a { 
    862890  opacity: 1; 
    863891} 
    864 /* line 372, ../sass/main.scss */ 
     892/* line 387, ../sass/main.scss */ 
    865893#typecase .font-list .font.active { 
    866894  border-color: #d6d6d6; 
     
    869897  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); 
    870898} 
    871 /* line 378, ../sass/main.scss */ 
     899/* line 393, ../sass/main.scss */ 
    872900#typecase .font-list .font.active .active-arrow { 
    873901  display: block; 
    874902} 
    875 /* line 380, ../sass/main.scss */ 
     903/* line 395, ../sass/main.scss */ 
    876904#typecase .font-list .font.active .font-meta { 
    877905  z-index: 2; 
    878906} 
    879 /* line 383, ../sass/main.scss */ 
     907/* line 398, ../sass/main.scss */ 
    880908#typecase .font-list .font.active .font-meta .font-name { 
    881909  background: transparent; 
     
    887915  background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 20%); 
    888916} 
    889 /* line 388, ../sass/main.scss */ 
     917/* line 403, ../sass/main.scss */ 
    890918#typecase .font-list .font.active .font-meta .font-actions { 
    891919  background: #fff; 
    892920} 
    893 /* line 391, ../sass/main.scss */ 
     921/* line 406, ../sass/main.scss */ 
    894922#typecase .font-list .font.active .font-meta .font-actions a { 
    895923  opacity: 1; 
    896924} 
    897 /* line 398, ../sass/main.scss */ 
     925/* line 413, ../sass/main.scss */ 
    898926#typecase .content-wrap { 
    899927  background: #f6f6f6; 
    900928  border: solid 1px #d6d6d6; 
    901929  border-top: none; 
    902   border-radius: 0 0 4px 4px; 
     930  border-radius: 0; 
    903931  overflow: hidden; 
    904932  width: 100%; 
    905933} 
    906 /* line 407, ../sass/main.scss */ 
     934/* line 422, ../sass/main.scss */ 
    907935#typecase .sidebar { 
    908936  display: none; 
     
    913941  border-left: solid 1px #d6d6d6; 
    914942} 
    915 /* line 415, ../sass/main.scss */ 
     943/* line 430, ../sass/main.scss */ 
    916944#typecase .sidebar #save-fonts { 
    917945  width: 100%; 
    918946} 
    919 /* line 419, ../sass/main.scss */ 
     947/* line 434, ../sass/main.scss */ 
    920948#typecase .sidebar h2 { 
    921949  margin: 0; 
     
    926954  border-bottom: solid 1px #e2e2e2; 
    927955} 
    928 /* line 427, ../sass/main.scss */ 
     956/* line 442, ../sass/main.scss */ 
    929957#typecase .sidebar h2:after { 
    930958  content: ""; 
     
    937965  border-bottom: solid 1px #fbfbfb; 
    938966} 
    939 /* line 439, ../sass/main.scss */ 
     967/* line 454, ../sass/main.scss */ 
    940968#typecase .sidebar #selectors { 
    941969  margin: 0 0 5px 0; 
     
    946974  padding: 5px 1px; 
    947975} 
    948 /* line 447, ../sass/main.scss */ 
     976/* line 462, ../sass/main.scss */ 
    949977#typecase .sidebar #selectors .new-selector-width { 
    950978  font-size: 13px; 
     
    956984  padding-top: 10px; 
    957985} 
    958 /* line 457, ../sass/main.scss */ 
     986/* line 472, ../sass/main.scss */ 
    959987#typecase .sidebar #selectors li { 
    960988  display: block; 
     
    9821010  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 -1px 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 3px -1px rgba(0, 0, 0, 0.2); 
    9831011} 
    984 /* line 480, ../sass/main.scss */ 
     1012/* line 495, ../sass/main.scss */ 
    9851013#typecase .sidebar #selectors li .selector-name { 
    9861014  overflow: hidden; 
     
    9901018  border-right: solid 30px transparent; 
    9911019} 
    992 /* line 488, ../sass/main.scss */ 
     1020/* line 503, ../sass/main.scss */ 
    9931021#typecase .sidebar #selectors li.add-new { 
    9941022  display: block; 
     
    10031031  z-index: 2; 
    10041032} 
    1005 /* line 501, ../sass/main.scss */ 
     1033/* line 516, ../sass/main.scss */ 
    10061034#typecase .sidebar #selectors li input#new-selector { 
    10071035  border-radius: 22px; 
     
    10201048  -moz-transition: all 200ms linear; 
    10211049} 
    1022 /* line 519, ../sass/main.scss */ 
     1050/* line 534, ../sass/main.scss */ 
    10231051#typecase .sidebar #selectors li input#submit-selector { 
    10241052  float: right; 
     
    10391067  background-color: #e5e5e5; 
    10401068} 
    1041 /* line 533, ../sass/main.scss */ 
     1069/* line 548, ../sass/main.scss */ 
    10421070#typecase .sidebar #selectors li input#submit-selector:hover { 
    10431071  background: url("../images/icons.png") right -24px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, #fefefe), color-stop(100%, #eeeeee)); 
     
    10481076  background: url("../images/icons.png") right -24px, linear-gradient(#fefefe 70%, #eeeeee); 
    10491077} 
    1050 /* line 537, ../sass/main.scss */ 
     1078/* line 552, ../sass/main.scss */ 
    10511079#typecase .sidebar #selectors li input#submit-selector:active { 
    10521080  background: url("../images/icons.png") right -24px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(30%, #f3f3f3)); 
     
    10571085  background: url("../images/icons.png") right -24px, linear-gradient(#efefef, #f3f3f3 30%); 
    10581086} 
    1059 /* line 542, ../sass/main.scss */ 
     1087/* line 557, ../sass/main.scss */ 
    10601088#typecase .sidebar #selectors li a.delete { 
    10611089  cursor: pointer; 
     
    10681096  -moz-transition: all 250ms linear; 
    10691097} 
    1070 /* line 552, ../sass/main.scss */ 
     1098/* line 567, ../sass/main.scss */ 
    10711099#typecase .sidebar #selectors li a.delete span { 
    10721100  background: url("../images/icons.png") -16px 0; 
     
    10791107  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; 
    10801108} 
    1081 /* line 563, ../sass/main.scss */ 
     1109/* line 578, ../sass/main.scss */ 
    10821110#typecase .sidebar #selectors li a.delete:hover { 
    10831111  opacity: .75; 
    10841112} 
    1085 /* line 571, ../sass/main.scss */ 
     1113/* line 586, ../sass/main.scss */ 
    10861114#typecase .sidebar #variants-form, 
    10871115#typecase .sidebar #subsets-form { 
     
    10891117  text-transform: capitalize; 
    10901118} 
    1091 /* line 576, ../sass/main.scss */ 
     1119/* line 591, ../sass/main.scss */ 
    10921120#typecase .sidebar label { 
    10931121  display: block; 
     
    10951123  color: #333; 
    10961124} 
    1097 /* line 581, ../sass/main.scss */ 
     1125/* line 596, ../sass/main.scss */ 
    10981126#typecase .sidebar label input { 
    10991127  margin-right: 5px; 
     
    11031131  top: 1px; 
    11041132} 
    1105 /* line 592, ../sass/main.scss */ 
     1133/* line 607, ../sass/main.scss */ 
    11061134#typecase #your-collection header, 
    11071135#typecase #available-fonts header { 
     
    11101138  background-color: #fff; 
    11111139} 
    1112 /* line 598, ../sass/main.scss */ 
     1140/* line 613, ../sass/main.scss */ 
    11131141#typecase #your-collection header h1, 
    11141142#typecase #available-fonts header h1 { 
    11151143  color: #333; 
    11161144} 
    1117 /* line 603, ../sass/main.scss */ 
     1145/* line 618, ../sass/main.scss */ 
    11181146#typecase header { 
    11191147  border-radius: 4px 4px 0 0; 
     1148  margin: 0; 
     1149  padding: 0; 
    11201150  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.02)), color-stop(100%, rgba(0, 0, 0, 0.07))); 
    11211151  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.07)); 
     
    11251155  background-image: linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.07)); 
    11261156} 
    1127 /* line 607, ../sass/main.scss */ 
     1157/* line 624, ../sass/main.scss */ 
    11281158#typecase header h1 { 
    11291159  margin: 0; 
     
    11361166  text-indent: 15px; 
    11371167} 
    1138 /* line 619, ../sass/main.scss */ 
     1168/* line 636, ../sass/main.scss */ 
    11391169#typecase #your-collection { 
    11401170  overflow: hidden; 
    11411171  margin: 0 0 10px; 
    11421172} 
    1143 /* line 623, ../sass/main.scss */ 
     1173/* line 640, ../sass/main.scss */ 
    11441174#typecase #your-collection .font-list-wrap { 
    11451175  float: left; 
     
    11471177  border-right: solid 1px #ccc; 
    11481178} 
    1149 /* line 628, ../sass/main.scss */ 
     1179/* line 645, ../sass/main.scss */ 
    11501180#typecase #your-collection .font-list-wrap .font-list { 
    11511181  display: none; 
    11521182} 
    1153 /* line 630, ../sass/main.scss */ 
     1183/* line 647, ../sass/main.scss */ 
    11541184#typecase #your-collection .font-list-wrap .font { 
    11551185  border-radius: 0; 
    11561186} 
    1157 /* line 633, ../sass/main.scss */ 
     1187/* line 650, ../sass/main.scss */ 
    11581188#typecase #your-collection .font-list-wrap .font:hover:last-child, #typecase #your-collection .font-list-wrap .font.active:last-child { 
    11591189  border-radius: 0; 
    11601190} 
    1161 /* line 640, ../sass/main.scss */ 
     1191/* line 657, ../sass/main.scss */ 
    11621192#typecase #available-fonts { 
    1163   overflow: hidden; 
    1164   margin: 0 0 10px; 
    1165 } 
    1166 /* line 644, ../sass/main.scss */ 
     1193  margin: 0; 
     1194} 
     1195/* line 660, ../sass/main.scss */ 
    11671196#typecase #available-fonts header { 
    11681197  border-bottom-width: 0; 
    11691198} 
    1170 /* line 648, ../sass/main.scss */ 
     1199/* line 664, ../sass/main.scss */ 
     1200#typecase #available-fonts .content-wrap { 
     1201  border-bottom: none; 
     1202} 
     1203/* line 668, ../sass/main.scss */ 
    11711204#typecase #available-fonts .font-list { 
    11721205  border-radius: 0; 
    11731206  padding-bottom: 0; 
    11741207  overflow: auto; 
    1175 } 
    1176 /* line 653, ../sass/main.scss */ 
     1208  border-bottom: solid 1px #ccc; 
     1209} 
     1210/* line 674, ../sass/main.scss */ 
    11771211#typecase #available-fonts .font-list#search-results { 
    11781212  display: none; 
    11791213} 
    1180 /* line 654, ../sass/main.scss */ 
     1214/* line 675, ../sass/main.scss */ 
    11811215#typecase #available-fonts .font-list#loaded-fonts { 
    1182   height: 492px; 
    1183 } 
    1184 /* line 658, ../sass/main.scss */ 
     1216  height: 489px; 
     1217} 
     1218/* line 679, ../sass/main.scss */ 
    11851219#typecase #available-fonts .font-list .font:last-child { 
    11861220  border-radius: 0; 
    11871221} 
    1188 /* line 664, ../sass/main.scss */ 
     1222/* line 685, ../sass/main.scss */ 
    11891223#typecase #available-fonts #search { 
    11901224  padding: 10px 9px; 
     
    12021236  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.04)); 
    12031237} 
    1204 /* line 674, ../sass/main.scss */ 
     1238/* line 695, ../sass/main.scss */ 
    12051239#typecase #available-fonts #search input#search-input { 
    12061240  width: 100%; 
     
    12161250  -moz-transition: all 200ms linear; 
    12171251} 
    1218 /* line 689, ../sass/main.scss */ 
     1252/* line 710, ../sass/main.scss */ 
    12191253#typecase #available-fonts #search input#search-input:focus { 
    12201254  box-shadow: 0 0 0 1px #179fe5, 0 0 8px #43b3ec, 0 1px 2px rgba(0, 0, 0, 0.1) inset; 
    12211255} 
    1222 /* line 697, ../sass/main.scss */ 
     1256/* line 718, ../sass/main.scss */ 
    12231257#typecase #available-fonts #search input#search-submit { 
    12241258  display: none; 
     
    12471281  -moz-transition: all 100ms linear; 
    12481282} 
    1249 /* line 720, ../sass/main.scss */ 
     1283/* line 741, ../sass/main.scss */ 
    12501284#typecase #available-fonts #search input#search-submit:hover { 
    12511285  box-shadow: 0 0 0 1px #1b44ab, 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 0 0 28px rgba(255, 255, 255, 0.1) inset; 
    12521286} 
    1253 /* line 727, ../sass/main.scss */ 
     1287/* line 748, ../sass/main.scss */ 
    12541288#typecase #available-fonts #search input#search-submit:active { 
    12551289  background: url("../images/icons.png") center -46px, -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #4f7bd1), color-stop(100%, #2f5abb)); 
     
    12611295  box-shadow: 0 0 0 1px #133a9c, 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3) inset; 
    12621296} 
    1263 /* line 737, ../sass/main.scss */ 
     1297/* line 758, ../sass/main.scss */ 
    12641298#typecase #more-fonts.typecase-btn { 
    12651299  display: block; 
     
    12671301  padding: 10px; 
    12681302  border-radius: 0 0 4px 4px; 
    1269   margin-top: -4px; 
    1270 } 
    1271 /* line 745, ../sass/main.scss */ 
     1303  margin-top: -1px; 
     1304} 
     1305/* line 766, ../sass/main.scss */ 
    12721306#typecase #firsttimer { 
    12731307  color: #343434; 
     
    12821316  *zoom: 1; 
    12831317} 
    1284 /* line 756, ../sass/main.scss */ 
     1318/* line 777, ../sass/main.scss */ 
    12851319#typecase #firsttimer h1 { 
    12861320  font-weight: normal; 
     
    12911325  background: url("../images/stripe.png") no-repeat bottom center; 
    12921326} 
    1293 /* line 765, ../sass/main.scss */ 
     1327/* line 786, ../sass/main.scss */ 
    12941328#typecase #firsttimer .buttons { 
    12951329  text-align: center; 
     
    12971331  clear: both; 
    12981332} 
    1299 /* line 770, ../sass/main.scss */ 
     1333/* line 791, ../sass/main.scss */ 
    13001334#typecase #firsttimer .buttons small { 
    13011335  display: block; 
     
    13041338  color: rgba(0, 0, 0, 0.5); 
    13051339} 
    1306 /* line 779, ../sass/main.scss */ 
     1340/* line 800, ../sass/main.scss */ 
    13071341#typecase #firsttimer ol { 
    13081342  margin-left: 50px; 
    13091343  margin-bottom: 40px; 
    13101344} 
    1311 /* line 783, ../sass/main.scss */ 
     1345/* line 804, ../sass/main.scss */ 
    13121346#typecase #firsttimer ol li { 
    13131347  font-size: 32px; 
     
    13181352  line-height: 1em; 
    13191353} 
    1320 /* line 791, ../sass/main.scss */ 
     1354/* line 812, ../sass/main.scss */ 
    13211355#typecase #firsttimer ol li .list-item { 
    13221356  background-image: url("../images/circle_background.png"); 
     
    13281362  display: block; 
    13291363} 
    1330 /* line 801, ../sass/main.scss */ 
     1364/* line 822, ../sass/main.scss */ 
    13311365#typecase #firsttimer ol li strong { 
    13321366  font-weight: normal; 
     
    13371371  line-height: 1em; 
    13381372} 
    1339 /* line 810, ../sass/main.scss */ 
     1373/* line 831, ../sass/main.scss */ 
    13401374#typecase #firsttimer ol li:first-child { 
    13411375  width: 36%; 
    13421376} 
    1343 /* line 814, ../sass/main.scss */ 
     1377/* line 835, ../sass/main.scss */ 
    13441378#typecase #firsttimer ol li:first-child strong { 
    13451379  padding-left: 10px; 
    13461380} 
    1347 /* line 818, ../sass/main.scss */ 
     1381/* line 839, ../sass/main.scss */ 
    13481382#typecase #firsttimer ol li:first-child span { 
    13491383  left: -52px; 
    13501384} 
    1351 /* line 824, ../sass/main.scss */ 
     1385/* line 845, ../sass/main.scss */ 
    13521386#typecase #firsttimer ol li:nth-child(2n) { 
    13531387  width: 36%; 
    13541388} 
    1355 /* line 827, ../sass/main.scss */ 
     1389/* line 848, ../sass/main.scss */ 
    13561390#typecase #firsttimer ol li:nth-child(2n) .list-item { 
    13571391  -webkit-transform: rotate(75deg); 
     
    13611395  transform: rotate(75deg); 
    13621396} 
    1363 /* line 834, ../sass/main.scss */ 
     1397/* line 855, ../sass/main.scss */ 
    13641398#typecase #firsttimer ol li:nth-child(3n) .list-item { 
    13651399  -webkit-transform: rotate(155deg); 
     
    13691403  transform: rotate(155deg); 
    13701404} 
    1371 /* line 837, ../sass/main.scss */ 
     1405/* line 858, ../sass/main.scss */ 
    13721406#typecase #firsttimer ol li:nth-child(3n) strong { 
    13731407  padding-right: 0; 
    13741408} 
    13751409 
    1376 /* line 850, ../sass/main.scss */ 
     1410/* line 871, ../sass/main.scss */ 
    13771411.typecase_copyright { 
    13781412  color: #666; 
     
    13801414  display: block; 
    13811415} 
    1382 /* line 855, ../sass/main.scss */ 
     1416/* line 876, ../sass/main.scss */ 
    13831417.typecase_copyright #upthemes { 
    13841418  float: right; 
  • typecase/trunk/typecase.php

    r534846 r537453  
    44Plugin URI: http://upthemes.com 
    55Description: A plugin that makes it dead simple to add custom webfonts to your website. 
    6 Version: 0.3.1 
     6Version: 0.3.4 
    77Author: UpThemes 
    88Author URI: http://upthemes.com 
     
    313313        $classname = ''; 
    314314        $front_end_editor_ui = ''; 
    315         $buttons = '<div class="buttons"><span>' . __("live front-end editor &amp; lifetime support","typecase") . '</span> <a class="typecase-btn primary" href="http://upthemes.com/plugins/typecase/" target="_blank">' . __("Upgrade to Pro","typecase") . '</a></div>'; 
     315        $buttons = '<div class="buttons" style="margin-top:-7px;"><span>' . __("live front-end editor &amp; lifetime support","typecase") . '</span> <a class="typecase-btn primary" style="margin-right:0;" href="http://upthemes.com/plugins/typecase/" target="_blank">' . __("Upgrade to Pro","typecase") . '</a></div>'; 
    316316 
    317317        $classname = apply_filters('typecase-classname',$classname); 
     
    331331            $front_end_editor 
    332332            <div id="your-collection-wrap"> 
     333            <iframe></iframe> 
    333334          <div id="your-collection"> 
    334335            <header> 
     
    370371          </div><!--/#your-collection-wrap--> 
    371372          <div id="available-fonts-wrap"> 
     373          <iframe></iframe> 
    372374          <div id="available-fonts"> 
    373375            <header> 
     
    392394              </div><!--/.font-list-wrap--> 
    393395            </div><!--/.content-wrap--> 
    394           <a id="more-fonts" class="typecase-btn primary" href=""><span>$showmorefonts</span></a> 
     396            <a id="more-fonts" class="typecase-btn primary" href=""><span>$showmorefonts</span></a> 
    395397          </div><!--/#available-fonts--> 
    396398          <span class="arrow-down"></span> 
Note: See TracChangeset for help on using the changeset viewer.