]> git.mjollnir.org Git - moodle.git/commitdiff
Style improvements to popups
authorjulmis <julmis>
Mon, 3 Nov 2003 23:01:13 +0000 (23:01 +0000)
committerjulmis <julmis>
Mon, 3 Nov 2003 23:01:13 +0000 (23:01 +0000)
lib/editor/popups/dlg_ins_char.php
lib/editor/popups/dlg_ins_smile.php

index 607f4b0bf5d0a19b761ca845eb230ed92f5890e8..3572a4c880320ab13db7335536d23787147741a1 100644 (file)
        include("../../../config.php");
 ?>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
-<html style="height:270px;">
+<html style="height: 270px;">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <style type="text/css">
 body {
-background-color: buttonface;
+  background: ButtonFace;
+  color: ButtonText;
+  font: 11px Tahoma,Verdana,sans-serif;
+  margin: 0px;
+  padding: 0px;
 }
-td.hover {
-background-color : Fuchsia;
+body { padding: 5px; }
+table {
+  font: 11px Tahoma,Verdana,sans-serif;
 }
-.description {
-font-family: "MS Sans-Serif", sans-serif;
-font-size: x-small;
+form p {
+  margin-top: 5px;
+  margin-bottom: 5px;
 }
-.dlg td {
-align: left;
-height: 20;
+
+select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
+button { width: 70px; }
+.space { padding: 2px; }
+
+.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px;
+border-bottom: 1px solid black; letter-spacing: 2px;
 }
-.dlg input {
-border-top: 1px solid white;
-border-left: 1px solid white;
-border-bottom: 1px solid black;
-border-right: 1px solid black;
-font-size: xx-small;
-width: 60; 
+form { padding: 0px; margin: 0px; }
+.chr {
+background-color: transparent;
+border: 1px solid #dcdcdc;
+font-family: "Times New Roman", times;
+font-size: small;
 }
 </style>
 <script type="text/javascript" src="popup.js"></script>
@@ -84,17 +92,17 @@ function Init() {
 var chars = ["!","&quot;","#","$","%","&","'","(",")","*","+","-",".","/","0","1","2","3","4","5","6","7","8","9",":",";","&lt;","=","&gt;","?","@","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","[","]","^","_","`","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","{","|","}","~","&euro;","\83","\84","\85","\86","\87","\88","\\89","\8a","\8b","\8c","&lsquo;","&rsquo;","&rsquo;","&ldquo;","&rdquo;","\95","&ndash;","&mdash;","\98","\99","\9a","\9b","\9c","\9f","&iexcl;","&cent;","&pound;","&pound;","&curren;","&yen;","&brvbar;","&sect;","&uml;","&copy;","&ordf;","&laquo;","&not;","­","&reg;","&macr;","&deg;","&plusmn;","&sup2;","&sup3;","&acute;","&micro;","&para;","&middot;","&cedil;","&sup1;","&ordm;","&raquo;","&frac14;","&frac12;","&frac34;","&iquest;","&Agrave;","&Aacute;","&Acirc;","&Atilde;","&Auml;","&Aring;","&AElig;","&Ccedil;","&Egrave;","&Eacute;","&Ecirc;","&Euml;","&Igrave;","&Iacute;","&Icirc;","&Iuml;","&ETH;","&Ntilde;","&Ograve;","&Oacute;","&Ocirc;","&Otilde;","&Ouml;","&times;","&Oslash;","&Ugrave;","&Uacute;","&Ucirc;","&Uuml;","&Yacute;","&THORN;","&szlig;","&agrave;","&aacute;","&acirc;","&atilde;","&auml;","&aring;","&aelig;","&ccedil;","&egrave;","&eacute;","&ecirc;","&euml;","&igrave;","&iacute;","&icirc;","&iuml;","&eth;","&ntilde;","&ograve;","&oacute;","&ocirc;","&otilde;","&ouml;","&divide;","&oslash;","&ugrave;","&uacute;","&ucirc;","&uuml;","&uuml;","&yacute;","&thorn;","&yuml;"]
 
 function tab(w,h) {
-       var strtab = ["<TABLE border='1' cellspacing='0' cellpadding='0' align='center' bordercolor='#dcdcdc' bgcolor='#C0C0C0'>"]
+       var strtab = ["<table border='0' cellspacing='0' cellpadding='0' align='center' bordercolor='#dcdcdc' bgcolor='#C0C0C0'>"]
        var k = 0;
        for(var i = 0; i < w; i++) {
-               strtab[strtab.length] = "<TR>";
+               strtab[strtab.length] = "<tr>";
                for(var j = 0; j < h; j++) {
-                       strtab[strtab.length] = "<TD width='14' align='center' onClick='getchar(this)' onMouseOver='hover(this,true)' onMouseOut='hover(this,false)'>"+(chars[k]||'')+"</TD>";
+                       strtab[strtab.length] = "<td class='chr' width='14' align='center' onClick='getchar(this)' onMouseOver='hover(this,true)' onMouseOut='hover(this,false)'>"+(chars[k]||'')+"</td>";
                        k++;
                }
-               strtab[strtab.length]="</TR>";
+               strtab[strtab.length]="</tr>";
        }
-       strtab[strtab.length] = "</TABLE>";
+       strtab[strtab.length] = "</table>";
        return strtab.join("\n");
 }
 
@@ -123,7 +131,7 @@ function cancel() {
 </head>
 <body onload="Init()">
 <table class="dlg" cellpadding="0" cellspacing="2">
-<tr><td><table width="100%"><tr><td class="description" nowrap><?php print_string("choosechar","editor") ?></td><td valign="middle" width="100%"><hr width="100%"></td></tr></table></td></tr>
+<tr><td><table width="100%"><tr><td class="title" nowrap><?php print_string("choosechar","editor") ?></td></tr></table></td></tr>
 <tr>
 <td>
     <table border="0" align="center" cellpadding="5">
@@ -143,7 +151,7 @@ function cancel() {
   </tr>
 <tr><td><table width="100%"><tr><td valign="middle" width="90%"><hr width="100%"></td></tr></table></td></tr>
 <tr><td align="right">
-       <input type="button" value="<?php print_string("close","editor") ?>" onclick="cancel()"></td></tr>
+       <button type="button" onclick="cancel()"><?php print_string("close","editor") ?></button></td></tr>
 </table>
 </body>
 </body>
index 5b8bd525692dbce0673a0caf2498325ff11539ee..b3fc6ab69a89c1f0cde28b861a7f0fa2b00363b1 100644 (file)
@@ -48,7 +48,7 @@
        include("../../../config.php"); 
        $pix = $CFG->wwwroot . "/pix/s";        
 ?>
-<html style="width: 300px; height: 350px;">
+<html style="width: 320px; height: 350px;">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <meta name=vs_targetSchema content="HTML 4.0">
@@ -88,7 +88,7 @@ function cancel() {
 </head>
 <body onload="Init()">
 <table class="dlg" cellpadding="0" cellspacing="2" width="100%" height="100%">
-<tr><td><table width="100%"><tr><td nowrap><?php print_string("chooseicon","editor") ?></td><td valign="middle" width="100%"><hr width="100%"></td></tr></table></td></tr>
+<tr><td><table width="100%"><tr><td class="title" nowrap><?php print_string("chooseicon","editor") ?></td></tr></table></td></tr>
 <tr>
 <td>
     <table border="0" align="center" cellpadding="5">
@@ -98,52 +98,52 @@ function cancel() {
           <tr>
             <td><img border="0" hspace="10" src="<?php echo $pix ?>/smiley.gif" onclick="insert('<?php echo $pix ?>/smiley.gif')" width="15" height="15"></td>
             <td>smile</td>
-            <td><FONT FACE=Courier>:-)</td>
+            <td class="smile">:-)</td>
           </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/biggrin.gif" onclick="insert('<?php echo $pix ?>/biggrin.gif')" width="15" height="15"></td>
             <td>big grin</td>
-            <td><FONT FACE=Courier>:-D</td>
+            <td class="smile">:-D</td>
           </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/wink.gif" onclick="insert('<?php echo $pix ?>/wink.gif')" width="15" height="15"></td>
             <td>wink</td>
-            <td><FONT FACE=Courier>;-)</td>
+            <td class="smile">;-)</td>
           </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/mixed.gif" onclick="insert('<?php echo $pix ?>/mixed.gif')" width="15" height="15"></td>
             <td>mixed</td>
-            <td><FONT FACE=Courier>:-/</td>
+            <td class="smile">:-/</td>
           </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/thoughtful.gif" onclick="insert('<?php echo $pix ?>/thoughtful.gif')" width="15" height="15"></td>
               <td>thoughtful</td>
-              <td><FONT FACE=Courier>V-.</FONT></td>
+              <td class="smile">V-.</td>
             </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/tongueout.gif" onclick="insert('<?php echo $pix ?>/tongueout.gif')" width="15" height="15"></td>
             <td>tongue out</td>
-            <td><FONT FACE=Courier>:-P</td>
+            <td class="smile">:-P</td>
          </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/cool.gif" onclick="insert('<?php echo $pix ?>/cool.gif')" width="15" height="15"></td>
             <td>cool</td>
-            <td><FONT FACE=Courier>B-)</td>
+            <td class="smile">B-)</td>
           </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/approve.gif" onclick="insert('<?php echo $pix ?>/approve.gif')" width="15" height="15"></td>
               <td>approve</td>
-              <td><FONT FACE=Courier>^-)</td>
+              <td class="smile">^-)</td>
             </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/wideeyes.gif" onclick="insert('<?php echo $pix ?>/wideeyes.gif')" width="15" height="15"></td>
               <td>wide eyes</td>
-              <td><FONT FACE=Courier>8-)</td>
+              <td class="smile">8-)</td>
             </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/surprise.gif" onclick="insert('<?php echo $pix ?>/surprise.gif')" width="15" height="15"></td>
               <td>surprise</td>
-              <td><FONT FACE=Courier>8-o</td>
+              <td class="smile">8-o</td>
             </tr>
         </table>
         </td>
@@ -152,52 +152,52 @@ function cancel() {
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/sad.gif" onclick="insert('<?php echo $pix ?>/sad.gif')" width="15" height="15"></td>
               <td>sad</td>
-              <td><FONT FACE=Courier>:-(</td>
+              <td class="smile">:-(</td>
             </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/shy.gif" onclick="insert('<?php echo $pix ?>/shy.gif')" width="15" height="15"></td>
               <td>shy</td>
-              <td><FONT FACE=Courier>8-.</td>
+              <td class="smile">8-.</td>
             </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/blush.gif" onclick="insert('<?php echo $pix ?>/blush.gif')" width="15" height="15"></td>
             <td>blush</td>
-            <td><FONT FACE=Courier>:-I</td>
+            <td class="smile">:-I</td>
           </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/kiss.gif" onclick="insert('<?php echo $pix ?>/kiss.gif')" width="15" height="15"></td>
               <td>kisses</td>
-              <td><FONT FACE=Courier>:-X</td>
+              <td class="smile">:-X</td>
             </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/clown.gif" onclick="insert('<?php echo $pix ?>/clown.gif')" width="15" height="15"></td>
             <td>clown</td>
-            <td><FONT FACE=Courier>:o)</td>
+            <td class="smile">:o)</td>
           </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/blackeye.gif" onclick="insert('<?php echo $pix ?>/blackeye.gif')" width="15" height="15"></td>
             <td>black eye</td>
-            <td><FONT FACE=Courier>P-|</td>
+            <td class="smile">P-|</td>
           </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/angry.gif" onclick="insert('<?php echo $pix ?>/angry.gif')" width="15" height="15"></td>
               <td>angry</td>
-              <td><FONT FACE=Courier>8-[</td>
+              <td class="smile">8-[</td>
             </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/dead.gif" onclick="insert('<?php echo $pix ?>/dead.gif')" width="15" height="15"></td>
               <td>dead</td>
-              <td><FONT FACE=Courier>xx-P</td>
+              <td class="smile">xx-P</td>
             </tr>
             <tr>
               <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/sleepy.gif" onclick="insert('<?php echo $pix ?>/sleepy.gif')" width="15" height="15"></td>
               <td>sleepy</td>
-              <td><FONT FACE=Courier>|-.</td>
+              <td class="smile">|-.</td>
             </tr>
           <tr>
             <td><img alt border="0" hspace="10" src="<?php echo $pix ?>/evil.gif" onclick="insert('<?php echo $pix ?>/evil.gif')" width="15" height="15"></td>
             <td>evil</td>
-            <td><FONT FACE=Courier>}-]</td>
+            <td class="smile">}-]</td>
           </tr>
         </table>
         </td>
@@ -208,7 +208,7 @@ function cancel() {
   </tr>
 <tr><td><table width="100%"><tr><td valign="middle" width="90%"><hr width="100%"></td></tr></table></td></tr>
 <tr><td align="right">
-       <input type="button" value="<?php print_string("close","editor") ?>" onclick="cancel()"></td></tr>
+       <button type="button" onclick="cancel()"><?php print_string("close","editor") ?></button></td></tr>
 </table>
 </body>
 </html>