Advertisement
skyrimthemes

Theme - Yorke

Oct 1st, 2014
2,758
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.42 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <meta name="image:about image" content="">
  13. <meta name="color:background" content="#000000">
  14. <meta name="color:text" content="#ffffff">
  15. <meta name="color:link" content="#ffffff">
  16. <meta name="text:general info" content="">
  17. <meta name="text:description of yourself" content="">
  18. <meta name="text:updates 1 title" content="">
  19. <meta name="text:updates 1 text" content="">
  20. <meta name="text:updates 2 title" content="">
  21. <meta name="text:updates 2 text" content="">
  22. <meta name="text:updates 3 title" content="">
  23. <meta name="text:updates 3 text" content="">
  24. <meta name="text:updates 4 title" content="">
  25. <meta name="text:updates 4 text" content="">
  26. <meta name="text:tag link 1" content="/">
  27. <meta name="text:tag link 1 name" content="">
  28. <meta name="text:tag link 2" content="">
  29. <meta name="text:tag link 2 name" content="">
  30. <meta name="text:tag link 3" content="/">
  31. <meta name="text:tag link 3 name" content="">
  32. <meta name="text:tag link 4" content="/">
  33. <meta name="text:tag link 4 name" content="">
  34. <meta name="text:tag link 5" content="/">
  35. <meta name="text:tag link 5 name" content="">
  36. <meta name="text:tag link 6" content="/">
  37. <meta name="text:tag link 6 name" content="">
  38. <meta name="text:tag link 7" content="/">
  39. <meta name="text:tag link 7 name" content="">
  40. <meta name="text:tag link 8" content="/">
  41. <meta name="text:tag link 8 name" content="">
  42. <meta name="text:ask text" content="This is the text that will show up above your askbox. Make it be like an FAQ, or a quote. Don't make it a title. Just make a paragraph explaining how you take messages or something.">
  43. <meta name="text:navigation link 1" content="/">
  44. <meta name="text:navigation link 1 name" content="">
  45. <meta name="text:navigation link 2" content="/">
  46. <meta name="text:navigation link 2 name" content="">
  47. <meta name="text:navigation link 3" content="/">
  48. <meta name="text:navigation link 3 name" content="">
  49. <meta name="text:navigation link 4" content="/">
  50. <meta name="text:navigation link 4 name" content="">
  51. <meta name="text:navigation link 5" content="/">
  52. <meta name="text:navigation link 5 name" content="">
  53. <meta name="text:navigation link 6" content="/">
  54. <meta name="text:navigation link 6 name" content="">
  55. <meta name="text:navigation link 7" content="/">
  56. <meta name="text:navigation link 7 name" content="">
  57. <meta name="text:navigation link 8" content="/">
  58. <meta name="text:navigation link 8 name" content="">
  59. <meta name="text:navigation link 9" content="/">
  60. <meta name="text:navigation link 9 name" content="">
  61. <meta name="text:navigation link 10" content="/">
  62. <meta name="text:navigation link 10 name" content="">
  63. <meta name="text:secondary description" content="">
  64.  
  65. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  70. <!-- removes -->
  71. <script>
  72. $(document).ready(function(){
  73. $(".naviclick").click(function(){
  74. $(".ask").removeClass("opensection");
  75. });
  76. })
  77. </script>
  78. <script>
  79. $(document).ready(function(){
  80. $(".askclick").click(function(){
  81. $(".navi").removeClass("opensection");
  82. });
  83. })
  84. </script>
  85. <script>
  86. $(document).ready(function(){
  87. $(".aboutclick").click(function(){
  88. $(".ask").removeClass("opensection");
  89. });
  90. })
  91. </script>
  92. <script>
  93. $(document).ready(function(){
  94. $(".aboutclick").click(function(){
  95. $(".navi").removeClass("opensection");
  96. });
  97. })
  98. </script>
  99. <!-- toggles -->
  100. <script>
  101. $(document).ready(function(){
  102. $(".click").click(function(){
  103. $(".slide-wrap").toggleClass("open");
  104. });
  105. });
  106. </script>
  107. <script>
  108. $(document).ready(function(){
  109. $(".askclick").click(function(){
  110. $(".ask").toggleClass("opensection");
  111. });
  112. });
  113. </script>
  114. <script>
  115. $(document).ready(function(){
  116. $(".naviclick").click(function(){
  117. $(".navi").toggleClass("opensection");
  118. });
  119. });
  120. </script>
  121.  
  122. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  123.  
  124. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  125.  
  126. <script>
  127.  
  128. (function($){
  129.  
  130. $(document).ready(function(){
  131.  
  132. $("a[title]").style_my_tooltips({
  133.  
  134. tip_follows_cursor:true,
  135.  
  136. tip_delay_time:30,
  137.  
  138. tip_fade_speed:300,
  139.  
  140. attribute:"title"
  141.  
  142. });
  143.  
  144. });
  145.  
  146. })(jQuery);
  147.  
  148. </script>
  149.  
  150. <style type="text/css">
  151.  
  152. /*tooltips*/
  153.  
  154. #s-m-t-tooltip{
  155. font-size:10px;
  156. position:absolute;
  157. margin-top: 20px;
  158. margin-left:20px;
  159. font-weight:bold;
  160. z-index:999999999999999999999999999999999999999999999;
  161. background:#000;
  162. padding:3px;
  163. color:#fff;
  164. text-transform:uppercase;
  165. font-family:consolas;
  166. padding:2px 3px 2px 3px;
  167. -webkit-transition:all 0.3s;
  168. -moz-transition:all 0.3s;
  169. -ms-transition:all 0.3s;
  170. -o-transition:all 0.3s;
  171. transition:all 0.3s;
  172. }
  173.  
  174. /*scrollbar*/
  175.  
  176. ::-webkit-scrollbar { left:0; width: 5px; height: 5px; background:#000; }
  177. ::-webkit-scrollbar-thumb { background-color:#fff;border:1px solid #000; }
  178.  
  179. body {
  180. font-family:consolas, calibri, sans-serif;
  181. font-size:10px;
  182. color:{color:text};
  183. background-color:{color:background};
  184. text-align:justify;
  185. }
  186.  
  187. a {
  188. color:{color:link};
  189. text-decoration:none;
  190. -webkit-transition:all 0.5s;
  191. -moz-transition:all 0.5s;
  192. -ms-transition:all 0.5s;
  193. -o-transition:all 0.5s;
  194. transition:all 0.5s;
  195. }
  196.  
  197. a:hover {
  198. color:#eee;
  199. -webkit-transition:all 0.5s;
  200. -moz-transition:all 0.5s;
  201. -ms-transition:all 0.5s;
  202. -o-transition:all 0.5s;
  203. transition:all 0.5s;
  204. }
  205.  
  206. blockquote {
  207. margin-left:5px;
  208. border-left:1px solid #fff;
  209. padding-left:5px;
  210. }
  211.  
  212. .line {
  213. width:50px;
  214. background-color:#fff;
  215. left:0;
  216. top:0;
  217. height:100%;
  218. position:fixed;
  219. }
  220.  
  221. .posts {
  222. width:350px;
  223. margin-left:0px;
  224. margin-top:100px;
  225. }
  226.  
  227. .postswrap1 {
  228. position:relative;
  229. width:350px;
  230. margin-bottom:100px;
  231. overflow:hidden;
  232. }
  233.  
  234. .postswrap2 {
  235. width:250px;
  236. float:right;
  237. }
  238.  
  239. #title {
  240. width:230px;
  241. background-color:#fff;
  242. padding:10px;
  243. text-align:center;
  244. text-transform:uppercase;
  245. letter-spacing:1px;
  246. font-size:12px;
  247. color:#000;
  248. }
  249.  
  250. #title a {
  251. color:#000;
  252. }
  253.  
  254. #quote {
  255. width:230px;
  256. background-color:#fff;
  257. padding:10px;
  258. text-align:center;
  259. font-size:11px;
  260. color:#000;
  261. }
  262.  
  263. #confucius {
  264. margin-top:10px;
  265. text-align:center;
  266. }
  267.  
  268. #audio {
  269. width:230px;
  270. text-align:right;
  271. padding:10px;
  272. background-color:#fff;
  273. height:auto;
  274. letter-spacing:1px;
  275. line-height:15px;
  276. margin-bottom:10px;
  277. -webkit-transition:all 0.5s;
  278. -moz-transition:all 0.5s;
  279. -ms-transition:all 0.5s;
  280. -o-transition:all 0.5s;
  281. transition:all 0.5s;
  282. }
  283.  
  284. #play-wrap {
  285. position:absolute;
  286. background-color:#fff;
  287. width:30px;
  288. height:30px;
  289. margin-top:15px;
  290. margin-left:15px;
  291. opacity:0;
  292. }
  293.  
  294. #play {
  295. width:25px;
  296. height:30px;
  297. overflow:hidden;
  298. float:left;
  299. margin-top:2px;
  300. margin-left:2px;
  301. }
  302.  
  303. #audio:hover #play-wrap {
  304. opacity:8;
  305. -webkit-transition:all 0.5s;
  306. -moz-transition:all 0.5s;
  307. -ms-transition:all 0.5s;
  308. -o-transition:all 0.5s;
  309. transition:all 0.5s;
  310. }
  311.  
  312. #pause {
  313. width:60px;
  314. height:60px;
  315. display:inline-block;
  316. }
  317.  
  318. #pause img {
  319. width:60px;
  320. height:60px;
  321. }
  322.  
  323. #trackname {
  324. display:inline-block;
  325. width:160px;
  326. color:#000;
  327. overflow:hidden;
  328. font-size:10px;
  329. text-transform:uppercase;
  330. height:60px;
  331. margin-left:5px;
  332. float:right;
  333. }
  334.  
  335. #trackname a { color:#fff; }
  336.  
  337. #talkbubble
  338. {
  339. position: relative;
  340. width: 230px;
  341. color:#000;
  342. height:auto;
  343. padding: 10px;
  344. background-color:#fff;
  345. }
  346.  
  347. #talkbubble:after
  348. {
  349. content: '';
  350. position: absolute;
  351. border-style: solid;
  352. border-width: 16px 11px 0;
  353. border-color: #fff transparent;
  354. display: block;
  355. width: 0;
  356. z-index: 1;
  357. bottom: -16px;
  358. left: 15px;
  359. }
  360.  
  361. #ask-icon {
  362. float:left;
  363. position:absolute;
  364. margin-left:0;
  365. margin-top:0;
  366. }
  367.  
  368. #ask-icon img {
  369. width:30px;
  370. height:30px;
  371. border-radius:50%;
  372. }
  373.  
  374. #asker {
  375. width:190px;
  376. height:15px;
  377. border-bottom:1px solid #000;
  378. overflow:hidden;
  379. padding-left:40px;
  380. font-size:10px;
  381. text-transform:uppercase;
  382. letter-spacing:1px;
  383. }
  384.  
  385. #asker a {
  386. color:#000;
  387. }
  388.  
  389. #question {
  390. width:230px;
  391. margin-top:16px;
  392. }
  393.  
  394. #info {
  395. width:250px;
  396. display:block;
  397. margin-bottom:20px;
  398. }
  399.  
  400. #info a {
  401. text-decoration:none;
  402. padding:5px;
  403. text-transform:uppercase;
  404. letter-spacing:1px;
  405. color:#fff;
  406. }
  407.  
  408. .postswrap1:hover .perma_hold {opacity:1;}
  409. .postswrap1:hover .perma-link { margin-left:0; }
  410. .postswrap1:hover .perma-tags { margin-right:10px; }
  411. .perma_hold {
  412. width:250px;
  413. height:100%;
  414. top:0px;
  415. left:100px;
  416. overflow:hidden;
  417. position:absolute;
  418. opacity:0;
  419. z-index:9999;
  420. background:rgba(0,0,0,0.7);
  421. transition:0.6s ease;
  422. -o-transition:0.6s ease;
  423. -moz-transition:0.6s ease;
  424. -webkit-transition:0.6s ease;
  425. }
  426.  
  427. .perma {
  428. top:35%;
  429. position:relative;
  430. text-align:center;
  431. text-transform:uppercase;
  432. }
  433.  
  434. .perma-link {
  435. transition:0.6s ease;
  436. -o-transition:0.6s ease;
  437. -moz-transition:0.6s ease;
  438. -webkit-transition:0.6s ease;
  439. margin-left:-250px;
  440. font-size:14px;
  441. }
  442.  
  443. .perma-link a {
  444. padding:10px;
  445. width:auto;
  446. border:1px solid #fff;
  447. }
  448.  
  449. .perma-tags {
  450. transition:0.6s ease;
  451. -o-transition:0.6s ease;
  452. -moz-transition:0.6s ease;
  453. -webkit-transition:0.6s ease;
  454. margin-right:-250px;
  455. font-size:9px;
  456. padding-left:10px;
  457. padding-right:10px;
  458. margin-top:20px;
  459. }
  460.  
  461. #cr {
  462. font: 10px consolas;
  463. font-weight:bold;
  464. position: fixed;
  465. background-color:#000;
  466. border:1px solid #fff;
  467. width:13px;
  468. height:13px;
  469. bottom: 7px;
  470. padding:2px;
  471. right: 7px;
  472. z-index: 10;
  473. text-align:center;
  474. overflow:hidden;
  475. -webkit-transition:all 0.7s ease-in-out;
  476. -moz-transition:all 0.7s ease-in-out;
  477. transition:all 0.7s ease-in-out;
  478. }
  479.  
  480. #cr a {
  481. color:#000;
  482. font-size:10px;
  483. font-weight:bold;
  484. text-decoration: none;
  485. }
  486.  
  487. #cr:hover {
  488. width:100px;
  489. -webkit-transition:all 0.7s ease-in-out;
  490. -moz-transition:all 0.7s ease-in-out;
  491. transition:all 0.7s ease-in-out;
  492. }
  493.  
  494. #cr:hover a {
  495. color:#fff;
  496. }
  497.  
  498. .perma-tags a {
  499. margin-left:3px;
  500. margin-right:3px;
  501. display:inline-block;
  502. }
  503.  
  504. .caption {
  505. width:80px;
  506. padding:4px;
  507. border:1px solid {color:background};
  508. background-color:#fff;
  509. left:-100px;
  510. top:0;
  511. float:left;
  512. position:absolute;
  513. color:#000;
  514. max-height:100%;
  515. overflow-y:scroll;
  516. overflow-x:hidden;
  517. transition:0.6s ease;
  518. -o-transition:0.6s ease;
  519. -moz-transition:0.6s ease;
  520. -webkit-transition:0.6s ease;
  521. }
  522.  
  523. .postswrap1:hover .caption {
  524. left:5px;
  525. }
  526.  
  527. .caption a {
  528. color:#000;
  529. }
  530.  
  531. .caption blockquote {
  532. margin-left:1px;
  533. border-left:1px solid #000;
  534. padding-left:2px;
  535. }
  536.  
  537. .sbar {
  538. position:fixed;
  539. bottom:50px;
  540. left:425px;
  541. width:150px;
  542. }
  543.  
  544. .sbar img {
  545. width:100px;
  546. height:100px;
  547. margin-left:50px;
  548. border-radius:5px;
  549. }
  550.  
  551. .tit {
  552. font-family:'Lato', consolas, calibri, sans-serif;
  553. font-size:20px;
  554. text-transform:uppercase;
  555. line-height:30px;
  556. padding-bottom:5px;
  557. letter-spacing:-1px;
  558. cursor:help;
  559. }
  560.  
  561. .slide-wrap {
  562. width:400px;
  563. background-color:#fff;
  564. top:0;
  565. left:-400px;
  566. position:fixed;
  567. overflow:hidden;
  568. height:100%;
  569. color:#000;
  570. transition:0.6s ease;
  571. -o-transition:0.6s ease;
  572. -moz-transition:0.6s ease;
  573. -webkit-transition:0.6s ease;
  574. }
  575.  
  576. .open {
  577. left:0;
  578. overflow:hidden;
  579. padding:0;
  580. z-index:99999999999999;
  581. transition:0.6s ease;
  582. -o-transition:0.6s ease;
  583. -moz-transition:0.6s ease;
  584. -webkit-transition:0.6s ease;
  585. }
  586.  
  587. .descr {
  588. text-transform:uppercase;
  589. font-family:consolas, Calibri, sans-serif;
  590. font-size:9px;
  591. font-weight:normal;
  592. }
  593.  
  594. .navigation {
  595. width:380px;
  596. padding:10px;
  597. text-align:right;
  598. background-color:{color:background};
  599. color:#fff;
  600. top:0;
  601. left:0;
  602. position:absolute;
  603. }
  604.  
  605. .navigation a {
  606. text-transform:uppercase;
  607. margin-left:5px;
  608. font-size:9px;
  609. display:inline-block;
  610. cursor:help;
  611. }
  612.  
  613. .ask {
  614. width:380px;
  615. padding:10px;
  616. height:100%;
  617. display:inline-block;
  618. position:absolute;
  619. top:32px;
  620. left:-450px;
  621. background-color:#fff;
  622. transition:0.6s ease;
  623. -o-transition:0.6s ease;
  624. -moz-transition:0.6s ease;
  625. -webkit-transition:0.6s ease;
  626. }
  627.  
  628. .navi {
  629. width:380px;
  630. padding:10px;
  631. height:100%;
  632. display:inline-block;
  633. position:absolute;
  634. top:32px;
  635. left:-450px;
  636. background-color:#fff;
  637. transition:0.6s ease;
  638. -o-transition:0.6s ease;
  639. -moz-transition:0.6s ease;
  640. -webkit-transition:0.6s ease;
  641. }
  642.  
  643. .opensection {
  644. width:380px;
  645. padding:10px;
  646. height:100%;
  647. left:0;
  648. display:inline-block;
  649. position:absolute;
  650. top:32px;
  651. background-color:#fff;
  652. transition:0.6s ease;
  653. -o-transition:0.6s ease;
  654. -moz-transition:0.6s ease;
  655. -webkit-transition:0.6s ease;
  656. }
  657.  
  658. .opensection a {
  659. color:#000;
  660. }
  661.  
  662. .about {
  663. width:380px;
  664. padding-top:25px;
  665. height:100%;
  666. display:inline-block;
  667. }
  668.  
  669. .icon {
  670. width:100px;
  671. height:100px;
  672. overflow:hidden;
  673. padding:20px;
  674. float:left;
  675. display:inline-block;
  676. background-color:{color:background};
  677. }
  678.  
  679. .icon img {
  680. width:100px;
  681. height:100px;
  682. border-radius:10px;
  683. padding-left:10px;
  684. margin-left:-10px;
  685. }
  686.  
  687. .highlight {
  688. width:200px;
  689. height:120px;
  690. padding:10px;
  691. float:right;
  692. overflow:hidden;
  693. display:inline-block;
  694. }
  695.  
  696. .highlight h1 {
  697. font-size:16px;
  698. text-transform:uppercase;
  699. font-style:italic;
  700. font-weight:normal;
  701. font-family:'Lato';
  702. }
  703.  
  704. .blackness {
  705. width:220px;
  706. padding:20px;
  707. height:100%;
  708. float:right;
  709. display:inline-block;
  710. background-color:{color:background};
  711. margin-right:-20px;
  712. }
  713.  
  714. .updato {
  715. width:100px;
  716. padding:20px;
  717. float:left;
  718. display:inline-block;
  719. }
  720.  
  721. .updato-updates {
  722. width:80px;
  723. margin-bottom:10px;
  724. padding:10px;
  725. border:1px solid #000;
  726. max-height:12px;
  727. overflow:hidden;
  728. transition:0.6s ease;
  729. -o-transition:0.6s ease;
  730. -moz-transition:0.6s ease;
  731. -webkit-transition:0.6s ease;
  732. }
  733.  
  734. .updato-updates p { color:#fff; }
  735.  
  736. .updato-updates a { color:#fff; }
  737.  
  738. .updato-updates:hover {
  739. max-height:200px;
  740. transition:0.6s ease;
  741. -o-transition:0.6s ease;
  742. -moz-transition:0.6s ease;
  743. -webkit-transition:0.6s ease;
  744. }
  745.  
  746. .updato-updates:hover p { color:#000; }
  747. .updato-updates:hover a { color:#000; }
  748.  
  749. .updato-tit {
  750. font-size:12px;
  751. text-transform:uppercase;
  752. }
  753.  
  754. .updato-updates a {
  755. letter-spacing:1px;
  756. }
  757.  
  758. .blackness h1 {
  759. font-size:16px;
  760. text-transform:uppercase;
  761. font-style:italic;
  762. font-weight:normal;
  763. font-family:'Lato';
  764. color:#fff;
  765. }
  766.  
  767. .blackness a {
  768. display:block;
  769. width:210px;
  770. padding:5px;
  771. color:#fff;
  772. border-left:0px solid #fff;
  773. text-transform:uppercase;
  774. border-bottom:1px solid #fff;
  775. }
  776.  
  777. .blackness a:hover {
  778. border-left:20px solid #fff;
  779. width:190px;
  780. }
  781.  
  782. #pagination {
  783. padding-bottom:50px;
  784. width:250px;
  785. margin-left:100px;
  786. }
  787.  
  788. #pagination a {
  789. text-decoration:none;
  790. text-transform:uppercase;
  791. letter-spacing:1px;
  792. color:#fff;
  793. }
  794.  
  795. ol.notes {
  796. list-style-type: none;
  797. padding:10px;
  798. margin-top:20px;
  799. width:230px;
  800. color:#000;
  801. line-height:18px;
  802. background-color:#fff;
  803. }
  804.  
  805. ol.notes img { display:none }
  806.  
  807. ol.notes a {
  808. color:{color:background};
  809. padding:3px;
  810. background-color:#fff;
  811. }
  812.  
  813. ol.notes a:hover {
  814. background-color:{color:background};
  815. color:#fff;
  816. }
  817.  
  818. .tags-page {
  819. width:230px;
  820. padding:9px;
  821. border:1px solid {color:text};
  822. margin-top:30px;
  823. margin-bottom:20px;
  824. text-transform:uppercase;
  825. }
  826.  
  827. .tags-page a {
  828. margin-right:5px;
  829. color:{color:text};
  830. }
  831.  
  832. .nav-links {
  833. text-align:center;
  834. width:380px;
  835. }
  836.  
  837. .nav-links a {
  838. padding:10px;
  839. border:1px solid #000;
  840. color:#000;
  841. text-transform:uppercase;
  842. display:inline-block;
  843. margin:5px;
  844. }
  845.  
  846. .nav-links a:hover {
  847. color:#fff;
  848. background-color:#000;
  849. }
  850.  
  851. </style>
  852.  
  853. </head>
  854. <body>
  855.  
  856. <div class="slide-wrap">
  857. <div class="navigation">
  858. <a href="/">home</a><a class="askclick">ask</a><a class="aboutclick">about</a><a class="naviclick">navigation</a>
  859. </div>
  860. <div class="ask">
  861. <p>{text:ask text}</p><br>
  862. <iframe frameborder="0" height="260" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  863. </div>
  864. <div class="navi">
  865. <div class="nav-links">
  866. <a href="{text:navigation link 1}">{text:navigation link 1 name}</a><a href="{text:navigation link 2}">{text:navigation link 2 name}</a><a href="{text:navigation link 3}">{text:navigation link 3 name}</a><a href="{text:navigation link 4}">{text:navigation link 4 name}</a><a href="{text:navigation link 5}">{text:navigation link 5 name}</a><a href="{text:navigation link 6}">{text:navigation link 6 name}</a><a href="{text:navigation link 7}">{text:navigation link 7 name}</a><a href="{text:navigation link 8}">{text:navigation link 8 name}</a><a href="{text:navigation link 9}">{text:navigation link 9 name}</a><a href="{text:navigation link 10}">{text:navigation link 10 name}</a>
  867. <p>{text:secondary description}</p>
  868. </div>
  869. </div>
  870. <div class="about">
  871. <div class="icon"><img src="{image:about image}"></div>
  872. <div class="highlight"><h1>{text:general info}</h1><p>{text:description of yourself}</p></div>
  873. <div class="updato"><div class="updato-updates"><div class="updato-tit">{text:updates 1 title}</div><p>{text:updates 1 text}</p></div><div class="updato-updates"><div class="updato-tit">{text:updates 2 title}</div><p>{text:updates 2 text}</p></div><div class="updato-updates"><div class="updato-tit">{text:updates 3 title}</div><p>{text:updates 3 text}</p></div><div class="updato-updates"><div class="updato-tit">{text:updates 4 title}</div><p>{text:updates 4 text}</p></div></div>
  874. <div class="blackness"><h1>basic tags</h1><a href="{text:tag link 1}">{text:tag link 1 name}</a><a href="{text:tag link 2}">{text:tag link 2 name}</a><a href="{text:tag link 3}">{text:tag link 3 name}</a><a href="{text:tag link 4}">{text:tag link 4 name}</a><a href="{text:tag link 5}">{text:tag link 5 name}</a><a href="{text:tag link 6}">{text:tag link 6 name}</a><a href="{text:tag link 7}">{text:tag link 7 name}</a><a href="{text:tag link 8}">{text:tag link 8 name}</a></div></div></div>
  875.  
  876. <div id="cr"><a href="http://darkholme.tk">SKYRIM THEMES</a></div>
  877.  
  878. <div class="sbar"><div class="tit"><a class="click">{title}</a></div><div class="descr">{description}</div></div></div>
  879.  
  880. <div class="line"></div>
  881.  
  882. <div class="posts">{block:posts}<div class="postswrap1">
  883.  
  884. {block:indexpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:indexpage}
  885.  
  886. {block:IndexPage}<div class="perma_hold"><div class="perma"><div class="perma-link"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{block:hastags}<div class="perma-tags">filed under:<br> {block:tags}<a href="{tagurl}">#{tag}</a>{/block:tags}</div>{/block:hastags}</div></div>{/block:IndexPage}
  887.  
  888. <div class="postswrap2">
  889.  
  890. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}<p style="font-weight:lighter">{Body}</p>{/block:Text}
  891.  
  892. {block:Photo}<div id="photo2">{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  893.  
  894. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Panorama}
  895.  
  896. {block:Photoset}{Photoset-250}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  897.  
  898. {block:Quote}<div id="quote">"{Quote}"</div><div id="confucius">{block:Source}{Source}{/block:Source}</div>{/block:Quote}
  899.  
  900. {block:Link}<div id="title"><a href="{URL}" {Target}>{Name} &#8594;</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  901.  
  902. {block:Chat}{block:Title}<div id="title">{Title}</div>{/block:Title}<div id="chlines">{block:Lines}<div id="{Alt}">{block:Label}<span id="label" style="font-weight:bold" id="label">{Label}</span>{/block:Label} <span id="line">{Line}</span></div>{/block:Lines}</div>{/block:Chat}
  903.  
  904. {block:Video}{Video-250}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  905.  
  906. {block:Audio}<div id="audio">{block:AudioPlayer}{block:AlbumArt}<div id="pause"><div id="play-wrap"><div id="play">{AudioPlayerWhite}</div></div><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{/block:AudioPlayer}{block:TrackName}<div id="trackname">{TrackName}<br>{block:Artist}{Artist}{/block:Artist}<br>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}{PlayCount}{/block:PlayCount}</div>{/block:TrackName}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  907.  
  908. {block:Answer}<div id="coverme"><div id="talkbubble"><div id="ask-icon"><img src="{AskerPortraitURL-30}"></div><div id="asker">{Asker} asked:</div><div id="question">{question}</div></div></div><div id="answer"><br>{Answer}</div>{/block:Answer}
  909.  
  910. {block:permalinkpage}{block:Date}<div id="info"><a href="{Permalink}" font-weight"bold" style="float:left">{DayOfWeek} {DayOfMonth}</a>{block:NoteCount}<a href="{Permalink}" style="float:left">{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank" style="float:right;">reblog</a>{block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}" style="float:right">via</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}" style="float:right">source</a>{/block:ContentSource}</div>{/block:Date}{/block:permalinkpage}
  911.  
  912. {block:permalinkpage}{block:hastags}<div class="tags-page">filed under:<br> {block:tags}<a href="{tagurl}">#{tag}</a>{/block:tags}</div>{/block:hastags}{/block:permalinkpage}
  913.  
  914. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  915.  
  916. </div>
  917.  
  918. </div>{/block:posts}
  919.  
  920. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}" style="float:left">&larr; previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="float:right">next &rarr;</a>{/block:NextPage}</div>{/block:Pagination}
  921.  
  922. </div>
  923.  
  924. </body>
  925. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement