API tools faq
paste
Advertisement
oswinoswild

THEME 01 WINTER IS COMING W/ UPDATES

oswinoswild
Oct 17th, 2013
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.99 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <!---- THEME 01 BY VILLAINIZES. PLEASE DON'T REMOVE/CHANGE CREDIT OR CLAIM AS YOUR OWN. ENJOY ---->
  15.  
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18.  
  19. <meta name="color:Text" content="#838282"/>
  20.  
  21. <meta name="color:Link" content="#b8b8b8"/>
  22.  
  23. <meta name="color:Link hover" content="#b8b8b8"/>
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="text:homelink title" content="home">
  28.  
  29. <meta name="text:linkA" content="">
  30.  
  31. <meta name="text:linkA url" content="/">
  32.  
  33. <meta name="text:linkB" content="">
  34.  
  35. <meta name="text:linkB url" content="/">
  36.  
  37. <meta name="text:linkC" content="">
  38.  
  39. <meta name="text:linkC url" content="/">
  40.  
  41. <meta name="text:linkD" content="">
  42.  
  43. <meta name="text:linkD url" content="/">
  44.  
  45. <meta name="text:linkE" content="">
  46.  
  47. <meta name="text:linkE url" content="/">
  48.  
  49. <meta name="color:updates background" content="#ffffff"/>
  50.  
  51. <meta name="image:updates image" content=""/>
  52.  
  53. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  54.  
  55. <style>
  56. div#qTip {
  57. padding: 4px;
  58. display: none;
  59. text-align: center;
  60. position: absolute;
  61. font-size:8px;
  62. margin-left:10px;
  63. margin-top:-2px;
  64. line-height:9px;
  65. font-family:Calibri;
  66. z-index: 1000;
  67. border: 1px solid #888888;
  68. background-color:#fff;
  69. color: #8f8f8f;
  70. text-transform:uppercase;
  71. letter-spacing: 2px;
  72. }
  73. </style>
  74.  
  75. <style type="text/css">
  76.  
  77. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  78.  
  79. body {
  80.  
  81. background:{color:background};
  82.  
  83. margin:0px;
  84.  
  85. color:{color:text};
  86.  
  87. font-size:11px;
  88.  
  89. line-height:100%;
  90.  
  91. }
  92.  
  93.  
  94.  
  95. a {
  96.  
  97. text-decoration:none;
  98.  
  99. outline:none;
  100.  
  101. -moz-outline-style:none;
  102.  
  103. color:{color:link};
  104.  
  105. -moz-transition-duration:0.5s;
  106.  
  107. -webkit-transition-duration:0.5s;
  108.  
  109. -o-transition-duration:0.5s;
  110.  
  111. }
  112.  
  113.  
  114.  
  115. a:hover{
  116.  
  117. color:{color:link hover};
  118.  
  119. font-style:italic;
  120.  
  121. -moz-transition-duration:0.5s;
  122.  
  123. -webkit-transition-duration:0.5s;
  124.  
  125. -o-transition-duration:0.5s;}
  126.  
  127.  
  128.  
  129. img {
  130.  
  131. border:1px solid #fff;
  132.  
  133. }
  134.  
  135.  
  136.  
  137. blockquote {
  138.  
  139. padding-left:5px;
  140.  
  141. border-left:2px solid;
  142.  
  143. }
  144.  
  145.  
  146.  
  147. blockquote blockquote {
  148.  
  149. padding-left:5px;
  150.  
  151. border-left:2px solid;
  152.  
  153. }
  154.  
  155.  
  156.  
  157. h1 {
  158.  
  159. font-size:10px;
  160.  
  161. }
  162.  
  163.  
  164.  
  165.  
  166.  
  167. #entries {
  168.  
  169. padding:10px;
  170.  
  171. width:500px;
  172.  
  173. margin-left:500px;
  174.  
  175. margin-top:0px;
  176.  
  177. padding:0px;
  178.  
  179. }
  180.  
  181.  
  182.  
  183. #post {
  184.  
  185. width:500px;
  186.  
  187. }
  188.  
  189. #title{
  190. font-size:20px;
  191. font-style:italic;
  192. text-align:center;
  193. padding-left:0px;
  194. height:40px;
  195. width:150px;
  196. line-height:40px;
  197.  
  198. }
  199. #sidebar {
  200. width:150px;
  201. position:fixed;
  202. margin-left:175px;
  203. margin-top:150px;
  204. }
  205.  
  206.  
  207. #sidebarimage {
  208. width 170px;
  209. }
  210.  
  211. #sidebarimage img {
  212. width:150px;
  213. }
  214.  
  215. #description {
  216. width:150px;
  217. margin-top:10px;
  218. margin-left:0px;
  219. line-height:13px;
  220. text-align:center;
  221. }
  222.  
  223. #links {
  224. margin-top: 10px;
  225. margin-left:0px;
  226. font-size:9px;
  227. text-transform:normal;
  228. text-align:center;
  229. letter-spacing:2px;
  230. line-height:170%;
  231. width:150px;
  232. font-style:normal;
  233.  
  234. }
  235.  
  236. #links a{
  237. padding:3px;
  238. color:{color:link};
  239. letter-spacing:0px;
  240. text-decoration:none;
  241. -moz-transition-duration:1s;
  242. -webkit-transition-duration:1s;
  243. -o-transition-duration:1s;
  244. }
  245.  
  246. #links a:hover{
  247. color:{color:hover};
  248. font-style:none;
  249. -moz-transition-duration:0s;
  250. -webkit-transition-duration:0s;
  251. -o-transition-duration:0s;
  252. }
  253.  
  254. #pagination {
  255. font-size:9px;
  256. margin-top:10px;
  257. text-align:center;
  258. margin-left:0px;
  259. font-style:italic;
  260. }
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268. .caption {
  269.  
  270. width:500px;
  271.  
  272. text-align:justify;
  273.  
  274. line-height:120%;
  275.  
  276. }
  277.  
  278.  
  279.  
  280. .ask {
  281.  
  282. padding:10px;
  283.  
  284. text-align:left;
  285.  
  286. color:{color:text};
  287.  
  288. background-color:#d6d6d6;
  289.  
  290. border-bottom:1px solid #fff;
  291.  
  292. }
  293.  
  294.  
  295.  
  296. .ans {
  297.  
  298. text-align:left;
  299.  
  300. padding:10px;
  301.  
  302. color:{color:text};
  303.  
  304. }
  305.  
  306.  
  307. #credit {
  308. font-size:12px;
  309. font-family:calibri;
  310. font-style:normal;
  311. letter-spacing:1px;
  312. -moz-transition-duration:0.8s;
  313. -webkit-transition-duration:0.8s;
  314. -o-transition-duration:0.8s;
  315. }
  316.  
  317. #credit a {
  318. background-color:#fff;
  319. position:fixed;
  320. right:15px;
  321. bottom:10px
  322. }
  323.  
  324.  
  325.  
  326. .audio {
  327.  
  328. width:500px;
  329.  
  330. padding-bottom:10px;
  331.  
  332. background-color:{color:infobg};
  333.  
  334. }
  335.  
  336.  
  337.  
  338. .albumart {
  339.  
  340. float:left;
  341.  
  342. padding:0px 10px 10px 0px;
  343.  
  344. }
  345.  
  346.  
  347.  
  348. .albumart img {
  349.  
  350. width:45px;
  351.  
  352. height:45px;
  353.  
  354. }
  355.  
  356.  
  357.  
  358. .playercontainer {
  359.  
  360. text-align:left;
  361.  
  362. padding:10px;
  363.  
  364. background-color:#ffffff;
  365.  
  366. width:480px;
  367.  
  368. }
  369.  
  370.  
  371.  
  372. .audioinfo {
  373.  
  374. padding:10px;
  375.  
  376. color:{color:text};
  377.  
  378. }
  379.  
  380.  
  381.  
  382. #postinfo {
  383.  
  384. text-align:left;padding-top:3px;
  385.  
  386. margin-top:5px;
  387.  
  388. margin-bottom:10px;
  389.  
  390. text-transform: lowercase;
  391.  
  392. letter-spacing:0px;
  393. text-align:center;
  394.  
  395. font-size:5px;
  396.  
  397. line-height: 10px;
  398.  
  399. color:{color:link};
  400.  
  401. }
  402.  
  403.  
  404.  
  405. #postinfo a {
  406.  
  407. color:{color:link};
  408.  
  409. text-align:center;
  410.  
  411. font-style:normal;
  412.  
  413.  
  414. }
  415.  
  416.  
  417.  
  418. #postinfo a:hover {
  419.  
  420. color:{color:hover};
  421.  
  422. }
  423.  
  424.  
  425.  
  426. .note {
  427.  
  428. text-transform:lowercase;
  429.  
  430. font-style:normal;
  431.  
  432. letter-spacing:0px;
  433.  
  434. font-size: 7px;
  435.  
  436. text-align:left;
  437.  
  438. line-height:90%;
  439.  
  440. margin-left:-40px;
  441.  
  442. }
  443.  
  444.  
  445.  
  446. .note li {
  447.  
  448. list-style-type:none;
  449.  
  450. border-bottom:1px solid {color:border};
  451.  
  452. padding:10px 25px 10px 25px;
  453.  
  454. text-align:left;
  455.  
  456. margin:0px;
  457.  
  458. -moz-transition-duration:0.5s;
  459.  
  460. -webkit-transition-duration:0.5s;
  461.  
  462. -o-transition-duration:0.5s;
  463.  
  464. }
  465.  
  466.  
  467.  
  468. .tags {
  469.  
  470. font-style:normal;
  471.  
  472. width:500px;
  473.  
  474. text-transform:uppercase;
  475.  
  476. font-style:normal;
  477.  
  478. color:{color:tags};
  479.  
  480. letter-spacing:2px;
  481.  
  482. line-height:120%;
  483.  
  484. font-size:8px;
  485.  
  486. text-align:center;
  487.  
  488. padding:2px;
  489.  
  490. -moz-transition-duration:0.5s;
  491.  
  492. -webkit-transition-duration:0.5s;
  493.  
  494. -o-transition-duration:0.5s;
  495.  
  496. }
  497.  
  498.  
  499.  
  500. .tags a {
  501.  
  502. color:{color:tags};
  503.  
  504. letter-spacing:1px;
  505.  
  506. padding:1px;
  507.  
  508. }
  509.  
  510.  
  511.  
  512. .tags a:hover {
  513.  
  514. color:{color:link hover};
  515.  
  516. }
  517.  
  518.  
  519. ul.chat, .chat ol, .chat li {
  520.  
  521. list-style:none;
  522.  
  523. margin:0px;
  524.  
  525. padding:2px;
  526.  
  527. }
  528.  
  529.  
  530.  
  531. .label {
  532.  
  533. text-decoration:underline;
  534.  
  535. font-weight:300;
  536.  
  537. background-color:{color:infobg};
  538.  
  539. margin-right:5px;
  540.  
  541. }
  542.  
  543.  
  544.  
  545. .user_1 .label {color:{color:text}; font-weight:bold}
  546.  
  547. .user_2 .label {color:{color:link}; font-weight:bold}
  548.  
  549. .user_3 .label {color:{color:text}; font-weight:bold}
  550.  
  551. .user_4 .label {color:{color:link}; font-weight:bold}
  552.  
  553. .user_5 .label {color:{color:text}; font-weight:bold}
  554.  
  555. .user_6 .label {color:{color:link}; font-weight:bold}
  556.  
  557. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  558.  
  559. h2 {
  560. font-family: sylfaen;
  561. font-size:15px;
  562. text-align:center;
  563. line-height:100%;
  564. color:{color:title};
  565. font-style:italic;
  566. font-weight:normal;
  567.  
  568. }
  569. #updates{
  570. position:fixed;
  571. width:150px;
  572. height:300px;
  573. bottom:0px;
  574. margin-top:-200px;
  575. right:130px;
  576. transition-duration: 0.8s;
  577. -moz-transition-duration: 0.8s;
  578. -webkit-transition-duration: 0.8s;
  579. -o-transition-duration: 0.8s;
  580. }
  581.  
  582. #uimage{
  583. position:absolute;
  584. bottom:0px;
  585. width:130px;
  586. height:130px;
  587. left:50%;
  588. margin-left:-50px;
  589. transition-duration: 0.8s;
  590. -moz-transition-duration: 0.8s;
  591. -webkit-transition-duration: 0.8s;
  592. -o-transition-duration: 0.8s;
  593.  
  594. }
  595. #uimage img{
  596. bottom:0px;
  597. width:130px;
  598. height:auto;
  599. transition-duration: 0.8s;
  600. -moz-transition-duration: 0.8s;
  601. -webkit-transition-duration: 0.8s;
  602. -o-transition-duration: 0.8s;
  603. }
  604.  
  605.  
  606. #words{
  607. position:absolute;
  608. top:0px;
  609. width:140px;
  610. height:140px;
  611. background:{color:updates background};
  612. border:1px solid #d8d8d8;
  613. border-radius:10px;
  614. opacity:0;
  615. transition-duration: 0.8s;
  616. -moz-transition-duration: 0.8s;
  617. -webkit-transition-duration: 0.8s;
  618. -o-transition-duration: 0.8s;
  619. }
  620.  
  621. #yeah{
  622. position:absolute;
  623. top:2px;
  624. padding:10px;
  625. width:118px;
  626. height:110px;
  627. line-height:130%;
  628. background:{color:updates background};
  629. opacity:1;
  630. font-size:10px;
  631. font-family:calibri;
  632. overflow:auto;
  633. transition-duration: 0.8s;
  634. -moz-transition-duration: 0.8s;
  635. -webkit-transition-duration: 0.8s;
  636. -o-transition-duration: 0.8s;
  637. }
  638.  
  639. #updates:hover #words{
  640. opacity:1;
  641. transition-duration: 0.8s;
  642. -moz-transition-duration: 0.8s;
  643. -webkit-transition-duration: 0.8s;
  644. -o-transition-duration: 0.8s;
  645. }
  646.  
  647. #updates:hover .arrow_box{
  648. opacity:1;
  649. transition-duration: 0.8s;
  650. -moz-transition-duration: 0.8s;
  651. -webkit-transition-duration: 0.8s;
  652. -o-transition-duration: 0.8s;
  653. }
  654.  
  655.  
  656. .arrow_box {
  657. bottom:0px;
  658. left:50%;
  659. opacity:0;
  660. position: absolute;
  661. border: 1px solid #eee;
  662. transition-duration: 0.8s;
  663. -moz-transition-duration: 0.8s;
  664. -webkit-transition-duration: 0.8s;
  665. -o-transition-duration: 0.8s;
  666. }
  667. .arrow_box:after, .arrow_box:before {
  668. top: 100%;
  669. border: solid transparent;
  670. content: " ";
  671. height: 0;
  672. width: 0;
  673. position: absolute;
  674. pointer-events: none;
  675. }
  676.  
  677. .arrow_box:after {
  678. border-color: rgba(255, 255, 255, 0);
  679. border-top-color:{color:updates background};
  680. border-width: 12px;
  681. left: 50%;
  682. margin-left: -12px;
  683. }
  684. .arrow_box:before {
  685. border-color: rgba(216, 216, 216, 0);
  686. border-top-color: #b8b8b8;
  687. border-width: 13px;
  688. left: 50%;
  689. margin-left: -13px;
  690. }
  691.  
  692. {CustomCSS}</style></head><body>
  693.  
  694. <div id="updates">
  695. <div id="words">
  696. <div id="yeah">
  697. <h2>Updates</h2>
  698.  
  699. <!-------------------------INSERT UPDATES HERE----------------------->
  700.  
  701. <center>This is your updates tab. Woooo. If you type a lot, then this handy lil scrollbar will appear. I think it looks best without the scrollbar, but it's your blog. You can say what you're currently watching or reading or what networks you're in. It's pretty cool.
  702.  
  703. <!-------------------------------------END-------------------------------------->
  704. </div>
  705.  
  706. <div class="arrow_box"></div>
  707. </div>
  708.  
  709. <div id="uimage"><img src="{image:updates image}"></div>
  710.  
  711. </div>
  712.  
  713. <div id="sidebar">
  714.  
  715. <div id="title">{title}</div>
  716.  
  717. <div id="sidebarimage">
  718. <a title="{text:homelink title}" href="/"><img src="{image:sidebar}"> </a></div>
  719.  
  720. <div id="links">
  721. <a href="{text:linkA url}" title="{text:linkA}">I.</a>
  722. <a href="{text:linkB url}" title="{text:linkB}">II.</a>
  723. <a href="{text:linkC url}" title="{text:linkC}">III.</a>
  724. <a href="{text:linkD url}" title="{text:linkD}">IV.</a>
  725. <a href="{text:linkE url}" title="{text:linkE}">V.</a>
  726.  
  727. </div>
  728.  
  729. <div id="description">{Description}</div>
  730.  
  731. <div id="pagination">
  732. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">retreat</a> {/block:PreviousPage}
  733. {block:NextPage}— <a href="{NextPage}">attack</a>{/block:NextPage}{/block:Pagination}
  734. </div>
  735.  
  736. </div>
  737.  
  738.  
  739.  
  740. <div id="entries">
  741.  
  742.  
  743. {block:Posts}<div id="post"><br><br><br><br><br><br>
  744.  
  745.  
  746.  
  747. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  748.  
  749.  
  750.  
  751. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  752.  
  753.  
  754.  
  755. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  756.  
  757. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  758.  
  759.  
  760.  
  761. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  762.  
  763.  
  764.  
  765. {block:Photoset}<center>{Photoset-500}</center>
  766.  
  767. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  768.  
  769.  
  770.  
  771. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  772.  
  773.  
  774.  
  775. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  776.  
  777.  
  778.  
  779. {block:Answer}<div class="ask">{Asker} sang: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  780.  
  781.  
  782.  
  783. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  784.  
  785. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  786.  
  787. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  788.  
  789. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  790.  
  791. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  799. {block:ContentSource} · <a href="{SourceURL}">source</a> · {/block:ContentSource} {/block:Date} {block:NoteCount} with <font color=#d6bbc8>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}</div>
  800. {block:HasTags}
  801. <div class="tags">
  802. {block:Tags} <a href="{TagURL}"> -{Tag}</a>{/block:Tags}</div>
  803. {/block:HasTags}
  804. <div class="postnote">
  805. {block:PostNotes}{PostNotes}{/block:PostNotes}
  806. </div>
  807. </div>
  808. {/block:Posts}
  809.  
  810.  
  811.  
  812.  
  813.  
  814. </div>
  815.  
  816.  
  817.  
  818.  
  819.  
  820. </div>
  821.  
  822. </div>
  823.  
  824. </div>
  825.  
  826.  
  827.  
  828. </body>
  829.  
  830.  
  831.  
  832. </div>
  833. <div id="credit"><a href="http://villainizes.tumblr.com">©</div>
  834.  
  835. </div>
  836.  
  837. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!