Changeset 23279

Timestamp:

Jun 17, 2013, 12:55:28 AM (11 years ago)

Author:

mistic100

Message:

clean code

Location:

extensions/SmiliesSupport/template

Files:

• markitup/style.markitup.css (modified) (4 diffs)
• smiliessupport_page.tpl (modified) (3 diffs)

extensions/SmiliesSupport/template/markitup/style.markitup.css

@@ -1 +1 @@
 /* common */
 .markItUp * {
-  margin:0px; padding:0px;
+  margin:0px;
+  padding:0px;
   outline:none;
 }
@@ -41 +42 @@
   display:none;
   position:absolute;
-  top:22px; left:0px;  
+  top:22px;
+  left:0px;  
   background:#FFF;
   border:1px solid #444;
@@ -53 +55 @@
 .markItUpHeader ul a {
   display:block;
-  width:16px; height:16px;
+  width:16px;
+  height:16px;
   text-indent:-10000px;
-  background-position:center center;
-  background-repeat:no-repeat;
   padding:2px;
   border:1px solid transparent;
@@ -71 +72 @@
 /* smiliessupport */
 #smiliesdiv a {
-  width:auto;  height:auto;
+  width:auto;
+  height:auto;
   border:0;
   padding:0;
 }
-#smiliesdiv img {
-  border:1px solid transparent;
-}
-#smiliesdiv img:hover {
-  border-color:#08e;
-}

extensions/SmiliesSupport/template/smiliessupport_page.tpl

@@ -10 +10 @@
 }
 else {
-  jQuery('.markItUpHeader>ul').append('<li class="markItUpSeparator">|</li>');
-  jQuery('.markItUpHeader>ul').css('width', '+=44');
+  jQuery('.markItUpHeader>ul').css('width', '+=22');
 }
 
@@ -21 +20 @@
 });
 
-jQuery('#smiliesdiv a').click(function() {
-  emoticon = jQuery(this).attr("href");
+jQuery('#smiliesdiv img').click(function() {
+  emoticon = jQuery(this).attr("title");
   jQuery.markItUp({ replaceWith:emoticon });
   jQuery('#smiliesdiv').css('display','none');
@@ -30 +29 @@
 
 {html_style}{literal}
-#smiliesdiv table a { width:auto; height:auto; }
-{/literal}{/html_style}
+#SmiliesSupport table img:hover {
+  border:1px solid #08e;
+  margin:-1px;
+  border-radius:2px;
+  cursor:pointer;
+}
+#allsmilies { background-size:contain;
+{/literal}
+background-image:url('{$ROOT_URL}{$REPRESENTANT}'); }
+{/html_style}
 
 <ul style="display:none;">
 <li id="SmiliesSupport" class="markItUpButton markItUpDropMenu">
-  <a id="allsmilies" style="background-image:url('{$ROOT_URL}{$REPRESENTANT}');" title="{'Smilies'|@translate}"></a>
+  <a id="allsmilies" title="{'Smilies'|@translate}"></a>
 
   <ul id="smiliesdiv">
     <li><table><tr>{strip}
     {foreach from=$smiliesfiles item=smileyfile} 
-      <td><a href="{$smileyfile.TITLE}"><img src="{$ROOT_URL}{$smileyfile.PATH}"/></a></td>
+      <td><img src="{$ROOT_URL}{$smileyfile.PATH}" title="{$smileyfile.TITLE}"/></td>
       {$smileyfile.TR}
     {/foreach}