WordPress.org
Get WordPress

Plugin Directory

Changeset 3241461


Ignore:
Timestamp:
02/16/2025 05:31:12 PM (14 months ago)
Author:
onodev77
Message:

released version 1.1

Location:
free-pdf-to-flipbook
Files:
10 added
3 edited

Legend:

Unmodified
Added
Removed

  • free-pdf-to-flipbook/trunk/css/flipstyle.css

    r3237444 r3241461  
    1 /*
    2 
    3 body{
    4 
    5     overflow:hidden;
    6 
    7     background-color:#fcfcfc;
    8 
    9     margin:0;
    10 
    11     padding:0;
    12 
    13 }
    14 
    15 
    16 
    17 .magazine-viewport .container{
    18 
    19     position:absolute;
    20 
    21     top:50%;
    22 
    23     left:50%;
    24 
    25     margin:auto;
    26 
    27 }
    28 
    29 
    30 
    31 .magazine-viewport .magazine{
    32 
    33     top:-300px;
    34 
    35     z-index:2; 
    36 
    37 }
    38 
    39 
    40 
    41 .magazine-viewport .page{
    42 
    43     background-color:white;
    44 
    45     background-repeat:no-repeat;
    46 
    47     background-size:100% 100%;
    48 
    49 }
    50 
    51 
    52 
    53 .magazine-viewport .zoomer .region{
    54 
    55     display:none;
    56 
    57 }
    58 
    59 
    60 
    61 .magazine .region{
    62 
    63     position:absolute;
    64 
    65     overflow:hidden;
    66 
    67     background:#FFFFFF; 
    68 
    69     opacity:0;
    70 
    71     -webkit-border-radius:10px;
    72 
    73     -moz-border-radius:10px;
    74 
    75     -ms-border-radius:10px;
    76 
    77     -o-border-radius:10px;
    78 
    79     border-radius:10px;
    80 
    81     cursor:pointer;
    82 
    83     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    84 
    85     filter: alpha(opacity=20);
    86 
    87 }
    88 
    89 
    90 
    91 .magazine .region:hover{
    92 
    93     opacity:0.5;
    94 
    95     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    96 
    97     filter: alpha(opacity=50);
    98 
    99 }
    100 
    101 
    102 
    103 .magazine .region.zoom{
    104 
    105     opacity:0.01;
    106 
    107     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    108 
    109     filter: alpha(opacity=1);
    110 
    111 }
    112 
    113 
    114 
    115 .magazine .region.zoom:hover{
    116 
    117     opacity:0.2;
    118 
    119     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    120 
    121     filter: alpha(opacity=20);
    122 
    123 }
    124 
    125 
    126 
    127 
    128 
    129 
    130 .magazine-viewport .page img{
    131 
    132     -webkit-touch-callout: none;
    133 
    134     -webkit-user-select: none;
    135 
    136     -khtml-user-select: none;
    137 
    138     -moz-user-select: none;
    139 
    140     -ms-user-select: none;
    141 
    142     user-select: none;
    143 
    144     margin:0;
    145 
    146 }
    147 
    148 
    149 
    150 .magazine .even .gradient{
    151 
    152     position:absolute;
    153 
    154     top:0;
    155 
    156     left:0;
    157 
    158     width:100%;
    159 
    160     height:100%;
    161 
    162 
    163 
    164     background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
    165 
    166     background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    167 
    168     background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    169 
    170     background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    171 
    172     background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    173 
    174     background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    175 
    176 }
    177 
    178 
    179 
    180 .magazine .odd .gradient{
    181 
    182     position:absolute;
    183 
    184     top:0;
    185 
    186     left:0;
    187 
    188     width:100%;
    189 
    190     height:100%;
    191 
    192 
    193 
    194     background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
    195 
    196     background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    197 
    198     background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    199 
    200     background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    201 
    202     background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    203 
    204     background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    205 
    206 }
    207 
    208 
    209 
    210 .magazine-viewport .zoom-in .even .gradient,
    211 
    212 .magazine-viewport .zoom-in .odd .gradient{
    213 
    214 
    215 
    216     display:none;
    217 
    218 
    219 
    220 }
    221 
    222 
    223 
    224 .magazine-viewport .loader{
    225 
    226     background-image:url(../pics/loader.gif);
    227 
    228     width:22px;
    229 
    230     height:22px;
    231 
    232     position:absolute;
    233 
    234     top:50%;
    235 
    236     left:50%;
    237 
    238 }
    239 
    240 
    241 
    242 
    243 
    244 
    245 .magazine-viewport .next-button,
    246 
    247 .magazine-viewport .previous-button{
    248 
    249     width:22px;
    250 
    251     position:absolute;
    252 
    253     top:0;
    254 
    255 }
    256 
    257 
    258 
    259 .magazine-viewport .next-button{
    260 
    261     right:-22px;
    262 
    263     -webkit-border-radius:0 15px 15px 0;
    264 
    265     -moz-border-radius:0 15px 15px 0;
    266 
    267     -ms-border-radius:0 15px 15px 0;
    268 
    269     -o-border-radius:0 15px 15px 0;
    270 
    271     border-radius:0 15px 15px 0;
    272 
    273 }
    274 
    275 
    276 
    277 .magazine-viewport .previous-button{
    278 
    279     left:-22px;
    280 
    281     -webkit-border-radius:15px 0 0 15px;
    282 
    283     -moz-border-radius:15px 0 0 15px;
    284 
    285     -ms-border-radius:15px 0 0 15px;
    286 
    287     -o-border-radius:15px 0 0 15px;
    288 
    289     border-radius:15px 0 0 15px;
    290 
    291 }
    292 
    293 
    294 
    295 .magazine-viewport .previous-button-hover,
    296 
    297 .magazine-viewport .next-button-hover{
    298 
    299     background-color:rgba(0,0,0, 0.2);
    300 
    301 }
    302 
    303 
    304 
    305 .magazine-viewport .previous-button-hover,
    306 
    307 .magazine-viewport .previous-button-down{
    308 
    309     background-image:url(../pics/arrows.png);
    310 
    311     background-position:-4px 290px;
    312 
    313     background-repeat:no-repeat;
    314 
    315 }
    316 
    317 
    318 
    319 .magazine-viewport .previous-button-down,
    320 
    321 .magazine-viewport .next-button-down{
    322 
    323     background-color:rgba(0,0,0, 0.4);
    324 
    325 }
    326 
    327 
    328 
    329 .magazine-viewport .next-button-hover,
    330 
    331 .magazine-viewport .next-button-down{
    332 
    333     background-image:url(../pics/arrows.png);
    334 
    335     background-position:-38px 290px;
    336 
    337     background-repeat:no-repeat;
    338 
    339 }
    340 
    341 
    342 
    343 .magazine-viewport .zoom-in .next-button,
    344 
    345 .magazine-viewport .zoom-in .previous-button{
    346 
    347     display:none;
    348 
    349 }
    350 
    351 
    352 
    353 .animated{
    354 
    355     -webkit-transition:margin-left 0.5s;
    356 
    357     -moz-transition:margin-left 0.5s;
    358 
    359     -ms-transition:margin-left 0.5s;
    360 
    361     -o-transition:margin-left 0.5s;
    362 
    363     transition:margin-left 0.5s;
    364 
    365 }
    366 
    367 
    368 
    369 .thumbnails{
    370 
    371     position:absolute;
    372 
    373     bottom:0;
    374 
    375     left:0;
    376 
    377     width:100%;
    378 
    379     height:140px;
    380 
    381     z-index:1;
    382 
    383 }
    384 
    385 
    386 
    387 .thumbnails > div{
    388 
    389     width:1050px;
    390 
    391     height:100px;
    392 
    393     margin:20px auto;
    394 
    395 }
    396 
    397 
    398 
    399 .thumbnails ul{
    400 
    401     margin:0;
    402 
    403     padding:0;
    404 
    405     text-align:center;
    406 
    407     -webkit-transform:scale3d(0.5, 0.5, 1);
    408 
    409     -moz-transform:scale3d(0.5, 0.5, 1);
    410 
    411     -o-transform:scale3d(0.5, 0.5, 1);
    412 
    413     -ms-transform:scale3d(0.5, 0.5, 1);
    414 
    415     transform:scale3d(0.5, 0.5, 1);
    416 
    417     -webkit-transition:-webkit-transform ease-in-out 100ms;
    418 
    419     -moz-transition:-moz-transform ease-in-out 100ms;
    420 
    421     -ms-transition:-ms-transform ease-in-out 100ms;
    422 
    423     -o-transition:-o-transform ease-in-out 100ms;
    424 
    425     transition:transform ease-in-out 100ms;
    426 
    427 }
    428 
    429 
    430 
    431 .thumbanils-touch ul{
    432 
    433     -webkit-transform:none;
    434 
    435     -moz-transform:none;
    436 
    437     -o-transform:none;
    438 
    439     -ms-transform:none;
    440 
    441     transform:none;
    442 
    443 }
    444 
    445 
    446 
    447 .thumbnails-hover ul{
    448 
    449     -webkit-transform:scale3d(0.6, 0.6, 1);
    450 
    451     -moz-transform:scale3d(0.6, 0.6, 1);
    452 
    453     -o-transform:scale3d(0.6, 0.6, 1);
    454 
    455     -ms-transform:scale3d(0.6, 0.6, 1);
    456 
    457     transform:scale3d(0.6, 0.6, 1);
    458 
    459 }
    460 
    461 
    462 
    463 .thumbnails li{
    464 
    465     list-style:none;
    466 
    467     display:inline-block;
    468 
    469     margin:0 5px;
    470 
    471     -webkit-box-shadow:0 0 10px #ccc;
    472 
    473     -moz-box-shadow:0 0 10px #ccc;
    474 
    475     -ms-box-shadow:0 0 10px #ccc;
    476 
    477     -o-box-shadow:0 0 10px #ccc;
    478 
    479     box-shadow:0 0 10px  #ccc;
    480 
    481     -webkit-transition:-webkit-transform 60ms;
    482 
    483     -moz-transition:-webkit-transform 60ms;
    484 
    485     -o-transition:-webkit-transform 60ms;
    486 
    487     -ms-transition:-webkit-transform 60ms;
    488 
    489     transition:-webkit-transform 60ms;
    490 
    491 }
    492 
    493 
    494 
    495 .thumbnails li span{
    496 
    497     display:none;
    498 
    499 }
    500 
    501 
    502 
    503 .thumbnails .current{
    504 
    505     -webkit-box-shadow:0 0 10px red;
    506 
    507     -moz-box-shadow:0 0 10px red;
    508 
    509     -ms-box-shadow:0 0 10px red;
    510 
    511     -o-box-shadow:0 0 10px red;
    512 
    513     box-shadow:0 0 10px red;
    514 
    515 }
    516 
    517 
    518 
    519 .thumbnails .thumb-hover{
    520 
    521     -webkit-transform:scale3d(1.3, 1.3, 1);
    522 
    523     -moz-transform:scale3d(1.3, 1.3, 1);
    524 
    525     -o-transform:scale3d(1.3, 1.3, 1);
    526 
    527     -ms-transform:scale3d(1.3, 1.3, 1);
    528 
    529     transform:scale3d(1.3, 1.3, 1);
    530 
    531 
    532 
    533     -webkit-box-shadow:0 0 10px #666;
    534 
    535     -moz-box-shadow:0 0 10px #666;
    536 
    537     -ms-box-shadow:0 0 10px #666;
    538 
    539     -o-box-shadow:0 0 10px #666;
    540 
    541     box-shadow:0 0 10px #666;
    542 
    543 }
    544 
    545 
    546 
    547 .thumbanils-touch .thumb-hover{
    548 
    549     -webkit-transform:none;
    550 
    551     -moz-transform:none;
    552 
    553     -o-transform:none;
    554 
    555     -ms-transform:none;
    556 
    557     transform:none;
    558 
    559 }
    560 
    561 
    562 
    563 .thumbnails .thumb-hover span{
    564 
    565     position:absolute;
    566 
    567     bottom:-30px;
    568 
    569     left:0;
    570 
    571     z-index:2;
    572 
    573     width:100%;
    574 
    575     height:30px;
    576 
    577     font:bold 15px arial;
    578 
    579     line-height:30px;
    580 
    581     color:#666;
    582 
    583     display:block;
    584 
    585     cursor:default;
    586 
    587 }
    588 
    589 
    590 
    591 .thumbnails img{
    592 
    593     float:left;
    594 
    595 }
    596 
    597 
    598 
    599 .exit-message{
    600 
    601     position: absolute;
    602 
    603     top:10px;
    604 
    605     left:0;
    606 
    607     width:100%;
    608 
    609     height:40px;
    610 
    611     z-index:10000;
    612 
    613 }
    614 
    615 
    616 
    617 .exit-message > div{
    618 
    619     width:440px;
    620 
    621     height:30px;
    622 
    623     margin:auto;
    624 
    625     background:rgba(0,0,0,0.5);
    626 
    627     text-align:center;
    628 
    629     font:12px arial;
    630 
    631     line-height:30px;
    632 
    633     color:white;
    634 
    635     -webkit-border-radius:10px;
    636 
    637     -moz-border-radius:10px;
    638 
    639     -ms-border-radius:10px;
    640 
    641     -o-border-radius:10px;
    642 
    643     border-radius:10px;
    644 
    645 }
    646 
    647 
    648 
    649 .zoom-icon{
    650 
    651     z-index: 1000;
    652 
    653     width: 22px;
    654 
    655     height: 22px;
    656 
    657     background-image: url(../pics/zoom-icons.png);
    658 
    659     background-size: 88px 22px;
    660 
    661     display: inline-block;
    662 
    663     margin-bottom: 2px;
    664 
    665     margin-right: 6px;
    666 
    667 }
    668 
    669 
    670 
    671 .zoom-icon-in{
    672 
    673     background-position:0 0;
    674 
    675     cursor: pointer;
    676 
    677 }
    678 
    679 
    680 
    681 .zoom-icon-in.zoom-icon-in-hover{
    682 
    683     background-position:-22px 0;
    684 
    685     cursor: pointer;
    686 
    687 }
    688 
    689 
    690 
    691 .zoom-icon-out{
    692 
    693     background-position:-44px 0;
    694 
    695 }
    696 
    697 
    698 
    699 .zoom-icon-out.zoom-icon-out-hover{
    700 
    701     background-position:-66px 0;
    702 
    703     cursor: pointer;
    704 
    705 }
    706 
    707 
    708 
    709 .flipbook-title {
    710 
    711     position: absolute;
    712 
    713     top: 24px;
    714 
    715     left: 10px;
    716 
    717     width: 27%;
    718 
    719     background-color: rgba(255, 255, 255, 0.9);
    720 
    721     border: 1px solid lightgray;
    722 
    723     padding: 15px;
    724 
    725 }
    726 
    727 
    728 
    729 .flipbook-title h1 {
    730 
    731     font-family: 'Open Sans', sans-serif;
    732 
    733     font-size: 19pt;
    734 
    735 }
    736 
    737 
    738 
    739 .flipbook-title h2 {
    740 
    741     font-family: 'Open Sans', sans-serif;
    742 
    743     font-size: 15pt;
    744 
    745     color: gray;
    746 
    747 }
    748 
    749 
    750 
    751 .flipbook-title p {
    752 
    753     font-family: 'Open Sans', sans-serif;
    754 
    755     color: gray;
    756 
    757     text-align: justify;
    758 
    759 }
    760 
    761 
    762 
    763 
    764 
    765 .bottom{
    766 
    767     position:absolute;
    768 
    769     left:0;
    770 
    771     bottom:0;
    772 
    773     width:100%;
    774 
    775     z-index:2;
    776 
    777 }
    778 
    779 
    780 
    781 .controls-pdf {
    782 
    783     position: absolute;
    784 
    785     top: 10px;
    786 
    787     right: 49px;
    788 
    789     z-index: 1000;           
    790 
    791     background-color: rgba(255,255,255,0.6);
    792 
    793     padding: 4px 10px 2px;
    794 
    795     border-radius: 12px;   
    796 
    797 }
    798 
    799 
    800 
    801 .down-pdf {
    802 
    803     margin-right: 6px; 
    804 
    805 }
    806 
    807 
    808 
    809 .close-icon{
    810 
    811     position:absolute;
    812 
    813     z-index:1000;
    814 
    815     top:10px;
    816 
    817     right:10px;
    818 
    819         cursor: pointer;
    820 
    821 }
    822 
    823 
    824 
    825 .logo-backs {
    826 
    827     position: absolute;
    828 
    829     bottom: 0;
    830 
    831     left: 0;
    832 
    833     width: 100%;
    834 
    835     opacity: 0.4;
    836 
    837     background-image: url('/files/backgrounds/back1.svg');
    838 
    839     background-repeat: no-repeat;
    840 
    841     height: 100%;
    842 
    843     background-position: center left;
    844 
    845     background-size: cover;
    846 
    847 }
    848 
    849 
    850 
    851 
    852 
    853 
    854 .logo-backs2 {
    855 
    856     position: absolute;
    857 
    858     width: 220px!important;
    859 
    860     opacity: 1;
    861 
    862     bottom: 15px;
    863 
    864     left: 15px;   
    865 
    866 }
    867 
    868 
    869 
    870 
    871 
    872 
    873 
    874 .hard-cover {
    875 
    876    -webkit-perspective:2000px;
    877 
    878    -moz-perspective: 2000px;
    879 
    880    -ms-perspective: 2000px;
    881 
    882    perspective: 1000px;
    883 
    884 }
    885 
    886 
    887 
    888 .modal-config {
    889 
    890     border: 4px solid #CCC;
    891 
    892     width: 595px;
    893 
    894    max-height: 100%;
    895 
    896     position: absolute!important;
    897 
    898     left: 35%;
    899 
    900     top: 12%;
    901 
    902     margin: -25px 0 0 -50px;
    903 
    904     border-radius: 2px;
    905 
    906     z-index: 10000;
    907 
    908     padding: 10px;
    909 
    910     background-color: white;
    911 
    912     box-shadow: 0px 0px 14px 3px gray;
    913 
    914     font-family: "Open Sans", sans-serif;
    915 
    916     font-size: 11pt;
    917 
    918     display: none;
    919 
    920     overflow: auto;
    921 
    922 }
    923 
    924 
    925 
    926 .modal-config button {
    927 
    928     padding: 7px 10px;   
    929 
    930 }
    931 
    932 
    933 
    934 .modal-close {
    935 
    936     float: right;
    937 
    938     cursor: pointer;
    939 
    940     margin-right: 12px;
    941 
    942     font-weight: bold;
    943 
    944 }
    945 
    946 
    947 
    948 .modal-head {
    949 
    950     padding: 10px 0 10px 10px;
    951 
    952     background-color: lightgray;
    953 
    954     color: black;   
    955 
    956     cursor: pointer;
    957 
    958 }
    959 
    960 
    961 
    962 .form-element {
    963 
    964     margin-top: 10px;
    965 
    966     margin-bottom: 12px;
    967 
    968 }
    969 
    970 
    971 
    972 .form-element input[type=text],
    973 
    974 .form-element select,
    975 
    976 .form-element textarea {
    977 
    978     border: 1px solid gray;
    979 
    980     padding: 5px;
    981 
    982     min-width: 266px;
    983 
    984     resize: vertical;
    985 
    986 }
    987 
    988 
    989 
    990 
    991 
    992 .form-element label {
    993 
    994     min-width: 176px;
    995 
    996     display: inline-block;
    997 
    998     text-align: right;
    999 
    1000     padding-right: 10px;
    1001 
    1002     vertical-align: top;
    1003 
    1004 }
    1005 
    1006 
    1007 
    1008 .select-background {
    1009 
    1010     text-align: center;
    1011 
    1012     margin-top: 12px;
    1013 
    1014     cursor: pointer;
    1015 
    1016 }
    1017 
    1018 
    1019 
    1020 .select-background img {
    1021 
    1022     width: 60px !important;
    1023 
    1024 }
    1025 
    1026 
    1027 
    1028 .select-background img.active {
    1029 
    1030     border: 2px solid gray;
    1031 
    1032 }
    1033 
    1034 
    1035 
    1036 #prev {
    1037 
    1038    background-image:url('../pics/prev.png');
    1039 
    1040     width: 29px;
    1041 
    1042     height: 26px;
    1043 
    1044     display: inline-block;
    1045 
    1046     margin-left: 5px;
    1047 
    1048     margin-right: 0px;
    1049 
    1050 }
    1051 
    1052 #next {
    1053 
    1054        background-image:url('../pics/next.png');
    1055 
    1056        width: 29px;
    1057 
    1058     height: 26px;
    1059 
    1060     display: inline-block;
    1061 
    1062     margin-left: 5px;   
    1063 
    1064     margin-right: 0px;
    1065 
    1066 }
    1067 */
    1068 
    1069 
    10701
    10712.fptf-magazine-viewport .shadow{
    … …  
    111950    height:100%;
    112051
    1121     background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
    1122     background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    1123     background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    1124     background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    1125     background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
    1126     background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
     52    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
     53    background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
     54    background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
     55    background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
     56    background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
     57    background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    112758}
    112859
    … …  
    113465    height:100%;
    113566
    1136     background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
    1137     background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    1138     background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    1139     background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    1140     background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
    1141     background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
     67    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.10)));
     68    background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
     69    background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
     70    background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
     71    background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
     72    background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
    114273}
    114374

  • free-pdf-to-flipbook/trunk/js/fptf-flipbook.js

    r3237444 r3241461  
    6969                            pageContainer.style.height = `${pageHeight}px`;
    7070                            pageContainer.appendChild(canvas);
     71                           
     72                            const gradientDiv = document.createElement('div');
     73                            gradientDiv.classList.add('gradient');
     74                            pageContainer.appendChild(gradientDiv);
     75
    7176
    7277                            loadedPages[pageNum - 1] = pageContainer;

  • free-pdf-to-flipbook/trunk/readme.txt

    r3237444 r3241461  
    55Tested up to: 6.7
    66Requires PHP: 7.2
    7 Stable tag: 1.0
     7Stable tag: 1.1
    88License: GPLv2 or later
    99License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    1515**Free PDF to Flipbook** allows you to convert PDF documents into interactive flipbooks for a better user experience.
    1616
    17 ? **Features:**
     17**Features:**
    1818- Convert PDFs into flipbooks easily
    1919- Supports high-quality rendering
    … …  
    6666
    6767== Changelog ==
     68= 1.1 =
     69- Added Shadow Gradient
    6870
    6971= 1.0 =
Note: See TracChangeset for help on using the changeset viewer.