Beautifully-Flawless

Fandom Theme 02

May 31st, 2014
332
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.41 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.  
  4. <!--
  5. Theme: The Originals
  6. Creator: Klaroline Fantasies
  7. Please Leave Credit :)
  8. -->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13.  
  14. <!--VARIABLES-->
  15.  
  16. <meta name="color:Scrollbar" content="#fff" />
  17. <meta name="color:Background" content="#000000" />
  18. <meta name="color:Text" content="#929292" />
  19. <meta name="color:Links" content="#B9B9B9" />
  20. <meta name="color:Posts BG" content="#fff" />
  21. <meta name="color:Tag Text" content="#B9B9B9" />
  22. <meta name="color:Blockquote Border" content="#ddd" />
  23. <meta name="color:Chat User 1" content="#888" />
  24. <meta name="color:Chat User 2" content="#555" />
  25. <meta name="color:Audio Info Border" content="#ccc" />
  26. <meta name="color:Audio Info Border Hover" content="#eee" />
  27. <meta name="color:Permalink Page BG" content="#fff" />
  28. <meta name="color:Permalink Border" content="#ddd" />
  29. <meta name="color:Sidebar Border" content="#333" />
  30. <meta name="color:Gifs BG" content="#111" />
  31. <meta name="color:Gifs Border" content="#555" />
  32. <meta name="color:Gif Stick" content="#111" />
  33. <meta name="color:Blogtitle" content="#555" />
  34. <meta name="color:Navigations 1 BG" content="#222" />
  35. <meta name="color:Navigations 1 Text" content="#555" />
  36. <meta name="color:Navigations 1 Text Shadow" content="#555" />
  37. <meta name="color:Navigations 1 BG Hover" content="#111" />
  38. <meta name="color:Description BG" content="#111" />
  39. <meta name="color:Description Border" content="#222" />
  40. <meta name="color:Navigation Links BG" content="#222" />
  41. <meta name="color:Pagination Box BG" content="#555" />
  42.  
  43.  
  44.  
  45.  
  46. <meta name="image:Background" content="" />
  47. <meta name="image:Image1" content="" />
  48. <meta name="image:Image2" content="" />
  49. <meta name="image:Image3" content="" />
  50. <meta name="image:Sidebar BG" content="http://24.media.tumblr.com/828fa66618dd8575e87e133ce5d34142/tumblr_mno24pE3IK1rebw0do2_500.png" />
  51.  
  52. <meta name="if:BlogTitle" content="1" />
  53.  
  54.  
  55. <meta name="text:Link 1 URL" content="" />
  56. <meta name="text:Link 2 URL" content="" />
  57. <meta name="text:Link 3 URL" content="" />
  58. <meta name="text:Link 4 URL" content="" />
  59. <meta name="text:Link 5 URL" content="" />
  60. <meta name="text:Link 6 URL" content="" />
  61. <meta name="text:Link 7 URL" content="" />
  62. <meta name="text:Link 8 URL" content="" />
  63. <meta name="text:Link 1" content="Link 1" />
  64. <meta name="text:Link 2" content="Link 2" />
  65. <meta name="text:Link 3" content="Link 3" />
  66. <meta name="text:Link 4" content="Link 4" />
  67. <meta name="text:Link 5" content="Link 5" />
  68. <meta name="text:Link 6" content="Link 6" />
  69. <meta name="text:Link 7" content="Link 7" />
  70. <meta name="text:Link 8" content="Link 8" />
  71.  
  72.  
  73. <title>{Title}</title>
  74. <link rel="shortcut icon" href="{Favicon}">
  75. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  76. {block:Description}
  77. <meta name="description" content="{MetaDescription}" />
  78. {/block:Description}
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps' rel='stylesheet' type='text/css'>
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
  83.  
  84. <link href='http://fonts.googleapis.com/css?family=Metrophobic' rel='stylesheet' type='text/css'>
  85.  
  86. <link href='http://fonts.googleapis.com/css?family=Antic' rel='stylesheet' type='text/css'>
  87.  
  88. <style type="text/css">
  89.  
  90. ::-webkit-scrollbar {width: 12px; height: 3px; background:black;}
  91. ::-webkit-scrollbar-thumb {background:{color:Scrollbar}; -webkit-box-shadow: inset 0 0 20px #000;}
  92.  
  93. /* --- BASICS --- */
  94.  
  95. body{
  96. background-image:url('');
  97. background-color:{color:Background};
  98. background-attachment:fixed;
  99. background-position:fixed;
  100. background-repeat:repeat;
  101. font-family:calibri;
  102. font-size:11px;
  103. margin:0px;
  104. color:{color:Text};
  105. }
  106.  
  107. a{
  108. text-decoration:none;
  109. color:{color:Links};
  110. }
  111.  
  112. a:hover{
  113. opacity:0.8;
  114. -webkit-transition-duration: 0.6s;
  115. -moz-transition-duration: 0.6s;
  116. }
  117.  
  118. iframe#tumblr_controls {
  119. right:3px !important;
  120. position: fixed !important;
  121. opacity: 0.2;
  122. filter:alpha(opacity=20);
  123. -moz-opacity: 0.2;
  124. -khtml-opacity: 0.2;
  125. -webkit-transition: all 0.9s ease;
  126. -moz-transition: all 0.9s ease;
  127. -o-transition: all 0.9s ease;
  128. }
  129.  
  130. iframe#tumblr_controls:hover {
  131. opacity: 1;
  132. filter:alpha(opacity=100);
  133. -moz-opacity: 1;-khtml-opacity: 1;
  134. -webkit-transition: all 0.9s ease;
  135. -moz-transition: all 0.9s ease;
  136. -o-transition: all 0.9s ease;
  137. }
  138.  
  139. blockquote{
  140. padding-left:5px;
  141. border-left:4px solid {color:Blockquote Border};
  142. font-size:12px;
  143. }
  144.  
  145. #title{
  146. padding-bottom:4px;
  147. text-align:center;
  148. text-transform:uppercase;
  149. font-size:20px;
  150. }
  151.  
  152. #link{
  153. padding-bottom:4px;
  154. text-align:center;
  155. text-transform:uppercase;
  156. font-size:16px;
  157. }
  158.  
  159. /* --- POSTS --- */
  160.  
  161. #entries{
  162. width:540px;
  163. padding-left:5px;
  164. margin:2px 0 0 580px;
  165. position:absolute;
  166. background-color:transparent;
  167. }
  168.  
  169. #post{
  170. padding: 20px;
  171. margin-bottom:25px;
  172. overflow:hidden;
  173. background-color:{color:Posts BG};
  174. }
  175.  
  176. #post:hover #tags{
  177. display:block;
  178. opacity:1;
  179. }
  180.  
  181. /* --- NOTECOUNT --- */
  182.  
  183. #notecount{
  184. margin:-21px 0 0 430px;
  185. position:absolute;
  186. }
  187.  
  188. #notecount a{
  189. min-height:18px;
  190. padding:0px 20px;
  191. display:block;
  192. text-align:center;
  193. text-transform:uppercase;
  194. font-family:trebuchet ms;
  195. font-size:9px;
  196. letter-spacing:1px;
  197. color:#E9D2C5;
  198. border-top:3px solid #888;
  199. }
  200.  
  201. #notecount a:hover{opacity:0.8;}
  202.  
  203. /* --- TAGS --- */
  204.  
  205. #via{
  206. text-align:left;
  207. text-transform:uppercase;
  208. font-size:10px;
  209. }
  210.  
  211. #via a{
  212. text-transform:none;
  213. font-size:10px;
  214. letter-spacing:1px;
  215. }
  216.  
  217. #tags{
  218. width:170px;
  219. margin:0px 0 0 530px;
  220. position:absolute;
  221. text-align:left;
  222. text-transform:uppercase;
  223. font-size:10px;
  224. opacity:0;
  225. -webkit-transition-duration: 0.6s;
  226. -moz-transition-duration: 0.6s;
  227. }
  228.  
  229. #tags a{
  230. font-size:10px;
  231. letter-spacing:1px;
  232. color:{color:Tag Text};
  233. }
  234.  
  235. /* --- QUOTES --- */
  236.  
  237. #quote{
  238. margin:0 32px;
  239. text-transform:uppercase;
  240. font-size:14px;
  241. }
  242.  
  243. #source{
  244. margin:3px 0 5px 50px;
  245. font-size:11px;
  246. }
  247.  
  248. #speechmark{
  249. margin:-18px 0 0 -37px;
  250. position:absolute;
  251. font-family:georgia;
  252. font-size:60px;
  253. font-weight:bold;
  254. color:#ccc;
  255. }
  256.  
  257. #speechmarkk{
  258. margin:-35px 0 0 425px;
  259. position:absolute;
  260. font-size:60px;
  261. font-family:georgia;
  262. font-weight:bold;
  263. color:#ccc;
  264. }
  265.  
  266. /* --- CHAT --- */
  267.  
  268. .user_1 .label {
  269. color:{color:Chat User 1};
  270. font-weight:bold;
  271. }
  272.  
  273. .user_2 .label {
  274. color:{color:Chat User 2};
  275. font-weight:bold;
  276. }
  277.  
  278. ul.chat, .chat ol, .chat li {
  279. list-style:circle;
  280. margin:0px 0px 0px 10px;
  281. padding:1px;
  282. }
  283. /* --- ANSWER --- */
  284.  
  285. asker{
  286. font-family:'Antic';
  287. font-size:12px;
  288. text-transform:uppercase;
  289. color:#222;
  290. }
  291.  
  292. #ask{
  293. padding:6px;
  294. font-family:'Antic';
  295. font-size:12px;
  296. text-transform:none;
  297. color:#929292;
  298. }
  299.  
  300. #askbox{
  301. background-image:url('http://24.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo1_250.png');
  302. border: 3px double #dddddd;
  303. border-radius:5px;
  304. margin: 0px;
  305. margin-top: -5px;
  306. overflow:auto;
  307. padding: 5px;
  308. box-shadow: 0px 0px 5px 3px #eee;
  309. }
  310.  
  311. /* --- AUDIO --- */
  312.  
  313. #audiocontainer{
  314. width:500px;
  315. height:110px;
  316. margin-bottom:5px;
  317. }
  318.  
  319. .albumart{
  320. width:100px;
  321. height:100px;
  322. position:absolute;
  323. }
  324.  
  325. .albumart img{
  326. width:100px;
  327. height:100px;
  328. float:left;
  329. }
  330.  
  331. .defaultalbum{
  332. width:100px;
  333. height:100px;
  334. position:absolute;
  335. }
  336.  
  337. .defaultalbum img{
  338. width:100px;
  339. height:100px;
  340. float:left;
  341. }
  342.  
  343. .audioinfo{
  344. padding:3px;
  345. margin:0 0 5px 100px;
  346. text-transform:uppercase;
  347. font-size:10px;
  348. border-left:15px solid {color:Audio Info Border};
  349. }
  350.  
  351. .audioinfo:hover{
  352. border-left:30px solid {color:Audio Info Border Hover};
  353. -webkit-transition-duration: 0.6s;
  354. -moz-transition-duration: 0.6s;
  355. }
  356.  
  357. .audioinfotwo{
  358. padding:3px;
  359. margin:0 0 5px 100px;
  360. text-transform:uppercase;
  361. font-size:10px;
  362. border-left:15px solid {color:Audio Info Border};
  363. }
  364.  
  365. .audioinfotwo:hover{
  366. border-left:30px solid {color:Audio Info Border Hover};
  367. -webkit-transition-duration: 0.6s;
  368. -moz-transition-duration: 0.6s;
  369. }
  370.  
  371. .margin{
  372. margin-bottom:1px;
  373. }
  374.  
  375. .player{
  376. margin-left:100px;
  377. margin-top:0px;
  378. float:left;
  379. }
  380.  
  381. /* --- PERMALINK NOTES PAGE --- */
  382.  
  383. #postnotes{
  384. width:500px;
  385. padding:20px;
  386. margin:-10px auto 25px auto;
  387. text-transform:uppercase;
  388. font-size:10px;
  389. letter-spacing:1px;
  390. background-color:{color:Permalink Page BG};
  391. border-bottom:3px solid {color:Permalink Border};
  392. }
  393.  
  394. .my-like {
  395. background-image: url('http://media.tumblr.com/tumblr_mdchhfS8rc1qj1ywv.png') !important;
  396. height:8px;
  397. width:10px;
  398. cursor:pointer;
  399. display:inline-block;
  400. vertical-align:top;
  401. margin-top:1px;}
  402. .my-liked, .my-like:hover{
  403. margin-top:1px;
  404. background-image: url(http://media.tumblr.com/tumblr_mdmgj7MUPn1qj1ywv.png ) !important;
  405. height:8px;
  406. width:10px;
  407. cursor:pointer;
  408. display:inline-block;
  409. vertical-align:top;
  410. }
  411.  
  412.  
  413. /* --- Theme Styling From Here --- */
  414.  
  415.  
  416. #side{
  417. position:fixed;
  418. background-image:url('{image:Sidebar BG}');
  419. background-attachment:fixed;
  420. width:400px;
  421. height:100%;
  422. border-right:8px solid {color:Sidebar Border};
  423. }
  424.  
  425. #sidebar{
  426. position:fixed;
  427. width:400px;
  428. height:450px;
  429. margin-left:0px;
  430. margin-top:60px;
  431. }
  432.  
  433. #gif1 img{
  434. position:fixed;
  435. background:{color:Gifs BG};
  436. width:100px;
  437. height:100px;
  438. margin-left:0px;
  439. margin-top:20px;
  440. border-radius:120px;
  441. box-shadow:0px 0px 30px {color:Gifs Border};
  442. }
  443.  
  444. #gifstick1{
  445. position:fixed;
  446. width:10px;
  447. height:150px;
  448. margin-top:-100px;
  449. margin-left:46px;
  450. background-color:{color:Gif Stick};
  451. }
  452.  
  453. #gif2 img{
  454. position:fixed;
  455. background:{color:Gifs BG};
  456. width:100px;
  457. height:100px;
  458. margin-left:140px;
  459. margin-top:-20px;
  460. border-radius:120px;
  461. box-shadow:0px 0px 30px {color:Gifs Border};
  462. }
  463.  
  464. #gifstick2{
  465. position:fixed;
  466. width:10px;
  467. height:150px;
  468. margin-top:-150px;
  469. margin-left:185px;
  470. background-color:{color:Gif Stick};
  471. }
  472.  
  473. #gif3 img{
  474. position:fixed;
  475. background:{color:Gifs BG};
  476. width:100px;
  477. height:100px;
  478. margin-left:290px;
  479. margin-top:20px;
  480. border-radius:120px;
  481. box-shadow:0px 0px 30px {color:Gifs Border};
  482. }
  483.  
  484. #gifstick3{
  485. position:fixed;
  486. width:10px;
  487. height:150px;
  488. margin-top:-100px;
  489. margin-left:335px;
  490. background-color:{color:Gif Stick};
  491. }
  492.  
  493. #blogtitle{
  494. position:fixed;
  495. padding:4px;
  496. width:360px;
  497. height:50px;
  498. margin-left:16px;
  499. margin-top:140px;
  500. }
  501.  
  502. Originals{
  503. font-family:'Bilbo Swash Caps';
  504. font-size:60px;
  505. margin-left:70px;
  506. line-height:40px;
  507. color:{color:Blogtitle};
  508. }
  509.  
  510. #navigation1{
  511. position:fixed;
  512. width:auto;
  513. height:30px;
  514. margin-left:0px;
  515. margin-top:200px;
  516. }
  517.  
  518. div.navigate a{
  519. font-family:Carrois Gothic SC;
  520. font-size:10px;
  521. text-transform:uppercase;
  522. text-align:center;
  523. margin:5px;
  524. float:left;
  525. line-height:20px;
  526. color:{color:Navigations 1 Text} !important;
  527. text-shadow:0px 0px 2px {color:Navigations 1 Text Shadow};
  528. width:70px;
  529. height:20px;
  530. background:{color:Navigations 1 BG};
  531. -webkit-transition: all 0.5s ease-in-out;
  532. -moz-transition: all 0.5s ease-in-out;
  533. -o-transition: all 0.5s ease-in-out;
  534. -webkit-transform: rotate(0deg);
  535. }
  536.  
  537. div.navigate a:hover{
  538. background:{color:Navigations 1 BG Hover};
  539. -webkit-transition: all 0.5s ease-in-out;
  540. -moz-transition: all 0.5s ease-in-out;
  541. -o-transition: all 0.5s ease-in-out;
  542. }
  543.  
  544. #des{
  545. position:fixed;
  546. background:{color:Description BG};
  547. border:4px solid {color:Description Border};
  548. width:350px;
  549. height:150px;
  550. margin-left:16px;
  551. margin-top:250px;
  552. font-size:12px;
  553. font-family:Metrophobic;
  554. text-align:center;
  555. padding:5px;
  556. }
  557.  
  558. #navigation2{
  559. position:fixed;
  560. width:150px;
  561. height:250px;
  562. margin-left:420px;
  563. margin-top:0px;
  564. display:inline-block;
  565. }
  566.  
  567. #nav1 a{
  568. display:block;
  569. float:left;
  570. width:10px;
  571. height:150px;
  572. background-color:{color:Navigation Links BG};
  573. border-radius:0px 0px 20px 20px;
  574. -webkit-transition: all 0.5s ease-in-out;
  575. -moz-transition: all 0.5s ease-in-out;
  576. -o-transition: all 0.5s ease-in-out;
  577. -webkit-transform: rotate(0deg);
  578. }
  579.  
  580. #nav1 a:hover{
  581. height:230px;
  582. -webkit-transition: all 0.5s ease-in-out;
  583. -moz-transition: all 0.5s ease-in-out;
  584. -o-transition: all 0.5s ease-in-out;
  585. }
  586.  
  587. #nav2 a{
  588. display:block;
  589. float:left;
  590. width:10px;
  591. height:200px;
  592. margin-left:5px;
  593. background-color:{color:Navigation Links BG};
  594. border-radius:0px 0px 20px 20px;
  595. -webkit-transition: all 0.5s ease-in-out;
  596. -moz-transition: all 0.5s ease-in-out;
  597. -o-transition: all 0.5s ease-in-out;
  598. -webkit-transform: rotate(0deg);
  599. }
  600.  
  601. #nav2 a:hover{
  602. height:300px;
  603. -webkit-transition: all 0.5s ease-in-out;
  604. -moz-transition: all 0.5s ease-in-out;
  605. -o-transition: all 0.5s ease-in-out;
  606. }
  607.  
  608. #nav3 a{
  609. display:block;
  610. float:left;
  611. width:10px;
  612. height:180px;
  613. margin-left:10px;
  614. background-color:{color:Navigation Links BG};
  615. border-radius:0px 0px 20px 20px;
  616. -webkit-transition: all 0.5s ease-in-out;
  617. -moz-transition: all 0.5s ease-in-out;
  618. -o-transition: all 0.5s ease-in-out;
  619. -webkit-transform: rotate(0deg);
  620. }
  621.  
  622. #nav3 a:hover{
  623. height:260px;
  624. -webkit-transition: all 0.5s ease-in-out;
  625. -moz-transition: all 0.5s ease-in-out;
  626. -o-transition: all 0.5s ease-in-out;
  627. }
  628.  
  629. #nav4 a{
  630. display:block;
  631. float:left;
  632. width:10px;
  633. height:150px;
  634. margin-left:10px;
  635. background-color:{color:Navigation Links BG};
  636. border-radius:0px 0px 20px 20px;
  637. -webkit-transition: all 0.5s ease-in-out;
  638. -moz-transition: all 0.5s ease-in-out;
  639. -o-transition: all 0.5s ease-in-out;
  640. -webkit-transform: rotate(0deg);
  641. }
  642.  
  643. #nav4 a:hover{
  644. height:210px;
  645. -webkit-transition: all 0.5s ease-in-out;
  646. -moz-transition: all 0.5s ease-in-out;
  647. -o-transition: all 0.5s ease-in-out;
  648. }
  649.  
  650. #nav5 a{
  651. display:block;
  652. float:left;
  653. width:10px;
  654. height:190px;
  655. margin-left:10px;
  656. background-color:{color:Navigation Links BG};
  657. border-radius:0px 0px 20px 20px;
  658. -webkit-transition: all 0.5s ease-in-out;
  659. -moz-transition: all 0.5s ease-in-out;
  660. -o-transition: all 0.5s ease-in-out;
  661. -webkit-transform: rotate(0deg);
  662. }
  663.  
  664. #nav5 a:hover{
  665. height:250px;
  666. -webkit-transition: all 0.5s ease-in-out;
  667. -moz-transition: all 0.5s ease-in-out;
  668. -o-transition: all 0.5s ease-in-out;
  669. }
  670.  
  671. #nav6 a{
  672. display:block;
  673. float:left;
  674. width:10px;
  675. height:230px;
  676. margin-left:10px;
  677. background-color:{color:Navigation Links BG};
  678. border-radius:0px 0px 20px 20px;
  679. -webkit-transition: all 0.5s ease-in-out;
  680. -moz-transition: all 0.5s ease-in-out;
  681. -o-transition: all 0.5s ease-in-out;
  682. -webkit-transform: rotate(0deg);
  683. }
  684.  
  685. #nav6 a:hover{
  686. height:280px;
  687. -webkit-transition: all 0.5s ease-in-out;
  688. -moz-transition: all 0.5s ease-in-out;
  689. -o-transition: all 0.5s ease-in-out;
  690. }
  691.  
  692. #nav7 a{
  693. display:block;
  694. float:left;
  695. width:10px;
  696. height:190px;
  697. margin-left:10px;
  698. background-color:{color:Navigation Links BG};
  699. border-radius:0px 0px 20px 20px;
  700. -webkit-transition: all 0.5s ease-in-out;
  701. -moz-transition: all 0.5s ease-in-out;
  702. -o-transition: all 0.5s ease-in-out;
  703. -webkit-transform: rotate(0deg);
  704. }
  705.  
  706. #nav7 a:hover{
  707. height:250px;
  708. -webkit-transition: all 0.5s ease-in-out;
  709. -moz-transition: all 0.5s ease-in-out;
  710. -o-transition: all 0.5s ease-in-out;
  711. }
  712.  
  713. #nav8 a{
  714. display:block;
  715. float:left;
  716. width:10px;
  717. height:120px;
  718. margin-left:10px;
  719. background-color:{color:Navigation Links BG};
  720. border-radius:0px 0px 20px 20px;
  721. -webkit-transition: all 0.5s ease-in-out;
  722. -moz-transition: all 0.5s ease-in-out;
  723. -o-transition: all 0.5s ease-in-out;
  724. -webkit-transform: rotate(0deg);
  725. }
  726.  
  727. #nav8 a:hover{
  728. height:180px;
  729. -webkit-transition: all 0.5s ease-in-out;
  730. -moz-transition: all 0.5s ease-in-out;
  731. -o-transition: all 0.5s ease-in-out;
  732. }
  733.  
  734. #iconl {
  735. position:fixed;
  736. left:466px;
  737. margin-top:229px;
  738. width:50px;
  739. text-align:center;
  740. background-color:{color:Pagination Box BG};
  741. }
  742.  
  743. #iconl img {
  744. margin:6px;
  745. opacity:0.5;
  746. vertical-align:middle;
  747. -webkit-transition: all 0.3s ease-in-out;
  748. -moz-transition: all 0.3s ease-in-out;
  749. -o-transition: all 0.3s ease-in-out;
  750. transition: all 0.3s ease-in-out;
  751. }
  752.  
  753. #iconl img:hover {
  754. opacity:1;
  755. -webkit-transition: all 0.3s ease-in-out;
  756. -moz-transition: all 0.3s ease-in-out;
  757. -o-transition: all 0.3s ease-in-out;
  758. transition: all 0.3s ease-in-out;
  759. }
  760.  
  761. </style>
  762.  
  763. <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false );
  764. };</script>
  765.  
  766. </head>
  767. <body>
  768.  
  769. <div id="side"></div>
  770.  
  771. <div id="sidebar">
  772.  
  773. <div id="gifstick1"></div>
  774. <div id="gif1"><img src="{image:Image1}"></div>
  775.  
  776. <div id="gifstick2"></div>
  777. <div id="gif2"><img src="{image:Image2}"></div>
  778.  
  779. <div id="gifstick3"></div>
  780. <div id="gif3"><img src="{image:Image3}"></div>
  781.  
  782.  
  783. {block:Pagination}
  784. <div id="iconl">
  785. {block:PreviousPage}
  786. <a href="{PreviousPage}"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Pixel%20Icons/arrow_left.png"></a>
  787. {/block:PreviousPage}
  788. {block:NextPage}
  789. <a href="{NextPage}"><img src="http://i1168.photobucket.com/albums/r486/zeldalise/Pixel%20Icons/arrow_right.png"></a>
  790. {/block:NextPage}
  791. </div>
  792. {/block:Pagination}
  793.  
  794.  
  795. <div id="blogtitle">
  796. {Block:ifBlogTitle}
  797. <Originals>{title}</Originals>
  798. {/Block:ifBlogTitle}
  799.  
  800. {Block:ifNotBlogTitle}
  801. <Originals>the Originals</Originals>
  802. {/Block:ifNotBlogTitle}
  803. </div>
  804.  
  805. <div id="des">
  806. {Description}
  807. </div>
  808.  
  809. <div id="navigation1">
  810. <div class="navigate">
  811. <a href="/">refresh</a>
  812. <a href="/ask">ask</a>
  813. <a href="/submit">Submit</a>
  814. <a href="/archive">archive</a>
  815. <a href="http://klaroline-fantasies.tumblr.com/">credit</a>
  816. </div>
  817. </div>
  818.  
  819. </div>
  820.  
  821. <div id="navigation2">
  822. <div id="nav1"><a href="{text:Link 1 URL}"title="{text:Link 1}"></a></div>
  823. <div id="nav2"><a href="{text:Link 2 URL}"title="{text:Link 2}"></a></div>
  824. <div id="nav3"><a href="{text:Link 3 URL}"title="{text:Link 3}"></a></div>
  825. <div id="nav4"><a href="{text:Link 4 URL}"title="{text:Link 4}"></a></div>
  826. <div id="nav5"><a href="{text:Link 5 URL}"title="{text:Link 5}"></a></div>
  827. <div id="nav6"><a href="{text:Link 6 URL}"title="{text:Link 6}"></a></div>
  828. <div id="nav7"><a href="{text:Link 7 URL}"title="{text:Link 7}"></a></div>
  829. <div id="nav8"><a href="{text:Link 8 URL}"title="{text:Link 8}"></a></div>
  830. </div>
  831. </div>
  832.  
  833. <div id="entries">
  834. {block:Posts}
  835.  
  836. <div id="post">
  837. {block:Text}
  838. <div id="tags">
  839. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  840. <br>
  841. {block:RebloggedFrom}
  842. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  843. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  844. {/block:RebloggedFrom}
  845. {block:HasTags}
  846. {block:RebloggedFrom}
  847. <span class="tagsunderline"></span>
  848. {/block:RebloggedFrom}
  849. {/block:HasTags}
  850. {block:HasTags}
  851. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  852. {/block:Tags}
  853. <br>
  854. {/block:HasTags}
  855. </div>
  856.  
  857. <div id="post text">
  858. {block:Title}
  859. <div id="title">{Title}</div>
  860. {/block:Title}
  861. {Body}
  862. </div>
  863. {/block:Text}
  864.  
  865.  
  866. {block:Photo}
  867. <div id="tags">
  868. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  869. <br>
  870. {block:ContentSource}<a href="{SourceURL}" title="source">{SourceLink}</a>{block:ContentSource}
  871. {block:RebloggedFrom}
  872. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  873. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  874. {/block:RebloggedFrom}
  875. {block:HasTags}
  876. {block:RebloggedFrom}
  877. <span class="tagsunderline"></span>
  878. {/block:RebloggedFrom}
  879. {/block:HasTags}
  880. {block:HasTags}
  881. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  882. {/block:Tags}
  883. <br>
  884. {/block:HasTags}
  885. </div>
  886.  
  887. <div class="post photo">
  888. {LinkOpenTag}
  889. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  890. {LinkCloseTag}
  891. {block:Caption}
  892. <div class="caption">{Caption}</div>
  893. {/block:Caption}
  894. </div>
  895. {/block:Photo}
  896.  
  897. {block:Photoset}
  898. <div id="tags">
  899. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  900. <br>
  901. {block:RebloggedFrom}
  902. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  903. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  904. {/block:RebloggedFrom}
  905. {block:HasTags}
  906. {block:RebloggedFrom}
  907. <span class="tagsunderline"></span>
  908. {/block:RebloggedFrom}
  909. {/block:HasTags}
  910. {block:HasTags}
  911. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  912. {/block:Tags}
  913. <br>
  914. {/block:HasTags}
  915. </div>
  916.  
  917. <div class="post photoset">
  918. {Photoset-500}
  919. {block:Caption}
  920. <div class="caption">{Caption}</div>
  921. {/block:Caption}
  922. </div>
  923. {/block:Photoset}
  924.  
  925.  
  926. {block:Quote}
  927. <div id="tags">
  928. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  929. <br>
  930. {block:RebloggedFrom}
  931. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  932. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  933. {/block:RebloggedFrom}
  934. {block:HasTags}
  935. {block:RebloggedFrom}
  936. <span class="tagsunderline"></span>
  937. {/block:RebloggedFrom}
  938. {/block:HasTags}
  939. {block:HasTags}
  940. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  941. {/block:Tags}
  942. <br>
  943. {/block:HasTags}
  944. </div>
  945.  
  946. <div id="quote">
  947. <div id="speechmark">“</div>{Quote}<div id="speechmarkk">”</div>
  948. </div>
  949. {block:Source}
  950. <div id="source">— {Source}</div>
  951. {/block:Source}
  952. {/block:Quote}
  953.  
  954. {block:Link}
  955. <div id="tags">
  956. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  957. <br>
  958. {block:RebloggedFrom}
  959. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  960. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  961. {/block:RebloggedFrom}
  962. {block:HasTags}
  963. {block:RebloggedFrom}
  964. <span class="tagsunderline"></span>
  965. {/block:RebloggedFrom}
  966. {/block:HasTags}
  967. {block:HasTags}
  968. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  969. {/block:Tags}
  970. <br>
  971. {/block:HasTags}
  972. </div>
  973.  
  974. <div id="link">
  975. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  976. {block:Description}
  977. <div class="description">{Description}</div>
  978. {/block:Description}
  979. {/block:Link}
  980.  
  981. {block:Chat}
  982. <div id="tags">
  983. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  984. <br>
  985. {block:RebloggedFrom}
  986. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  987. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  988. {/block:RebloggedFrom}
  989. {block:HasTags}
  990. {block:RebloggedFrom}
  991. <span class="tagsunderline"></span>
  992. {/block:RebloggedFrom}
  993. {/block:HasTags}
  994. {block:HasTags}
  995. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  996. {/block:Tags}
  997. <br>
  998. {/block:HasTags}
  999. </div>
  1000.  
  1001. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1002. {/block:Chat}
  1003.  
  1004.  
  1005. {block:Video}
  1006. <div id="tags">
  1007. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  1008. <br>
  1009. {block:RebloggedFrom}
  1010. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1011. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1012. {/block:RebloggedFrom}
  1013. {block:HasTags}
  1014. {block:RebloggedFrom}
  1015. <span class="tagsunderline"></span>
  1016. {/block:RebloggedFrom}
  1017. {/block:HasTags}
  1018. {block:HasTags}
  1019. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  1020. {/block:Tags}
  1021. <br>
  1022. {/block:HasTags}
  1023. </div>
  1024.  
  1025. <div id="post video">
  1026. {Video-500}
  1027. {block:Caption}
  1028. <div class="caption">{Caption}</div>
  1029. {/block:Caption}
  1030. </div>
  1031. {/block:Video}
  1032.  
  1033.  
  1034. {block:Audio}
  1035. <div id="tags">
  1036. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  1037. <br>
  1038. {block:RebloggedFrom}
  1039. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1040. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1041. {/block:RebloggedFrom}
  1042. {block:HasTags}
  1043. {block:RebloggedFrom}
  1044. <span class="tagsunderline"></span>
  1045. {/block:RebloggedFrom}
  1046. {/block:HasTags}
  1047. {block:HasTags}
  1048. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  1049. {/block:Tags}
  1050. <br>
  1051. {/block:HasTags}
  1052. </div>
  1053.  
  1054. <div id="post audio">
  1055. <div id="audiocontainer">
  1056.  
  1057. <div class="defaultalbum">
  1058. <img src="http://static.tumblr.com/obmxjuf/yIflxy5ak/default.jpg">
  1059. </div>
  1060. <div class="albumart">
  1061. {block:AlbumArt}
  1062. <img src="{AlbumArtURL}">
  1063. {/block:AlbumArt}
  1064. </div>
  1065. {block:TrackName}
  1066. <div class="audioinfo">{TrackName}</div>
  1067. {/block:TrackName}
  1068. {block:Artist}
  1069. <div class="audioinfotwo">{Artist}</div>
  1070. {/block:Artist}
  1071. {block:Album}
  1072. <div class="audioinfo">
  1073. {Album}
  1074. <div class="margin">
  1075. </div>
  1076. </div>
  1077. {/block:Album}
  1078.  
  1079. <div class="player">
  1080. {AudioPlayerWhite}
  1081. </div>
  1082.  
  1083. </div>
  1084.  
  1085. {block:Caption}
  1086. <div id="caption">{Caption}</div>
  1087. {/block:Caption}
  1088. </div>
  1089. {/block:Audio}
  1090.  
  1091.  
  1092. {block:Answer}
  1093. <div id="tags">
  1094. <a href="{Permalink}">{NoteCount} Notes</a> | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  1095. <br>
  1096. {block:RebloggedFrom}
  1097. <div id="via">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1098. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1099. {/block:RebloggedFrom}
  1100. {block:HasTags}
  1101. {block:RebloggedFrom}
  1102. <span class="tagsunderline"></span>
  1103. {/block:RebloggedFrom}
  1104. {/block:HasTags}
  1105. {block:HasTags}
  1106. tagged as:{block:Tags}<br> # <a href="{TagURL}">{Tag}</a>
  1107. {/block:Tags}
  1108. <br>
  1109. {/block:HasTags}
  1110. </div>
  1111. <div id="askbox">
  1112. <img src="{AskerPortraitURL-30}" width="40" align="left" style="margin-right:6px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  1113. <asker>{Asker}:</asker>
  1114. <div id="ask">"{Question}"</div>
  1115. </div>
  1116. {Answer}
  1117. {/block:answer}
  1118. </div>
  1119.  
  1120.  
  1121. {/block:Posts}
  1122. {block:PostNotes}
  1123. <div id="postnotes">{PostNotes}</div>
  1124. {/block:PostNotes}
  1125.  
  1126. </div>
  1127.  
  1128.  
  1129. </body>
  1130. </html>
Advertisement
Add Comment
Please, Sign In to add comment