WordPress.org
Get WordPress

Plugin Directory

Changeset 1780276


Ignore:
Timestamp:
12/03/2017 02:10:17 PM (8 years ago)
Author:
caduspro
Message:

new update: bug Fixed. styles changed.

Location:
fontiran/trunk
Files:
26 added
11 deleted
8 edited

Legend:

Unmodified
Added
Removed

  • fontiran/trunk/assets/css/admin.css

    r1770045 r1780276  
    1 .notice, div.error, div.updated {margin:10px 0;}
    2 #fontiran {
    3     position: relative;
     1.fontiran #wpbody {
     2    background: #333;
     3    -webkit-font-smoothing: antialiased !important;
     4}
     5.fontiran-wrap * {
     6    box-sizing: border-box;
     7    -moz-box-sizing: border-box;
     8}
     9.fontiran-wrap {
     10    margin-top: 30px;
     11    font-weight: 400;
     12    font-size: 15px;
     13    line-height: 1.5em;
     14    color: #777771;
     15    letter-spacing: -0.015em;
     16}
     17.fontiran-wrap #header {
     18    position: relative;
     19    margin-bottom: 0;
     20}
     21.fontiran-wrap h1 {
     22    color: #333333;
     23    margin-top: 0;
     24    margin-bottom: 10px;
     25    text-align: right;
     26    text-transform: uppercase;
     27    font-size: 22px;
     28    font-weight: bold;
     29    max-width: none;
     30    white-space: nowrap;
     31    overflow: hidden;
     32    text-overflow: ellipsis;
     33    line-height: 40px;
     34}
     35.fontiran-wrap #header .actions {
     36    position: absolute;
     37    display: flex;
     38    align-items: center;
     39    top: 5px;
     40    left: 0;
     41}
     42.fontiran-wrap #header .actions a {
     43    padding: 5px 16px 7px;
     44    background-color: transparent;
     45    border: 2px solid #ddd;
     46    color: #888;
     47    margin-right: 10px;
     48    height: 30px;
     49    font: 500 12px/16px 'tahoma';
     50}
     51.fontiran-wrap .documentation-button:before {
     52    content: '\f91a';
     53    color: #888888;
     54    font-family: 'fcp', sans-serif;
     55    font-size: 12px;
     56    vertical-align: middle;
     57    line-height: 16px;
     58    top: -2px;
     59    position: relative;
     60    margin-left: 5px;
     61}
     62.fontiran-wrap #header .actions a:hover {
     63    background-color: #7B7B7B !important;
     64    border-color: #7B7B7B;
     65    color: #FFFFFF !important;
     66}
     67.fontiran-wrap a:hover:before {
     68    color: #ddd;
     69}
     70.firan-notice {
    471    background: #fff;
    5     padding: 10px 20px;
    6     border: 1px solid #e5e5e5;
    7     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    8     box-shadow: 0 1px 1px rgba(0,0,0,.04);
    9 
    10 }
    11 .fti-table {
    12 }
    13 #fontiran table th {
    14     font-weight: bold !important;
    15 }
    16 
    17 .field_row {
    18     display:block;
    19 }
    20 .del {width: 50px;}
    21 
    22 
    23 
    24 #fontiran .subsubsub li {
    25     float: right;
    26     margin: 5px 0 0;
    27     border: 1px solid #ddd;
    28     border-radius: 4px 4px 0 0;
    29     padding: 10px 15px;
    30     border-top: 2px solid #ddd;
    31 }
    32 #fontiran .subsubsub li:first-child {
    33     border-top: 2px solid #028302;
    34     border-bottom-color: #fff;
    35 }
    36 #fontiran .subsubsub li a {
    37     font-size: 14px;
    38     color: #333;
    39 }
    40 #fontiran .subsubsub li > span {display:none;}
    41 
    42 
    43 
    44 .fontiran_panel {
    45     border: 1px solid #ddd;
    46     margin-top: -1px;
    47     padding: 15px;
    48 }
    49 
    50 
    51 
    52 /* Table */
    53 
    54 .clearfix:before, .clearfix:after {
    55     content: "";
     72    border: 1px solid #E5E5E5;
     73    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
     74    clear: both;
    5675    display: table;
    57 }
    58 .clearfix:after {
    59     clear: both;
    60 }
    61 
    62 .fi_fontlist {
    63     border: 1px solid #eee;
    64     border-radius: 4px;
    65     padding: 10px 15px;
    66 }
    67 .fi_fontlist h2 {
    68     font-size: 18px;
    69 }
    70 .font-row {
    71     display: block;
    72     padding: 10px 0;
    73     border-bottom: 1px solid #fff;
    74     border-top: 1px solid #E9E9E9;
    75     color: #444444;
    76     margin-bottom: 20px;
    77 }
    78 .font-show, .font-option {
    79     position: relative;
    80     width: 100%;
    81     clear: both;
    82 }
    83 .font-bop, .font-del {
    84     float: right;
    85     padding: 5px 10px;
    86 }
    87 .font-name {
    88     width: auto;
    89 }
    90 .font-prv {
    91     width: auto;
    92     font-size: 13px;
    93 }
    94 .font-miniop {
     76    width: 100%;
     77    font: 400 13px/20px "tahoma", Arial, sans-serif;
     78    overflow: hidden;
     79    margin: 15px 0;
     80    min-height: 40px;
     81    padding: 0;
     82    position: relative;
     83    text-align: right;
     84    z-index: 1;
     85    color: #23282D;
     86}
     87.firan-notice:before {
     88    font-family: 'fcp';
    9589    position: absolute;
    96     top: 0;
    97     left: 0;
    98 }
    99 .font-del span {
    100     display: block;
    101     margin: auto;
    102     height: 15px;
    103     width: 15px;
    104     background: url(../img/del_icons.png) no-repeat bottom left transparent;
    105     cursor: pointer;
    106 }
    107 .font-del span:hover {
    108     background-position: top left;
    109 }
    110 
    111 
    112 
    113 .font-option {display:none;}
    114 
    115 
    116 
    117 
    118 
    119 
    120 
    121 
    122 
    123 
    124 .fi-del-rule {
    125     display: block;
    126     margin: auto;
    127     height: 15px;
    128     width: 15px;
    129     background: url(../img/del_icons.png) no-repeat bottom left transparent;
    130     cursor: pointer;   
    131 }
    132 .fi-del-rule:hover {
    133     background-position: top left; 
    134 }
    135 
    136 
    137 
    138 #rules_table td {
    139     position: relative;
    140     padding: 10px 0;   
    141     vertical-align: middle;
    142     background: #fdfdfd;
    143     border-bottom: 1px solid #fff;
    144     border-top: 1px solid #E9E9E9;
    145     color: #444444;
    146 }
    147 
    148 
     90    padding: 10px;
     91    background: #FFF5D5;
     92    color: #FECF2F;
     93    font-size: 17px;
     94}
     95.firan-notice.fi-warning:before {
     96    content: "\f904";
     97}
     98.firan-notice.fi-success:before {
     99    content: "\f903";
     100    background: #D1F1EA;
     101    color: #2D967F;
     102}
     103.firan-notice.fi-error:before {
     104    content: "\f904";
     105    background: #FFE5E9;
     106    color: #E32323;
     107}
     108.firan-notice .firan-notice-message {
     109    margin-right: 25px;
     110    max-width: 100%;
     111    padding: 10px 20px 10px 10px;
     112    font-size: 13px;
     113    line-height: 20px;
     114}
    149115/* colpick - colorpicker */
    150116.lcwp_colpick {
    … …  
    156122.lcwp_colpick .lcwp_colblock {
    157123    height: 98%;
    158     position: absolute;
    159     right: 0;
    160     top: 0;
    161     width: 29px;
     124    position: absolute;
     125    right: 0;
     126    top: 0;
     127    width: 29px;
    162128    border: 1px solid #DDDDDD;
    163    
    164129    -moz-box-sizing: border-box;
    165     box-sizing: border-box; 
     130    box-sizing: border-box;
    166131}
    167132.lcwp_colpick input {
    168     padding-right: 28px;   
     133    padding-right: 28px;
    169134    margin-top: 0;
    170135    margin-bottom: 0;
    … …  
    175140}
    176141.colpick {
    177     z-index: 9999999;   
    178 }
     142    z-index: 9999999;
     143}
     144/* sections */
    179145
    180 
    181 
     146.firan-section {
     147    background-color: #FFF;
     148    box-shadow: 0 2px 0 #EAEAEA;
     149    margin: 0 0 30px;
     150}
     151.firan-section .box-content {
     152    position: relative;
     153    word-wrap: break-word;
     154    padding: 20px;
     155}
     156.firan-section:before, .firan-section:after, .firan-section .box-content:before, .firan-section .box-content:after, .firan--fix:before, .firan-fix:after {
     157    content: '';
     158    display: table;
     159}
     160.firan-section:after, .firan-section .box-content:after, .firan-fix:after {
     161    clear: both;
     162}
     163.firan-section .cols {
     164    float: right;
     165    padding: 0 15px;
     166}
     167.firan-section .fi-list {
     168    margin: 0;
     169    padding: 0;
     170    list-style: none;
     171    border-bottom: 0;
     172}
     173.fi-list > li {
     174    position: relative;
     175    display: block;
     176    width: 100%;
     177    padding: 0;
     178    margin: 0;
     179    border-collapse: collapse;
     180    border-spacing: 0;
     181    font-size: 13px;
     182    line-height: 2;
     183}
     184.fi-list > li .list-label {
     185    font-size: 13px;
     186    font-weight: 500;
     187    line-height: 21px;
     188    padding: 15px 10px 15px 0;
     189}
     190.fi-list > li .list-detail {
     191    text-align: left;
     192    padding: 10px 0;
     193}
     194.wphb-pills {
     195    display: inline-block;
     196    background-color: #FFD000;
     197    color: #333333;
     198    border-radius: 15px;
     199    width: 39px;
     200    height: 26px;
     201    font-size: 12px;
     202    line-height: 26px;
     203    text-align: center;
     204    font-weight: 500;
     205}
     206.fontiran-wrap .footer-love {
     207    text-align: center;
     208    margin-top: 50px;
     209    color: #C0C0C0;
     210    font-size: 13px;
     211}
    182212/*----------------------------
    183213    The file upload form
    184214-----------------------------*/
    185215
    186 .cp-upload {text-align:center;}
     216.cp-upload {
     217    text-align: center;
     218}
    187219.cp-upload #package_file {
    188220    width: 100%;
    189     padding: 40px 50px;
    190     margin-bottom: 15px;
    191     border: 5px dashed #ddd;
    192     border-radius: 3px;
    193     text-align: center;
    194     text-transform: uppercase;
    195     color:#7f858a;
    196 }
    197 .cp-upload span{
     221    padding: 40px 50px;
     222    margin-bottom: 15px;
     223    border: 5px dashed #ddd;
     224    border-radius: 3px;
    198225    text-align: center;
    199     color: #b0b0b0;
    200 }
    201 
    202 /* Font Manager */
    203 
    204 .fi-page-title {
    205     background: url(../img/mg-logo.png) no-repeat bottom right transparent;
    206     padding-right: 40px;
    207     line-height: 35px;
    208 
    209 }
    210 
    211 
    212 
    213 .fontiran-backup {
    214     display: block;
     226    text-transform: uppercase;
     227    color: #7f858a;
     228}
     229/*----------------------------
     230    The Font list section
     231-----------------------------*/
     232#fi-font-weight, #fi-font-style {
     233    border-radius: 5px;
     234    display: block;
     235    float: right;
     236    min-width: 60px;
     237    font-size: 9px;
     238    color: #fff;
     239    text-transform: uppercase;
    215240    text-align: center;
     241    margin: 0 0 0 10px;
     242    background-color: #F56418;
     243    padding: 5px 10px;
     244}
     245#fi-font-style {
     246    background-color: #25A8DE
     247}
     248.font-del {
     249    display: block;
     250    margin: auto;
     251    cursor: pointer;
     252}
     253.box-fonts-lists table {
     254    border: 1px solid #ddd;
     255}
     256.box-fonts-lists table thead {
     257    background: #eee;
     258}
     259.box-fonts-lists table thead th {
     260    font-size: 13px;
     261    font-weight: bold;
     262}
     263.box-fonts-lists table tbody {
     264    background: #f7f7f7;
     265}
     266.box-fonts-lists tbody tr td {
     267    border-bottom: 1px solid #ddd;
     268    vertical-align: middle;
     269    text-align: right;
     270}
     271/*----------------------------
     272    The Font list manager
     273-----------------------------*/
     274/* sidebar */
     275.custom-rows {
     276    width: 25%;
     277}
     278.box-side-manager {
     279    background: #fff;
     280    padding: 10px;
     281}
     282/* manager */
     283.rows-manager {
     284    width: 75%;
     285}
     286.row-manager-wrapper {
     287    background: #fff;
     288}
     289.box-title {
     290    display: table;
     291    width: 100%;
     292    clear: both;
     293    height: inherit;
     294    margin: 0;
     295    padding: 20px;
     296    border-bottom: 1px solid #EAEAEA;
     297}
     298.box-title h3 {
    216299    float: right;
    217     margin-right: 40%;
    218 }
    219 .fontiran-backup img {
    220     width: 170px;
    221     height: auto;
    222 }
    223 
    224 
    225 
    226 
    227 
    228 
    229 
    230 
    231 
    232 
    233 
    234 
    235 
    236 
    237 
    238 /* fontiran manager page styles */
    239 
    240 #rules_table td.fi-row-num {
    241     background:#333;
    242     color:#fff;
    243     padding: 20px;
    244 }
    245 .fi-move-rule {
     300    margin: 0;
     301}
     302.box-title h3 i {
     303    margin-left: 10px;
     304}
     305.box-title .btns {
     306    float: left;
     307    margin: 0;
     308}
     309.rows-manager .fi-row-box {
    246310    display: none;
    247     position: absolute;
    248     margin: auto;
     311    width: 100%
     312}
     313.rows-manager .fi-row-box.opened {
     314    display: table;
     315}
     316.fi-grid {
     317    float: none;
     318    display: block;
     319    width: 100%;
     320    padding: 10px 0;
     321    border-bottom: 1px solid #ddd;
     322}
     323.fi-color-row {
     324    border: none;
     325}
     326.fi-grid h4 {
     327    margin-top: 0;
     328    font-size: 15px;
     329    color: #555;
     330}
     331.fi-grid .sub-des {
     332    display: block;
     333    font-size: 11px;
     334    color: #888;
     335    line-height: 22px;
     336    margin-bottom: 15px;
     337}
     338.fi-row-box label {
     339    display: block;
     340    padding: 2px 0;
     341    font-size: 12px;
     342    color: #666;
     343}
     344.fi-label {
     345    width: 100%;
    249346    height: 30px;
    250     width: 30px;
    251     background: url(../img/icons.png) no-repeat top left transparent;
    252     cursor: move;
    253     top: 25px;
    254     right: 8px;
    255 }
    256 
    257 #rules_table td.fi-row-num:hover .fi-move-rule{display: block;}
    258 
    259 .cp_size_choose input, .cp_line_height input {
    260     width: 40% !important;
    261 }
    262 
    263 .fi-manager-box {
    264     background: #fff;
    265     box-shadow: 0 1px 3px #9E9E9E;
    266 }
    267 .fi-manager-box * {
    268     box-sizing: border-box;
    269 }
    270 .fi-title-box {
    271     padding: 10px 15px;
    272     border-bottom: 1px solid #ddd;
    273 }
    274 
    275 .fi-title-box h3 {
    276     margin: 0;
    277    
    278 }
    279 
    280 .fi-row-box {
    281     display: block;
    282     width: 100%;
    283     position: relative;
     347    font-size: 13px;
     348}
     349.fi-subject-row .show-code {
     350    width: 100%;
     351    height: 20px;
     352    min-height: 42px;
     353    background: #f7f7f7;
     354    color: #474747;
     355    border: 1px solid #ddd;
     356    margin: 0;
     357    padding: 10px;
     358    direction: ltr;
     359    font-size: 13px;
     360    font-family: Consolas;
     361    font-style: normal;
     362}
     363/* sidebar */
     364.fi_side_options {
     365    margin: 0;
     366    padding: 0;
     367}
     368.fi_side_options li {
     369    position: relative;
     370    margin: 0;
     371    padding: 10px;
     372    border-bottom: 1px solid #ddd;
     373}
     374.fi_side_options li:last-child {
     375    border-bottom: 1px solid #fff;
     376}
     377.fi_side_options li.active {
     378    background: #eee;
    284379    border-bottom: 1px solid #eee;
    285380}
    286 
    287 .fi-row-box .fi-grid {
    288     float: right;
    289     padding: 10px;
    290 }
    291 
    292 .fi-name-row {
    293     width: 20%;
    294     padding-left: 20px;
    295     font-family: Segoe UI;
    296     font-weight: bold;
    297 }
    298 .fi-name-row span {
    299     margin-right: 30px;
    300 }
    301 .fi-active-row {
     381.fi-order-options {
    302382    position: absolute;
    303383    top: 10px;
    304     right: 10px;
     384    left: 8px;
     385    background: #ddd;
     386    padding: 5px;
     387    transition: all 0.3s ease-in;
     388    color: #666;
     389    cursor: move !important;
     390}
     391.fi_side_options li>span {
     392    font-size: 13px;
     393    cursor: pointer;
     394}
     395.fi_side_options .fi-active-row {
     396    float: right;
     397    margin-left: 10px;
     398}
     399.fontiran-wrap .row {
     400    margin-right: -20px;
     401    margin-left: -20px;
     402}
     403.fontiran-wrap .row:before, .fontiran-wrap .row:after {
     404    display: table;
     405    content: "";
     406}
     407.fontiran-wrap .row:after {
     408    clear: both;
     409}
     410.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
     411    position: relative;
     412    min-height: 1px;
     413    padding-right: 15px;
     414    padding-left: 15px
     415}
     416.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
     417    float: right;
     418}
     419.col-12 {
     420    width: 100%;
     421}
     422.col-11 {
     423    width: 91.66666667%;
     424}
     425.col-10 {
     426    width: 83.33333333%;
     427}
     428.col-9 {
     429    width: 75%;
     430}
     431.col-8 {
     432    width: 66.66666667%;
     433}
     434.col-7 {
     435    width: 58.33333333%;
     436}
     437.col-6 {
     438    width: 50%;
     439}
     440.col-5 {
     441    width: 41.66666667%;
     442}
     443.col-4 {
     444    width: 33.33333333%;
     445}
     446.col-3 {
     447    width: 25%;
     448}
     449.col-2 {
     450    width: 16.66666667%;
     451}
     452.col-1 {
     453    width: 8.33333333%;
     454}
     455.wpfi span.sub {
     456    display: block;
     457    font-size: 11px;
     458    color: #888;
     459    line-height: 22px;
     460    margin: 10px 0 0;
    305461}
    306462
    307 .fi-dis-row {
    308     width: 70%;
    309     padding: 0 10px;
    310 }
    311 
    312 
    313 .fi-tools-row {
    314     width: 10%;
    315     text-align: left;
    316 
    317 }
    318 .fi-tools-row ul li {
    319     display: inline-block;
    320     margin: 0 2px;
    321     cursor: pointer;
    322 }
    323 
    324 .fi-tools-row ul li.show,.fi-tools-row ul li:hover {color: red;}
    325 
    326 
    327 .fi-content-row {
    328     display:none;
    329     float: right;
    330     width: 100%;
    331     background-color: #f7f7f7;
    332     padding: 10px;
    333 }
    334 
    335 .bb {
    336     float: right;
    337     padding: 0 20px;
    338     width: 25%;
    339 }
    340 
    341 .fi-subject-row {
    342     float: right;
    343     width: 100%;
    344 }
    345 .fi-subject-row p.show-code {
    346     background: #eee;
    347     border: 1px solid #ddd;
    348     margin: 0;
    349     padding: 10px;
    350     text-align: left;
    351     direction: ltr;
    352     font-family: Consolas;
    353     font-style: normal;
    354     color: #8d8d8d;
    355 }
    356 
    357 
    358 
    359 
    360 .fi-opt-block {
    361     width: 100%;
    362     margin: 10px 0;
    363     display: table;
    364 }
    365 #fi_loading {
    366     float: right;
    367     margin: 15px 10px;
    368 }
    369 
    370 
    371 
    372 
    373 
    374 
    375 
    376 
    377 
    378 
    379 
    380 
    381 
    382 
    383 
    384 /*
    385 colpick Color Picker / colpick.com
    386 */
    387 
    388 /*Main container*/
    389 .colpick {
    390     position: absolute;
    391     width: 346px;
    392     height: 170px;
    393     overflow: hidden;
    394     display: none;
    395     font-family: Arial, Helvetica, sans-serif;
    396     background:#ebebeb;
    397     border: 1px solid #bbb;
    398     -webkit-border-radius: 5px;
    399     -moz-border-radius: 5px;
    400     border-radius: 5px;
    401    
    402     /*Prevents selecting text when dragging the selectors*/
    403     -webkit-user-select: none;
    404     -moz-user-select: none;
    405     -ms-user-select: none;
    406     -o-user-select: none;
    407     user-select: none;
    408 }
    409 /*Color selection box with gradients*/
    410 .colpick_color {
    411     position: absolute;
    412     left: 7px;
    413     top: 7px;
    414     width: 156px;
    415     height: 156px;
    416     overflow: hidden;
    417     outline: 1px solid #aaa;
    418     cursor: crosshair;
    419 }
    420 .colpick_color_overlay1 {
    421     position: absolute;
    422     left:0;
    423     top:0;
    424     width: 156px;
    425     height: 156px;
    426     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
    427     background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    428     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    429     background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    430     background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    431     background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    432     background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    433     filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
    434 }
    435 .colpick_color_overlay2 {
    436     position: absolute;
    437     left:0;
    438     top:0;
    439     width: 156px;
    440     height: 156px;
    441     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
    442     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    443     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    444     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    445     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    446     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    447     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    448     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    449 }
    450 /*Circular color selector*/
    451 .colpick_selector_outer {
    452     background:none;
    453     position: absolute;
    454     width: 11px;
    455     height: 11px;
    456     margin: -6px 0 0 -6px;
    457     border: 1px solid black;
    458     border-radius: 50%;
    459 }
    460 .colpick_selector_inner{
    461     position: absolute;
    462     width: 9px;
    463     height: 9px;
    464     border: 1px solid white;
    465     border-radius: 50%;
    466 }
    467 /*Vertical hue bar*/
    468 .colpick_hue {
    469     position: absolute;
    470     top: 6px;
    471     left: 175px;
    472     width: 19px;
    473     height: 156px;
    474     border: 1px solid #aaa;
    475     cursor: n-resize;
    476 }
    477 /*Hue bar sliding indicator*/
    478 .colpick_hue_arrs {
    479     position: absolute;
    480     left: -8px;
    481     width: 35px;
    482     height: 7px;
    483     margin: -7px 0 0 0;
    484 }
    485 .colpick_hue_larr {
    486     position:absolute;
    487     width: 0;
    488     height: 0;
    489     border-top: 6px solid transparent;
    490     border-bottom: 6px solid transparent;
    491     border-left: 7px solid #858585;
    492 }
    493 .colpick_hue_rarr {
    494     position:absolute;
    495     right:0;
    496     width: 0;
    497     height: 0;
    498     border-top: 6px solid transparent;
    499     border-bottom: 6px solid transparent;
    500     border-right: 7px solid #858585;
    501 }
    502 /*New color box*/
    503 .colpick_new_color {
    504     position: absolute;
    505     left: 207px;
    506     top: 6px;
    507     width: 60px;
    508     height: 27px;
    509     background: #f00;
    510     border: 1px solid #8f8f8f;
    511 }
    512 /*Current color box*/
    513 .colpick_current_color {
    514     position: absolute;
    515     left: 277px;
    516     top: 6px;
    517     width: 60px;
    518     height: 27px;
    519     background: #f00;
    520     border: 1px solid #8f8f8f;
    521 }
    522 /*Input field containers*/
    523 .colpick_field, .colpick_hex_field  {
    524     position: absolute;
    525     height: 20px;
    526     width: 60px;
    527     overflow:hidden;
    528     background:#f3f3f3;
    529     color:#b8b8b8;
    530     font-size:12px;
    531     border:1px solid #bdbdbd;
    532     -webkit-border-radius: 3px;
    533     -moz-border-radius: 3px;
    534     border-radius: 3px;
    535 }
    536 .colpick_rgb_r {
    537     top: 40px;
    538     left: 207px;
    539 }
    540 .colpick_rgb_g {
    541     top: 67px;
    542     left: 207px;
    543 }
    544 .colpick_rgb_b {
    545     top: 94px;
    546     left: 207px;
    547 }
    548 .colpick_hsb_h {
    549     top: 40px;
    550     left: 277px;
    551 }
    552 .colpick_hsb_s {
    553     top: 67px;
    554     left: 277px;
    555 }
    556 .colpick_hsb_b {
    557     top: 94px;
    558     left: 277px;
    559 }
    560 .colpick_hex_field {
    561     width: 68px;
    562     left: 207px;
    563     top: 121px;
    564 }
    565 /*Text field container on focus*/
    566 .colpick_focus {
    567     border-color: #999;
    568 }
    569 /*Field label container*/
    570 .colpick_field_letter {
    571     position: absolute;
    572     width: 12px;
    573     height: 20px;
    574     line-height: 20px;
    575     padding-left: 4px;
    576     background: #efefef;
    577     border-right: 1px solid #bdbdbd;
    578     font-weight: bold;
    579     color:#777;
    580 }
    581 /*Text inputs*/
    582 .colpick_field input, .colpick_hex_field input {
    583     position: absolute;
    584     right: 11px;
    585     margin: 0;
    586     padding: 0;
    587     height: 20px;
    588     line-height: 20px;
    589     background: transparent;
    590     border: none;
    591     font-size: 12px;
    592     font-family: Arial, Helvetica, sans-serif;
    593     color: #555;
    594     text-align: right;
    595     outline: none;
    596 }
    597 .colpick_hex_field input {
    598     right: 4px;
    599 }
    600 /*Field up/down arrows*/
    601 .colpick_field_arrs {
    602     position: absolute;
    603     top: 0;
    604     right: 0;
    605     width: 9px;
    606     height: 21px;
    607     cursor: n-resize;
    608 }
    609 .colpick_field_uarr {
    610     position: absolute;
    611     top: 5px;
    612     width: 0;
    613     height: 0;
    614     border-left: 4px solid transparent;
    615     border-right: 4px solid transparent;
    616     border-bottom: 4px solid #959595;
    617 }
    618 .colpick_field_darr {
    619     position: absolute;
    620     bottom:5px;
    621     width: 0;
    622     height: 0;
    623     border-left: 4px solid transparent;
    624     border-right: 4px solid transparent;
    625     border-top: 4px solid #959595;
    626 }
    627 /*Submit/Select button*/
    628 .colpick_submit {
    629     position: absolute;
    630     left: 207px;
    631     top: 149px;
    632     width: 130px;
    633     height: 22px;
    634     line-height:22px;
    635     background: #efefef;
    636     text-align: center;
    637     color: #555;
    638     font-size: 12px;
    639     font-weight:bold;
    640     border: 1px solid #bdbdbd;
    641     -webkit-border-radius: 3px;
    642     -moz-border-radius: 3px;
    643     border-radius: 3px;
    644 }
    645 .colpick_submit:hover {
    646     background:#f3f3f3;
    647     border-color:#999;
    648     cursor: pointer;
    649 }
    650 
    651 /*full layout with no submit button*/
    652 .colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
    653     display:none;
    654 }
    655 .colpick_full_ns .colpick_new_color {
    656     width: 130px;
    657     height: 25px;
    658 }
    659 .colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
    660     top: 42px;
    661 }
    662 .colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
    663     top: 73px;
    664 }
    665 .colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
    666     top: 104px;
    667 }
    668 .colpick_full_ns .colpick_hex_field {
    669     top: 135px;
    670 }
    671 
    672 /*rgbhex layout*/
    673 .colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
    674     display:none;
    675 }
    676 .colpick_rgbhex {
    677     width:282px;
    678     direction: ltr;
    679 }
    680 .colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
    681     width:68px;
    682 }
    683 .colpick_rgbhex .colpick_new_color {
    684     width:34px;
    685     border-right:none;
    686 }
    687 .colpick_rgbhex .colpick_current_color {
    688     width:34px;
    689     left:240px;
    690     border-left:none;
    691 }
    692 
    693 /*rgbhex layout, no submit button*/
    694 .colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
    695     display:none;
    696 }
    697 .colpick_rgbhex_ns .colpick_new_color{
    698     width:68px;
    699     border: 1px solid #8f8f8f;
    700 }
    701 .colpick_rgbhex_ns .colpick_rgb_r {
    702     top: 42px;
    703 }
    704 .colpick_rgbhex_ns .colpick_rgb_g {
    705     top: 73px;
    706 }
    707 .colpick_rgbhex_ns .colpick_rgb_b {
    708     top: 104px;
    709 }
    710 .colpick_rgbhex_ns .colpick_hex_field {
    711     top: 135px;
    712 }
    713 
    714 /*hex layout*/
    715 .colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
    716     display:none;
    717 }
    718 .colpick_hex {
    719     width:206px;
    720     height:201px;
    721 }
    722 .colpick_hex .colpick_hex_field {
    723     width:72px;
    724     height:25px;
    725     top:168px;
    726     left:80px;
    727 }
    728 .colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
    729     height: 25px;
    730     line-height: 25px;
    731 }
    732 .colpick_hex .colpick_new_color {
    733     left:9px;
    734     top:168px;
    735     width:30px;
    736     border-right:none;
    737 }
    738 .colpick_hex .colpick_current_color {
    739     left:39px;
    740     top:168px;
    741     width:30px;
    742     border-left:none;
    743 }
    744 .colpick_hex .colpick_submit {
    745     left:164px;
    746     top: 168px;
    747     width:30px;
    748     height:25px;
    749     line-height: 25px;
    750 }
    751 
    752 /*hex layout, no submit button*/
    753 .colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
    754     display:none;
    755 }
    756 .colpick_hex_ns .colpick_hex_field {
    757     width:80px;
    758 }
    759 .colpick_hex_ns .colpick_new_color{
    760     width:60px;
    761     border: 1px solid #8f8f8f;
    762 }
    763 
    764 /*Dark color scheme*/
    765 .colpick_dark {
    766     background: #161616;
    767     border-color: #2a2a2a;
    768 }
    769 .colpick_dark .colpick_color {
    770     outline-color: #333;
    771 }
    772 .colpick_dark .colpick_hue {
    773     border-color: #555;
    774 }
    775 .colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
    776     background: #101010;
    777     border-color: #2d2d2d;
    778 }
    779 .colpick_dark .colpick_field_letter {
    780     background: #131313;
    781     border-color: #2d2d2d;
    782     color: #696969;
    783 }
    784 .colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
    785     color: #7a7a7a;
    786 }
    787 .colpick_dark .colpick_field_uarr {
    788     border-bottom-color:#696969;
    789 }
    790 .colpick_dark .colpick_field_darr {
    791     border-top-color:#696969;
    792 }
    793 .colpick_dark .colpick_focus {
    794     border-color:#444;
    795 }
    796 .colpick_dark .colpick_submit {
    797     background: #131313;
    798     border-color:#2d2d2d;
    799     color:#7a7a7a;
    800 }
    801 .colpick_dark .colpick_submit:hover {
    802     background-color:#101010;
    803     border-color:#444;
    804 }
     463@media (max-width:692px) {
     464.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
     465    width: 100%;
     466    margin-bottom: 20px;
     467}
     468.custom-rows, .rows-manager {
     469    width: 100%;
     470    margin-bottom: 20px;
     471}
     472}

  • fontiran/trunk/assets/css/colpick.css

    r1770045 r1780276  
    1111    display: none;
    1212    font-family: Arial, Helvetica, sans-serif;
    13     background:#ebebeb;
     13    background: #ebebeb;
    1414    border: 1px solid #bbb;
    1515    -webkit-border-radius: 5px;
    1616    -moz-border-radius: 5px;
    1717    border-radius: 5px;
    18    
    1918    /*Prevents selecting text when dragging the selectors*/
    2019    -webkit-user-select: none;
    … …  
    3736.colpick_color_overlay1 {
    3837    position: absolute;
    39     left:0;
    40     top:0;
     38    left: 0;
     39    top: 0;
    4140    width: 156px;
    4241    height: 156px;
    4342    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
    4443    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    45     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    46     background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    47     background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    48     background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
     44    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
     45    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
     46    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
     47    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
    4948    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    50     filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
     49 filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
    5150}
    5251.colpick_color_overlay2 {
    5352    position: absolute;
    54     left:0;
    55     top:0;
     53    left: 0;
     54    top: 0;
    5655    width: 156px;
    5756    height: 156px;
    5857    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
    5958    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    60     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    61     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    62     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    63     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    64     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    65     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
     59    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); /* Chrome,Safari4+ */
     60    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
     61    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
     62    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* IE10+ */
     63    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* W3C */
     64 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
    6665}
    6766/*Circular color selector*/
    6867.colpick_selector_outer {
    69     background:none;
     68    background: none;
    7069    position: absolute;
    7170    width: 11px;
    … …  
    7574    border-radius: 50%;
    7675}
    77 .colpick_selector_inner{
     76.colpick_selector_inner {
    7877    position: absolute;
    7978    width: 9px;
    … …  
    101100}
    102101.colpick_hue_larr {
    103     position:absolute;
    104     width: 0; 
    105     height: 0; 
     102    position: absolute;
     103    width: 0;
     104    height: 0;
    106105    border-top: 6px solid transparent;
    107106    border-bottom: 6px solid transparent;
    … …  
    109108}
    110109.colpick_hue_rarr {
    111     position:absolute;
    112     right:0;
    113     width: 0; 
    114     height: 0; 
     110    position: absolute;
     111    right: 0;
     112    width: 0;
     113    height: 0;
    115114    border-top: 6px solid transparent;
    116     border-bottom: 6px solid transparent; 
    117     border-right: 7px solid #858585; 
     115    border-bottom: 6px solid transparent;
     116    border-right: 7px solid #858585;
    118117}
    119118/*New color box*/
    … …  
    138137}
    139138/*Input field containers*/
    140 .colpick_field, .colpick_hex_field  {
     139.colpick_field, .colpick_hex_field {
    141140    position: absolute;
    142141    height: 20px;
    143142    width: 60px;
    144     overflow:hidden;
    145     background:#f3f3f3;
    146     color:#b8b8b8;
    147     font-size:12px;
    148     border:1px solid #bdbdbd;
     143    overflow: hidden;
     144    background: #f3f3f3;
     145    color: #b8b8b8;
     146    font-size: 12px;
     147    border: 1px solid #bdbdbd;
    149148    -webkit-border-radius: 3px;
    150149    -moz-border-radius: 3px;
    … …  
    194193    border-right: 1px solid #bdbdbd;
    195194    font-weight: bold;
    196     color:#777;
     195    color: #777;
    197196}
    198197/*Text inputs*/
    … …  
    227226    position: absolute;
    228227    top: 5px;
    229     width: 0; 
    230     height: 0; 
     228    width: 0;
     229    height: 0;
    231230    border-left: 4px solid transparent;
    232231    border-right: 4px solid transparent;
    … …  
    235234.colpick_field_darr {
    236235    position: absolute;
    237     bottom:5px;
    238     width: 0; 
    239     height: 0; 
     236    bottom: 5px;
     237    width: 0;
     238    height: 0;
    240239    border-left: 4px solid transparent;
    241240    border-right: 4px solid transparent;
    … …  
    249248    width: 130px;
    250249    height: 22px;
    251     line-height:22px;
     250    line-height: 22px;
    252251    background: #efefef;
    253252    text-align: center;
    254253    color: #555;
    255254    font-size: 12px;
    256     font-weight:bold;
     255    font-weight: bold;
    257256    border: 1px solid #bdbdbd;
    258257    -webkit-border-radius: 3px;
    … …  
    261260}
    262261.colpick_submit:hover {
    263     background:#f3f3f3;
    264     border-color:#999;
     262    background: #f3f3f3;
     263    border-color: #999;
    265264    cursor: pointer;
    266265}
    267 
    268266/*full layout with no submit button*/
    269 .colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
    270     display:none;
     267.colpick_full_ns .colpick_submit, .colpick_full_ns .colpick_current_color {
     268    display: none;
    271269}
    272270.colpick_full_ns .colpick_new_color {
    … …  
    286284    top: 135px;
    287285}
    288 
    289286/*rgbhex layout*/
    290287.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
    291     display:none;
     288    display: none;
    292289}
    293290.colpick_rgbhex {
    294     width:282px;
     291    width: 282px;
    295292    direction: ltr;
    296293}
    297294.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
    298     width:68px;
     295    width: 68px;
    299296}
    300297.colpick_rgbhex .colpick_new_color {
    301     width:34px;
    302     border-right:none;
     298    width: 34px;
     299    border-right: none;
    303300}
    304301.colpick_rgbhex .colpick_current_color {
    305     width:34px;
    306     left:240px;
    307     border-left:none;
    308 }
    309 
     302    width: 34px;
     303    left: 240px;
     304    border-left: none;
     305}
    310306/*rgbhex layout, no submit button*/
    311 .colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
    312     display:none;
    313 }
    314 .colpick_rgbhex_ns .colpick_new_color{
    315     width:68px;
     307.colpick_rgbhex_ns .colpick_submit, .colpick_rgbhex_ns .colpick_current_color {
     308    display: none;
     309}
     310.colpick_rgbhex_ns .colpick_new_color {
     311    width: 68px;
    316312    border: 1px solid #8f8f8f;
    317313}
    … …  
    328324    top: 135px;
    329325}
    330 
    331326/*hex layout*/
    332327.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
    333     display:none;
     328    display: none;
    334329}
    335330.colpick_hex {
    336     width:206px;
    337     height:201px;
     331    width: 206px;
     332    height: 201px;
    338333}
    339334.colpick_hex .colpick_hex_field {
    340     width:72px;
    341     height:25px;
    342     top:168px;
    343     left:80px;
     335    width: 72px;
     336    height: 25px;
     337    top: 168px;
     338    left: 80px;
    344339}
    345340.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
    … …  
    348343}
    349344.colpick_hex .colpick_new_color {
    350     left:9px;
    351     top:168px;
    352     width:30px;
    353     border-right:none;
     345    left: 9px;
     346    top: 168px;
     347    width: 30px;
     348    border-right: none;
    354349}
    355350.colpick_hex .colpick_current_color {
    356     left:39px;
    357     top:168px;
    358     width:30px;
    359     border-left:none;
     351    left: 39px;
     352    top: 168px;
     353    width: 30px;
     354    border-left: none;
    360355}
    361356.colpick_hex .colpick_submit {
    362     left:164px;
     357    left: 164px;
    363358    top: 168px;
    364     width:30px;
    365     height:25px;
     359    width: 30px;
     360    height: 25px;
    366361    line-height: 25px;
    367362}
    368 
    369363/*hex layout, no submit button*/
    370 .colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
    371     display:none;
     364.colpick_hex_ns .colpick_submit, .colpick_hex_ns .colpick_current_color {
     365    display: none;
    372366}
    373367.colpick_hex_ns .colpick_hex_field {
    374     width:80px;
    375 }
    376 .colpick_hex_ns .colpick_new_color{
    377     width:60px;
     368    width: 80px;
     369}
     370.colpick_hex_ns .colpick_new_color {
     371    width: 60px;
    378372    border: 1px solid #8f8f8f;
    379373}
    380 
    381374/*Dark color scheme*/
    382375.colpick_dark {
    … …  
    403396}
    404397.colpick_dark .colpick_field_uarr {
    405     border-bottom-color:#696969;
     398    border-bottom-color: #696969;
    406399}
    407400.colpick_dark .colpick_field_darr {
    408     border-top-color:#696969;
     401    border-top-color: #696969;
    409402}
    410403.colpick_dark .colpick_focus {
    411     border-color:#444;
     404    border-color: #444;
    412405}
    413406.colpick_dark .colpick_submit {
    414407    background: #131313;
    415     border-color:#2d2d2d;
    416     color:#7a7a7a;
     408    border-color: #2d2d2d;
     409    color: #7a7a7a;
    417410}
    418411.colpick_dark .colpick_submit:hover {
    419     background-color:#101010;
    420     border-color:#444;
    421 }
     412    background-color: #101010;
     413    border-color: #444;
     414}

  • fontiran/trunk/assets/js/admin.js

    r1770045 r1780276  
    55jq(document).ready(function() {
    66
     7    jQuery( ".fi_side_options" ).sortable({ handle: '.fi-order-options' });
     8    jQuery( ".fi_side_options .fi-order-options" ).disableSelection();
    79
    8     jq('#fi_add_rule').click(function() {
     10    lcwp_colpick();
     11
     12    jq('#fi_add_rule').on('click', function() {
     13        jq(this).hide();
     14        fi_custom_class();             
     15    });
     16   
     17    jq('.fi_side_options').on('click','li >span.fi_panel_name', function(e){
     18        e.preventDefault();
     19       
     20        t = jq(this).attr('data-tab');
    921       
    1022       
    11        
    12         var rows = jq('.fi-content-box>div.fi-row-custom').length;
    13         var data = {action: 'fi_add_rule', row: rows};
    14 
    15         jq('#fi_loading').html('<span class="lcwp_loading"></span>');
    16 
    17         jq.post(ajaxurl, data, function(response) {
    18            
    19             if(response !== '0') {
    20                 jq('#fi_loading').empty();
    21                
    22                 jq('.fi-content-box').append('<div id="fi_tmp"></div>');
    23                
    24                
    25                
    26                 jq('.fi-tools-row ul>li.tool-more').removeClass('show');
    27                 jq('div.fi-row-box').find('.fi-content-row').slideUp('slow');
    28                
    29                
    30                 jq('#fi_tmp').append(response);
    31                
    32                
    33 
    34 
    35                 jq('#fi_tmp').find('.fi-tools-row ul>li.tool-more').addClass('show');
    36                 jq('#fi_tmp').find('.fi-content-row').css('display','block');
    37                
    38        
    39                
    40                 jq('#fi_tmp .fi-row-box').appendTo('.fi-rows-custom');
    41                
    42                 jq('#fi_tmp').remove();
    43        
    44                 lcwp_colpick();
    45                
    46                
    47                
    48                
    49                        
    50             }  else {
    51                 jq('#fi_loading').html('خطایی رخ داده است!');
    52             }
    53            
    54            
    55         });
    56        
     23        jq('.fi_side_options li').removeClass('active');
     24        jq(this).parent().addClass('active');
     25        jq('.rows-manager .fi-row-box').removeClass('opened');
     26        jq('.rows-manager .fi-row-box[data-tab-url="'+t+'"]').addClass('opened');
    5727       
    5828    });
    5929   
    60    
     30    jq('.custom-rows').on('click', '.fi-remove-option',function(e) {
     31        e.preventDefault();
     32        var t = jq(this).parent('li');
     33       
     34        var g = t.find('.fi_panel_name').attr('data-tab');
     35       
     36        t.remove();
     37        jq('.row-manager-wrapper .box-content').find('[data-tab-url="'+g+'"]').remove();
     38       
     39        fix_custom_class();
     40    });
     41
     42});
    6143
    6244
    63    
    64     fi_open_box();
    65     lcwp_colpick();
    66     fi_get_class();
     45function fi_custom_class() {
    6746   
    6847   
     48    var fnew, side,panel;
     49    var today = new Date();
     50    var Hour = today.getHours() > 12 ? today.getHours() - 12 : (today.getHours() < 10 ? "0" + today.getHours() : today.getHours());
     51    var Minute = today.getMinutes() < 10 ? "0" + today.getMinutes() : today.getMinutes();
     52    var Seconds = today.getSeconds() < 10 ? "0" + today.getSeconds() : today.getSeconds();
    6953
     54    fnew = Hour+''+Minute+''+Seconds;
     55       
     56    side = '<li class="custom_class"><input name="fi_ops['+fnew+'][od]" value="1" type="hidden"><div class="fi-active-row"><input name="fi_ops['+fnew+'][stat]" class="choose_element" type="checkbox"></div><span class="fi_panel_name" data-tab="'+fnew+'">کلاس سفارشی</span><span class="fcp-bar fi-order-options"></span><span class="fcp-close fi-order-options fi-remove-option" style="left:40px;cursor: pointer !important;"></span></li>';
     57   
     58    jq('#fi_loading').html('<span class="lcwp_loading"></span>');
     59       
     60    var data = {action: 'fi_add_rule', data: fnew};
    7061
    71     jQuery( ".fi-rows-custom" ).sortable({ handle: '.sort_by' });
    72     jQuery( ".fi-rows-custom .sort_by" ).disableSelection();
     62    jq.post(ajaxurl, data, function(response) {
     63           
     64            if(response !== '0') {
     65                jq('.fi_side_options').append(side);
     66                panel = '<div class="fi-row-box clearfix " data-tab-url="'+fnew+'">'+response+'</div>';
     67                jq('.row-manager-wrapper .box-content').append(panel);
     68                lcwp_colpick();
     69                jq('#fi_add_rule').show();
     70            } else {
     71                alert('خطایی رخ داده است!');
     72            }
     73           
     74    });
    7375   
    74 
    75 
    76 
    77    
    78 });
     76}
    7977
    8078/***** Colour picker *****/
    … …  
    10199}
    102100
    103 function fi_get_class() {
    104     jq('body').on('keyup', 'input.choose_element', function(event) {
    105         var t = jq(this).val();
    106         jq(this).parent('.fi-grid').parent('.fi-row-box').find('p.show-code').text(t);     
    107     });
    108 }
    109101
    110 function fi_open_box() {
    111    
    112     jq('body').on('click','.fi-tools-row ul>li.tool-more',function() { 
    113         if(jq(this).hasClass('show')) {
    114             jq('.fi-tools-row ul>li.tool-more').removeClass('show');
    115             jq('div.fi-row-box').find('.fi-content-row').slideUp('slow');
    116         } else {
    117             jq('.fi-tools-row ul>li.tool-more').removeClass('show');
    118             jq(this).closest('li.tool-more').toggleClass('show');
    119             jq('div.fi-row-box').find('.fi-content-row').slideUp('slow');
    120             jq(this).closest('div.fi-row-box').find('.fi-content-row').slideDown('slow');
    121         }
    122     });
    123    
    124 }

  • fontiran/trunk/fontiran.php

    r1770046 r1780276  
    11<?php
    2 
    32/**
    4  * Plugin Name:       Fontiran
     3 * Plugin Name:       فونت ایران
    54 * Plugin URI:        http://caduspro.net/
    6  * Description:       install web fonts ...
    7  * Version:           2.0
     5 * Description:       نصب فونت و مدیریت آسان تایپوگرافی سایت
     6 * Version:           2.1
    87 * Author:            Cadus Pro
    98 * Author URI:        http://caduspro.net/
    109 * License:           GPL-2.0+
    1110 * License URI:       http://www.gnu.org/licenses/gpl-2.0.txt
    12  * soon==Domain Path:       /languages
    1311 */
     12
    1413
    1514// Exit if accessed directly.
    1615if ( ! defined( 'ABSPATH' ) ) exit;
    1716
     17
     18if ( ! defined( 'FIRAN_VERSION' ) ) {
     19    define( 'FIRAN_VERSION', '2.0' );
     20}
     21
     22
    1823define( 'FIRAN_URL', plugin_dir_url( __FILE__ ) );
    1924define( 'FIRAN_PATH', plugin_dir_path(__FILE__) );
    20 define( 'FIRAN_FONTS_URL', FIRAN_URL .'/fonts' );
     25define( 'FIRAN_FONTS_URL', FIRAN_URL .'fonts' );
    2126
    2227
    23 class Fontiran {
    24    
    25     public function __construct() {
     28/**
     29 * Class FONTITAN
     30 *
     31 * Main Plugin class. Acts as a loader of everything else and intializes the plugin
     32 */
     33if ( ! class_exists( 'WP_Fontiran' ) ) {
     34    class WP_Fontiran {
     35
     36        /**
     37         * Plugin instance
     38         *
     39         * @var null
     40         */
     41        private static $instance = null;
     42
     43        /**
     44         * Admin main class
     45         *
     46         * @var WP_Fontiran_Admin
     47         */
     48        public $admin;
     49
     50        /**
     51         * @var WP_Fontiran_Core
     52         */
     53        public $core;
     54
     55
     56        /**
     57         * Return the plugin instance
     58         *
     59         * @return WP_Fontiran
     60         */
     61        public static function get_instance() {
     62            if ( ! self::$instance ) {
     63                self::$instance = new self();
     64            }
     65
     66            return self::$instance;
     67        }
     68
     69        /**
     70         * WP_Fontiran constructor.
     71         */
     72        public function __construct() {
     73            $this->includes();
     74            $this->init();
     75        }
    2676       
    27         $this->includes();
    28 
    29         //add_action('plugins_loaded',array( $this, 'fontiran_textdomain'));
    30         add_action('admin_menu', array($this, 'register_plugin_menu') ); 
    31         add_action( 'admin_enqueue_scripts', array($this, 'fontiran_admin_style') );
    32         add_action( 'wp_enqueue_scripts', array($this, 'fontiran_enqueue') );
    33     }
    34    
    35    
    36     public function fontiran_enqueue() {
    37         if(file_exists(FIRAN_PATH . 'fontiran_front.css')) {
    38             wp_enqueue_style("fontiran", FIRAN_URL . 'fontiran.css');
    39             wp_enqueue_style("fontiran_fonts", FIRAN_URL . 'fontiran_front.css');
     77       
     78        /**
     79         * Load needed files for the plugin
     80         */
     81        private function includes() {
     82           
     83            require_once FIRAN_PATH .'helpers/functions.php';
     84            if ( is_admin() ) {
     85                include_once( FIRAN_PATH . 'core/class-admin.php' );
     86            }
    4087        }
     88       
     89       
     90        /**
     91         * Initialize the plugin
     92         */
     93        private function init() {
     94           
     95            if ( is_admin() ) {
     96                $this->admin = new Fontiran_Admin();   
     97            } else {
     98                add_action('wp_head',array($this,'fi_enqueue_style'));
     99            }
     100           
     101           
     102           
     103            do_action( 'wp_fontiran_loaded' );
     104        }
     105       
     106       
     107        public function fi_enqueue_style () {
     108           
     109            if(file_exists(FIRAN_PATH . 'fontiran_front.css')) {
     110                wp_enqueue_style("fontiran", FIRAN_URL . 'fontiran.css');
     111                wp_enqueue_style("fontiran_fonts", FIRAN_URL . 'fontiran_front.css');
     112            }
     113           
     114        }
     115       
     116       
     117       
    41118    }
    42119
    43     function register_plugin_menu(){
    44         add_menu_page ( esc_html__( 'Fontiran Settings', 'fontiran' ) , esc_html__( 'fontiran', 'fontiran' ) , 'manage_options' , 'fontiran' ,  array( $this,'fti_set_fonts') );
    45         add_submenu_page('fontiran', esc_html__( 'install Font', 'fontiran' ), esc_html__( 'install Font', 'fontiran' ) , 'manage_options', 'fti_upload', array( $this, 'fti_upload' ));
    46     }
    47120   
    48     public function fti_set_fonts() {
    49         include_once FIRAN_PATH .'inc/class-manager-fonts.php';
    50     }
    51     public function fti_upload () {
    52         include_once FIRAN_PATH .'inc/class-add-font.php';
    53     }
    54    
    55     //inculde
    56     function includes(){
    57         require_once FIRAN_PATH .'inc/functions.php';
    58        
    59     }
    60     /*
    61      * Load js and css
    62      */
    63     function fontiran_admin_style(){
    64         // CSS for button styling
    65         wp_enqueue_style("fontiran_style", FIRAN_URL . 'assets/css/admin.css');
    66         wp_enqueue_style("fontiran_colpick", FIRAN_URL . 'assets/css/colpick.css');
    67         wp_enqueue_script('color-picker', FIRAN_URL. 'assets/js/jscolor.min.js', array('jquery', 'jquery-ui-sortable') );
    68         wp_enqueue_script('fontiran-admin-js', FIRAN_URL . 'assets/js/admin.js' );
    69     }
    70121}
    71122
    72 $Fontiran = new Fontiran();
     123if ( ! function_exists( 'wp_fontiran' ) ) {
     124function wp_fontiran() {
     125    return WP_Fontiran::get_instance();
     126}
     127add_action( 'plugins_loaded', 'wp_fontiran' );
     128}
     129

  • fontiran/trunk/readme.txt

    r1768560 r1780276  
    33Contributors: caduspro
    44Donate link: https://ez.pay.ir/117783
    5 Tags: Fontiran, persian fonts,iransans,change fonts
     5Tags: font,manage fonts, webfonts,install fonts,persian fonts,iransans,change fonts,Theme Fonts
    66Requires at least: 3.3
    77Tested up to: 4.9
    8 Stable tag: 2.0
     8Stable tag: 2.1
    99License: GPLv2 or later
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset for help on using the changeset viewer.