2013-02-13
■
https://twitter.com/taizooo/status/301351371016380418
暇潰しに底まで潜っていた。2007/4/4くらいだった。 https://twitter.com/search/realtime?q=autopagerize
https://twitter.com/taizooo/status/301354746831319041
■ いろいろ拾ってきた
■
E4Xの関係で AutoPagerize IDE 動かない。直さないと。
html部分
<div class="_floating_window" id="_apride"> <div class="_floating_mc" id="_floating_mc"> <form action="javascript:void(0);"> <dl><dt id="_es_pageElement_field">pageElementdt> <dd><span id="_es_pageElement_color"><img class="_es_selected_color" src="http://labs.gmo.jp/blog/ku/pixelcube.png">span> <input class="apride_input" id="_es_pageElement" name="_es_pageElement" type="text" value=""> dd><dt id="_es_insertBefore_field">insertBeforedt> <dd><span id="_es_insertBefore_color"><img class="_es_selected_color" src="http://labs.gmo.jp/blog/ku/pixelcube.png">span> <input class="apride_input" id="_es_insertBefore" name="_es_insertBefore" type="text" value=""> dd><dt id="_es_nextLink_field">nextLinkdt> <dd><span id="_es_nextLink_color"><img class="_es_selected_color" src="http://labs.gmo.jp/blog/ku/pixelcube.png">span> <input class="apride_input" id="_es_nextLink" name="_es_nextLink" type="text" value=""> dd><dt><span><img src="http://labs.gmo.jp/blog/ku/pixelcube.png">span>urldt> <dd> <input class="apride_input" id="_es_url" name="_es_url" type="text" value=""> dd> dl> <input id="_apride_test" name="_apride_test" type="submit" value="apply this"> <input id="_apride_generate" name="_apride_generate" type="submit" value="generate"> <input id="_apride_strict" name="_apride_strict" type="checkbox" value="1">strict <a href="http://swdyh.infogami.com/autopagerize" style="color: black;" target="_blank">infogamia> form> <textarea id="_apride_generated_code">textarea> div> <div id="_floating_titlebar"> <div class="_floating_tl">div> <div class="_floating_tc" id="_apride_titlebar"> <div class="_floating_close" id="_apride_close"> <a href="javascript:void(0);" id="_floating_closewindow"> <img alt="close this window" src="http://labs.gmo.jp/blog/ku/bookmarklet/close.gif"> a> div> <div class="_floating_logo">AutoPagerize IDE 0.0.5div> div> div> <div class="_floating_tr" id="_floating_top_right">div> <div class="_floating_ml" id="_floating_moddile_left">div> <div class="_floating_mr" id="_floating_moddile_right">div> <div class="_floating_bl" id="_floating_bottom_left">div> <div class="_floating_bc" id="_floating_bottom_center">div> <div class="_floating_br" id="_floating_bottom_right">div> div>
css部分
* #_apride { position: fixed; top: 5%; right: 5%; } #_apride_main { padding: 10px; color: black; } /* #_apride_titlebar { background: blue; color: white; font-weight: bold; font-size: large; padding: 4px; } #_apride input._es_text_error { background-color: red; color: white; font-weight: bold; } */ /** * floating window styles. * **/ ._floating_window { position: fixed!important; position: absolute; width: 400px; height: 400px; top: 5%; right: 5%; text-align: left; z-index: 100000; color: black; font-family: 'メイリオ',Sans-Serif !important; font-size: normal !important; } ._floating_window div { } ._floating_window img { border: 0px none; } ._floating_logo { padding-top: 10px; } ._floating_tl { background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/tl.png') top left no-repeat; cursor: move; position: absolute; top: 0; left: 0; width: 25px; height: 59px; } ._floating_tc { background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/tc.png') top center repeat-x; cursor: move; position: absolute; top: 0; left: 25px; right: 25px; width: 350px; height: 59px; } ._floating_tr { background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/tr.png') top right no-repeat; _background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/tr.gif') top right no-repeat; cursor: move; position: absolute; top: 0; right: 0; width: 25px; height: 59px; } ._floating_ml { background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/cl.png') center left repeat-y; _background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/cl.gif') center left repeat-y; position: absolute; top: 59; left: 0; bottom: 23px; width: 25px; height: 318px; } ._floating_mc { background: #f9f4e3; overflow: auto; overflow-x: hidden; position: absolute; top: 59; left: 25px; right: 20px; bottom: 23px; width: 360px; height: 318px; z-index: 100001; scrollbar-face-color: #d6e3ee; scrollbar-3dlight-color: #dae6f0; scrollbar-highlight-color: #d6e3ee; scrollbar-shadow-color: #d6e3ee; scrollbar-darkshadow-color: #b4bfcc; scrollbar-arrow-color: #475f84; scrollbar-track-color: #f9f4e3; } ._floating_mr { background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/cr.png') center right repeat-y; _background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/cr.gif') center right repeat-y; position: absolute; top: 59; right: 0; bottom: 23px; width: 20px; height: 318px; } ._floating_bl { background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/bl.png') bottom left no-repeat; _background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/bl.gif') bottom left no-repeat; position: absolute; bottom: 0; left: 0; width: 25px; height: 23px; } ._floating_bc { background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/bc.png') bottom center repeat-x; _background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/bc.gif') bottom center repeat-x; position: absolute; bottom: 0; left: 25px; right: 25px; width: 350px; height: 23px; } ._floating_br { background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/br.png') bottom right no-repeat; _background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/br.gif') bottom right no-repeat; cursor: se-resize; position: absolute; bottom: 0; right: 0; width: 25px; height: 23px; } /* ._floating_tc a:hover { background: none; } */ #_apride img._es_selected_color { width: 16px; height: 16px; } ._floating_close { float: right; margin-top: 16px; } ._floating_mc .wrap { padding: 8px 16px 8px 8px; } ._floating_mc p { line-height: 1.2; } ._floating_window #_apride_generated_code { font-size: small; color: black !important; margin-top: 10px; display: none; width: 295px; height: 85px; } #_apride .apride_input { width: 280px !important; } #_apride dt._es_active_field { background: #e72d89; color: white; font-weight: bold; }
■ A Declaration of the Independence of Cyberspace
Today is the anniversary of A Declaration of the Independence of Cyberspace