API tools faq
paste
dohdoro

star crossed

dohdoro
Feb 22nd, 2014
2,074
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. {block:IfInfiniteScroll}
  7. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  8. {/block:IfInfiniteScroll}
  9.  
  10. <link rel="shortcut icon" href="{Favicon}" />
  11.  
  12. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  14.  
  15.  
  16. <!-- Starcrossed THEME BY DOHDORO ----//*********
  17.  
  18. ***DO NOT REMOVE THE CREDIT PLEASE.
  19. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  20. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  21. ***DO NOT USE AS BASE --->
  22.  
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#afafaf"/>
  26. <meta name="color:Bold" content="#000000"/>
  27. <meta name="color:Italic" content="#000000"/>
  28. <meta name="color:Links" content="#afafaf"/>
  29. <meta name="color:Links hover" content="#000000"/>
  30. <meta name="color:description text" content="#ffffff"/>
  31. <meta name="color:Title" content="#ffffff"/>
  32. <meta name="color:Audio Border" content="#eeeeee"/>
  33. <meta name="color:Post Border" content="#eeeeee"/>
  34. <meta name="color:Posts Background" content="#ffffff"/>
  35. <meta name="color:top bar" content="#000000"/>
  36. <meta name="color:link bar" content="#40E0D0"/>
  37. <meta name="color:top links" content="#ffffff"/>
  38. <meta name="color:bottom bar" content="#000000"/>
  39. <meta name="color:image border" content="#ffffff"/>
  40. <meta name="color:navigation border" content="#ffffff"/>
  41. <meta name="color:Navigation" content="#ffffff"/>
  42. <meta name="color:info border" content="#eeeeeee"/>
  43. <meta name="color:info" content="#eeeeeee"/>
  44. <meta name="color:Asker Text" content="#000000"/>
  45. <meta name="color:Question Text" content="#000000"/>
  46. <meta name="color:Answer Text" content="#888888"/>
  47. <meta name="color:Answer Background" content="#40e0d0"/>
  48. <meta name="color:askbox border" content="#eeeeee"/>
  49. <meta name="color:Caption Background" content="#fafafa"/>
  50. <meta name="color:Caption Text" content="#afafaf"/>
  51. <meta name="color:caption border" content="#eeeeee"/>
  52.  
  53.  
  54. <meta name="image:Background" content=""/>
  55. <meta name="image:Bar image" content=""/>
  56. <meta name="image:description image" content=""/>
  57. <meta name="if:Show Captions" content="0">
  58. <meta name="if:Infinite Scroll" content"0">
  59.  
  60.  
  61.  
  62. <meta name="text:Nav 1 URL" content="">
  63. <meta name="text:Nav 1 title" content="links">
  64. <meta name="text:Nav 2 URL" content="">
  65. <meta name="text:Nav 2 title" content="links">
  66. <meta name="text:Nav 3 URL" content="">
  67. <meta name="text:Nav 3 title" content="links">
  68. <meta name="text:Nav 4 URL" content="">
  69. <meta name="text:Nav 4 title" content="links">
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. ::-webkit-scrollbar {width: 5px; height:1px; background: #ffffff; }
  79. ::-webkit-scrollbar-thumb { background-color: #000000; }
  80.  
  81. body {
  82. font:10px consolas;
  83. color:{color:Text};
  84. background:{color:Background};
  85. background-image:url('{image:Background}');
  86. background-repeat:no-repeat;
  87. background-attachment:fixed;
  88. background-position:left bottom;
  89.  
  90.  
  91. }
  92.  
  93.  
  94. a {
  95. color:{color:Links};
  96. text-decoration:none;
  97. -webkit-transition: .7s ease-in-out;
  98.  
  99. }
  100.  
  101. a:hover {
  102. color:{color:Links Hover};
  103. -webkit-transition: .7s ease-in-out;
  104.  
  105. }
  106.  
  107. b, strong{
  108. color:{color:Bold};
  109.  
  110. }
  111.  
  112. i, em {
  113. color:{color:Italic};
  114.  
  115. }
  116.  
  117. blockquote {
  118. Background:{color:Caption Background};
  119. }
  120.  
  121.  
  122. #title {
  123. position:fixed;
  124. display:block;
  125. z-index:99999;
  126. margin-left:210px;
  127. margin-top:-110px;
  128. width:130px;
  129. height:100;
  130. font-family:helvetica sans serif;
  131. text-align:center;
  132. font-size:35px;
  133. line-height:20px;
  134. letter-spacing:-3px;
  135. padding:0px;
  136. text-transform:lowercase;
  137. color:{color:title};
  138.  
  139. }
  140.  
  141. #barbarbar {
  142. position:fixed;
  143. z-index:99999;
  144. width:100%;
  145. height:70px;
  146. top:0px;
  147. left:0px;
  148. background:{color:top bar};
  149. background-image:url('{image:Bar image}');
  150. background-repeat:repeat;
  151. background-attachment:fixed;
  152. outline:30px solid {color:link bar};
  153.  
  154. }
  155.  
  156. #toplinks {
  157. position:fixed;
  158. z-index:999999;
  159. margin-left:150px;
  160. margin-top:-71px;
  161. width:400px;
  162.  
  163. }
  164.  
  165. #toplinks a {
  166. position:relative;
  167. display:inline-block;
  168. font-family:arial;
  169. font-size:10px;
  170. letter-spacing:1px;
  171. text-transform:uppercase;
  172. text-align:center;
  173. margin:20px;
  174. color:{color:top links};
  175.  
  176. }
  177.  
  178. #toplinks a:hover{
  179. color:transparent;
  180. text-shadow: 0 0 3px rgba(0,0,0,0.3)
  181. -webkit-transition: all 0.6s ease-in-out;
  182. -moz-transition: all 0.6s ease-in-out;
  183. -o-transition: all 0.6s ease-in-out;
  184. -ms-transition: all 0.6s ease-in-out;
  185. transition: all 0.6s ease-in-out;
  186.  
  187. }
  188.  
  189. #bottombar {
  190. position:fixed;
  191. z-index:99999;
  192. width:500px;
  193. height:120px;
  194. bottom:0px;
  195. margin-left:15px;
  196. background:{color:bottom bar};
  197. border-radius: 30px 30px 0px 0px;
  198. -webkit-border-radius: 30px 30px 0px 0px;
  199. -moz-border-radius: 30px 30px 0px 0px;
  200.  
  201.  
  202. }
  203.  
  204. #stars {
  205. display:inline-block;
  206. float:left;
  207. padding:10px;
  208. margin-top:5px;
  209. margin-left:10px;
  210.  
  211. }
  212.  
  213. #stars img {
  214. width:100px;
  215. height:80px;
  216. border:5px solid {color:image border};
  217. border-radius: 10px 10px 10px 10px;
  218. -webkit-border-radius: 10px 10px 10px 10px;
  219. -moz-border-radius: 10px 10px 10px 10px;
  220. -webkit-transition: all 0.6s ease-in-out;
  221. -moz-transition: all 0.6s ease-in-out;
  222. -o-transition: all 0.6s ease-in-out;
  223. -ms-transition: all 0.6s ease-in-out;
  224. transition: all 0.6s ease-in-out;
  225. }
  226.  
  227. #stars img:hover {
  228. -webkit-filter: blur(3px);
  229.  
  230. }
  231.  
  232. #desc {
  233. position:fixed;
  234. overflow:auto;
  235. margin-top:8px;
  236. margin-left:135px;
  237. width:250px;
  238. height:85px;
  239. padding:10px;
  240. text-align:justify;
  241. font-family:consolas;
  242. letter-spacing:1px;
  243. line-height:10px;
  244. color:{color:description text};
  245. }
  246.  
  247.  
  248. #navigation{
  249. margin-left:410px;
  250. margin-top:30px;
  251. width:100px;
  252.  
  253.  
  254. }
  255.  
  256. #navigation a {
  257. display:inline-block;
  258. width:30px;
  259. height:auto;
  260. padding:3px;
  261. font-family:consolas;
  262. color:{color:Navigation};
  263. border-left:1px solid {color:navigation border};
  264. border-right:1px solid {color:navigation border};
  265. border-top:1px solid {color:navigation border};
  266. border-bottom:1px solid {color:navigation border};
  267. font-size:10px;
  268. text-align:center;
  269. }
  270.  
  271. #navigation a:hover {
  272. color:transparent;
  273. text-shadow: 0 0 3px rgba(0,0,0,0.3)
  274. -webkit-transition: all 0.6s ease-in-out;
  275. -moz-transition: all 0.6s ease-in-out;
  276. -o-transition: all 0.6s ease-in-out;
  277. -ms-transition: all 0.6s ease-in-out;
  278. transition: all 0.6s ease-in-out;
  279.  
  280. }
  281.  
  282. #contain {
  283. width:500px;
  284. margin:auto;
  285. }
  286.  
  287.  
  288. #posts {
  289. left:20px;
  290. margin:30px;
  291. width:400px;
  292. height:auto;
  293. padding-left:30px;
  294. padding-right:30px;
  295. padding-bottom:30px;
  296. margin-bottom:130px;
  297. margin-top:130px;
  298. border:1px solid {color:Post Border};
  299. background:{color:Posts Background};
  300.  
  301.  
  302. }
  303.  
  304. #posts a {
  305. color:{color:Links};
  306. }
  307.  
  308. #posts a:hover {
  309. color:{color:Links Hover};
  310. }
  311.  
  312. #posts img {
  313. max-width:100%;
  314.  
  315. }
  316.  
  317. #posts:hover #infoside {
  318. opacity:1;
  319. filter:alpha(opacity=100);
  320. -webkit-transition:all 1s;
  321. -moz-transition:all 1s;
  322. -ms-transition:all 1s;
  323. -o-transition:all 1s;
  324. transition:all 1s;
  325.  
  326. }
  327.  
  328. #infoside {
  329. width:60px;
  330. padding:10px;
  331. float:right;
  332. margin-right:-140px;
  333. padding-top:10px;
  334. padding-bottom:10px;
  335. color: {color:info};
  336. border:3px double {color:info border};
  337. opacity:0;
  338. filter:alpha(opacity=0);
  339. -webkit-transition:all 1s;
  340. -moz-transition:all 1s;
  341. -ms-transition:all 1s;
  342. -o-transition:all 1s;
  343. transition:all 1s; }
  344.  
  345. }
  346.  
  347. #infoside a{
  348. color:{color:info};
  349.  
  350. }
  351.  
  352. #infoside a:hover {
  353. opacity:1;
  354. -moz-transition-duration:1s;
  355. -webkit-transition-duration:1s;
  356. -o-transition-duration:1s;
  357.  
  358. }
  359.  
  360.  
  361.  
  362. h1 {
  363. font-family:consolas;
  364. font-size:10px;
  365. text-align:center;
  366. }
  367.  
  368. h1 a{
  369. color:{color:Post Links};
  370. text-decoration:none;
  371.  
  372. }
  373.  
  374. #quotes {
  375. font-family:arial;
  376. font-size:17px;
  377. text-align:center;
  378. letter-spacing:0px;
  379. text-transform:uppercase;
  380.  
  381. }
  382.  
  383. #audio {
  384. width:100%;
  385. margin-left:10px;
  386.  
  387. }
  388.  
  389.  
  390. .tumblr_audio_player {
  391. height: 40px;
  392. width: 350px;
  393. border:10px solid {color:Audio Border};
  394. }
  395.  
  396. #ask {
  397. padding:20px;
  398. color:{color:Question Text};
  399. text-align:center;
  400. font-size:10px;
  401. font-family:consolas;
  402.  
  403. }
  404.  
  405.  
  406. #asker {
  407. font-size:15px;
  408. background:{color:Asker Background};
  409. color:{color:Asker Text};
  410. font-family:arial;
  411. text-align:center;
  412. letter-spacing:1px;
  413. padding:20px;
  414. text-transform:uppercase;
  415. border-bottom:1px solid {color:askbox border};
  416.  
  417. }
  418.  
  419.  
  420. #asker img {
  421. border:3px double {color:Post Border};
  422. padding:5px;
  423. -webkit-transition: all 0.6s ease-in-out;
  424. -moz-transition: all 0.6s ease-in-out;
  425. -o-transition: all 0.6s ease-in-out;
  426. -ms-transition: all 0.6s ease-in-out;
  427. transition: all 0.6s ease-in-out;
  428.  
  429. }
  430.  
  431. #asker img:hover {
  432. -webkit-filter: blur(3px);
  433.  
  434. }
  435.  
  436. #answers {
  437. background:{color:Answer Background};
  438. Color:{color:Answer Text};
  439. text-align:center;
  440. padding:20px;
  441. font-size:11px;
  442. font-family:consolas;
  443. }
  444.  
  445. #caption {
  446. width:390;
  447. margin-top:7px;
  448. color:{color:Caption Text};
  449. background:{color:Caption Background};
  450. padding:5px;
  451. word-wrap:break-word;
  452. font-size:10px;
  453. font-family:consolas;
  454. border-left:3px solid {color:caption border};
  455.  
  456. }
  457.  
  458. #caption img{
  459. width:400px;
  460. }
  461.  
  462.  
  463. #notecounts {
  464. float:left;
  465. width:400px;
  466. margin-top:30px;
  467. color:{color:Post link};
  468. font-family:Consolas;
  469. font-size:10px;
  470. text-align:left;
  471. }
  472.  
  473. ol.notecounts {
  474. list-style-type:square;
  475. }
  476.  
  477.  
  478. #pagi {
  479. position:fixed;
  480. z-index:999999;
  481. margin-top:5px;
  482. margin-left:410px;
  483. font-family:arial;
  484. font-size:8px;
  485. }
  486.  
  487.  
  488. .jump_page {
  489. padding: 4px 4px;
  490. color:#eee;
  491. font-family:century gothic;
  492. font-size:11px;
  493. text-decoration:none;
  494. }
  495.  
  496.  
  497. .current_page, .jump_page:hover {
  498. padding: 4px 4px;
  499. color: #fff;
  500. font-family:century gothic;
  501. font-size:11px;
  502. text-decoration:none;
  503. }
  504.  
  505.  
  506.  
  507. #s-m-t-tooltip {
  508. max-width:300px;
  509. margin-top:25px;
  510. margin-left:15px;
  511. padding-left:5px;
  512. padding-right:5px;
  513. padding-top:1px;
  514. padding-bottom:1px;
  515. z-index:999999;
  516. border:0px double #eee;
  517. background-color:#FFF;
  518. color:#888;
  519. font-family:cambria;
  520. font-size:9px;
  521. letter-spacing:1px;
  522. text-transform:lowercase;
  523. line-height:13px;
  524. border:3px double #eee;
  525.  
  526. }
  527.  
  528.  
  529. #thmcredit {
  530. position:fixed;
  531. z-index:99999;
  532. bottom:5px;
  533. right:10px;
  534. background:#fff;
  535. font-weight:bold;
  536. font-size:10px;
  537. color:#000000;
  538. font-family:Cambria;
  539.  
  540. </style>
  541.  
  542.  
  543.  
  544.  
  545.  
  546. <body>
  547.  
  548. <div id="barbarbar"></div>
  549. <div id="contain">
  550. <div id="title">{title}</div>
  551. <div id="toplinks">
  552. <a href="/">HOME</a>
  553. <a href="/ask">ASK</a>
  554. <a href="/archive">MEMORIES</a>
  555. </div>
  556.  
  557.  
  558. <div id="bottombar">
  559. <div id="desc">{description}</div>
  560. <div id="stars">
  561. <img src="{image:description image}"></a></div>
  562.  
  563. <div id="navigation">
  564. <a href="{text:Nav 1 URL}" title="{text:Nav 1 title}">01</a>
  565. <a href="{text:Nav 2 URL}" title="{text:Nav 2 title}">02</a>
  566. <a href="{text:Nav 3 URL}" title="{text:Nav 3 title}">03</a>
  567. <a href="{text:Nav 4 URL}" title="{text:Nav 4 title}">04</a>
  568. </div>
  569.  
  570. {block:IfNotInfiniteScroll}
  571. <div id="pagi">
  572. {block:Pagination}
  573. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  574. {block:JumpPagination length="3"}
  575. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  576. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  577. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  578. {/block:Pagination}
  579. </div> {/block:IfNotInfiniteScroll}
  580.  
  581. </div>
  582.  
  583.  
  584.  
  585. <div class ="autopagerize_page_element">
  586. {block:posts}
  587. <div id="posts">
  588. {block:ContentSource}
  589. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  590. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  591. {/block:SourceLogo}
  592. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  593. {/block:ContentSource}
  594. <div id="moreinf">
  595. <div style="text-align:right"><br><br>
  596. </div>
  597. </div>
  598.  
  599.  
  600. {block:IndexPage}
  601. <div id="infoside">
  602.  
  603. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/ecTn1eenk/heart.png"></a> <br>
  604.  
  605. {block:HasTags}
  606.  
  607. <a href="{TagURL}" title="{block:Tags}#{Tag}{/block:Tags}"><img src="http://static.tumblr.com/bj5zkci/RCxn1eeqi/toggle.png"></a><br>
  608. {/block:HasTags}
  609.  
  610. {block:RebloggedFrom}
  611.  
  612. <a href="{ReblogParentURL}" title="via:{ReblogParentName}">VIA</a>
  613. <a href="{ReblogRootURL}" title="source:{ReblogRootName}">SOURCE</a>
  614. {/block:RebloggedFrom}
  615.  
  616.  
  617. {block:NoteCount}
  618. <a href="{Permalink}" title="{NoteCount}">{NoteCount} notes</a>{/block:NoteCount}
  619.  
  620. {block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}
  621.  
  622. </div>{/block:IndexPage}
  623.  
  624. {block:Date}<a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} {Year}"></a> {/block:Date}
  625.  
  626. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  627.  
  628. {block:photo}<img src="{PhotoURL-400}"/>
  629. {block:ifShowCaptions}
  630. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  631. {/block:ifShowCaptions}{/block:photo}
  632.  
  633. {block:Photoset}{Photoset-400}
  634. {block:ifShowCaptions}
  635. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  636. {/block:ifShowCaptions}{/block:Photoset}
  637.  
  638. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  639.  
  640. {block:Link}
  641. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  642. {block:Description}{Description}{/block:Description} {/block:Link}
  643.  
  644. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  645. {block:Lines}{block:Lable}<b>{Lable}</b>{/block:Lable}{Line}<br>{/block:Lines}{/block:Chat}
  646.  
  647. {block:Audio}<div id="audio">{AudioPlayerGrey}</div>
  648. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Audio}
  649.  
  650. {block:Video}{Video-400}
  651. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  652.  
  653. {block:Answer}
  654.  
  655. <div id="asker">
  656. <img src="{AskerPortraitURL-40}"></a><br><br>
  657. {Asker} ASKED:</div></p>
  658. <div id="ask">
  659. {Question}</div>
  660. <div id="answers">{Answer}</div>
  661. {/block:Answer}
  662.  
  663.  
  664. {block:PermalinkPage} {block:PostNotes}
  665. <div id="notecounts">{PostNotes}</div>
  666. {/block:PostNotes}{/block:PermalinkPage}
  667.  
  668. </div>
  669. {/block:posts}
  670.  
  671. </div>
  672. <div id="thmcredit">
  673. <a href="http://dohdoro.tumblr.com" title="theme credit">DTHM.</a></div>
  674.  
  675. </body></head>
  676. </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!