WordPress.org
Get WordPress

Plugin Directory

Changeset 1294301


Ignore:
Timestamp:
11/25/2015 04:39:45 PM (10 years ago)
Author:
_silver
Message:

adding initial code for font selection

Location:
wp-notes-widget/trunk
Files:
7 added
4 edited

Legend:

Unmodified
Added
Removed

  • wp-notes-widget/trunk/admin/admin-widget-view.php

    r1095544 r1294301  
    8484
    8585      </p>
     86
     87      <p>
     88        <label for="<?php echo $this->get_field_id('font_style'); ?>"><?php _e('Font Style', 'wp-notes-widget'); ?></label>
     89       
     90        <div class="font-style-selection-container" >
     91          <div class="font-indie-flower" >
     92            <input type="radio" id="font-selection-indie-flower" name="font-selection" value="indie-flower" />         
     93            <label for="font-selection-indie-flower" id="font-selection-indie-flower-label" >Indie Flower</label>
     94          </div>
     95          <div class="font-shadows-into-light" >
     96            <input type="radio" id="font-shadows-into-light" name="font-selection" value="shadows-into-light" />         
     97            <label for="font-selection-shadows-into-light" id="font-selection-shadows-into-light-label"  >Shadows Into Light</label>
     98          </div>
     99          <div class="font-pacifico" >
     100            <input type="radio" id="font-selection-pacifico" name="font-selection" value="pacifico" />         
     101            <label for="font-selection-pacifico" id="font-selection-pacifico-label"  >Pacifico</label>
     102          </div>
     103          <div class="font-kalam" >
     104            <input type="radio" id="font-selection-kalam" name="font-selection" value="kalam" />         
     105            <label for="font-selection-kalam" id="font-selection-kalam-label"  >Kalam</label>
     106          </div>
     107        </div>
     108
     109      </p>
     110
    86111    </div>
    87112    <div class="wp-notes-widget-admin-right"> 

  • wp-notes-widget/trunk/admin/css/wp-notes-admin.css

    r1095544 r1294301  
    1 /*---------------------------------------------------
    2     LESS Elements 0.9
    3   ---------------------------------------------------
    4     A set of useful LESS mixins
    5     More info at: http://lesselements.com
    6   ---------------------------------------------------*/
    7 /*============================================================================
    8    UTILITY CLASSES
    9  ==============================================================================*/
    10 .wp-notes-cf {
    11   zoom: 1;
    12 }
    13 .wp-notes-cf .wp-notes-cf:before,
    14 .wp-notes-cf:after {
    15   content: "";
    16   display: table;
    17 }
    18 .wp-notes-cf:after {
    19   clear: both;
    20 }
    21 /*============================================================================
    22   NOTES POST PAGE
    23 ==============================================================================*/
    24 .wp-notes-post-admin-container .wp-notes-margin-bottom {
    25   margin-bottom: 20px;
    26 }
    27 .wp-notes-post-admin-container .wp-notes-no-margin-bottom {
    28   margin-bottom: 0px !important;
    29 }
    30 .wp-notes-post-admin-container .over-limit {
    31   color: red !important;
    32 }
    33 .wp-notes-post-admin-container .wp-notes-label {
    34   display: block;
    35   font-weight: bold;
    36 }
    37 .wp-notes-post-admin-container .wp-notes-textarea {
    38   height: 130px;
    39   max-width: 300px;
    40   width: 100%;
    41 }
    42 .wp-notes-post-admin-container .wp-notes-hidden {
    43   position: absolute;
    44   left: -9999px;
    45 }
    46 .wp-notes-post-admin-container .faded {
    47   color: #555;
    48 }
    49 .wp-notes-post-admin-container input#WP_Notes_action_link {
    50   width: 100%;
    51   display: block;
    52   margin-bottom: 5px;
    53 }
    54 .wp-notes-post-admin-container .full-width {
    55   width: 100%;
    56 }
    57 .wp-notes-post-admin-container #WP_Notes_image {
    58   max-width: 300px;
    59 }
    60 .wp-notes-post-admin-container h4 {
    61   font-size: 1.0em;
    62   font-weight: bold;
    63   padding: 5px 10px 5px;
    64   border: 1px solid #eee;
    65   border-bottom: none;
    66   margin-bottom: 0;
    67   background-color: #f5f5f5;
    68   border-radius: 3px 3px 0 0;
    69 }
    70 .wp-notes-post-admin-container .content-segment {
    71   margin-bottom: 10px;
    72   border: 1px solid #eee;
    73   padding: 10px;
    74 }
    75 .wp-notes-post-admin-container .content-segment:last-child {
    76   margin-bottom: 0;
    77 }
    78 .wp-notes-post-admin-container .wp-notes-image-container {
    79   padding-top: 10px;
    80 }
    81 .wp-notes-post-admin-container .wp-notes-image-container .no-image-box {
    82   width: 100%;
    83   max-width: 200px;
    84   background-color: #eee;
    85   border: 1px solid #ddd;
    86   display: inline-block;
    87   box-sizing: border-box;
    88 }
    89 .wp-notes-post-admin-container .wp-notes-image-container .no-image-box .no-image-shim {
    90   display: inline-block;
    91   vertical-align: middle;
    92   height: 100px;
    93   width: 0;
    94 }
    95 .wp-notes-post-admin-container .wp-notes-image-container .no-image-box div.text {
    96   display: inline-block;
    97   vertical-align: middle;
    98   text-align: center;
    99   width: 98%;
    100   margin: 0;
    101 }
    102 .wp-notes-post-admin-container p {
    103   margin-top: 0;
    104 }
    105 .wp-notes-post-admin-container .secondary-text {
    106   color: #888;
    107 }
    108 .wp-notes-post-admin-container .no-margin-below {
    109   margin-bottom: 0;
    110 }
    111 .wp-notes-post-admin-container .wp-notes-action-link-controls {
    112   zoom: 1;
    113 }
    114 .wp-notes-cf .wp-notes-post-admin-container .wp-notes-action-link-controls:before,
    115 .wp-notes-post-admin-container .wp-notes-action-link-controls:after {
    116   content: "";
    117   display: table;
    118 }
    119 .wp-notes-post-admin-container .wp-notes-action-link-controls:after {
    120   clear: both;
    121 }
    122 .wp-notes-post-admin-container .wp-notes-action-link-controls .wp-notes-action-link-control {
    123   float: left;
    124   padding: 5px 8px;
    125   transition: background-color 0.2s ease-in;
    126 }
    127 .wp-notes-post-admin-container .wp-notes-action-link-controls .wp-notes-action-link-control:first-child {
    128   margin-left: 0;
    129 }
    130 .wp-notes-post-admin-container .wp-notes-action-link-controls .wp-notes-action-link-control.checked {
    131   background-color: #eee;
    132 }
    133 .wp-notes-post-admin-container .wp-notes-action-link-controls .wp-notes-action-link-control input {
    134   position: relative;
    135   top: 2px;
    136 }
    137 .wp-notes-post-admin-container .wp-notes-link-component-container {
    138   background-color: #eee;
    139   padding: 5px;
    140 }
    141 .wp-notes-post-admin-container .wp-notes-download-components {
    142   zoom: 1;
    143 }
    144 .wp-notes-cf .wp-notes-post-admin-container .wp-notes-download-components:before,
    145 .wp-notes-post-admin-container .wp-notes-download-components:after {
    146   content: "";
    147   display: table;
    148 }
    149 .wp-notes-post-admin-container .wp-notes-download-components:after {
    150   clear: both;
    151 }
    152 .wp-notes-post-admin-container .wp-notes-download-components > a#wp-notes-add-download {
    153   float: left;
    154   width: 20%;
    155   box-sizing: border-box;
    156   border-radius: 3px 0 0 3px;
    157   height: 30px;
    158   display: block;
    159   text-align: center;
    160 }
    161 .wp-notes-post-admin-container .wp-notes-download-components > input#WP_Notes_download_link {
    162   float: left;
    163   width: 80%;
    164   box-sizing: border-box;
    165   margin: 0;
    166   height: 30px;
    167   display: block;
    168   color: #777;
    169 }
    170 .wp-notes-post-admin-container .wp-notes-plain-link-components input#WP_Notes_plain_link_new_tab {
    171   position: relative;
    172   left: 2px;
    173 }
    174 .wp-notes-post-admin-container #WP_Notes_twitter_chars_remaining {
    175   font-weight: bold;
    176 }
    177 .wp-notes-post-admin-container #WP_Notes_twitter_over_limit_text {
    178   display: block;
    179   color: red;
    180 }
    181 /*============================================================================
    182   WIDGET ADMINISTRATION PAGE
    183 ==============================================================================*/
    184 .wp-notes-widget-admin-container {
    185   border-bottom: 1px solid #ddd;
    186   margin-bottom: 10px;
    187   zoom: 1;
    188 }
    189 .wp-notes-cf .wp-notes-widget-admin-container:before,
    190 .wp-notes-widget-admin-container:after {
    191   content: "";
    192   display: table;
    193 }
    194 .wp-notes-widget-admin-container:after {
    195   clear: both;
    196 }
    197 .wp-notes-widget-admin-container .wp-notes-widget-admin-left {
    198   float: left;
    199   width: 50%;
    200   -ms-box-sizing: border-box;
    201   -moz-box-sizing: border-box;
    202   -webkit-box-sizing: border-box;
    203   box-sizing: border-box;
    204 }
    205 .wp-notes-widget-admin-container .wp-notes-widget-admin-right {
    206   float: right;
    207   padding-left: 20px;
    208   width: 50%;
    209   -ms-box-sizing: border-box;
    210   -moz-box-sizing: border-box;
    211   -webkit-box-sizing: border-box;
    212   box-sizing: border-box;
    213 }
    214 .wp-notes-widget-admin-container select {
    215   display: block;
    216 }
    217 /*============================================================================
    218   SETTINGS PAGE
    219 ==============================================================================*/
    220 input.wp-notes-widget-long {
    221   max-width: 500px;
    222   width: 100%;
    223 }
    224 .wp-notes-widget-limit-width {
    225   max-width: 600px;
    226 }
     1@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Shadows+Into+Light|Pacifico|Kalam|Amatic+SC');.wp-notes-cf{zoom:1}.wp-notes-cf .wp-notes-cf:before,.wp-notes-cf:after{content:"";display:table}.wp-notes-cf:after{clear:both}.wp-notes-post-admin-container .wp-notes-margin-bottom{margin-bottom:20px}.wp-notes-post-admin-container .wp-notes-no-margin-bottom{margin-bottom:0 !important}.wp-notes-post-admin-container .over-limit{color:red !important}.wp-notes-post-admin-container .wp-notes-label{display:block;font-weight:bold}.wp-notes-post-admin-container .wp-notes-textarea{height:130px;max-width:300px;width:100%}.wp-notes-post-admin-container .wp-notes-hidden{position:absolute;left:-9999px}.wp-notes-post-admin-container .faded{color:#555}.wp-notes-post-admin-container input#WP_Notes_action_link{width:100%;display:block;margin-bottom:5px}.wp-notes-post-admin-container .full-width{width:100%}.wp-notes-post-admin-container #WP_Notes_image{max-width:300px}.wp-notes-post-admin-container h4{font-size:1em;font-weight:bold;padding:5px 10px 5px;border:1px solid #eee;border-bottom:none;margin-bottom:0;background-color:#f5f5f5;border-radius:3px 3px 0 0}.wp-notes-post-admin-container .content-segment{margin-bottom:10px;border:1px solid #eee;padding:10px}.wp-notes-post-admin-container .content-segment:last-child{margin-bottom:0}.wp-notes-post-admin-container .wp-notes-image-container{padding-top:10px}.wp-notes-post-admin-container .wp-notes-image-container .no-image-box{width:100%;max-width:200px;background-color:#eee;border:1px solid #ddd;display:inline-block;box-sizing:border-box}.wp-notes-post-admin-container .wp-notes-image-container .no-image-box .no-image-shim{display:inline-block;vertical-align:middle;height:100px;width:0}.wp-notes-post-admin-container .wp-notes-image-container .no-image-box div.text{display:inline-block;vertical-align:middle;text-align:center;width:98%;margin:0}.wp-notes-post-admin-container p{margin-top:0}.wp-notes-post-admin-container .secondary-text{color:#888}.wp-notes-post-admin-container .no-margin-below{margin-bottom:0}.wp-notes-post-admin-container .wp-notes-action-link-controls{zoom:1}.wp-notes-cf .wp-notes-post-admin-container .wp-notes-action-link-controls:before,.wp-notes-post-admin-container .wp-notes-action-link-controls:after{content:"";display:table}.wp-notes-post-admin-container .wp-notes-action-link-controls:after{clear:both}.wp-notes-post-admin-container .wp-notes-action-link-controls .wp-notes-action-link-control{float:left;padding:5px 8px;transition:background-color .2s ease-in}.wp-notes-post-admin-container .wp-notes-action-link-controls .wp-notes-action-link-control:first-child{margin-left:0}.wp-notes-post-admin-container .wp-notes-action-link-controls .wp-notes-action-link-control.checked{background-color:#eee}.wp-notes-post-admin-container .wp-notes-action-link-controls .wp-notes-action-link-control input{position:relative;top:2px}.wp-notes-post-admin-container .wp-notes-link-component-container{background-color:#eee;padding:5px}.wp-notes-post-admin-container .wp-notes-download-components{zoom:1}.wp-notes-cf .wp-notes-post-admin-container .wp-notes-download-components:before,.wp-notes-post-admin-container .wp-notes-download-components:after{content:"";display:table}.wp-notes-post-admin-container .wp-notes-download-components:after{clear:both}.wp-notes-post-admin-container .wp-notes-download-components>a#wp-notes-add-download{float:left;width:20%;box-sizing:border-box;border-radius:3px 0 0 3px;height:30px;display:block;text-align:center}.wp-notes-post-admin-container .wp-notes-download-components>input#WP_Notes_download_link{float:left;width:80%;box-sizing:border-box;margin:0;height:30px;display:block;color:#777}.wp-notes-post-admin-container .wp-notes-plain-link-components input#WP_Notes_plain_link_new_tab{position:relative;left:2px}.wp-notes-post-admin-container #WP_Notes_twitter_chars_remaining{font-weight:bold}.wp-notes-post-admin-container #WP_Notes_twitter_over_limit_text{display:block;color:red}.wp-notes-widget-admin-container{border-bottom:1px solid #ddd;margin-bottom:10px;zoom:1}.wp-notes-cf .wp-notes-widget-admin-container:before,.wp-notes-widget-admin-container:after{content:"";display:table}.wp-notes-widget-admin-container:after{clear:both}.wp-notes-widget-admin-container .wp-notes-widget-admin-left{float:left;width:50%;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.wp-notes-widget-admin-container .wp-notes-widget-admin-right{float:right;padding-left:20px;width:50%;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.wp-notes-widget-admin-container select{display:block}.wp-notes-widget-admin-container .font-style-selection-container label#font-selection-indie-flower-label{font-family:'Indie Flower'}.wp-notes-widget-admin-container .font-style-selection-container label#font-selection-shadows-into-light-label{font-family:'Shadows Into Light'}.wp-notes-widget-admin-container .font-style-selection-container label#font-selection-pacifico-label{font-family:'Pacifico'}.wp-notes-widget-admin-container .font-style-selection-container label#font-selection-kalam-label{font-family:'Kalam'}input.wp-notes-widget-long{max-width:500px;width:100%}.wp-notes-widget-limit-width{max-width:600px}

  • wp-notes-widget/trunk/admin/less/wp-notes-admin.less

    r1095544 r1294301  
    11@import "elements.less";
    2 
     2@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Shadows+Into+Light|Pacifico|Kalam|Amatic+SC');
    33
    44/*============================================================================
    … …  
    236236  }
    237237
     238  .font-style-selection-container {
     239
     240    label#font-selection-indie-flower-label {
     241      font-family: 'Indie Flower';
     242    }
     243
     244    label#font-selection-shadows-into-light-label {
     245      font-family: 'Shadows Into Light';
     246    }
     247
     248    label#font-selection-pacifico-label {
     249      font-family: 'Pacifico';
     250    }
     251
     252    label#font-selection-kalam-label {
     253      font-family: 'Kalam';
     254    }
     255  }
     256
     257
    238258}
    239259

  • wp-notes-widget/trunk/wp-notes-widget.php

    r1095544 r1294301  
    6060
    6161
    62 
    63 
    6462/**
    6563 * Begins execution of the plugin.
Note: See TracChangeset for help on using the changeset viewer.