Changeset 23278


Ignore:
Timestamp:
Jun 17, 2013, 12:52:14 AM (11 years ago)
Author:
mistic100
Message:

use sprites, update admin page

Location:
extensions/bbcode_bar
Files:
1 added
16 deleted
5 edited

Legend:

Unmodified
Added
Removed

  • extensions/bbcode_bar/bbcode_bar.inc.php

    r23203 r23278  
    2626    array('ol','ul'),
    2727    array('img','url','email'),
    28     array('size','color','smilies'),
     28    array('size','color'),
     29    array('smilies'),
    2930    );
    3031   

  • extensions/bbcode_bar/main.inc.php

    r20796 r23278  
    44Version: auto
    55Description: Allow use BBCode for comments and descriptions.
    6 Plugin URI: http://piwigo.org/ext/extension_view.php?eid=140
     6Plugin URI: auto
    77Author: Atadilo & P@t & Mistic
    88*/

  • extensions/bbcode_bar/template/bbcode_bar.tpl

    r23203 r23278  
    77    {counter start=0 print=false assign=bbc_counter}
    88   
    9     {if $BBC.b}{counter}{ldelim}name:'{'Bold : [b]bold[/b]'|@translate}', key:'B', openWith:'[b]', closeWith:'[/b]', className:'markItUpBold'},{/if}
    10     {if $BBC.i}{counter}{ldelim}name:'{'Italic : [i]italic[/i]'|@translate}', key:'I', openWith:'[i]', closeWith:'[/i]', className:'markItUpItalic'},{/if}
    11     {if $BBC.u}{counter}{ldelim}name:'{'Underline : [u]underline[/u]'|@translate}', key:'U', openWith:'[u]', closeWith:'[/u]', className:'markItUpUnderline'},{/if}
    12     {if $BBC.s}{counter}{ldelim}name:'{'Striped  : [s]striped[/s]'|@translate}', key:'S', openWith:'[s]', closeWith:'[/s]', className:'markItUpStroke'},{/if}
     9    {if $BBC.b}{counter}{ldelim}name:'{'Bold : [b]bold[/b]'|@translate}', key:'B', openWith:'[b]', closeWith:'[/b]', className:'miuIcon miuBold'},{/if}
     10    {if $BBC.i}{counter}{ldelim}name:'{'Italic : [i]italic[/i]'|@translate}', key:'I', openWith:'[i]', closeWith:'[/i]', className:'miuIcon miuItalic'},{/if}
     11    {if $BBC.u}{counter}{ldelim}name:'{'Underline : [u]underline[/u]'|@translate}', key:'U', openWith:'[u]', closeWith:'[/u]', className:'miuIcon miuUnderline'},{/if}
     12    {if $BBC.s}{counter}{ldelim}name:'{'Striped  : [s]striped[/s]'|@translate}', key:'S', openWith:'[s]', closeWith:'[/s]', className:'miuIcon miuStroke'},{/if}
    1313   
    1414    {if $SEP[0]}{counter}{ldelim}separator:'|'},{/if}
    1515   
    16     {if $BBC.p}{counter}{ldelim}name:'{'Paragraph : [p]Paragraph[/p]'|@translate}', openWith:'[p]', closeWith:'[/p]', className:'markItUpParagraph'},{/if}
    17     {if $BBC.center}{counter}{ldelim}name:'{'Center : [center]center[/center]'|@translate}', openWith:'[center]', closeWith:'[/center]', className:'markItUpCenter'},{/if}
    18     {if $BBC.right}{counter}{ldelim}name:'{'Right : [right]right[/right]'|@translate}', openWith:'[right]', closeWith:'[/right]', className:'markItUpRight'},{/if}
    19     {if $BBC.quote}{counter}{ldelim}name:'{'Quote : [quote]quote[/quote]'|@translate}', openWith:'[quote]', closeWith:'[/quote]', className:'markItUpQuote'},{/if}
     16    {if $BBC.p}{counter}{ldelim}name:'{'Paragraph : [p]Paragraph[/p]'|@translate}', openWith:'[p]', closeWith:'[/p]', className:'miuIcon miuParagraph'},{/if}
     17    {if $BBC.center}{counter}{ldelim}name:'{'Center : [center]center[/center]'|@translate}', openWith:'[center]', closeWith:'[/center]', className:'miuIcon miuCenter'},{/if}
     18    {if $BBC.right}{counter}{ldelim}name:'{'Right : [right]right[/right]'|@translate}', openWith:'[right]', closeWith:'[/right]', className:'miuIcon miuRight'},{/if}
     19    {if $BBC.quote}{counter}{ldelim}name:'{'Quote : [quote]quote[/quote]'|@translate}', openWith:'[quote]', closeWith:'[/quote]', className:'miuIcon miuQuote'},{/if}
    2020   
    2121    {if $SEP[1]}{counter}{ldelim}separator:'|'},{/if}
    2222   
    23     {if $BBC.ul}{counter}{ldelim}name:'{'Unordered list : [ul][li]element[/li][/ul]'|@translate}', openWith:'[ul]\n', closeWith:'\n[/ul]', className:'markItUpListUL'},{/if}
    24     {if $BBC.ol}{counter}{ldelim}name:'{'Ordered list : [ol][li]element[/li][/ol]'|@translate}', openWith:'[ol]\n', closeWith:'\n[/ol]', className:'markItUpListOL'},{/if}
    25     {if $BBC.ul OR $BBC.ol}{counter}{ldelim}name:'{'List element : [li]element[/li]'|@translate}', multiline:true, openWith:'[li]', closeWith:'[/li]', className:'markItUpListLI'},{/if}
     23    {if $BBC.ul}{counter}{ldelim}name:'{'Unordered list : [ul][li]element[/li][/ul]'|@translate}', openWith:'[ul]\n', closeWith:'\n[/ul]', className:'miuIcon miuListUL'},{/if}
     24    {if $BBC.ol}{counter}{ldelim}name:'{'Ordered list : [ol][li]element[/li][/ol]'|@translate}', openWith:'[ol]\n', closeWith:'\n[/ol]', className:'miuIcon miuListOL'},{/if}
     25    {if $BBC.ul OR $BBC.ol}{counter}{ldelim}name:'{'List element : [li]element[/li]'|@translate}', multiline:true, openWith:'[li]', closeWith:'[/li]', className:'miuIcon miuListLI'},{/if}
    2626   
    2727    {if $SEP[2]}{counter}{ldelim}separator:'|' },{/if}
    2828   
    29     {if $BBC.img}{counter}{ldelim}name:'{'Picture : [img]picture[/img]'|@translate}', key:'P', replaceWith:'[img][![Source:!:http://]!][/img]', className:'markItUpPicture'},{/if}
    30     {if $BBC.url}{counter}{ldelim}name:'{'URL : [url=URL]Title[/url]'|@translate}', key:'L', openWith:'[url=[![Url:!:http://]!]]', closeWith:'[/url]', className:'markItUpLink'},{/if}
    31     {if $BBC.email}{counter}{ldelim}name:'{'E-mail : [email]Email[/email]'|@translate}', key:'M', replaceWith:'[email][![Mail]!][/email]', className:'markItUpMail'},{/if}
     29    {if $BBC.img}{counter}{ldelim}name:'{'Picture : [img]picture[/img]'|@translate}', key:'P', replaceWith:'[img][![Source:!:http://]!][/img]', className:'miuIcon miuPicture'},{/if}
     30    {if $BBC.url}{counter}{ldelim}name:'{'URL : [url=URL]Title[/url]'|@translate}', key:'L', openWith:'[url=[![Url:!:http://]!]]', closeWith:'[/url]', className:'miuIcon miuLink'},{/if}
     31    {if $BBC.email}{counter}{ldelim}name:'{'E-mail : [email]Email[/email]'|@translate}', key:'M', replaceWith:'[email][![Mail]!][/email]', className:'miuIcon miuMail'},{/if}
    3232   
    3333    {if $SEP[3]}{counter}{ldelim}separator:'|'},{/if}
    3434   
    3535    {if $BBC.size}{counter}
    36     {ldelim}name:'{'Font size : [size=X]text[/size]'|@translate}', className:'markItUpSize',
     36    {ldelim}name:'{'Font size : [size=X]text[/size]'|@translate}', className:'miuIcon miuSize',
    3737      dropMenu :[
    38         {ldelim}name:'{'tiny'|@translate}', openWith:'[size=7]', closeWith:'[/size]' },
    39         {ldelim}name:'{'small'|@translate}', openWith:'[size=9]', closeWith:'[/size]' },
    40         {ldelim}name:'{'normal'|@translate}', openWith:'[size=12]', closeWith:'[/size]' },
    41         {ldelim}name:'{'large'|@translate}', openWith:'[size=18]', closeWith:'[/size]' },
    42         {ldelim}name:'{'huge'|@translate}', openWith:'[size=24]', closeWith:'[/size]' },
     38        {ldelim}name:'{'tiny'|@translate}', openWith:'[size=7]', closeWith:'[/size]', className:'miuSizeTiny' },
     39        {ldelim}name:'{'small'|@translate}', openWith:'[size=9]', closeWith:'[/size]', className:'miuSizeSmall' },
     40        {ldelim}name:'{'normal'|@translate}', openWith:'[size=12]', closeWith:'[/size]', className:'miuSizeNormal' },
     41        {ldelim}name:'{'large'|@translate}', openWith:'[size=18]', closeWith:'[/size]', className:'miuSizeLarge' },
     42        {ldelim}name:'{'huge'|@translate}', openWith:'[size=24]', closeWith:'[/size]', className:'miuSizeHuge' },
    4343      ]
    4444    },
    4545    {/if}
    4646    {if $BBC.color}{counter}
    47     {ldelim}name:'{'Font color : [color=color]text[/color]'|@translate}', className:'markItUpColors', openWith:'[color=[![Color]!]]', closeWith:'[/color]',
     47    {ldelim}name:'{'Font color : [color=color]text[/color]'|@translate}', className:'miuIcon miuColors', openWith:'[color=[![Color]!]]', closeWith:'[/color]',
    4848      dropMenu: [
    4949        {ldelim}name:'{'Yellow'|@translate}', openWith:'[color=yellow]', closeWith:'[/color]', className:"col1-1" },
    … …  
    6161    },
    6262    {/if}
     63   
     64    {if $SEP[4]}{counter}{ldelim}separator:'|'},{/if}
    6365  ]
    6466};{/strip}

  • extensions/bbcode_bar/template/bbcode_bar_admin.tpl

    r14525 r23278  
    1 {html_head}{literal}
    2 <style type="text/css">
    3   form.properties span.property {
    4     width:55%;
    5     font-weight:normal;
    6   }
    7 </style>
    8 {/literal}{/html_head}
     1{html_style}{literal}
     2.miuIcon a {
     3  display:inline-block;
     4  width:16px;
     5  height:16px;
     6  padding:2px;
     7  text-decoration:none;
     8  background-color:rgba(241,241,241,0.9);
     9  border-radius:2px;
     10}
     11{/literal}{/html_style}
     12
     13{combine_css path=$BBCODE_PATH|@cat:"template/markitup/style.markitup.css"}
    914
    1015<div class="titrePage">
    … …  
    1520  <fieldset>
    1621    <legend>{'Available options'|@translate}</legend>
    17     <ul>
    18       <li>
    19         <label><span class="property">{'Bold : [b]bold[/b]'|@translate}</span>
    20         <input type="checkbox" name="b" {$B_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/bold.png"></label>
    21       </li>
    22       <li>
    23         <label><span class="property">{'Italic : [i]italic[/i]'|@translate}</span>
    24         <input type="checkbox" name="i" {$I_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/italic.png"></label>
    25       </li>
    26       <li>
    27         <label><span class="property">{'Underline : [u]underline[/u]'|@translate}</span>
    28         <input type="checkbox" name="u" {$U_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/underline.png"></label>
    29       </li>     
    30       <li>
    31         <label><span class="property">{'Striped  : [s]striped[/s]'|@translate}</span>
    32         <input type="checkbox" name="s" {$S_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/stroke.png"></label>
    33       </li>
    34       <li>
    35         <label><span class="property">{'Paragraph : [p]Paragraph[/p]'|@translate}</span>
    36         <input type="checkbox" name="p" {$P_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/p.png"></label>
    37       </li>
    38       <li>
    39         <label><span class="property">{'Center : [center]center[/center]'|@translate}</span>
    40         <input type="checkbox" name="center" {$CENTER_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/center.png"></label>
    41       </li>
    42       <li>
    43         <label><span class="property">{'Right : [right]right[/right]'|@translate}</span>
    44         <input type="checkbox" name="right" {$RIGHT_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/right.png"></label>
    45       </li>
    46       <li>
    47         <label><span class="property">{'Quote : [quote]quote[/quote]'|@translate}</span>
    48         <input type="checkbox" name="quote" {$QUOTE_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/quote.png"></label>
    49       </li>
    50       <li>
    51         <label><span class="property">{'Unordered list : [ul][li]element[/li][/ul]'|@translate}</span>
    52         <input type="checkbox" name="ul" {$UL_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/list-bullet.png"></label>
    53       </li>
    54       <li>
    55         <label><span class="property">{'Ordered list : [ol][li]element[/li][/ol]'|@translate}</span>
    56         <input type="checkbox" name="ol" {$OL_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/list-numeric.png"></label>
    57       </li>
    58       <li>
    59         <label><span class="property">{'Picture : [img]picture[/img]'|@translate}</span>
    60         <input type="checkbox" name="img" {$IMG_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/picture.png"></label>
    61       </li>
    62       <li>
    63         <label><span class="property">{'URL : [url=URL]Title[/url]'|@translate}</span>
    64         <input type="checkbox" name="url" {$URL_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/link.png"></label>
    65       </li>
    66       <li>
    67         <label><span class="property">{'E-mail : [email]Email[/email]'|@translate}</span>
    68         <input type="checkbox" name="email" {$EMAIL_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/mail.png"></label>
    69       </li>
    70       <li>
    71         <label><span class="property">{'Font size : [size=X]text[/size]'|@translate}</span>
    72         <input type="checkbox" name="size" {$SIZE_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/fonts.png"></label>
    73       </li>
    74       <li>
    75         <label><span class="property">{'Font color : [color=color]text[/color]'|@translate}</span>
    76         <input type="checkbox" name="color" {$COLOR_STATUS} value="1"/> <img src="{$BBCODE_PATH}template/markitup/images/colors.png"></label>
    77       </li>
     22    <ul class="markItUp">
     23      <li><label>
     24        <span class="miuIcon miuBold"><a>&nbsp;</a></span>
     25        <input type="checkbox" name="b" {$B_STATUS} value="1"/>
     26        {'Bold : [b]bold[/b]'|@translate}
     27      </label></li>
     28      <li><label>
     29        <span class="miuIcon miuItalic"><a>&nbsp;</a></span>
     30        <input type="checkbox" name="i" {$I_STATUS} value="1"/>
     31        {'Italic : [i]italic[/i]'|@translate}
     32      </label></li>
     33      <li><label>
     34        <span class="miuIcon miuUnderline"><a>&nbsp;</a></span>
     35        <input type="checkbox" name="u" {$U_STATUS} value="1"/>
     36        {'Underline : [u]underline[/u]'|@translate}
     37      </label></li>     
     38      <li><label>
     39        <span class="miuIcon miuStroke"><a>&nbsp;</a></span>
     40        <input type="checkbox" name="s" {$S_STATUS} value="1"/>
     41        {'Striped  : [s]striped[/s]'|@translate}
     42      </label></li>
     43      <li><label>
     44        <span class="miuIcon miuParagraph"><a>&nbsp;</a></span>
     45        <input type="checkbox" name="p" {$P_STATUS} value="1"/>
     46        {'Paragraph : [p]Paragraph[/p]'|@translate}
     47      </label></li>
     48      <li><label>
     49        <span class="miuIcon miuCenter"><a>&nbsp;</a></span>
     50        <input type="checkbox" name="center" {$CENTER_STATUS} value="1"/>
     51        {'Center : [center]center[/center]'|@translate}
     52      </label></li>
     53      <li><label>
     54        <span class="miuIcon miuRight"><a>&nbsp;</a></span>
     55        <input type="checkbox" name="right" {$RIGHT_STATUS} value="1"/>
     56        {'Right : [right]right[/right]'|@translate}
     57      </label></li>
     58      <li><label>
     59        <span class="miuIcon miuQuote"><a>&nbsp;</a></span>
     60        <input type="checkbox" name="quote" {$QUOTE_STATUS} value="1"/>
     61        {'Quote : [quote]quote[/quote]'|@translate}
     62      </label></li>
     63      <li><label>
     64        <span class="miuIcon miuListUL"><a>&nbsp;</a></span>
     65        <input type="checkbox" name="ul" {$UL_STATUS} value="1"/>
     66        {'Unordered list : [ul][li]element[/li][/ul]'|@translate}
     67      </label></li>
     68      <li><label>
     69        <span class="miuIcon miuListOL"><a>&nbsp;</a></span>
     70        <input type="checkbox" name="ol" {$OL_STATUS} value="1"/>
     71        {'Ordered list : [ol][li]element[/li][/ol]'|@translate}
     72      </label></li>
     73      <li><label>
     74        <span class="miuIcon miuPicture"><a>&nbsp;</a></span>
     75        <input type="checkbox" name="img" {$IMG_STATUS} value="1"/>
     76        {'Picture : [img]picture[/img]'|@translate}
     77      </label></li>
     78      <li><label>
     79        <span class="miuIcon miuLink"><a>&nbsp;</a></span>
     80        <input type="checkbox" name="url" {$URL_STATUS} value="1"/>
     81        {'URL : [url=URL]Title[/url]'|@translate}
     82      </label></li>
     83      <li><label>
     84        <span class="miuIcon miuMail"><a>&nbsp;</a></span>
     85        <input type="checkbox" name="email" {$EMAIL_STATUS} value="1"/>
     86        {'E-mail : [email]Email[/email]'|@translate}
     87      </label></li>
     88      <li><label>
     89        <span class="miuIcon miuSize"><a>&nbsp;</a></span>
     90        <input type="checkbox" name="size" {$SIZE_STATUS} value="1"/>
     91        {'Font size : [size=X]text[/size]'|@translate}
     92      </label></li>
     93      <li><label>
     94        <span class="miuIcon miuColors"><a>&nbsp;</a></span>
     95        <input type="checkbox" name="color" {$COLOR_STATUS} value="1"/>
     96        {'Font color : [color=color]text[/color]'|@translate}
     97      </label></li>
    7898    </ul>
    7999  </fieldset>
    80100 
    81   <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"/></p>
     101  <p class="formButtons"><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"/></p>
    82102</form>

  • extensions/bbcode_bar/template/markitup/style.markitup.css

    r15998 r23278  
    11/* common */
    22.markItUp * {
    3   margin:0px; padding:0px;
     3  margin:0px;
     4  padding:0px;
    45  outline:none;
    56}
    … …  
    4647}
    4748.markItUpHeader ul .markItUpDropMenu {
    48   background:transparent url(images/menu.png) no-repeat 120% 100%;
     49  background:transparent url('images/menu.png') no-repeat 120% 100%;
    4950  margin-right:5px;
    5051}
    … …  
    6263  margin:0px;
    6364}
    64 .markItUpHeader ul .markItUpSize li {
    65   border-bottom:1px solid #444;
    66   border-radius:2px;
    67 }
    6865.markItUpHeader ul .markItUpSeparator {
    6966  margin:2px 10px !important;
    … …  
    7774.markItUpHeader ul a {
    7875  display:block;
    79   width:16px; height:16px;
     76  width:16px;
     77  height:16px;
    8078  text-indent:-10000px;
    81   background-position:center center;
    82   background-repeat:no-repeat;
    8379  padding:2px;
    8480  border:1px solid transparent;
    … …  
    9288  border:0;
    9389}
    94 .markItUpHeader ul .markItUpSize li a {
    95   width:90px;
    96   padding:2px 5px 2px 25px;
    97   background-position:2px 50%;
    98 }
    99 .markItUpHeader ul ul a:hover  {
    100 }
    101 .markItUpHeader ul .markItUpSize li a:hover  {
    102   color:#FFF;
    103   background-color:#000;
    104 }
    10590
    10691/* icons definitions */
    107 .markItUp .markItUpBold a {
    108   background-image:url(images/bold.png);
    109 }
    110 .markItUp .markItUpItalic a {
    111   background-image:url(images/italic.png);
    112 }
    113 .markItUp .markItUpUnderline a {
    114   background-image:url(images/underline.png);
    115 }
    116 .markItUp .markItUpStroke a {
    117   background-image:url(images/stroke.png);
    118 }
    119 
    120 .markItUp .markItUpParagraph a {
    121   background-image:url(images/p.png);
    122 }
    123 .markItUp .markItUpCenter a {
    124   background-image:url(images/center.png);
    125 }
    126 .markItUp .markItUpRight a {
    127   background-image:url(images/right.png);
    128 }
    129 
    130 .markItUp .markItUpListUL a {
    131   background-image:url(images/list-bullet.png);
    132 }
    133 .markItUp .markItUpListOL a {
    134   background-image:url(images/list-numeric.png);
    135 }
    136 .markItUp .markItUpListLI a {
    137   background-image:url(images/list-item.png);
    138 }
    139 
    140 .markItUp .markItUpPicture a  {
    141   background-image:url(images/picture.png);
    142 }
    143 .markItUp .markItUpLink a {
    144   background-image:url(images/link.png);
    145 }
    146 .markItUp .markItUpMail a {
    147   background-image:url(images/mail.png);
    148 }
    149 .markItUp .markItUpQuote a {
    150   background-image:url(images/quote.png);
    151 }
    152 
    153 .markItUp .markItUpSize a {
    154   background-image:url(images/fonts.png);
    155 }
    156 .markItUp .preview a {
    157   background-image:url(images/preview.png);
    158 }
     92.miuIcon>a {
     93  background:url('images/icons.png') 20px 20px no-repeat;
     94}
     95
     96.miuBold>a {
     97  background-position:0px 0px;
     98}
     99.markItUp .miuItalic>a {
     100  background-position:-20px 0px;
     101}
     102.markItUp .miuUnderline>a {
     103  background-position:-40px 0px;
     104}
     105.markItUp .miuStroke>a {
     106  background-position:-60px 0px;
     107}
     108
     109.markItUp .miuParagraph>a {
     110  background-position:0px -20px;
     111}
     112.markItUp .miuCenter>a {
     113  background-position:-20px -20px;
     114}
     115.markItUp .miuRight>a {
     116  background-position:-40px -20px;
     117}
     118
     119.markItUp .miuListUL>a {
     120  background-position:0px -40px;
     121}
     122.markItUp .miuListOL>a {
     123  background-position:-20px -40px;
     124}
     125.markItUp .miuListLI>a {
     126  background-position:-40px -40px;
     127}
     128
     129.markItUp .miuPicture>a  {
     130  background-position:0px -60px;
     131}
     132.markItUp .miuLink>a {
     133  background-position:-20px -60px;
     134}
     135.markItUp .miuMail>a {
     136  background-position:-40px -60px;
     137}
     138.markItUp .miuQuote>a {
     139  background-position:-60px -20px;
     140}
     141
     142/* sizes */
     143.markItUp .miuSize>a {
     144  background-position:-60px -40px;
     145}
     146  .markItUpHeader ul .miuSize li {
     147    border-bottom:1px solid #444;
     148    border-radius:2px;
     149  }
     150  .markItUpHeader ul .miuSize li a {
     151    width:auto;
     152    padding:2px 5px;
     153    background-position:2px 50%;
     154    height:auto;
     155  }
     156  .markItUpHeader ul .miuSize li a:hover  {
     157    color:#FFF;
     158    background-color:#000;
     159  }
     160  .markItUp .miuSizeTiny {
     161    font-size:7px;
     162  }
     163  .markItUp .miuSizeSmall {
     164    font-size:9px;
     165  }
     166  .markItUp .miuSizeNormal {
     167    font-size:12px;
     168  }
     169  .markItUp .miuSizeLarge {
     170    font-size:18px;
     171  }
     172  .markItUp .miuSizeHuge {
     173    white-space:nowrap;
     174    font-size:24px;
     175  }
    159176
    160177/* colors */
    161 .markItUp .markItUpColors a {
    162   background-image:url(images/colors.png);
    163 }
    164   .markItUp .markItUpColors ul {
     178.markItUp .miuColors>a {
     179  background-position:-60px -60px;
     180}
     181  .markItUp .miuColors ul {
    165182    width:81px;
    166183    padding:1px; 
    167184  }
    168   .markItUp .markItUpColors  li {
     185  .markItUp .miuColors  li {
    169186    border:1px solid white;
    170     width:25px;  height:25px;
     187    width:25px;
     188    height:25px;
    171189    overflow:hidden;
    172     padding:0px; margin:0px;
     190    padding:0px;
     191    margin:0px;
    173192    float:left;
    174193    border-radius:2px;
    175194  }
    176   .markItUp .markItUpColors ul a {
    177     width:25px;  height:25px;
    178     color:transparent;
    179   }
    180   .markItUp .markItUpColors li:hover {
    181     background-color:none;
     195  .markItUp .miuColors ul a {
     196    width:25px;
     197    height:25px;
     198    text-indent:-10000px;
     199  }
     200  .markItUp .miuColors li:hover {
    182201    border:1px solid #08e;
    183202  }
    184203 
    185   .markItUp .markItUpColors .col1-1 a { background:yellow; }
    186   .markItUp .markItUpColors .col1-2 a { background:orange; }
    187   .markItUp .markItUpColors .col1-3 a { background:red; }
     204  .markItUp .miuColors .col1-1 a { background:yellow; }
     205  .markItUp .miuColors .col1-2 a { background:orange; }
     206  .markItUp .miuColors .col1-3 a { background:red; }
    188207 
    189   .markItUp .markItUpColors .col2-1 a { background:blue; }
    190   .markItUp .markItUpColors .col2-2 a { background:purple; }
    191   .markItUp .markItUpColors .col2-3 a { background:green; }
     208  .markItUp .miuColors .col2-1 a { background:blue; }
     209  .markItUp .miuColors .col2-2 a { background:purple; }
     210  .markItUp .miuColors .col2-3 a { background:green; }
    192211 
    193   .markItUp .markItUpColors .col3-1 a { background:white; }
    194   .markItUp .markItUpColors .col3-2 a { background:gray; }
    195   .markItUp .markItUpColors .col3-3 a { background:black; }
     212  .markItUp .miuColors .col3-1 a { background:white; }
     213  .markItUp .miuColors .col3-2 a { background:gray; }
     214  .markItUp .miuColors .col3-3 a { background:black; }
Note: See TracChangeset for help on using the changeset viewer.