themes-wizard

theme900 for tumblr - by themes-wizard

Jan 28th, 2012
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.46 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <center>
  6.  
  7. <nav>
  8. <ul class="top-menu">
  9. <li><a href="/">Home</a><div class="menu-item" id="home"></div></li>
  10. <li><a href="/ask">ask/msg </a><div class="menu-item" id="cataloge"></div></li>
  11. <li><a href="/follow/{name}">follow</a><div class="menu-item" id="price"></div></li>
  12. <li><a href="{RSS}">RSS</a><div class="menu-item" id="about"></div></li>
  13. <li><a href="http://www.themes-wizard.tumblr.com">theme</a><div class="menu-item" id="contact"></div></li>
  14. </ul>
  15. </nav>
  16.  
  17. <meta name="color:Title" content="#D7439A"/>
  18. <meta name="color:Border" content="#dddddd"/>
  19. <meta name="color:Border Shadow" content="#b3b3b3"/>
  20. <meta name="color:Background" content="#f8f8f8"/>
  21. <meta name="image:Background" content=""/>
  22. <meta name="text:Disqus Shortname" content="" />
  23. <meta name="text:Google Analytics ID" content="" />
  24. <meta name="if:Show note count" content="1">
  25. <meta name="if:Show notes on permalink pages" content="1">
  26. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" />
  29.  
  30. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  31.  
  32. <script type="text/javascript">
  33.  
  34. var _gaq = _gaq || [];
  35. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  36. _gaq.push(['_trackPageview']);
  37.  
  38. (function() {
  39. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  40. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  41. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  42. })();
  43.  
  44. </script>
  45.  
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <style type="text/css">
  49.  
  50.  
  51.  
  52. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{margin:0;padding:0;list-style:none;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}code{font-family:monospace}em{font-style:italic}strong{font-weight:700}ol,ul{list-style:none;}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}fieldset,img,abbr,acronym{border:0}a{outline:0}form input:focus,form textarea:focus,form select:focus{outline:0}body{font:12px 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;}p{margin:10px 0}p + p{margin-top:0}abbr,acronym{border-bottom:#000 1px dotted}h1,h2,h3,h4,h5,h6{margin:0 0 10px 0;font-weight:bold}h1{font-size:500%}h2{font-size:300%}h3{font-size:200%}h4{font-size:150%}h5{font-size:130%}h6{font-size:100%}a{text-decoration:none}a:link,a:active,a:visited{color:#000000}a:hover{color:#ff0000}ul,ol{margin:0 0 0 0;}ul{list-style:disc}ol{list-style:decimal}fieldset{border:#ccc 1px solid;padding:0px 10px}legend{padding:5px}form{margin:0}form label{font-weight:bold;margin:0 0 0 0;display:block}form input,form textarea,form select{background:#fff;border:#aaa 0px solid;margin:0 0 0 0;padding:0px;width:504px;font:12px 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;}form input:focus,form textarea:focus,form select:focus{border:#000 0px solid;outline:0}form textarea{height:150px}form select{width:auto}form input[type="radio"],form input[type="checkbox"],form input[type="submit"]{width:auto}code,pre,tt,kbd{font:11px Monaco,'Andale Mono','Liberation Mono','Courier New',monotype}
  53.  
  54. body { width: 756px; position:relative; font-size: 12px; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; margin-left: auto; margin-right: auto; background: {color:Background} url('{image:Background}') }
  55.  
  56. #tumblr_controls { margin-top:-1px !important; margin-right:-3px !important; }
  57.  
  58. #wrap {width:756px; margin-left: auto; margin-right: auto; padding:0; margin-top:40px; margin-bottom:16px; }
  59. .description { line-height:18px; float:left; width:162px; padding: 12px 14px 14px 14px; margin-bottom:20px; border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(255,255,255,0.90); border-bottom: 1px solid {color:Border Shadow};}
  60. .description p { width:164px; margin:0;}
  61. .highres { line-height:18px; padding: 14px; border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(255,255,255,0.90); border-bottom: 1px solid {color:Border Shadow}; position:absolute; left-margin:20px; top-margin:20px; }
  62.  
  63. .navbar {list-style:none;float:left;width:190px; margin-bottom:20px; border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(255,255,255,0.90); padding:3px 0; border-bottom: 1px solid {color:Border Shadow}; }
  64. .navbar a:link, .navbar a:visited, .navbar a:active { float:left; width: 162px; color: #41D05F; font-size: 12px;font-weight: normal;text-transform: capitalize; text-decoration:none; background-color: rgba(255,255,255,0.90); padding: 10px 14px; margin: 0;}
  65. .navbar a:hover {color: #41D05F; text-transform: capitalize; padding: 10px 14px; width:162px; background:url()no-repeat right; }
  66.  
  67.  
  68.  
  69.  
  70.  
  71. .head-disc {list-style:none;float:left;width:500px; margin-bottom:20px; border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(255,255,255,0.90); padding:3px 0; border-bottom: 1px solid {color:Border Shadow}; }
  72. .head-disc a:link, .head-disc a:visited, .head-disc a:active { float:left; width: 162px; color: #000; font-size: 12px;font-weight: normal;text-transform: capitalize; text-decoration:none; background-color: rgba(255,255,255,0.90); padding: 10px 14px; margin: 0;}
  73. .head-disc a:hover {color: #dfc09808; text-transform: capitalize; padding: 10px 14px; width:162px; background:url()no-repeat right; }
  74.  
  75.  
  76.  
  77.  
  78.  
  79. a:link,a:visited,a:active{color:#000;text-decoration:underline;}
  80. a:hover{color:#300;}
  81. h2{font-size:14px;display:inline;margin:0 5px 0 0;}
  82. h2{color:#300;cursor:pointer;position:absolute;right:10px;top:10px;font-size:10px;}
  83. h3{font-size:16px;font-family:Georgia,times,serif;}
  84. h1 { float: left;font-size: 26px; font-weight:normal; color: #ADADAD;}
  85. h1 a:link,h1 a:visited,h1 a:active {font-weight:bold; font-size:26px; color:#000;text-decoration:underline; }
  86. h1 a:hover{color:#300;}
  87. h2{color:#300;cursor:pointer;position:absolute;right:10px;top:10px;font-size:10px;}
  88.  
  89. .outerbox {float:left; width:504px; margin:0 0 10px 0; padding: 0; }
  90.  
  91. .outerbox-notes {float:left; width:504px; margin:0 0 40px 0; }
  92.  
  93. .outerbox-nav {float:right; width:192px; margin:0 0 10px 30px; }
  94.  
  95.  
  96. .head-disc {float:left; width:525px; margin:0 0 10px 0px; }
  97.  
  98. .outerbox-head {float:left; width:756px; margin-bottom:40px; }
  99.  
  100. .outerbox-footer {float:left; width:756px; padding-bottom: 20px; }
  101.  
  102. .outerbox-heart { float:left; margin-left:-82px; vertical-align:top; width:82px; }
  103. .outerbox-nav a:hover {color: #dbb;}
  104. .outerbox-head a:hover {color: #cc213b;}
  105.  
  106.  
  107. #content{margin:0; padding:0px; width:504px;}
  108. #nav{width:504px; font-size:14px;font-weight:bold; margin-bottom: 40px; padding:14px; border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-bottom: 1px solid {color:Border Shadow}; }
  109. .footer {float:left; width:454px;}
  110. .footer a:link, .footer a:visited, .footer a:active {font-size:12px; margin-right:5px; }
  111. .powered {float:left; width: 302px;}
  112. .powered a:link, .powered a:visited, .powered a:active {font-size:12px; }
  113.  
  114. .title { float:left; font-weight:bold; color:#aaaaaa; font-size:24px; font-family:Georgia,times,serif; text-align:left; }
  115. .title a:link, .title a:visited, .title a:active {font-weight:bold; font-size:24px; color: {color:Title}; text-decoration:none; font-family:Georgia,times,serif; margin-right:15px; }
  116.  
  117. #search {float:left; width:192px;}
  118. #search p, #search form, #search ul {margin-top: 0;}
  119. #search a {color: #000;}
  120. #search .crazy{color: #000; width: 180px; vertical-align:top; font-size: 11px; line-height: 12px;font-weight: normal;text-decoration:none;border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(255,255,255,0.90); padding: 4px 5px; border-bottom: 1px solid {color:Border Shadow};}
  121. #search .submit {color: #000; font-size: 11px;line-height: 12px;font-weight: normal;text-transform: none;border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(255,255,255,0.90); padding: 4px 6px; cursor: pointer; border-bottom: 1px solid {color:Border Shadow}; margin-top:5px; }
  122.  
  123. .portrait { width:160px; height:900px; border: 0px solid #fff; overflow:hidden; }
  124. .portrait img { width:130px; margin-top:-1px; }
  125. .portraitbox { float:left; width:140px; height:149px; margin: 2px 8px 0 -1px; overflow:hidden; padding: 1px; border: 1px solid {color:Border}; background:#fff; }
  126. .portraitbox:hover { padding: 1px; border: 1px solid {color:Border}; background:#fff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
  127. .portraitbox:hover {color: #49a7f3;}
  128.  
  129. .portraitbg { float:right; width:65px; height:50px;}
  130.  
  131. .post {float:left; width:534px; }
  132. .mainpost { float:right; width:504px; margin-bottom:40px;padding:14px 14px 16px 14px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid {color:Border}; border-bottom: 1px solid {color:Border Shadow}; background-color: rgba(255,255,255,0.90); }
  133. .mainpost li {list-style-type: circle; margin-left:15px;line-height:18px;}
  134. .content { }
  135. .details {float:left;vertical-align: top; color: #aaaaaa; text-align:left; padding-top:20px;}
  136. .details a:link, .details a:visited, .details a:active { color: #aaaaaa; text-decoration: underline; text-transform:normal; margin-right:8px;}
  137. .details a:hover {color: #000;text-decoration: underline;}
  138. .conv li {list-style:none;margin:0;width:}
  139.  
  140. .heartbox { margin-top:5px; float:left; vertical-align:top; width:50px;color: #aaaaaa; width:50px; text-align:center; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(255,255,255,0.90); border: 1px solid {color:Border}; border-bottom: 1px solid {color:Border Shadow}; }
  141. .heartcounts {position:relative;vertical-align: top; color: #aaaaaa; line-height:18px; text-align:center; margin-bottom:9px; width:50px; padding-top:47px;background:url(http://static.tumblr.com/vxc5a6w/Go7l6j55a/heartgrey.png) no-repeat -5px -1px;}
  142. .heartcounts a:link, .heartcounts a:visited, .heartcounts a:active { font-size:18px; line-height:18px; color: #aaaaaa; text-decoration: none; text-transform:normal; font-family:georgia,times,serif;}
  143. .heartcounts a:hover {color: #000;text-decoration: none;}
  144. .theheart {width:50px;height:67px;color: #000;text-decoration: none; position:absolute;top:0;}
  145. .heartcounts:hover {margin-bottom:9px;color: #000;text-decoration: none; width:50px; background:url(http://static.tumblr.com/vxc5a6w/3Ydl6om7v/pinkheart.png) no-repeat -5px -1px;}
  146. .heartdate {float:left;vertical-align: top; color: #EBAaaaa; width:52px; margin-top:6px; text-align:center; }
  147.  
  148. .post img, .text img {max-width: 500px; padding: 1px; border: 1px solid {color:Border}; background:#fff; }
  149. .post img:hover {max-width: 500px; padding: 1px; border: 1px solid {color:Border}; background-color: #fff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
  150. .text blockquote img { padding: 5px 5px 5px 5px; background-color: #FFFFFF; border: 1px solid #E4E4E4; max-width: 202px; float: left; margin: 1px 5px 0 -1px; }
  151. .post blockquote { padding-left: 16px; border-left: 2px solid {color:Border};}
  152.  
  153. .movie {max-width: 500px; padding: 1px; border: 1px solid {color:Border}; background: #fff; margin-bottom:10px;}
  154. .movie:hover {max-width: 500px; padding: 1px; border: 1px solid {color:Border}; background: #fff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
  155.  
  156. .audio_player {float:left; border: 1px solid {color:Border}; padding: 0; margin-bottom:10px; width:207px;margin-right:93px; }
  157. .albumtitel {float:left; margin-bottom:5px; min-width:380px;}
  158. .audiocount {float:left;font-size:14px; margin-bottom:18px;width:380px;}
  159. .audioadd {float:left; width:504px;}
  160. .audiopost {float:left; width:504px;}
  161. .albumart {float:left;}
  162. .albumart img {max-height:95px;padding:1px; margin-right:20px;border: 1px solid {color:Border};}
  163. .albumart img:hover {max-height:95px;padding:1px; border: 1px solid {color:Border};}
  164.  
  165. .time {color: #aaaaaa; font-size:20px; line-height:normal;}
  166. .tagpage {width:504px; float:left; margin-bottom:20px; padding: 8px 14px 7px 14px; color: #000; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-transform:capitalize;font-weight:bold;border: 1px solid {color:Border}; border-bottom: 1px solid {color:Border Shadow};background-color: rgba(255,255,255,0.90);}
  167. .searchpage {width:504; float:left; margin-bottom:20px; padding: 8px 14px 7px 14px; color: #000; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-transform:capitalize;font-weight:bold;border: 1px solid {color:Border}; border-bottom: 1px solid {color:Border Shadow};background-color: rgba(255,255,255,0.90);}
  168.  
  169. .tweet {color:#00ADEF; list-style:none; text-align:left; position:relevant;}
  170. .tweet a:link, .tweet a:visited, .tweet a:active {border: 1px solid #ADADAD; color: #FFFFFF;font-size: 9px;line-height: 9px;font-weight: normal;text-transform: uppercase;text-decoration:none;background: #b6b6b6;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: 1px 5px 1px 5px;}
  171. .tweet a:hover {border: 1px solid #00ADEF; color: #fff;background:#00ADEF;}
  172.  
  173. .latesttw {list-style:none;float:left;width:192px;margin-top: 20px; padding:0;}
  174. .latesttw a:link, .latesttw a:visited, .latesttw a:active { float:left; width: 192px; color: #666666; font-size: 14px; font-family:Georgia,times,serif; font-weight: normal; text-transform: capitalize; text-decoration:none; margin-bottom: 10px; text-align:center;}
  175. .latesttw a:hover {color: #000; text-transform: capitalize;}
  176.  
  177. #tweets a { display: none; }
  178. #tweets a:first-child { display: block; }
  179. #tweets {color: #aaaaaa; text-align:left; float:left; border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(0,0,0,0.05); border-bottom: 1px solid {color:Border Shadow}; }
  180. #tweets a:link, #tweets a:visited, #tweets a:active { color: #000; line-height:18px; float:left; text-decoration: none; overflow:hidden; padding:10px 14px; width:162px; background: rgba(255,255,255,0.90); border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
  181. #tweets a:hover {color: #aaaaaa; text-decoration: underline;}
  182.  
  183. .contents {width:162px;overflow:hidden;}
  184.  
  185. .tags{color:#e3e3e3; list-style:none; }
  186. .tags a:link, .tags a:visited, .tags a:active {border: 1px solid {color:Border Shadow}; color: #FFFFFF;font-size: 9px;line-height: 9px;font-weight: normal;text-transform: uppercase;text-decoration: none;background: #b6b6b6;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: 1px 5px 1px 5px; }
  187. .tags a:hover {border: 1px solid #E80B8C; color: #fff; background: #E80B8C;}
  188.  
  189. .quote blockquote{margin:0 10px 0 0;}
  190. .quote cite{display:block;text-align:right;margin:10px 0 0 0;font-weight:bold;}
  191. .quote .deco{float:left;margin:0 5px 0 0;font-weight:bold;font-size:14px;}
  192. .link .go {font-weight:bold;font-size:16px;font-family:Georgia,times,serif;}
  193. .chat ul{list-style:none;margin:0;}
  194. .photo img,.audio object, {margin:500 0 15px 0;display:block;}
  195. .prev{float:left;}
  196. .next{float:right;}
  197. .clr{clear:both;}
  198.  
  199. .quotes {font-size: 20px;background-color: rgba(0,0,0,0.05);}
  200.  
  201. #desc {background-color: #eeeeee;width:748px;}
  202.  
  203. a.comments_link {color: #aaa;text-decoration: none;}
  204.  
  205. #disqus_thread {padding: 14px 14px 16px 14px; clear: both; width: 504px; background-color: rgba(255,255,255,0.90); border-radius: 5px;-moz-border-radius: 3px;-webkit-border-radius: 5px; border: 1px solid {color:Border}; border-bottom: 1px solid {color:Border Shadow};}
  206.  
  207. #ask_form {width: 504px;}
  208.  
  209. .quote-post {position: relative;background-color: rgba(0,0,0,0.05);}
  210. .quote blockquote {text-indent: 16px; margin: 0; padding: 0; font-size: 150%;}
  211. .quote .quote:before {content: '"';}
  212. .quote .quote:after {content: '"';}
  213. .quote .cite {color: ; margin-left: 0em; text-indent: 0em;}
  214.  
  215. ol.notes {float:left; padding: 14px; margin-top:-30px; width:504px; list-style-type: none; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-color: rgba(255,255,255,0.90); border: 1px solid {color:Border}; border-bottom: 1px solid {color:Border Shadow}; }
  216. ol.notes li.note {border-top: none;padding: 10px 0 10px 0;}
  217. ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  218. ol.notes li.note span.action {font-weight: normal;}
  219. ol.notes li.note .answer_content {font-weight: normal;}
  220. ol.notes li.note blockquote {border-left: 2px solid {color:Border};padding: 4px 10px; margin: 10px 0px 0px 16px;}
  221. ol.notes li.note blockquote a {text-decoration: none;}
  222.  
  223. .perm { color:#b6b6b6; margin-top:10px;}
  224. .perm a:link, .perm a:visited, .perm a:active {border: 1px solid #879DAD; color: #F3F3F3;font-size: 9px;line-height: 9px;font-weight: normal;text-transform: uppercase;text-decoration:none;background: url(http://26.media.tumblr.com/tumblr_l4d4iagTTp1qbif97o1_100.png);border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;padding: 1px 5px 1px 5px;margin-top:10px;}
  225. .perm a:hover {border: 1px solid #ADADAD; color: #fff;background: #b6b6b6;}
  226.  
  227. ul#likes {float:left;width: 162px; padding: 14px; margin-bottom: 10px; background-color: rgba(255,255,255,0.90); border: 1px solid {color:Border}; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-bottom: 1px solid {color:Border Shadow}; }
  228. ul#likes li.like_post { width: 162px; padding: 0 0 20px 0; }
  229. ul#likes li:last-child { padding: 0px; }
  230. ul#likes li.like_post h4 { font-size: 12px; font-weight: bold; margin: 0 0 8px 0; }
  231. ul#likes li.like_post img { max-width: 158px; }
  232. ul#likes li.like_post .post_info_top {color: #aaaaaa;font-size: 12px;text-transform: none;padding: 0 0 5px 0;display: block !important;}
  233. ul#likes li.like_post .post_info_top a {color: #aaaaaa; text-decoration: underline;}
  234. ul#likes li.like_post .post_info_top a:hover { color: #000;}
  235. ul#likes blockquote {border-left: 2px solid {color:Border};margin: 0 0 10px 0;padding: 0 0 0 8px;}
  236. ul#likes img {max-width: 158px;border: 1px solid {color:Border};margin: 0 0 10px 0;padding: 1px;}
  237. ul#likes img:hover {max-width: 158px;border: 2px solid #000000;margin: 0 0 10px 0;padding: 0;}
  238. ul#likes li.like_post .like_quote {font-style: italic;margin: 0 0 10px 0;}
  239. ul#likes li.like_post .like_line {margin: 0 0 5px 0;}
  240. ul#likes li.like_post .like_link {font-weight: bold;margin: 0 0 10px 0;}
  241. ul#likes li.like_post .like_title {font-weight: bold;margin: 0 0 10px 0;}
  242. ul#likes li.like_post .like_audio embed {width:162px;}
  243.  
  244.  
  245.  
  246. nav {
  247. width: 960px;
  248. height: 30px;
  249. margin: 2px auto;
  250. text-align: center;
  251. }
  252. .top-menu li {
  253. display: inline-block;
  254. text-align: center;
  255. margin: 30px 5px;
  256. position: relative;
  257. -webkit-transition: all 0.3s ease;
  258. -moz-transition: all 0.3s ease;
  259. -o-transition: all 0.3s ease;
  260. }
  261. .top-menu li:hover {
  262. margin: 30px 30px;
  263. }
  264. .top-menu li:active {
  265. margin: 35px 33px;
  266. }
  267. .top-menu li a {
  268. width: 100px;
  269. height: 50px;
  270. z-index: 9999;
  271. position: absolute;
  272. top: 35px;
  273. font-weight: bold;
  274. display: block;
  275. text-decoration: none;
  276. font-size: 20px;
  277. color: #fff;
  278. text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1);
  279. -webkit-transition: all 0.1s linear;
  280. -moz-transition: all 0.1s linear;
  281. -o-transition: all 0.1s linear;
  282. }
  283. .top-menu li:active a {
  284. font-size: 26px;
  285. top: 30px;
  286. text-shadow: none;
  287. }
  288. .top-menu li div.menu-item {
  289. width: 100px;
  290. height: 100px;
  291. display: block;
  292. -webkit-transition: all 0.2s ease;
  293. -moz-transition: all 0.2s ease;
  294. -o-transition: all 0.2s ease;
  295. -webkit-border-top-left-radius: 100px;
  296. -webkit-border-bottom-right-radius: 100px;
  297. -moz-border-radius-topleft: 100px;
  298. -moz-border-radius-bottomright: 100px;
  299. border-top-left-radius: 100px;
  300. border-bottom-right-radius: 100px;
  301. -webkit-transform: rotate(45deg);
  302. -moz-transform: rotate(45deg);
  303. -o-transform: rotate(45deg);
  304. }
  305. .top-menu li:hover div.menu-item{
  306. -webkit-border-top-left-radius: 80px;
  307. -webkit-border-bottom-right-radius: 80px;
  308. -moz-border-radius-topleft: 80px;
  309. -moz-border-radius-bottomright: 80px;
  310. border-top-left-radius: 80px;
  311. border-bottom-right-radius: 80px;
  312. -webkit-transform: rotate(225deg);
  313. -moz-transform: rotate(225deg);
  314. -o-transform: rotate(225deg);
  315. }
  316. .top-menu li:active div.menu-item{
  317. -webkit-border-top-left-radius: 50px;
  318. -webkit-border-bottom-right-radius: 50px;
  319. -moz-border-radius-topleft: 50px;
  320. -moz-border-radius-bottomright: 50px;
  321. border-top-left-radius: 50px;
  322. border-bottom-right-radius: 50px;
  323.  
  324. }
  325. #home { background: #41D05F; }
  326. #cataloge { background: #E42B2B; }
  327. #price { background: #ff8400; }
  328. #about { background: #a800ff; }
  329. #contact { background: #49a7f3; }
  330.  
  331.  
  332.  
  333. .pagination, .post-footer {
  334. border-top: 1px solid #49a7f3;
  335. clear: both;
  336. overflow: hidden;
  337. padding: 10px;
  338. text-transform: uppercase;
  339. }
  340. .pagination-left, .post-footer-left {
  341. float: left;
  342. }
  343.  
  344. .pagination-left, .post-footer-left {color:rgb(0,0,255);}
  345. .pagination-right, .post-footer-right {
  346. float: right;
  347. }
  348. .pagination span, .post-footer span {
  349. float: left;
  350. }
  351. .pagination-left span, .post-footer-left span {
  352. margin: 0 10px 0 0;
  353. }
  354. .pagination-right span, .post-footer-right span {
  355. margin: 0 0 0 10px;
  356. }
  357. .pagination .page-number {
  358. padding: 4px 9px;
  359. }
  360. .pagination .page-number, .pagination .current-page {
  361. border: 1px solid {color:Link};
  362. border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  363. color: {color:Link};
  364. font-weight: bold;
  365. padding: 4px 9px;
  366. }
  367. .pagination span a, .post-footer span a {
  368. background: {color:link};
  369. border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  370. color: #000;
  371. display: block;
  372. font-weight: bold;
  373. padding: 5px 10px;
  374. }
  375. .pagination span a:focus, .pagination span a:hover, .post-footer span a:focus, .post-footer span a:hover {
  376. background: #49a7f3;
  377. text-decoration: none;
  378. }
  379. .pagination .previous-page a, .post-footer .previous-post a {
  380. background: {color:Link} url("http://static.tumblr.com/euguvyd/r2El82x8d/left.png") no-repeat 9% center;
  381. padding: 5px 10px 5px 31px;
  382. }
  383. .pagination .previous-page a:focus, .pagination .previous-page a:hover, .post-footer .previous-post a:focus, .post-footer .previous-post a:hover {
  384. background: #41D05F url("http://static.tumblr.com/euguvyd/r2El82x8d/left.png") no-repeat 9% center;
  385. }
  386. .pagination .next-page a, .post-footer .next-post a {
  387. background: {color:Link} url("http://static.tumblr.com/euguvyd/HKOl82x9d/right.png") no-repeat 88% center;
  388. padding: 5px 31px 5px 10px;
  389. }
  390. .pagination .next-page a:focus, .pagination .next-page a:hover, .post-footer .next-post a:focus, .post-footer .next-post a:hover {
  391. background: #E42B2B url("http://static.tumblr.com/euguvyd/HKOl82x9d/right.png") no-repeat 88% center;
  392. }
  393.  
  394.  
  395.  
  396. #title{
  397. height: 90px;
  398. background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) repeat-x center top;
  399. float:left;
  400. position:relative;
  401. margin-left:35px;
  402. margin-top:40px;
  403. text-shadow: #000 0px 2px 0px;
  404.  
  405. }
  406.  
  407. #title h1{
  408. font-size:42px;
  409. font-weight:bold;
  410. text-shadow: #fff 0px 1px 0px;
  411. margin-top:15px;
  412. padding-left:5px;
  413. padding-right:5px;
  414.  
  415. }
  416.  
  417. #title a{
  418. text-decoration:none;
  419. color:#fff;
  420. font-weight:bold;
  421. text-shadow: #fff 0px 1px 0px;
  422. padding:0;
  423. display:block;
  424. }
  425.  
  426. #title b{
  427. height:93px;
  428. width:36px;
  429. position: absolute;
  430. top:0px;
  431. }
  432.  
  433. #title b.left{
  434. background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) top left;
  435. left:-36px;
  436. }
  437.  
  438. #title b.right{
  439. background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) top right;
  440. right:-36px;
  441. }
  442.  
  443.  
  444.  
  445.  
  446.  
  447. ul#sliding-navigation
  448. {
  449. list-style: none;
  450. font-size: .75em;
  451. margin: 30px 0;
  452. }
  453.  
  454. ul#sliding-navigation li.sliding-element h3,
  455. ul#sliding-navigation li.sliding-element a
  456. {
  457. display: block;
  458. width: 150px;
  459. padding: 5px 15px;
  460. margin: 0;
  461. margin-bottom: 5px;
  462. }
  463.  
  464. ul#sliding-navigation li.sliding-element h3
  465. {
  466. color: #fff;
  467. background: #333;
  468. border: 1px solid #1a1a1a;
  469. font-weight: normal;
  470. }
  471.  
  472. ul#sliding-navigation li.sliding-element a
  473. {
  474. color: #999;
  475. background: #222;
  476. border: 1px solid #1a1a1a;
  477. text-decoration: none;
  478. }
  479. li.sliding-element:hover {
  480. color: #41D05F
  481. }
  482.  
  483.  
  484. .permalink_notes{{block:IfNotesZoomIn}font-size:70px;width:400px;margin-left:-50px;{/block:IfNotesZoomIn}{block:IfNotNotesZoomIn}font-size:40px;width:300px;{/block:IfNotNotesZoomIn}letter-spacing: -2px;display:block; position:absolute; color:{color:Post hover text};font-weight:bold;opacity:0;margin-top: 90px; text-align: center; padding-left: 5px;padding-top:4px;padding-bottom:2px;font-style:normal;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
  485. #entry:hover .permalink_notes {opacity:1;font-size:40px;width:300px; margin-left:0px;display: block;{block:ifvignette}text-shadow: 0 0 0.15em rgba(0,0,0,0.2), 0 0 0.15em rgba(0,0,0,0.2),0 0 0.25em rgba(0,0,0,0.15);{/block:ifvignette}-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;}.permalink_notes a {color:{color:Post hover text};}
  486. .permalink_info{ font-size:11px;display:block;
  487. position:absolute;width:300px; font-weight:bold;opacity:0;margin-top: 115px; text-align:center;
  488. padding-left: 5px;padding-top:4px;color:{color:Post hover text};padding-bottom:2px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
  489. .permalink_info a {color:{color:Post hover text};}
  490. #entry:hover .permalink_info {opacity:1;display: block;{block:ifvignette}text-shadow: 0 0 0.25em rgba(0,0,0,0.3), 0 0 0.25em rgba(0,0,0,0.3),0 0 0.25em rgba(0,0,0,0.3);{/block:ifvignette}
  491. -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;}
  492. .permalink{font-size:184px;display:block;position:absolute;width:300px;height:200px;margin-top:0px;text-align: center;background-color:{color:Post hover};opacity: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
  493. #entry:hover .permalink {display:block; opacity: 0.9;{block:ifvignette}-moz-box-shadow: inset 0 0 75px rgba(0,0,0,0.5);-webkit-box-shadow: inset 0 0 75px rgba(0,0,0,0.5);box-shadow: inset 0 0 75px rgba(0,0,0,0.5);{/block:ifvignette}-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}.date2 a {color:;}.date2 a:hover {color:;}
  494. #answer{margin-top: 1px;}div#audioinfo{z-index:2;position:absolute;background:white;opacity:0.7;padding:10px;width:280px;margin-top:75px;overflow:hidden;}div#audioinfo2{z-index:2;position:absolute;background:white;opacity:0.7;padding:0 10px;width:280px;margin-top:122px;height:0px;-webkit-transition: all 0.3s linear;overflow:hidden;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;}#entry:hover div#audioinfo2{z-index:2;position:absolute;background:white;opacity:0.7;padding:10px;height:auto;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
  495.  
  496. #permalinkpage{width:500px;{block:IfSidebar}margin:15px 75px;{/block:IfSidebar}{block:IfNotSidebar}margin:15px auto;{/block:IfNotSidebar}height:auto;padding:20px;background-color:{color:center};{block:Ifshadow}-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.2);{/block:Ifshadow}{block:Ifborders}border:1px solid {color:border};{/block:Ifborders}}
  497.  
  498. #permalinkinfo{{block:Ifborders}border:1px solid {color:border};{/block:Ifborders}{block:IfSidebar}margin-left:75px;{/block:IfSidebar}{block:IfNotSidebar}margin:auto;{/block:IfNotSidebar}width:500px;padding:20px;text-align:center;background-color:{color:center};{block:Ifshadow}-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.2);{/block:Ifshadow}}
  499.  
  500.  
  501.  
  502. #photo {width:500px; height: 140px;}
  503. #photo img{min-height:140px;}
  504. p{ margin-top:0px; margin-bottom:0px;}
  505. .label {font-weight:bold;}
  506. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  507. blockquote{padding:0px; padding-left:5px; margin:5px;}
  508. blockquote img{display:block; width:100%;}
  509. blockquote p{padding:0px; margin:0px;}
  510. blockquote blockquote{position:relative;left:-2px;margin-top:0px;margin-right:0px;padding-right:0px;}{block:IndexPage}#entry img{margin-top:0px;}{/block:IndexPage}{block:IndexPage}#entry img{width:300px;} {/block:IndexPage}{block:IndexPage}#entry object, embed{width:300px; margin-left:0px; margin-top:0px;}{/block:IndexPage}{block:PermalinkPage}#entry object, embed{width:500px;}{/block:PermalinkPage}{block:PermalinkPage}#entry img{max-width:500px;}{/block:PermalinkPage}
  511. #notes{background-color:{color:center};display:block;width: 490px;line-height: 18px;float: right;padding: 5px;margin-top: 10px;text-align: left;}
  512. .notes img{width:15px;position:relative;top:2.5px;}
  513. ol.notes, .notes li{list-style:none;margin-left:20px;padding:0px;}
  514. .audioinfo{display:block;margin-left:0px;margin-top:0px;margin-bottom:4px;text-align: left;height:10px;padding:2px;width:100px;}
  515.  
  516. {CustomCSS}
  517. </style>
  518. </head>
  519. <body>
  520. <div id="wrap">
  521.  
  522. <div class="outerbox-head">
  523.  
  524. <div id="title"><h1><a href="/">{Title}</a></h1><b class="left"></b><b class="right"></b></div>
  525.  
  526. </div>
  527.  
  528.  
  529.  
  530.  
  531. <div class="head-disc">
  532. <p>
  533.  
  534.  
  535.  
  536. {block:Description}
  537.  
  538. <p>{Description}</p>
  539. <center>
  540. <span st_url='{Permalink}' st_title='{Title}' class='st_sharethis_large' ></span><span st_url='{Permalink}' st_title='{Title}' class='st_twitter_large' ></span><span st_url='{Permalink}' st_title='{Title}' class='st_facebook_large' ></span><span st_url='{Permalink}' st_title='{Title}' class='st_email_large' ></span>
  541. <script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:''});</script>
  542. </center>
  543.  
  544. {/block:Description}
  545.  
  546.  
  547. </div>
  548.  
  549.  
  550.  
  551. </div>
  552. </div>
  553. </center>
  554. <div class="outerbox-nav">
  555.  
  556. <div class="description">
  557. <div class="portraitbox">
  558. <div class="portrait">
  559. <img src="{PortraitURL-96}">
  560. </div>
  561. </div>
  562.  
  563.  
  564.  
  565.  
  566.  
  567. </div>
  568.  
  569. <div class="navbar">
  570. <a href="/">Home</a>
  571. <a href="/follow/{name}">follow Me</a>
  572.  
  573. {block:AskEnabled}<a href="/ask">ask me anything </a>{/block:AskEnabled}
  574. {block:SubmissionsEnabled}<a href="/submit">submite your post</a>{/block:SubmissionsEnabled}
  575. <a href="/archive">Archive</a>
  576. <a href="{RSS}">RSS</a>
  577. <a href="/mobile">Mobile</a>
  578. <a href="http://www.themes-wizard.tumblr.com"> themes</a>
  579.  
  580.  
  581. <ul id="sliding-navigation">
  582. <li class="sliding-element"><h3>my pages</h3></li>
  583.  
  584.  
  585. {block:Pages} <li class="sliding-element"><a href="{URL}">{Label}</a></li> {/block:Pages}
  586. </ul>
  587. </div>
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598. <div id="search">
  599. <form action="/search" method="get">
  600. <input class="crazy" type="text" name="q"/ >
  601. <input type="submit" value="Search"/ class="submit">
  602. </form>
  603. </div>
  604.  
  605. {block:IndexPage}
  606.  
  607. {/block:IndexPage}
  608.  
  609. {block:IndexPage}
  610. {block:Twitter}
  611. <div id="twitter" style="display:none;">
  612. <div class="latesttw"><a href="http://twitter.com/{TwitterUsername}">Latest Tweet:</a></div>
  613. <div id="tweets"></div>
  614.  
  615. </div>
  616. <script type="text/javascript">
  617. function recent_tweets(data) {
  618. for (i=0; i<data.length; i++) {
  619. document.getElementById("tweets").innerHTML =
  620. document.getElementById("tweets").innerHTML +
  621. '<a href="http://twitter.com/{TwitterUsername}/status/' +
  622. data[i].id + '"><div class="contents">' + data[i].text +
  623. '</div></a>';
  624. }
  625. document.getElementById("twitter").style.display = 'block';
  626. }
  627. </script>
  628. {/block:Twitter}
  629. {/block:IndexPage}
  630. </div>
  631.  
  632.  
  633. <div class="outerbox">
  634.  
  635. {block:SearchPage}<div class="searchpage">Search results for "{SearchQuery}":</div>{/block:SearchPage}
  636. {block:TagPage}
  637. <div class="tagpage">"{Tag}"</div>
  638. {/block:TagPage}
  639.  
  640. {block:Posts}
  641.  
  642. {block:Text}
  643. <div class="post text">
  644. <div class="outerbox-post">
  645. <div class="mainpost">
  646. <div class="content">
  647. {block:Title}<h3>{Title}</h3>{/block:Title}
  648. {Body}
  649. </div>
  650. <font size= 3><font color="red">
  651. <a href="{reblogURL}">Reblog</a></font></font>
  652.  
  653. <span st_url='{Permalink}' st_title='{Title}' class='st_sharethis_button' displayText='ShareThis'></span><span st_url='{Permalink}' st_title='{Title}' class='st_twitter_button' displayText='Tweet'></span><span st_url='{Permalink}' st_title='{Title}' class='st_facebook_button' displayText='Facebook'></span><span st_url='{Permalink}' st_title='{Title}' class='st_plusone_button' ></span>
  654.  
  655.  
  656.  
  657. <script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:''});</script>
  658.  
  659.  
  660.  
  661.  
  662.  
  663. {block:Date}<div class="details">{block:IfDisqusShortname} <a href="{Permalink}#disqus_thread" class="comments_link">comments</a>{/block:IfDisqusShortname} <span class="tags"><a href="{Permalink}">&para;</a></span>{block:Twitter}<span class="tweet"><a href="http://twitter.com/home?status={ShortURL}">Tweet it</a></span>{/block:Twitter}</div>{/block:Date}
  664. </div>
  665. </div>
  666.  
  667.  
  668.  
  669.  
  670.  
  671.  
  672.  
  673. {block:Date}<div class="outerbox-heart"><div class="heartbox"><div class="heartcounts"><a href="{Permalink}"><div class="theheart"></div>{NoteCount}</a></div></div><div class="heartdate">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div></div>{/block:Date}
  674. </div>
  675. </div>
  676.  
  677.  
  678.  
  679.  
  680.  
  681. {/block:Text}
  682.  
  683.  
  684. {block:Photo}
  685.  
  686. <div class="post photo">
  687. <div class="mainpost">
  688. <div class="content">
  689. {block:Title}<h3>{Title}</h3>{/block:Title}
  690. {LinkOpenTag}<img alt="{PhotoAlt}" src="{PhotoURL-500}"/>{LinkCloseTag}
  691.  
  692.  
  693.  
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706. </div>
  707. {block:Date}<div class="details">{block:IfDisqusShortname}{block:HighRes}<a href="{PhotoURL-HighRes}">High-res version</a>{/block:HighRes}
  708. <a href="{Permalink}#disqus_thread" class="comments_link">comments</a>{/block:IfDisqusShortname} <span class="tags"><a href="{Permalink}">&para;</a></span>{block:Twitter}<span class="tweet"><a href="http://twitter.com/home?status={ShortURL}">Tweet it</a></span>{/block:Twitter}</div>{/block:Date}
  709. </div>
  710. {block:Date}<div class="outerbox-heart"><div class="heartbox"><div class="heartcounts"><a href="{Permalink}"><div class="theheart"></div>{NoteCount}</a></div></div><div class="heartdate">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  711.  
  712.  
  713. <span st_url='{Permalink}' st_title='{Title}' class='st_twitter_large' ></span><br /><span st_url='{Permalink}' st_title='{Title}' class='st_facebook_large' ></span><br /><span st_url='{Permalink}' st_title='{Title}' class='st_email_large' ></span><br /><span st_url='{Permalink}' st_title='{Title}' class='st_sharethis_large' ></span><br /><script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:''});</script>
  714.  
  715. <font color="red" size= 3>
  716. <a href="{reblogURL}">Reblog this >>--></a></font>
  717.  
  718.  
  719. </div>{/block:Date}
  720.  
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727. </div>
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735.  
  736.  
  737. {/block:Photo}
  738.  
  739. {block:Quote}
  740. <div class="post quote">
  741. <div class="mainpost">
  742. <div class="content">
  743. <div class="quotes">"{Quote}"</div>
  744. {block:Source}<cite>{Source}</cite>{/block:Source}
  745. </div>
  746. {block:Date}<div class="details">{block:IfDisqusShortname} <a href="{Permalink}#disqus_thread" class="comments_link">comments</a>{/block:IfDisqusShortname} <span class="tags"><a href="{Permalink}">&para;</a></span>{block:Twitter}<span class="tweet"><a href="http://twitter.com/home?status={ShortURL}">Tweet it</a></span>{/block:Twitter}{block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>{/block:Date}
  747. </div>
  748. {block:Date}<div class="outerbox-heart"><div class="heartbox"><div class="heartcounts"><a href="{Permalink}"><div class="theheart"></div>{NoteCount}</a></div></div><div class="heartdate">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div></div>{/block:Date}
  749.  
  750.  
  751. </div>
  752.  
  753.  
  754.  
  755.  
  756. {/block:Quote}
  757.  
  758. {block:Link}
  759. <div class="post link">
  760.  
  761. <div class="mainpost">
  762. <div class="content">
  763. <a class="go" href="{URL}">{Name}</a>
  764.  
  765.  
  766. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"><img src="http://assets.tumblr.com/images/iframe_reblog_alpha.png?4"/></a>
  767.  
  768. <span st_url='{Permalink}' st_title='{Title}' class='st_sharethis_button' displayText='ShareThis'></span><span st_url='{Permalink}' st_title='{Title}' class='st_twitter_button' displayText='Tweet'></span><span st_url='{Permalink}' st_title='{Title}' class='st_facebook_button' displayText='Facebook'></span><span st_url='{Permalink}' st_title='{Title}' class='st_plusone_button' ></span>
  769.  
  770.  
  771.  
  772. <script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:''});</script>
  773.  
  774.  
  775.  
  776.  
  777. {block:Description}{Description}{/block:Description}
  778. </div>
  779. {block:Date}<div class="details">{block:IfDisqusShortname} <a href="{Permalink}#disqus_thread" class="comments_link">comments</a>{/block:IfDisqusShortname} <span class="tags"><a href="{Permalink}">&para;</a></span>{block:Twitter}<span class="tweet"><a href="http://twitter.com/home?status={ShortURL}">Tweet it</a></span>{/block:Twitter}{block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>{/block:Date}
  780. </div>
  781. {block:Date}<div class="outerbox-heart"><div class="heartbox"><div class="heartcounts"><a href="{Permalink}"><div class="theheart"></div>{NoteCount}</a></div></div><div class="heartdate">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div></div>{/block:Date}
  782. </div>
  783. {/block:Link}
  784.  
  785. {block:Chat}
  786. <div class="post chat">
  787.  
  788. <div class="mainpost">
  789. <div class="content">
  790. {block:Title}<h3>{Title}</h3>{/block:Title}
  791. <ul class="conv">
  792. {block:Lines}<li class="{Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>{/block:Lines}
  793. </ul>
  794. </div>
  795. {block:Date}<div class="details">{block:IfDisqusShortname} <a href="{Permalink}#disqus_thread" class="comments_link">comments</a>{/block:IfDisqusShortname} <span class="tags"><a href="{Permalink}">&para;</a></span>{block:Twitter}<span class="tweet"><a href="http://twitter.com/home?status={ShortURL}">Tweet it</a></span>{/block:Twitter}{block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>{/block:Date}
  796. </div>
  797. {block:Date}<div class="outerbox-heart"><div class="heartbox"><div class="heartcounts"><a href="{Permalink}"><div class="theheart"></div>{NoteCount}</a></div></div><div class="heartdate">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div></div>{/block:Date}
  798. </div>
  799. {/block:Chat}
  800.  
  801.  
  802. {block:Audio}
  803. <div class="post audio">
  804. <div class="mainpost">
  805.  
  806. <div class="content">
  807. <div class="audiopost">
  808.  
  809. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  810.  
  811. <div class="albumtitel"><h3>{block:TrackName}"{TrackName}"{/block:TrackName} by {block:Artist}{Artist}.{/block:Artist}</h3></div>
  812.  
  813. <div class="audiocount">{block:Album}Album: {Album}. {/block:Album}Played {FormattedPlayCount} times.</div>
  814.  
  815. {AudioPlayer}
  816.  
  817. <div class="audioadd">{block:Caption}{Caption}{/block:Caption}</div>
  818.  
  819. </div>
  820. </div>
  821.  
  822.  
  823. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"><img src="http://assets.tumblr.com/images/iframe_reblog_alpha.png?4"/></a>
  824.  
  825. <span st_url='{Permalink}' st_title='{Title}' class='st_sharethis_button' displayText='ShareThis'></span><span st_url='{Permalink}' st_title='{Title}' class='st_twitter_button' displayText='Tweet'></span><span st_url='{Permalink}' st_title='{Title}' class='st_facebook_button' displayText='Facebook'></span><span st_url='{Permalink}' st_title='{Title}' class='st_plusone_button' ></span>
  826.  
  827.  
  828.  
  829. <script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:''});</script>
  830.  
  831.  
  832. {block:Date}<div class="details">{block:IfDisqusShortname} <a href="{Permalink}#disqus_thread" class="comments_link">comments</a>{/block:IfDisqusShortname} <span class="tags"><a href="{Permalink}">&para;</a></span>{block:ExternalAudio}<a href="{ExternalAudioURL}">Download here</a>{/block:ExternalAudio}{block:Twitter}<span class="tweet"><a href="http://twitter.com/home?status={ShortURL}">Tweet it</a></span>{/block:Twitter}{block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>{/block:Date}
  833. </div>
  834. {block:Date}<div class="outerbox-heart"><div class="heartbox"><div class="heartcounts"><a href="{Permalink}"><div class="theheart"></div>{NoteCount}</a></div></div><div class="heartdate">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div></div>{/block:Date}
  835.  
  836.  
  837.  
  838.  
  839. </div>
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846. {/block:Audio}
  847.  
  848. {block:Video}
  849. <div class="post video">
  850.  
  851. <div class="mainpost">
  852. <div class="content">
  853. {block:Title}<h3>{Title}</h3>{/block:Title}
  854. <div class="movie">{Video-500}</div>
  855. {block:Caption}{Caption}{/block:Caption}
  856. </div>
  857. {block:Date}<div class="details">{block:IfDisqusShortname} <a href="{Permalink}#disqus_thread" class="comments_link">comments</a>{/block:IfDisqusShortname} <span class="tags"><a href="{Permalink}">&para;</a></span>{block:Twitter}<span class="tweet"><a href="http://twitter.com/home?status={ShortURL}">Tweet it</a></span>{/block:Twitter}{block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>{/block:Date}
  858. </div>
  859. {block:Date}<div class="outerbox-heart"><div class="heartbox"><div class="heartcounts"><a href="{Permalink}"><div class="theheart"></div>{NoteCount}</a></div></div><div class="heartdate">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div></div>{/block:Date}
  860. {/block:Video}
  861.  
  862. {block:Date}
  863. {block:IfDisqusShortname}
  864. {block:Permalink}
  865. <div id="disqus_thread"></div>
  866. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  867. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript>
  868. {/block:Permalink}
  869. {/block:IfDisqusShortname}
  870. {/block:Date}
  871.  
  872. {/block:Posts}
  873. </div>
  874.  
  875. {block:PostNotes}
  876. <div class="outerbox-notes">
  877. {PostNotes}
  878. </div>
  879. {/block:PostNotes}
  880.  
  881.  
  882. <div class="outerbox">
  883. <div id="nav">
  884. <font color="black">
  885. {block:Pagination}
  886. <div class="pagination">
  887. <div class="pagination-left">
  888.  
  889. <span class="random"><a href="/random">Random</a></span>
  890. </div><!-- .pagination-left -->
  891. <div class="pagination-right">
  892. {block:PreviousPage}<span class="previous-page"><a href="{PreviousPage}">Previous Page</a></span>{/block:PreviousPage}
  893. <span class="page-number">Page {CurrentPage} of {TotalPages}</span>
  894. {block:IfEnableJumpPagination}{block:JumpPagination length="5"}
  895. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  896. {block:JumpPage}<span class="jump-page"><a href="{URL}">{PageNumber}</a></span>{/block:JumpPage}
  897. {/block:JumpPagination}{/block:IfEnableJumpPagination}
  898. {block:NextPage}<span class="next-page"><a href="{NextPage}">Next Page</a></span>{/block:NextPage}
  899. </div><!-- .pagination-right -->
  900. </div><!-- .pagination -->
  901. {/block:Pagination}</font>
  902. </div></div>
  903.  
  904.  
  905.  
  906. </div>
  907. {block:IfDisqusShortname}
  908. <script type="text/javascript">
  909. //<![CDATA[
  910. (function() {
  911. var links = document.getElementsByTagName('a');
  912. var query = '?';
  913. for(var i = 0; i < links.length; i++) {
  914. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  915. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  916. }
  917. }
  918. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  919. })();
  920. //]]>
  921. </script>
  922. {/block:IfDisqusShortname}
  923.  
  924. <!-- Put this at the bottom of the page -->
  925. {block:Twitter}
  926. <script type="text/javascript" src="/tweets.js"></script>
  927. {/block:Twitter}
  928. </body>
  929. </html>
Advertisement
Add Comment
Please, Sign In to add comment