ブックマークレットのCSS調整(Win Fx3.0.6/IE6/IE7/Opera9.63/Safari3.2.1/Chrome1.0.154.48 on XP...

git-svn-id: https://svn.sourceforge.jp/svnroot/nucleus-jp/nucleus-jp/trunk/utf8@968 1ca29b6e-896d-4ea0-84a5-967f57386b96

diff --git a/nucleus/libs/include/bookmarklet-add.template b/nucleus/libs/include/bookmarklet-add.template
index 9e8708e..adcea2c 100755 (executable)
--- a/nucleus/libs/include/bookmarklet-add.template
+++ b/nucleus/libs/include/bookmarklet-add.template
@@ -34,15 +34,14 @@
                        google.load("jqueryui", "1");\r
                        google.setOnLoadCallback(function() {\r
                                $(function(){\r
-                                       $("#tabs").tabs();\r
+                                       updAllPreviews();\r
                                        $("table tr td:first-child").css("width", "14%");\r
-                                       var contentBlock = $("textarea").parents(".contentblock");\r
-                                       $("textarea").resizable({alsoResize: contentBlock});\r
-                                       function preautoSaveDraft() {\r
+                                       $("textarea").resizable({ containment: 'parent' });\r
+                                       $("#tabs").tabs();\r
+                                       $("input[name=autosavenow]").click(function() {\r
                                                $(".autosavestatus").text('(' + lastsavedtext + ' ' + formattedDate() + ')');\r
                                                autoSaveDraft();\r
-                                       }\r
-                                       updAllPreviews();\r
+                                       });\r
                                });\r
                        });\r
                //]]>\r
@@ -144,7 +143,7 @@
                        </div>\r
                        <div class="submitbuttons">\r
                                <input type="submit" value="<%text(_BMLET_EDIT)%>" onclick="return checkSubmit();" />\r
-                               <%ifautosave()%><input tabindex="80" type="button" name="autosavenow" value="<%text(_AUTOSAVEDRAFT_NOW)%>" onclick="preautoSaveDraft();" /><%endif%>\r
+                               <%ifautosave()%><input tabindex="80" type="button" name="autosavenow" value="<%text(_AUTOSAVEDRAFT_NOW)%>" /><%endif%>\r
                                <input type="button" value="<%text(_BMLET_CANCEL)%>" onclick="window.close();" />\r
                                <%ifautosave()%><span class="autosavestatus">(<%text(_AUTOSAVEDRAFT)%>&nbsp;:&nbsp;<span class="lastsavedtime"><%text(_AUTOSAVEDRAFT_NOTYETSAVED)%>)</span></span><%endif%>\r
                        </div>\r

diff --git a/nucleus/libs/include/bookmarklet-edit.template b/nucleus/libs/include/bookmarklet-edit.template
index 765f195..6405125 100755 (executable)
--- a/nucleus/libs/include/bookmarklet-edit.template
+++ b/nucleus/libs/include/bookmarklet-edit.template
@@ -34,15 +34,14 @@
                        google.load("jqueryui", "1");\r
                        google.setOnLoadCallback(function() {\r
                                $(function(){\r
-                                       $("#tabs").tabs();\r
+                                       updAllPreviews();\r
                                        $("table tr td:first-child").css("width", "14%");\r
-                                       var contentBlock = $("textarea").parents(".contentblock");\r
-                                       $("textarea").resizable({alsoResize: contentBlock});\r
-                                       function preautoSaveDraft() {\r
+                                       $("textarea").resizable({ containment: 'parent' });\r
+                                       $("#tabs").tabs();\r
+                                       $("input[name=autosavenow]").click(function() {\r
                                                $(".autosavestatus").text('(' + lastsavedtext + ' ' + formattedDate() + ')');\r
                                                autoSaveDraft();\r
-                                       }\r
-                                       updAllPreviews();\r
+                                       });\r
                                });\r
                        });\r
                //]]>\r
@@ -144,7 +143,7 @@
                        </div>\r
                        <div class="submitbuttons">\r
                                <input type="submit" value="<%text(_BMLET_EDIT)%>" onclick="return checkSubmit();" />\r
-                               <%ifautosave()%><input tabindex="80" type="button" name="autosavenow" value="<%text(_AUTOSAVEDRAFT_NOW)%>" onclick="preautoSaveDraft();" /><%endif%>\r
+                               <%ifautosave()%><input tabindex="80" type="button" name="autosavenow" value="<%text(_AUTOSAVEDRAFT_NOW)%>" /><%endif%>\r
                                <input type="button" value="<%text(_BMLET_CANCEL)%>" onclick="window.close();" />\r
                                <%ifautosave()%><span class="autosavestatus">(<%text(_AUTOSAVEDRAFT)%>&nbsp;:&nbsp;<span class="lastsavedtime"><%text(_AUTOSAVEDRAFT_NOTYETSAVED)%>)</span></span><%endif%>\r
                        </div>\r

diff --git a/nucleus/styles/bookmarklet.css b/nucleus/styles/bookmarklet.css
index 728b9ce..950afb1 100755 (executable)
--- a/nucleus/styles/bookmarklet.css
+++ b/nucleus/styles/bookmarklet.css
@@ -14,9 +14,9 @@ body {
        font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif !important;\r
 }              \r
 \r
-textarea {\r
-/*     font-family: "Hiragino Kaku Gothic Pro W3", "MS P Gothic", "Osaka", sans-serif;*/\r
-}\r
+/*textarea {\r
+       font-family: "Hiragino Kaku Gothic Pro W3", "MS P Gothic", "Osaka", sans-serif;\r
+}*/\r
 \r
 h1 {\r
        border-bottom: 1px dotted gray;\r
@@ -54,10 +54,12 @@ h1 {
     font-weight: bold;   \r
 }\r
 */\r
+\r
 .contentblock {\r
        /*background: #ddd;*/\r
 /*     height: 500px;*/\r
-       height: 370px;\r
+/*     height: 370px;*/\r
+       height: 410px;/*mod 090309*/\r
        overflow: auto; /* temporary removed, to make the select box work in Mozilla */\r
        padding: 1px !important;\r
     margin: 0px;\r
@@ -65,7 +67,14 @@ h1 {
 }\r
 \r
 *:first-child+html .contentblock {\r
-       height: 330px;\r
+/*     height: 330px;*/\r
+       height: 380px;  /*mod 090309*/\r
+}\r
+*html body .contentblock {     /*add 090309*/\r
+       height: 380px;\r
+}\r
+body:last-child .contentblock {        /*add 090309*/\r
+       height: 390px;\r
 }\r
 \r
 .shortcuts {\r
@@ -118,10 +127,20 @@ table {
        margin: 10px auto;\r
 /*     margin-bottom: 10px;\r
        margin-top: 10px;*/     \r
+       height: 95%;    /* add 090309*/\r
 }\r
 \r
-*:first-child+html .table {\r
+*:first-child+html table {\r
+       width: 93%;\r
+       height: 90%;    /* add 090309*/\r
+}\r
+*html body table {     /* add 090309*/\r
+       width: 93%;\r
+       height: 90%;\r
+}\r
+body:last-child table {        /* add 090309*/\r
        width: 93%;\r
+       height: 93%;\r
 }\r
 \r
 th {\r
@@ -141,6 +160,7 @@ td {
        font-size: small;\r
        vertical-align: top;\r
        text-align: left;\r
+       white-space: nowrap;    /*add 090309*/\r
 }\r
 \r
 td a:link, td a:visited { \r
@@ -167,7 +187,6 @@ ul.nobullets {
        margin: 0;\r
 }\r
 \r
-\r
 .jsbuttonbar,\r
 #body input[type=text],\r
 #body textarea,\r
@@ -177,16 +196,35 @@ ul.nobullets {
 #more select {\r
        margin: auto;\r
        display: block;\r
-       width: 90%;\r
+/*     width: 90%;*/\r
+       width: 98%      /*mod 090309*/\r
 }\r
 \r
 *:first-child+html #body input[type=text],\r
 *:first-child+html #body textarea,\r
 *:first-child+html #body select,\r
 *:first-child+html #more input[type=text],\r
-*:first-child+html #more textarea,\r
-*:first-child+html #more select {\r
+*:first-child+html #more select,\r
+*html body #body input[type=text],     /*add 090309*/\r
+*html body #body textarea,\r
+*html body #body select,\r
+*html body #more input[type=text],\r
+*html body #more select {\r
        display: inline;\r
+       width: 98%;     /*add 090309*/\r
+}\r
+\r
+*:first-child+html #more textarea {    /*add 090309*/\r
+       display: block;\r
+       width: 95%;\r
+}\r
+*html body #more textarea {    /*add 090309*/\r
+       display: block;\r
+       width: 95%;\r
+}\r
+body:last-child #more textarea {       /*add 090309*/\r
+       display: block;\r
+       width: 95%;\r
 }\r
 \r
 textarea {\r