API tools faq
paste
Advertisement
sadmilks

Clefairy thm.05

sadmilks
Nov 9th, 2013
460
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.42 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <!--
  3.  
  4. CLEFAIRY THEME BY R-EIORA (＾ω＾●)ﾉﾞ♡
  5.  
  6. //DON'T REMOVE THIS COMMENT//
  7.  
  8. art @ http://rainbowhiccup.tumblr.com/
  9. edited by http://r-eiora.tumblr.com/
  10.  
  11. -->
  12. <html>
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  18.  
  19. <meta name="color:background" content="#fcfcfc" />
  20. <meta name="color:txt" content="#000" />
  21. <meta name="color:links" content="#858585" />
  22. <meta name="color:links hover" content="#858585" />
  23. <meta name="color:kokoro" content="#f6dbdb" />
  24. <meta name="color:perma" content="#000" />
  25. <meta name="color:navi link" content="#000" />
  26. <meta name="color:title brdr" content="#f1f1f1" />
  27. <meta name="color:scrllbar" content="#f6dbdb" />
  28.  
  29. <meta name="image:background" content="" />
  30. <meta name="image:notes bg" content="" />
  31. <meta name="image:side img" content="http://static.tumblr.com/palmvjm/uIrmvz4kf/momkos.png" />
  32. <meta name="image:perma" content="http://static.tumblr.com/b74293816e5ae36010ab573fd83ccedf/palmvjm/HREmv76h0/tumblr_static_tumblr_m1zct5wmek1qim6y5.png" />
  33.  
  34. <meta name="if:extra links" content="1"/>
  35. <meta name="if:link font italic" content="1"/>
  36. <meta name="if:post brdr" content="1" />
  37. <meta name="if:post opacity" content="1" />
  38. <meta name="if:infinite scrll" content="1"/>
  39. <meta name="if:clefairy" content="1" />
  40. <meta name="if:tinycursor" content="1"/>
  41.  
  42. <meta name="text:permatitle" content="perma" />
  43.  
  44. <meta name="text:extralinktitle1" content="link" />
  45. <meta name="text:extralinktitle2" content="link" />
  46.  
  47. <meta name="text:extralink1" content="/" />
  48. <meta name="text:extralink2" content="/" />
  49.  
  50. <style type="text/css">
  51. @font-face {font-family: 'pix';font-style: normal;font-weight: normal;src: local('pix'), url('http://static.tumblr.com/s4afcug/sJzmj12zk/pix-webfont.woff') format('woff');}@import url(http://static.tumblr.com/6hsqxdt/md2mgu4of/tinytots.css);
  52.  
  53. iframe#tumblr_controls {right:3px !important; z-index:999999;
  54. position: fixed !important;
  55. opacity: 0;
  56. -webkit-filter:invert(1);
  57. filter:alpha(opacity=0);
  58. -moz-opacity: 0;
  59. -khtml-opacity: 0;
  60. -webkit-transition: all 0.9s ease;
  61. -moz-transition: all 0.9s ease;
  62. -o-transition: all 0.9s ease;}
  63. iframe#tumblr_controls:hover{
  64. opacity: 1;
  65. filter:alpha(opacity=100);
  66. -moz-opacity: 1;
  67. -khtml-opacity: 1;
  68. -webkit-transition: all 0.9s ease;
  69. -moz-transition: all 0.9s ease;
  70. -o-transition: all 0.9s ease;}
  71.  
  72. ::-webkit-scrollbar {width:7px;height:7px;}
  73. ::-webkit-scrollbar-track-piece {background-color:#ffffff;}
  74. ::-webkit-scrollbar-thumb {background-color:{color:scrllbar};border:2px solid #fff;}
  75.  
  76. body{font:10px/12px consolas;font-style:italic;text-align:justify;text-transform:lowercase;color:{color:txt};margin:0px;background:{color:background};background:url('{image:background}')fixed;}
  77.  
  78. a {{block:iftinycursor}cursor: url(http://i.imgur.com/ZOrzC.png), auto;{/block:iftinycursor}text-decoration:none;color:{color:links};-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
  79.  
  80. a:hover {color:{color:links hover};-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  81.  
  82. #all {margin:auto;}
  83.  
  84. #posts {float: left;height: auto;position:relative;margin-left:270px;margin-right: auto;margin-top:26px;width:285px;{block:permalinkpage}background:transparent!important;{/block:indexpage} {/block:permalinkpage}}
  85.  
  86. .po {background:#fff;{block:ifpostbrdr}border: 1px solid #f6f6f6;{/block:ifpostbrdr}padding:5px;margin:10px;float:left;{block:indexpage}width:250px;float:left;{/block:indexpage}{block:permalinkpage}font-family:consolas;font-style:normal;background:url('http://static.tumblr.com/b74293816e5ae36010ab573fd83ccedf/palmvjm/HREmv76h0/tumblr_static_tumblr_m1zct5wmek1qim6y5.png');text-transform:uppercase;background-attachment:fixed;padding:10px;margin-top:5px;{block:ifpostbrdr}border: 1px solid #f6f6f6;{block:ifpostbrdr}width:400px;margin-top:70px;margin-left:-150px;font-size:9px;text-transform:uppercase;{/block:permalinkpage} float:none; padding-bottom:1px;}
  87.  
  88. .po img {block:ifpostopacity}{opacity:0.8;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;{block:ifpostopacity}}
  89.  
  90. .po img:hover { opacity:1;}
  91.  
  92. #txt {font:10px/12px consolas;text-transform:lowercase;}
  93.  
  94. #txt a{{block:iflinkfontitalic}font-style:italic;{/block:iflinkfontitalic}width:370px;{block:permalinkpage}width:370px;{/block:permalinkpage}}
  95.  
  96. #ph {border-bottom:0px solid #f1f1f1;width:250px;overflow:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;{block:permalinkpage}width:400px;{/block:permalinkpage}}
  97.  
  98. #ph img {width:250px;{block:permalinkpage}width:400px;{/block:permalinkpage}}
  99.  
  100. #per {height:15px;padding:0px;font-style:normal;{block:ifnotpostbrdr}width:250px;{/block:ifnotpostbrdr}background:url('{image:perma}');font:10/12px consolas;letter-spacing:1px;text-align:center;margin-top:-10px;opacity:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;{block:permalinkpage}display:none;{/block:permalinkpage}}
  101.  
  102. #per a {color:{color:perma};}
  103.  
  104. #per a:hover {color:#000;}
  105.  
  106. .po:hover #per {height:30px;margin-top:10px;opacity:1;}
  107.  
  108. .he {font:10px/12px consolas;font-style:italic; z-index:999999; text-align:left;text-transform:lowercase;font-style: italic;line-height:15px;border-bottom:1px solid #f1f1f1; }
  109.  
  110. .hd{text-align:left;max-width:400px;}
  111.  
  112. .atxt {font:10px/12px consolas;font-style:italic; z-index:999999; text-align:left;text-transform:lowercase;font-style: italic;line-height:15px;}
  113.  
  114. .body { }
  115. .body img {{block:indexpage} max-width:100px;{/block:indexpage}{block:permalinkpage}max-width:400px;{/block:permalinkpage}}
  116.  
  117. .qu {font:10px/12px consolas;font-style:italic;letter-spacing:0px;}
  118. .qu2 {text-align:left;color:#000;font-family:arial;font-size: 40px;padding: 0px;padding-bottom: 0px;margin-top:-7px;margin-left:-50px;position: relative;float: left;left:40px;width:50px;opacity:0.11;line-height:90%;{block:permalinkpage}color:#fff;{/block:permalinkpage}}
  119.  
  120. .qusrc {text-align:right;}
  121.  
  122. .be{background:#000;width:250px;{block:permalinkpage}width:400px;font:10px/12px consolas;{/block:permalinkpage}}.le {margin:3px;width:26px; height:26px; background-color:#000;overflow:hidden;}.post:hover .le{opacity:.75;}
  123.  
  124. .ri {width:250px;padding:0px;}
  125.  
  126. #ppage{margin-top:5px;padding:0 5px 5px 5px;}
  127.  
  128. .nav {font:8px consolas;text-transform:uppercase;letter-spacing:1px;margin-top:5px;display:none;}
  129.  
  130. #side {position:fixed;top:20px;width:150px;left:35px;text-align:right;}
  131.  
  132. .notes {background: url('{image:notes bg}') repeat;margin-top:-4px; margin-bottom:30px; text-align:left; padding:0px;margin:10px 0px;text-transform:lowercase;}
  133. ol.notes li.note {list-style-type:none; margin:2px 14px;}
  134. ol.notes {height: 45px;width:300px; overflow: auto;}
  135.  
  136. img.avatar {background:none;margin-right:10px;width:14px;height:14px;}
  137.  
  138. #askr {font-style:normal;font:10px/12px consolas;letter-spacing:1px;text-transform:lowercase;border-bottom:1px solid #eee;margin-left:30px;}
  139.  
  140. #portrt img{margin-right:5px;float:left;border:3px double #eee;padding:4px;background:#fff;}
  141.  
  142. blockquote { padding-left:5px;padding-right:5px;margin-left:0px; margin-right:5px;border-left:3px solid #000;width:180px;overflow: hidden;}
  143.  
  144. /* side codes (´･ω･`)*/
  145. #s-m-t-tooltip{max-width:300px;margin-top:30px;margin-left:15px;padding-left:5px;padding-right:5px;padding-top:1px;padding-bottom:1px;z-index:999999;border:1px solid #eee;background-color:#fff;color:#ccc;font-family:pix;font-size:9px;font-style:normal;letter-spacing:1px;text-transform:lowercase;line-height:13px;box-shadow:1px 1px 3px rgba(0,0,0,.1);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
  146.  
  147. #sidep {position:fixed;top:185px;width:130px;left:780px;background:transparent;}
  148.  
  149. .slnk a {font:7px pix;text-transform:uppercase;letter-spacing:1px;margin:5px 1px;padding:0 2px 2px;text-align:center;color:{color:navi link};}
  150.  
  151. .slnk a:hover {text-transform:uppercase;text-decoration:none;text-shadow:1px 1px 1px #999999;}
  152.  
  153. /*edit description hover here*/
  154. #control {background:#fff;width:261px;padding-top:17px;height:10px;position:fixed;margin-top:5px;margin-left:-5px;opacity:0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;overflow:hidden;{block:permalinkpage}margin-left:-6px;width:419px;text-align:center;border:1px solid #f1f1f1;margin-top:3px;{/block:permalinkpage}}
  155.  
  156. #control:hover {height:50px;opacity:0.8;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  157.  
  158. .control {width:230px;display:block;height:10px;text-align:center;background: transparent;padding-bottom:10px;padding-top:5px;padding-right:10px;padding-left:10px;text-decoration:none;color:#000;font-family:tinytots;font-size:9px;text-transform:lowercase;letter-spacing:2px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}/*end edit description hover here*/
  159.  
  160. /*edit border title here*/
  161. #omanko{background:transparent;position:fixed;width:280px;padding:9px 2px 9px 9px;top:-5px;margin-left:259px;z-index:1;}
  162.  
  163. .omanko{float:left;width:245px;height:1px;margin-left:12px;text-align:center;background-color:transparent;padding-bottom:7px;padding-top:5px;padding-right:10px;padding-left:5px;text-decoration:none;color:#333;font:9px pix;font-style:italic;text-transform:lowercase;letter-spacing:2px;border:1px solid {color:title brdr};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;{block:permalinkpage}width:404px;margin-left:-148px;{/block:permalinkpage}}
  164.  
  165. .omanko:hover{background-color:#fff;opacity:0.8;color:#000;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  166. /*end edit border title here*/
  167.  
  168. #momoko{width:150px;position:fixed;bottom:-50px;padding:2px;margin-left:430px;}#momoko img{background:transparent; opacity:0.9;}
  169. /*end side codes (´･ω･`)*/
  170.  
  171. </style>
  172. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  173. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  174. <script>
  175. (function($){
  176. $(document).ready(function(){
  177. $("[title]").style_my_tooltips();
  178. });
  179. })(jQuery);
  180. </script>
  181.  
  182. {block:indexPage}
  183. {block:ifinfinitescrll}
  184. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  185. {/block:ifinfinitescrll}
  186. {/block:indexPage}
  187.  
  188. <script type="text/javascript">
  189. $(window).load(function () {
  190. $('#posts').masonry(),
  191. $('.masonryWrap').infinitescroll({
  192. navSelector : ".nav a",
  193. // selector for the paged navigation (it will be hidden)
  194. nextSelector : ".nav a",
  195. // selector for the NEXT link (to page 2)
  196. itemSelector : ".po",
  197. // selector for all items you'll retrieve
  198. bufferPx : 10000,
  199. extraScrollPx: 11000,
  200. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  201. loadingText : "<em></em>",
  202. },
  203. // call masonry as a callback.
  204. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  205. );
  206. });
  207. </script>
  208. <script src="toggle.js" type="text/javascript"></script>
  209. <script type="text/javascript">
  210. </script>
  211.  
  212. </head><body>
  213.  
  214. <div id="momoko"><img src="{image:side img}"/></a></div>
  215.  
  216. <div id="omanko"><div class="omanko">
  217. <div style="margin-top:-3px;">{Title}</div>
  218. <div id="control">
  219. <div class="control">{block:ifclefairy}<div style="margin-top:-20px;"><img src='http://media.tumblr.com/tumblr_m3j745vbWk1qid2nw.gif'></div>{/block:ifclefairy}<br>{Description}<div class="slnk"><center><a href="/">1pm</a><a href="/ask">2pm</a><a href="/archive">3pm</a><a href="http://r-eiora.tumblr.com" title="theme">4pm</a></center>
  220. {block:ifextralinks}
  221. <a href="{text:extralink1}">{text:extralinktitle1}</a>
  222. <a href="{text:extralink2}">{text:extralinktitle2}</a>
  223. {/block:ifextralinks}
  224. </div></div></div></div></div>
  225.  
  226. </div></div></div></div>
  227. <div id="all"> <div class="nav">
  228.  
  229. </div></div><div id="posts">{block:Posts}<div class="po">{block:Text}<div id="txt">{block:Title}<div class="he">{Title}</a></div>{/block:Title}<div class="hd">{Body}</div></div><div style="width:100%;"></div><div id="per"> <div align="center">{Month}.{DayOfMonthWithZero} <font color="{color:kokoro}">♥</font> <a title="{text:permatitle}"href="{Permalink}">{NoteCount} パーセント </div></div></a>{/block:Text}{block:Source}{/block:Source}
  230.  
  231. {block:Quote}{block:permalinkpage}<div id="qu2"></div>{/block:permalinkpage}<div id="txt"><div class="qu"><span class="qu2"><a href="{permalink}" title="{text:permatitle}">❝</a></span>{Quote}</div>{block:Source}<div class="qusrc"><br> </div>{/block:Source}</div>{/block:Quote}
  232.  
  233. {block:Link}<div id="txt"><div class="he"><a title="{NoteCount}"href="{Permalink}"><a href="{URL}" target="_blank">&nbsp; {Name}</a></a></div>{block:permalinkpage}{block:Description}<div class="body">{Description}<div>{/block:Description}{/block:permalinkpage}</div>{/block:Link}
  234.  
  235. {block:Chat}<a href="{Permalink}">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label} <font color="{color:link}"><b>{Label}</b></font> {Line}<br>{/block:Label}{/block:Lines}</a>{/block:Chat}
  236.  
  237. {block:Audio}<div class="au"><div class="audp"><div class="be"><div class="le">{AudioPlayerBlack}</div></div></span>{block:indexpage} {block:indexpage}<center><div style="font:10px/12px consolas;"><a href="{Permalink}"> <h4>{block:TrackName}{TrackName}{/block:TrackName}</a> by <a href="{Permalink}">{block:Artist}{Artist}{/block:Artist}</a></h4></div></div></div></center><div id="per"> <div align="center">{Month}.{DayOfMonthWithZero} <font color="{color:kokoro}">♥</font> <a title="{text:permatitle}"href="{Permalink}">{NoteCount} パーセント </a></div></div></a>{/block:Audio}
  238.  
  239. {block:Answer}<div id="txt"><div id="portrt"><img src="{AskerPortraitURL-48}"></div><div class="qu">{Question}</div> <div id="askr">{Asker} asked:</div> </div><div class="atxt">{Answer}</div><div id="per"> <div align="center">{Month}.{DayOfMonthWithZero} <font color="{color:kokoro}">♥</font> <a title="{text:permatitle}"href="{Permalink}">{NoteCount} パーセント </div></div></a>{/block:Answer}
  240.  
  241. {block:Photo}<div id="ph">{block:permalinkpage}{LinkOpenTag}{/block:permalinkpage}{block:indexpage}{/block:indexpage}<img src="{PhotoURL-500}"></img></a>{LinkCloseTag}{block:HighRes}{/block:HighRes}</div><div id="per"> <div align="center"><br>{Month}.{DayOfMonthWithZero} <font color="{color:kokoro}">♥</font> <a title="{text:permatitle}"href="{Permalink}">{NoteCount} パーセント </a></div></div></a>{/block:Photo}
  242.  
  243. {block:Photoset}<div id="ph">{block:IndexPage}{Photoset-250}{/block:IndexPage}<div id="per"> <div align="center"><br>{Month}.{DayOfMonthWithZero} <font color="{color:kokoro}">♥</font> <a title="{text:permatitle}"href="{Permalink}">{NoteCount} パーセント </div></div></a></div>{block:PermalinkPage}{Photoset-400}{block:Caption}{/block:Caption}
  244. {/block:PermalinkPage}
  245. {/block:Photoset}
  246.  
  247. {block:Video}<div id="ph">{block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-400}{PlayCountWithLabel}<br>{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div><div id="per"> <div align="center">{Month}.{DayOfMonthWithZero} <font color="{color:kokoro}">♥</font><a title="{text:permatitle}"href="{Permalink}">{NoteCount} パーセント </div></div></a>{/block:Video}
  248.  
  249. {block:permalinkpage}
  250. <div id="ppage">
  251.  
  252. <br>{block:Caption}<div class="body">{Caption}</div>{/block:Caption}<br>{block:Date}<p></p><br><div style="text-transform:uppercase;font-style:normal;font-size:9px;">{Month} {DayOfMonth}. {Year} @ {12Hour}:{Minutes}{AmPm}</div></p>{/block:Date}<div style="font-style:normal;text-transform:lowercase;">{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> <img src="http://media.tumblr.com/tumblr_m1zc0hccfr1qim6y5.png"> <a href="{ReblogRootURL}">source</a> {/block:RebloggedFrom}<br> {block:HasTags}filed as: {block:Tags} <a href="{TagURL}"> {Tag}</a>, {/block:Tags}{/block:HasTags}</div></div><p>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:permalinkpage}</div>{/block:Posts}</p>
  253.  
  254. {block:ifnotinfinitescrll}
  255. {block:pagination}
  256. <div id="pgi"><div style="font-size:11px;font-family:pix;color:#000;position:fixed;text-transform:lowercase;width: 60px;text-align: center;padding: 3px 0;bottom:5px;left:560px;border:3px #f1f1f1 double;"> {block:previouspage}<a href="{previouspage}"> previous &nbsp;<img src="http://static.tumblr.com/palmvjm/GFrmvyxq1/hearteu.png"></a>{/block:previouspage}{block:nextpage}&nbsp;&nbsp;<a href="{nextpage}">next &nbsp;<img src="http://static.tumblr.com/palmvjm/GFrmvyxq1/hearteu.png"> </a>{/block:nextpage}</div></div>{/block:pagination}{/block:ifnotinfinitescrll}
  257.  
  258. </div></div></div>
  259.  
  260. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}<!-- {block:NoRebloggedFrom}
  261. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  262. {/block:NoRebloggedFrom} -->
  263.  
  264. </body>
  265.  
  266. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!