Permalink
Browse files

Style improvements to popups

  • Loading branch information...
1 parent 99a5970 commit 9466f50707f7b3256ad85cc82221d219cd3194c8 julmis committed Nov 3, 2003
Showing with 55 additions and 47 deletions.
  1. +32 −24 lib/editor/popups/dlg_ins_char.php
  2. +23 −23 lib/editor/popups/dlg_ins_smile.php
@@ -48,31 +48,39 @@
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;","ƒ","„","…","†","‡","ˆ","\‰","Š","‹","Œ","&lsquo;","&rsquo;","&rsquo;","&ldquo;","&rdquo;","•","&ndash;","&mdash;","˜","™","š","›","œ","Ÿ","&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>
@@ -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>

0 comments on commit 9466f50

Please sign in to comment.