Advertisement
dawnne

theme 05; 1AM

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