Change logo and menu images to new Iris graphics.

Author: J Beshir

css/qui.mcss

@@ -1,11 +1,12 @@
 bg_topic=408080
 bg_lines=408080
 bg_tabbar=3C7878
+bg_tab_dropdown=418282
 bg_tab_hover=408080
 bg_tab_selected=408080
 bg_menu=408080
 bg_menu_hover=397373
-bg_header=#418282
+bg_header=418282
 bg_nicklist=408080
 bg_chanlist_header=397373
 bg_chanlist_1=408080
@@ -24,6 +25,7 @@ bg_chanlist_border=336666
 bg_lastpositionbar=336666
 fg_default_text=408080
 fg_topic_text=59B3B3
+fg_tabbar_dropdown_text=408080
 fg_tabbar_hilight_text=408080
 fg_sec_title_text=408080
 fg_sec_link_text=408080
@@ -148,9 +150,9 @@ input:not([type]),input[type="text"],input[type="password"] {
 }
 
 .qwebirc-qui .tabbar {
+  margin-left: 27px;
   font-size: 0.8em;
   color: $(fg_sec_tabbar_text);
-  margin-left: 38px;
   line-height: 24px;
 }
 
@@ -269,11 +271,10 @@ div#noscript {
 }
 
 .qwebirc-qui .outertabbar .dropdown-tab {
+  float: left;
+  width: 24px;
   cursor: pointer;
   cursor: hand;
-  float: left;
-  padding: 4px;
-  width: 30px;
 }
 
 .qwebirc-qui .dropdownmenu {

iris.png

@@ -21,8 +21,7 @@ qwebirc.ui.QUI = new Class({
 
     this.outerTabs = this.qjsui.top;
 
-    this.tabs = new Element("div");
-    this.tabs.addClass("tabbar");
+    this.tabs = new Element("div", { "class":"tabbar" });
 
     this.__createDropdownMenu();
 
@@ -88,18 +87,11 @@ qwebirc.ui.QUI = new Class({
       e.set("text", x.text);
       dropdownMenu.appendChild(e);
     }.bind(this));
-    
+
     var dropdown = new Element("div");
     dropdown.addClass("dropdown-tab");
-    dropdown.appendChild(new Element("img", {src: this.session.config.frontend.static_base_url + "images/icon.png", title: "menu", alt: "menu"}));
-    dropdown.setStyle("opacity", 1);
+    dropdown.appendChild(new Element("img", {src: this.session.config.frontend.static_base_url + "images/menu.png", title: "menu", alt: "menu"})); 
 
-    var dropdownEffect = new Fx.Tween(dropdown, {duration: "long", property: "opacity", link: "chain"});
-    dropdownEffect.start(0.25);
-    dropdownEffect.start(1);
-    dropdownEffect.start(0.33);
-    dropdownEffect.start(1);
-    
     this.outerTabs.appendChild(dropdown);
     dropdownMenu.show = function(x) {
       new Event(x).stop();
@@ -120,31 +112,6 @@ qwebirc.ui.QUI = new Class({
     dropdown.addEvent("mousedown", function(e) { new Event(e).stop(); });
     dropdown.addEvent("click", dropdownMenu.show);
   },
-  __createDropdownHint: function() {
-    var dropdownhint = new Element("div");
-    dropdownhint.addClass("dropdownhint");
-    dropdownhint.set("text", "Click the icon for the main menu.");
-    dropdownhint.setStyle("top", this.outerTabs.getSize().y + 5);
-
-    this.parentElement.appendChild(dropdownhint);
-    new Fx.Morph(dropdownhint, {duration: "normal", transition: Fx.Transitions.Sine.easeOut}).start({left: [900, 5]});
-    
-    var hider = function() {
-      new Fx.Morph(dropdownhint, {duration: "long"}).start({left: [5, -900]});
-    }.delay(4000, this);
-    
-    var hider2 = function() {
-      if(dropdownhint.hidden)
-        return;
-      this.parentElement.removeChild(dropdownhint);
-      dropdownhint.hidden = 1;
-    }.bind(this);
-    hider2.delay(4000);
-    this.hideHint = hider2;
-    
-    document.addEvent("mousedown", hider2);
-    document.addEvent("keypress", hider2);
-  },
   createInput: function() {
     var form = new Element("form");
     this.input.appendChild(form);

js/ui/frontends/qui.js

@@ -10,9 +10,9 @@
 <div class="header"> 
   <table> 
     <tr> 
-      <td><img src="/images/qwebircsmall.png" alt="qwebirc" title="qwebirc"/></td> 
+      <td><img src="/images/iris.png" alt="Iris" title="Iris"/></td> 
       <td>&nbsp;&nbsp;&nbsp;&nbsp;</td> 
-      <td align="center"><div class="title">qwebirc</div><div class="version">AdminEngine</div></td> 
+      <td align="center"><div class="title">Iris</div><div class="version">AdminEngine</div></td>
     </tr> 
   </table> 
 </div> 

qwebirc.pdn

@@ -1,6 +1,13 @@
 <div class="header">
- <h1>Iris</h1>
- <h2>Pre-Alpha Release - <span class="version" /></h2>
+ <table>
+  <td class="aboutlogo" style="padding-right: 1em;">
+   <img src="/images/iris.png" alt="Iris">
+  </td>
+  <td>
+   <h1>Iris</h1>
+   <h2><span class="version" /></h2>
+  </td>
+ </table>
 </div>
 
 <p class="copyright">
@@ -22,7 +29,7 @@ <h2>Pre-Alpha Release - <span class="version" /></h2>
       MooTools v1.2 -- <a href="http://mootools.net/" target="new">http://mootools.net/</a><br/>
       Copyright &copy; 2006-2008 Valerio Proietti, MIT license.
     </li>
-    <li>qwebirc icon -- <a href="http://meeb.org/" target="new">http://meeb.org/</a></li>
+    <li>Iris icons -- Justin Sidwell</li>
     <li>
       SoundManager 2 -- <a href="http://www.schillmania.com/projects/soundmanager2/" target="new">http://www.schillmania.com/projects/soundmanager2/</a><br/>
       Copyright &copy; 2007 Scott Schiller (schillmania.com), BSD license.