Changeset 34816

Timestamp:

08/08/09 03:48:13 (4 years ago)

Author:

nshuyo

Message:

refine css

Files:

• lang/javascript/HatenaPresentation/hatena_presen.js (modified) (5 diffs)

lang/javascript/HatenaPresentation/hatena_presen.js

@@ -1 +1 @@
 // Hatena Diary Presentation (c)2009 Nakatani Shuyo
 //   This script makes a presentation of Hatena Diary's page when load by Bookmarklet.
-//   Bookmarklet Sample: javascript:(function(){var e=document.createElement('script');e.type='text/javascript';e.src="http://sample.com/hatena_presen.js";document.body.appendChild(e);})();var HATEP_AUTHOR="YOUR NAME";
+
+// Bookmarklet Sample: 
+//   javascript:var HATEP_AUTHOR="YOUR NAME";(function(){var e=document.createElement('script');e.type='text/javascript';e.src='http://sample.com/hatena_presen.js';document.body.appendChild(e);})();
 
 var HatenaPresentaion = function(){
@@ -20 +22 @@
     return e;
   },
-        setStyle: function(path, rule) {
-                var element = document.createElement('style');
-                element.appendChild(document.createTextNode(''));
-                document.getElementsByTagName('head')[0].appendChild(element);
-                var sheet = element.sheet;
-                var pathes = path.split(',');
-                for(var i=0;i<pathes.length;++i) {
-                        sheet.insertRule(pathes[i]+" {"+rule+"}", sheet.cssRules.length);
-                }
-        },
-  getElementsByClass: function(tagname, classname, node) {
-    var candidates = (node || document.getElementById('days')).getElementsByTagName(tagname);
-    var list = [];
-    for(var i=0;i<candidates.length;++i) {
-      if (candidates[i].className == classname) list.push(candidates[i]);
-    }
-    return list;
-  },
         init: function() {
     var r=this;
@@ -48 +32 @@
     r.setStyle("img.tex", "vertical-align:middle");
     r.setStyle("span.footnote a","font-size:70%;vertical-align:super");
+    r.setStyle("p.sectionheader", "font-size:50%")
+    r.setStyle("p.sectionheader a", "font-color:#ccd")
 
+    r.setStyle("#presentation", "position:absolute;top:0;left:0;background-color:#eeeeee;width:100%;height:100%;");
     r.setStyle("div.htnp_page","position:absolute;margin:0;padding:0;border:1px solid black;left:0;top:0;width:100%;height:100%;background-color:#ffe");
+    r.setStyle("div.htnp_body", "margin:0;border:0;padding:0.5ex;line-height:100%;float:left;");
     r.setStyle("div.htnp_footnote","border-top:1px dashed #ccb;padding:0.5ex 2ex;clear:left;font-size:80%;text-align:right;");
 
@@ -61 +49 @@
     document.onkeydown = function(e){ r.onkeydown(e); };
     window.onresize = function(e){ r.adjustPage(r.container[r.current_page]); };
-    //window.setTimeout(function(){ r.adjustContainer(); }, 1);
-        },
+  },
+  setStyle: function(path, rule) {
+    var element = document.createElement('style');
+    element.appendChild(document.createTextNode(''));
+    document.getElementsByTagName('head')[0].appendChild(element);
+    var sheet = element.sheet;
+    var pathes = path.split(',');
+    for(var i=0;i<pathes.length;++i) {
+      sheet.insertRule(pathes[i]+" {"+rule+"}", sheet.cssRules.length);
+    }
+  },
+  getElementsByClass: function(tagname, classname, node) {
+    var candidates = (node || document.getElementById('days')).getElementsByTagName(tagname);
+    var list = [];
+    for(var i=0;i<candidates.length;++i) {
+      if (candidates[i].className == classname) list.push(candidates[i]);
+    }
+    return list;
+  },
         displayContainer: function(container) {
                 var display = document.createElement('div');
                 display.id = 'presentation';
-    var s=display.style;
-    s.position = 'absolute';
-    s.top = 0;
-    s.left = 0;
-    s.background = '#eeeeee';
-    s.width = "100%";
-    s.height = "100%";
-
                 for(var i=container.length-1;i>=0;--i) display.appendChild(container[i]);
                 document.body.appendChild(display);
@@ -123 +120 @@
         appendPage: function(body) {
                 if (body.childNodes.length<=0) return;
-    var s=body.style;
-    s.margin = 0;
-    s.border = 0;
-    s.padding = '0.5ex';
-    s.lineHeight = '100%';
-    s.cssFloat = 'left';
+                body.className = 'htnp_body';
 
                 var page = document.createElement('div');