API tools faq
paste
dawnne

thm 07; sqrs

dawnne
Nov 10th, 2014
1,591
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--- THEME 07 BY XIAO QI --- **milksin.tumblr.com**
  4.  
  5. basic rules apply.
  6. please just keep the credit where it's supposed to be.
  7. message me if there're any glitches in the codes.
  8. thank you for using this theme !!
  9.  
  10. --->
  11.  
  12. <html>
  13. <head>
  14. <title>{title}{block:PostSummary}; {PostSummary}{/block:PostSummary}
  15. </title>
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. <meta name="image:background" content=""/>
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:body" content="#000000"/>
  22. <meta name="color:links" content="#949494"/>
  23. <meta name="color:links hover" content="#ffffff"/>
  24. <meta name="color:border" content="#000000"/>
  25. <meta name="color:posts bg" content="#ffffff"/>
  26. <meta name="color:posts border" content="#c0c0c0"/>
  27. <meta name="color:posts info" content="#000000"/>
  28. <meta name="color:sidebar text" content="#949494"/>
  29. <meta name="color:desc bg" content="#cac0c0"/>
  30. <meta name="color:sidebar links bg" content="#ffc0cb"/>
  31. <meta name="color:scrollbar" content="#000000"/>
  32. <meta name="color:music player bg" content="#ffffff"/>
  33. <meta name="color:updates bg" content="#ffffff"/>
  34.  
  35. <meta name="if:200px" content="0"/>
  36. <meta name="if:250px" content="1"/>
  37. <meta name="if:400px" content="0"/>
  38. <meta name="if:show tags" content="0"/>
  39. <meta name="if:maximized background" content="0"/>
  40. <meta name="if:post fade" content="0"/>
  41. <meta name="if:infinite scroll" content="1"/>
  42. <meta name="if:show updates" content="1"/>
  43. <meta name="if:show music player" content="0"/>
  44.  
  45. <meta name="text:updates content" content="updates content here"/>
  46. <meta name="text:updates tab height" content="80"/>
  47. <meta name="text:music codes" content="optimized for billy player only"/>
  48. <meta name="text:link1" content=""/>
  49. <meta name="text:link1 url" content="/"/>
  50. <meta name="text:link2" content=""/>
  51. <meta name="text:link2 url" content="/"/>
  52. <meta name="text:link3" content=""/>
  53. <meta name="text:link3 url" content="/"/>
  54. <meta name="text:link4" content=""/>
  55. <meta name="text:link4 url" content="/"/>
  56. <meta name="text:link5" content=""/>
  57. <meta name="text:link5 url" content="/"/>
  58.  
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62. <script>
  63. (function($){
  64. $(document).ready(function(){
  65. $("a[title]").style_my_tooltips({
  66. tip_follows_cursor:true,
  67. tip_delay_time:80,
  68. tip_fade_speed:300,
  69. attribute:"title"
  70. });
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75. <style type="text/css">
  76. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  77.  
  78. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  79.  
  80. ::-webkit-scrollbar{
  81. width:4px;
  82. height:4px;
  83. background:rgba(0,0,0,0);
  84. }
  85. ::-webkit-scrollbar-thumb{
  86. background-color:{color:scrollbar};
  87. }
  88. #s-m-t-tooltip{
  89. max-width:330px;
  90. font-size:8px;
  91. font-family:"Lucida Console";
  92. border:1px solid {color:border};
  93. background-color:{color:background};
  94. color:{color:body};
  95. letter-spacing:1px;
  96. text-transform:uppercase;
  97. padding:3px 3px 3px 4px;
  98. margin:35px 0px 20px 35px;
  99. z-index:9999999999999999999999;
  100. }
  101. body{
  102. color:{color:body};
  103. font-family:arial;
  104. font-size:9px;
  105. word-wrap:break-word;
  106. margin:0;
  107. background-image:url('{image:background}');
  108. background-attachment:fixed;
  109. background-color:{color:background};
  110. {block:ifmaximizedbackground}
  111. background-repeat:no-repeat;
  112. background-size:cover;
  113. {/block:ifmaximizedbackground}
  114. }
  115. a{
  116. color:{color:links};
  117. text-decoration:none;
  118. }
  119. a:hover{
  120. color:{color:links hover};
  121. }
  122. .title{
  123. font-family:"Lucida Console";
  124. text-transform:uppercase;
  125. font-size:12px;
  126. }
  127. #content{
  128. margin:auto;
  129. {block:indexpage}
  130. {block:if250px}
  131. width:250px;
  132. {/block:if250px}
  133. {block:if200px}
  134. width:200px;
  135. {/block:if200px}
  136. {block:if400px}
  137. width:400px;
  138. {/block:if400px}
  139. {/block:indexpage}
  140. {block:permalinkpage}
  141. width:400px;
  142. {/block:permalinkpage}
  143. }
  144. #content blockquote{
  145. border-left:1px solid {color:border};
  146. margin:2px 10px 2px 10px;
  147. padding:0px 4px;
  148. }
  149. #content img{
  150. {block:indexpage}
  151. {block:if200px}
  152. max-width:200px;
  153. {/block:if200px}
  154. {block:if250px}
  155. width:250px;
  156. {/block:if250px}
  157. {block:if400px}
  158. width:400px;
  159. {/block:if400px}
  160. {/block:indexpage}
  161. {block:permalinkpage}
  162. width:400px;
  163. {/block:permalinkpage}
  164. }
  165. #posts{
  166. margin:90px -1px 90px;
  167. overflow:hidden;
  168. {block:ifpostfade}
  169. opacity:.8;
  170. {/block:ifpostfade}
  171. -webkit-transition-duration: 0.5s;
  172. -moz-transition-duration: 0.5s;
  173. -o-transition-duration: 0.5s;
  174. -ms-transition-duration: 0.5s;
  175. }
  176. #tpost{
  177. border:1px solid {color:posts border};
  178. background-color:{color:posts bg};
  179.  
  180. overflow:hidden;
  181. }
  182. #tpost:hover{
  183. border-radius:0px;
  184. }
  185. .info{
  186. background-color:{color:posts info};
  187. margin-top:-3px;
  188. padding:3px 0px 1px 2px;
  189. font-family:"Lucida Console";
  190. border-top:1px solid {color:posts border};
  191. }
  192. .inf{
  193. display:inline-block;
  194. }
  195. #tags{
  196. font-family:"Lucida Console";
  197. text-transform:uppercase;
  198. background-color:{color:posts info};
  199. opacity:0;
  200. margin-top:-8px;
  201. border-right:1px solid {color:posts border};
  202. border-left:1px solid {color:posts border};
  203. border-bottom:1px solid {color:posts border};
  204. padding:0px 0px 0px 2px;
  205. -webkit-transition-duration: 0.5s;
  206. -moz-transition-duration: 0.5s;
  207. -o-transition-duration: 0.5s;
  208. -ms-transition-duration: 0.5s;
  209. }
  210. #posts:hover{
  211. border-bottom:0px solid {color:posts border};
  212. opacity:1;
  213. -webkit-transition-duration: 0.5s;
  214. -moz-transition-duration: 0.5s;
  215. -o-transition-duration: 0.5s;
  216. -ms-transition-duration: 0.5s;
  217. }
  218. #posts:hover #tags{
  219. opacity:1;
  220. margin-top:-1px;
  221. -webkit-transition-duration: 0.5s;
  222. -moz-transition-duration: 0.5s;
  223. -o-transition-duration: 0.5s;
  224. -ms-transition-duration: 0.5s;
  225. }
  226. #sidebar{
  227. color:{color:sidebar text};
  228. position:fixed;
  229. {block:indexpage}
  230. {block:if200px}
  231. margin-left:290px;
  232. {/block:if200px}
  233. {block:if250px}
  234. margin-left:340px;
  235. {/block:if250px}
  236. {block:if400px}
  237. margin-left:490px;
  238. {/block:if400px}
  239. {/block:indexpage}
  240. {block:permalinkpage}
  241. margin-left:490px;
  242. {/block:permalinkpage}
  243. top:30%;
  244. }
  245. #desc1{
  246. font-family:"Lucida Console";
  247. font-size:9px;
  248. letter-spacing:1px;
  249. border:1px solid {color:border};
  250. padding:4px 4px 6px 4px;
  251. width:110px;
  252. height:30px;
  253. overflow:hidden;
  254. z-index:3;
  255. background-color:{color:desc bg};
  256. position:relative;
  257. opacity:1;
  258. line-height:10px;
  259. -webkit-transition-duration: 1s;
  260. -moz-transition-duration: 1s;
  261. -o-transition-duration: 1s;
  262. -ms-transition-duration: 1s;
  263. }
  264. #tlinks{
  265. border:1px solid {color:border};
  266. width:78px;
  267. height:23px;
  268. overflow:scroll;
  269. overflow-x:hidden;
  270. text-align:right;
  271. text-transform:uppercase;
  272. font-family:"Lucida Console";
  273. padding:4px 3px 3px 3px;
  274. font-size:8px;
  275. line-height:9px;
  276. margin-left:42px;
  277. margin-top:-23px;
  278. z-index:2;
  279. background-color:{color:sidebar links bg};
  280. opacity:.3;
  281. -webkit-transition-duration: .5s;
  282. -moz-transition-duration: .5s;
  283. -o-transition-duration: .5s;
  284. -ms-transition-duration: .5s;
  285. }
  286. .ta{
  287. display:inline-block;
  288. }
  289. .ta a{
  290. margin:1px 2px 1px 2px;
  291. letter-spacing:1px;
  292. opacity:0;
  293. color:{color:sidebar text};
  294. -webkit-transition-duration: 1s;
  295. -moz-transition-duration: 1s;
  296. -o-transition-duration: 1s;
  297. -ms-transition-duration: 1s;
  298. }
  299. .ta a:hover{
  300. color:{color:body};
  301. text-decoration:underline;
  302. }
  303. #sidebar:hover #tlinks{
  304. z-index:4;
  305. position:relative;
  306. opacity:1;
  307. background-color:{color:sidebar links bg};
  308. border:1px dashed {color:posts border};
  309. -webkit-transition-duration: 0.6s;
  310. -moz-transition-duration: 0.6s;
  311. -o-transition-duration: 0.6s;
  312. -ms-transition-duration: 0.6s;
  313. }
  314. #sidebar:hover #desc1{
  315. opacity:.5;
  316. z-index:1;
  317. border:1px dashed {color:border};
  318. -webkit-transition-duration: 0.6s;
  319. -moz-transition-duration: 0.6s;
  320. -o-transition-duration: 0.6s;
  321. -ms-transition-duration: 0.6s;
  322. }
  323. #sidebar:hover .ta a{
  324. opacity:1;
  325. -webkit-transition-duration: 1s;
  326. -moz-transition-duration: 1s;
  327. -o-transition-duration: 1s;
  328. -ms-transition-duration: 1s;
  329. }
  330. #audioplayer{
  331. width:27px;
  332. overflow-x:hidden;
  333. }
  334. #audioinfo{
  335. margin:10px 0px 10px;
  336. }
  337. #notecontainer{
  338. margin:auto;
  339. width:385px;
  340. z-index:9999;
  341. letter-spacing:1px;
  342. line-height:19px;
  343. margin-bottom:25px;
  344. display:block;
  345. max-height:220px;
  346. overflow:scroll;
  347. overflow-x:hidden;
  348. background-color:{color:posts bg};
  349. border:1px solid {color:posts border};
  350. margin-top:58px;
  351. padding-left:15px;
  352. }
  353. #notecontainer ol.notes {
  354. list-style-type: none;
  355. margin-bottom: 0;
  356. padding:0;
  357. }
  358. #notecontainer img.avatar {
  359. display:none;
  360. }
  361. #quote {
  362. font-family:"Lucida Console";
  363. text-transform:uppercase;
  364. font-size:10px;
  365. }
  366. #quotesrc {
  367. text-align:right;
  368. font-family:arial;
  369. font-size:8px;
  370. }
  371. #question {
  372. font-family:cambria;
  373. font-style:italic;
  374. font-size:10px;
  375. text-align:right;
  376. border-bottom:1px solid {color:border};
  377. padding:8px 10px 8px 10px;
  378. opacity:.9
  379. }
  380. #question a {
  381. text-decoration:none;
  382. color:{color:links};
  383. font-size:12px;
  384. }
  385. #question a:hover {
  386. text-decoration:none;
  387. color:{color:links hover};
  388. }
  389. #asker {
  390. font-size:11px;
  391. }
  392. #m{
  393. margin-top:5px;
  394. margin-left:-20px;
  395. z-index:9999;
  396. position:fixed;
  397. border:1px solid {color:border};
  398. padding:0px 0px 8px;
  399. width:52px;
  400. height:9px;
  401. overflow:hidden;
  402. background-color:{color:music player bg};
  403. {block:ifnotshowmusicplayer}
  404. display:none;
  405. {/block:ifnotshowmusicplayer}
  406. -webkit-transition-duration: 0.8s;
  407. -moz-transition-duration: 0.8s;
  408. -o-transition-duration: 0.8s;
  409. -ms-transition-duration: 0.8s;
  410. }
  411. #u1{
  412. font-size:9px;
  413. position:fixed;
  414. margin-top:12px;
  415. margin-left:40px;
  416. border:1px solid {color:border};
  417. width:9px;
  418. height:9px;
  419. padding:0px 1px 2px;
  420. text-align:center;
  421. background-color:{color:desc bg};
  422. {block:ifnotshowupdates}
  423. display:none;
  424. {/block:ifnotshowupdates}
  425.  
  426. }
  427. #u{
  428. z-index:1;
  429. color:{color:body};
  430. font-size:9px;
  431. opacity:0;
  432. margin-top:-12px;
  433. margin-left:-2px;
  434. padding:12px;
  435. width:50px;
  436. height:50px;
  437. overflow:hidden;
  438. background-color:{color:updates bg};
  439. -webkit-transition-duration: 0.8s;
  440. -moz-transition-duration: 0.8s;
  441. -o-transition-duration: 0.8s;
  442. -ms-transition-duration: 0.8s;
  443. }
  444. #u1:hover #u{
  445. opacity:1;
  446. width:120px;
  447. height:{text:updates tab height}px;
  448. border:1px solid {color:border};
  449. z-index:13;
  450. -webkit-transition-duration: 0.8s;
  451. -moz-transition-duration: 0.8s;
  452. -o-transition-duration: 0.8s;
  453. -ms-transition-duration: 0.8s;
  454. }
  455. .p{
  456. display:inline;
  457. }
  458. </style>
  459. </head>
  460. {block:ifinfinitescroll}
  461. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  462. {/block:ifinfinitescroll}
  463. <body>
  464.  
  465.  
  466. <div id="content">
  467. <div id="sidebar">
  468.  
  469. {block:ifnotinfinitescroll}
  470. {block:pagination}
  471. <div id="pagi">
  472. {block:previouspage}<div class="p"><a href="{previouspage}">prev</a></div>{/block:previouspage}
  473. {block:nextpage}<div class="p"><a href="{nextpage}">next</a></div>{/block:nextpage}
  474. </div>
  475. {/block:pagination}
  476. {/block:ifnotinfinitescroll}
  477. <div id="desc">
  478. <div id="desc1">
  479. {description}
  480. </div>
  481. <div id="tlinks">
  482. <div class="ta">
  483. {block:iflink1}<a href="{text:link1 url}">{text:link1}</a>{/block:iflink1}</div>
  484. <div class="ta">
  485. {block:iflink2}<a href="{text:link2 url}">{text:link2}</a>{/block:iflink2}
  486. </div><div class="ta">
  487. {block:iflink3}<a href="{text:link3 url}">{text:link3}</a>{/block:iflink3}
  488. </div><div class="ta">
  489. {block:iflink4}<a href="{text:link4 url}">{text:link4}</a>{/block:iflink4}
  490. </div><div class="ta">
  491. {block:iflink5}<a href="{text:link5 url}">{text:link5}</a>{/block:iflink5}
  492. </div></div>
  493. </div>
  494.  
  495. <div id="m">
  496. {text:music codes}
  497. </div>
  498. <div id="u1">+
  499. <div id="u">
  500. {text:updates content}
  501. </div></div>
  502. </div>
  503.  
  504. <div class="autopagerize_page_element">
  505. {block:posts}
  506. <div id="posts">
  507. <div id="tpost">
  508. {block:Photo}
  509. {LinkOpenTag}
  510. {block:indexpage}
  511. {block:if400px}<img src="{PhotoURL-400}" />{/block:if400px}
  512. {block:if250px}<img src="{PhotoURL-250}" />{/block:if250px}
  513. {block:if200px}<img src="{PhotoURL-250}" />{/block:if200px}
  514. {/block:indexpage}
  515. {block:permalinkpage}
  516. <img src="{PhotoURL-400}" />
  517. {/block:permalinkpage}
  518. {LinkCloseTag}
  519. {/block:Photo}
  520.  
  521. {block:Photoset}
  522. {block:indexpage}
  523. {block:if400px}{Photoset-400}{/block:if400px}
  524. {block:if250px}{Photoset-250}{/block:if250px}
  525. {block:if200px}{Photoset}{/block:if200px}
  526. {/block:indexpage}
  527. {block:permalinkpage}
  528. {photoset-400}
  529. {/block:permalinkpage}
  530. {/block:Photoset}
  531.  
  532. {block:Text}
  533. {block:Title}<div class="title">{Title}</div><br />{/block:Title}
  534. {Body}
  535. {/block:Text}
  536.  
  537. {block:Quote}
  538. <div id="quote">“{Quote}”</div>
  539. {block:Source}<br /><div id="quotesrc">{Source}</div>{/block:Source}
  540. {/block:Quote}
  541.  
  542. {block:Answer}
  543. <div id="question">
  544. {Asker} asked: {Question}
  545. </div>
  546. {Answer}
  547. {/block:Answer}
  548.  
  549. {block:Audio}<div id="audioplayer">
  550. {AudioPlayerWhite}</div>
  551. <div id="audioinfo">
  552. {block:TrackName}
  553. {TrackName}<br>
  554. {/block:TrackName}
  555. {block:Artist}
  556. by {Artist}
  557. {/block:Artist}
  558. </div>
  559. {/block:Audio}
  560.  
  561. {block:Link}
  562. <div class="title"><a href="{URL}" >{Name}</a></div>
  563. {block:Description}<br />{Description}{/block:Description}
  564. {/block:Link}
  565.  
  566. {block:Chat}
  567. {block:Title}{Title}<br />{/block:Title}
  568. {block:Lines}
  569. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>
  570. {/block:Lines}
  571. {/block:Chat}
  572.  
  573. {block:Video}
  574. {block:indexpage}
  575. {block:if400px}{Video-400}{/block:if400px}
  576.  
  577. {block:if250px}{Video-250}{/block:if250px}
  578. {block:indexpage}
  579. {block:permalinkpage}
  580. {Video-400}
  581. {/block:permalinkpage}
  582. {/block:Video}
  583.  
  584.  
  585. {block:permalinkpage}<p>{block:Caption}{Caption}{/block:Caption}</p>
  586. <p style="text-align:center;text-transform:uppercase;font-family:arial;letter-spacing:2px;margin:15px 0px 15px;">
  587. {block:Date}{DayOfMonthWithZero} {Month} {Year}{/block:Date}{block:NoteCount}<br>
  588. {NoteCountWithLabel}<br>
  589. {/block:NoteCount}
  590. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  591. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  592. {block:HasTags}<br>{block:Tags}<a href="{TagURL}"> #{Tag} </a>{/block:Tags}{/block:HasTags}
  593. </p>
  594. {/block:permalinkpage}
  595.  
  596. {block:indexpage}
  597. {block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}
  598. <div class="info"><div class="inf">
  599. <a href="{Permalink}" title="permalink // posted {timeago} ">{NoteCount}</a></div>
  600. <div class="inf">
  601. <a href="{ReblogURL}" target="_blank" title="reblog?">++</a></div>
  602. </div>
  603. </div>
  604. {block:ifshowtags}{block:hastags}<div id="tags">{block:tags}<a href="{tagurl}"> <small>#</small>{tag} </a>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  605. {/block:indexpage}
  606.  
  607. </div>
  608. {block:PostNotes}
  609. <div id="notecontainer">{PostNotes}</div>
  610. {/block:PostNotes}
  611. {/block:posts}
  612.  
  613. </div>
  614. <!-- i worked hard on this theme so please don't remove the credit or move it to a page. just dont touch it. i hope you understand. -->
  615. <a style="position:fixed;bottom:10px;right:10px;width:11px;height:11px;background-color:{color:background};border:1px solid {color:body}" href="http://milksin.tumblr.com" title="theme by xiao qi"/>
  616.  
  617. </body>
  618.  
  619.  
  620.  
  621.  
  622.  
  623. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!