API tools faq
paste
Advertisement
valyrianruins

Theme 1 - An Utter Fool

valyrianruins
Mar 30th, 2014
372
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <!--
  10.  
  11.  
  12. theme 01 by kayla aka valyrianthemes / valyrianruins / tempest
  13.  
  14. Rules -
  15. Don't be a douche and remove the credit.
  16. Don't be a douche and claim as your own.
  17. Don't be a douche and use and redistribute as a base theme and claim it as your own.
  18.  
  19. Enjoy.
  20.  
  21. -->
  22.  
  23. <!--META TAGS-->
  24. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  25.  
  26. <!--COLOURS-->
  27. <meta name="color:Background Colour" content="#ffffff"/>
  28. <meta name="color:Post Background" content="#ffffff"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Description Text" content="#000000"/>
  31. <meta name="color:Title Link" content="#75beb5"/>
  32. <meta name="color:Title Hover" content="#e77787"/>
  33. <meta name="color:Text Selection Colour" content="#e77787"/>
  34. <meta name="color:Bold Text" content="#e77787"/>
  35. <meta name="color:Italic Text" content="#66ccff"/>
  36. <meta name="color:Underline Text" content="#e5cbba"/>
  37. <meta name="color:Strikethrough Text" content="#d4e9d6"/>
  38. <meta name="color:Blockquote" content="#75beb5"/>
  39. <meta name="color:Links" content="#75beb5"/>
  40. <meta name="color:Links Hover" content="#e77787"/>
  41. <meta name="color:Sidebar Links" content="#75beb5"/>
  42. <meta name="color:Sidebar Links Hover" content="#e77787"/>
  43. <meta name="color:Post Info" content="#75beb5"/>
  44. <meta name="color:Post Info Hover" content="#e77787"/>
  45.  
  46. <!--IMAGES-->
  47.  
  48. <meta name="image:Sidebar Image" content=""/>
  49. <meta name="image:Background Image" content=""/>
  50.  
  51. <!--LINKS-->
  52.  
  53. <meta name="text:Link 1 Title" content=""/>
  54. <meta name="text:Link 1 Url" content=""/>
  55. <meta name="text:Link 2 Title" content=""/>
  56. <meta name="text:Link 2 Url" content=""/>
  57. <meta name="text:Link 3 Title" content=""/>
  58. <meta name="text:Link 3 Url" content=""/>
  59. <meta name="text:Link 4 Title" content=""/>
  60. <meta name="text:Link 4 Url" content=""/>
  61.  
  62. <!--IF-->
  63. <meta name="if:Link 1" content="1"/>
  64. <meta name="if:Link 2" content="1"/>
  65. <meta name="if:Link 3" content="1"/>
  66. <meta name="if:Link 4" content="1"/>
  67. <meta name="if:Sidebar Image Opacity Hover" content="1"/>
  68.  
  69. <style type="text/css">
  70.  
  71. /*SCROLLBAR*/
  72. ::-webkit-scrollbar-thumb:vertical {
  73. background-color: #75beb5;
  74. height: 5px;
  75. }
  76.  
  77. ::-webkit-scrollbar {
  78. background-color: #fff;
  79. height:8px;
  80. width:3px;
  81. }
  82.  
  83. /*HEADINGS*/
  84.  
  85. h2 {
  86. font-size: 13px;
  87. color: #75beb5;
  88. font-weight: normal;
  89. margin: 0px;
  90. }
  91.  
  92. /*LIST STYLES*/
  93.  
  94. li, ul, ol {
  95. list-style: upper-roman;
  96. max-width: 100%;
  97. }
  98.  
  99. /*BOLD / ITALIC / UNDERLINE / STRIKETHROUGH / BLOCKQUOTE */
  100.  
  101. b, strong {
  102. color: {color:Bold Text};
  103. }
  104.  
  105. i, em {
  106. color: {color:Italic Text};
  107. }
  108.  
  109. u {
  110. color: {color:Underline Text};
  111. }
  112.  
  113. strike {
  114. color: {color:Strikethrough Text};
  115. }
  116.  
  117. blockquote {
  118. padding-left: 5px;
  119. max-width: 100%;
  120. border-left: solid 2px {color:Blockquote};
  121. }
  122.  
  123. /*PAGINATION*/
  124. .pag {
  125. text-align: right;
  126. }
  127.  
  128. /*BODY / CONTAINER / POST COL*/
  129.  
  130. body {
  131. font-size: 10px;
  132. font-family: Calibri;
  133. color: {color:Text};
  134. background-color: {color:Background Colour};
  135. background-image: {image:Background Image};
  136. }
  137.  
  138. .container {
  139. width: 800px;
  140. margin: auto;
  141. }
  142.  
  143. /*LINKS*/
  144.  
  145. a {
  146. color: {color:Links};
  147. text-decoration: none;
  148. -moz-transition-duration: 0.5s;
  149. -o-transition-duration: 0.5s;
  150. -webkit-transition-duration: 0.5s;
  151. transition-duration: 0.5s;
  152. }
  153.  
  154. a:hover {
  155. color: {color:Links Hover};
  156. -moz-transition-duration: 0.5s;
  157. -o-transition-duration: 0.5s;
  158. -webkit-transition-duration: 0.5s;
  159. transition-duration: 0.5s;
  160. }
  161.  
  162. .links {
  163. text-align: justify;
  164. padding-bottom: 10px;
  165. padding-top: 5px;
  166. text-transform: uppercase;
  167. word-break:all;
  168. }
  169.  
  170. .links a {
  171. color: {color:Sidebar Links};
  172. -moz-transition-duration: 0.5s;
  173. -o-transition-duration: 0.5s;
  174. -webkit-transition-duration: 0.5s;
  175. transition-duration: 0.5s;
  176. }
  177.  
  178. .links a:hover {
  179. color: {color:Sidebar Links Hover};
  180. -moz-transition-duration: 0.5s;
  181. -o-transition-duration: 0.5s;
  182. -webkit-transition-duration: 0.5s;
  183. transition-duration: 0.5s;
  184. }
  185.  
  186. /*SIDEBAR / SIDEBAR IMAGE / TITLE / DESCRIPTION*/
  187.  
  188. .sidebar {
  189. position: fixed;
  190. margin-left: -50px;
  191. width: 160px;
  192. bottom: 200px;
  193. text-align: justify;
  194. height: auto;
  195. color: {color:Description Text};
  196. }
  197. {block:ifSidebarImageOpacityHover}
  198. .sidebarimage {
  199. max-width: 200px;
  200. padding-bottom: 10px;
  201. opacity: 0.7;
  202. transition: opacity .5s ease-out;
  203. -moz-transition: opacity .5s ease-out;
  204. -webkit-transition: opacity .5s ease-out;
  205. -o-transition: opacity .5s ease-out;
  206. }
  207.  
  208. .sidebarimage:hover {
  209. opacity: 1;
  210. padding-bottom: 10px;
  211. }
  212. {/block:ifSidebarImageOpacityHover}
  213.  
  214. .blogtitle {
  215. font-family: Calibri;
  216. text-align: center;
  217. font-size: 15px;
  218. font-style: italic;
  219. padding: 2px 5px 5px 5px;
  220. }
  221.  
  222. .blogtitle a {
  223. color: {color:Title Link};
  224. -moz-transition-duration: 0.5s;
  225. -o-transition-duration: 0.5s;
  226. -webkit-transition-duration: 0.5s;
  227. transition-duration: 0.5s;
  228. }
  229.  
  230. .blogtitle a:hover {
  231. color: {color:Title Hover};
  232. -moz-transition-duration: 0.5s;
  233. -o-transition-duration: 0.5s;
  234. -webkit-transition-duration: 0.5s;
  235. transition-duration: 0.5s;
  236. }
  237.  
  238. /*POST / POST INFO / REBLOG INFO / POST NOTES INFO / TAG INFO*/
  239.  
  240. .postcol {
  241. width: 400px;
  242. margin-left: 240px;
  243. margin-top: 10px;
  244. }
  245.  
  246. .posts {
  247. background-color: {color:Background};
  248. padding-top: 30px;
  249. overflow: hidden;
  250. }
  251.  
  252. .postinfo {
  253. color: {color:Text};
  254. text-transform: uppercase;
  255. text-align: left;
  256. margin-right: 5px;
  257. border-top: #eeeeee solid 1px;
  258. padding-top: 10px;
  259. }
  260.  
  261. .postinfo a {
  262. color: {color:Post Info};
  263. }
  264.  
  265. .postinfo a:hover {
  266. color: {color:Post Info Hover};
  267. }
  268.  
  269. .rebloginfo {
  270. color: {color:Text};
  271. text-align: right;
  272. margin-right: 5px;
  273. }
  274.  
  275. .rebloginfo a {
  276. color: {color:Post Info};
  277. }
  278.  
  279. .rebloginfo a:hover {
  280. color: {color:Post Info Hover};
  281. }
  282.  
  283. .taginfo {
  284. color: {color:Text};
  285. text-align: left;
  286. margin-right: 4px;
  287. }
  288.  
  289. .taginfo a {
  290. color: {color:Post Info};
  291. }
  292.  
  293. .taginfo a:hover {
  294. color: {color:Post Info Hover};
  295. }
  296.  
  297. ol.notes {
  298. padding-bottom: 3px;
  299. width: 400;
  300. text-align: left;
  301. font-size: 9px;
  302. width: 400;
  303. text-transform: uppercase;
  304. }
  305.  
  306. ol.notes li.note {
  307. border-bottom: 1px solid #eeeeee;
  308. padding: 3px;
  309. }
  310.  
  311. ol.notes li.note img.avatar{
  312. width: 0px;
  313. height: 0px;
  314. }
  315.  
  316.  
  317.  
  318. /*TEXT POST*/
  319.  
  320. .text {
  321. padding-bottom: 10px;
  322. }
  323.  
  324.  
  325. /*AUDIO POST*/
  326.  
  327. .newplayerbutton {
  328. position: relative;
  329. width: 28px;
  330. height: 27px;
  331. overflow: hidden;
  332. }
  333.  
  334. .playerbuttonhug {
  335. position: absolute;
  336. top: -11px;
  337. left: -12px;
  338. }
  339.  
  340. .tumblr_audio_player {
  341. border: none;
  342. padding: 0px;
  343. margin: 0px;
  344. height: 50px;
  345. width: 500px;
  346. }
  347.  
  348. .playerbuttonbg {
  349. position: absolute;
  350. left: 20px;
  351. top: 20px;
  352. width: 28px;
  353. height: 28px;
  354. background-color: #ffffff;
  355. padding: 10px;
  356. -webkit-border-radius: 40px;
  357. -moz-border-radius: 40px;
  358. border-radius: 40px;
  359. opacity: .4;
  360. filter: alpha(opacity=40);
  361. -moz-opacity: 0.4;
  362. -khtml-opacity: 0.4;
  363. transition: opacity .7s ease-in-out;
  364. -moz-transition: opacity .7s ease-in-out;
  365. -webkit-transition: opacity .7s ease-in-out;
  366. }
  367.  
  368. .playerbuttonbg:hover {
  369. opacity: 1;
  370. filter: alpha(opacity=100);
  371. -moz-opacity: 1;
  372. -khtml-opacity: 1;
  373. }
  374.  
  375. .audioimgwrapper {
  376. position: absolute;
  377. left: 0px;
  378. top: 0px;
  379. -webkit-border-radius: 50px;
  380. -moz-border-radius: 50px;
  381. border-radius: 50px;
  382. overflow: hidden;
  383. width: 88px;
  384. height: 88px;
  385. }
  386.  
  387. .audioimgwrapper img {
  388. width: 100%;
  389. height: auto;
  390. -webkit-border-radius: 50px;
  391. -moz-border-radius: 50px;
  392. border-radius: 50px;
  393. }
  394.  
  395. .trackdetails {
  396. width: auto;
  397. display:inline-block;
  398. margin-left: 100px;
  399. min-height: 85px;
  400. }
  401.  
  402. .audiowrapper {
  403. position: relative;
  404. display:inline-block;
  405. }
  406.  
  407. /*CHAT POST*/
  408.  
  409. .chat li {
  410. padding: 2px;
  411. list-style-type: none;
  412. }
  413.  
  414. .chat .even {
  415. background: #ffffff;
  416. }
  417.  
  418. .chat ul {
  419. padding: 3px;
  420. list-style-type: none;
  421. }
  422.  
  423. /*LINK POST*/
  424.  
  425. .link {
  426. padding-bottom: 10px;
  427. }
  428. /*PHOTO POST / PHOTOSET POST*/
  429.  
  430. .photo {
  431. padding-bottom: 10px;
  432. }
  433.  
  434. /*VIDEO POST*/
  435.  
  436. .video {
  437. padding-bottom: 10px;
  438. }
  439.  
  440. /*QUOTE POST*/
  441.  
  442. .quote {
  443. width: 80%;
  444. margin: auto;
  445. text-align: center;
  446.  
  447. }
  448.  
  449. .quotetext_short {
  450. font-size: 11px;
  451. }
  452.  
  453. .quotetext_medium {
  454. font-size: 11px;
  455. }
  456.  
  457. .quotetext_long {
  458. font-size: 11px;
  459. }
  460.  
  461. .source {
  462. text-align: center;
  463. padding-bottom: 10px;
  464. padding-top: 5px;
  465. font-weight: bold;
  466. color: #000000;
  467. }
  468.  
  469. /*IMAGES*/
  470.  
  471. img {
  472. max-width: 100%;
  473. border: none;
  474. overflow: hidden;
  475. }
  476.  
  477. /*ANSWER POST*/
  478.  
  479. .ask {
  480. padding: 5px;
  481. padding-bottom: 5px;
  482. text-align: left;
  483. }
  484.  
  485. .question {
  486. text-align: left;
  487. }
  488.  
  489. .answer {
  490. padding-top: 2px;
  491. }
  492.  
  493. /*CREDIT*/
  494.  
  495. .credit {
  496. position: fixed;
  497. bottom: 5px;
  498. right: 5px;
  499. font-size: 8px;
  500. font-family: Calibri;
  501. text-transform:uppercase;
  502. }
  503.  
  504.  
  505. </style>
  506. </head>
  507.  
  508. <body>
  509. <div class="container">
  510.  
  511. <div class="sidebar">
  512. <div class="blogtitle"><small><a href="/">{Title}</a></small></div>
  513. <div class="sidebarimage"><center><a href="/"><img src="{image:Sidebar Image}"</a></div>
  514. <div class="links">
  515. <a href="/">home</a>
  516. <a href="/ask">ask</a>
  517. {block:ifLink1}<a href="{text:Link 1 Url}">{text:Link 1 Title}</a>{/block:ifLink1}
  518. {block:ifLink2}<a href="{text:Link 2 Url}">{text:Link 2 Title}</a>{/block:ifLink2}
  519. {block:ifLink3}<a href="{text:Link 3 Url}">{text:Link 3 Title}</a>{/block:ifLink3}
  520. {block:ifLink4}<a href="{text:Link 4 Url}">{text:Link 4 Title}</a>{/block:ifLink4}
  521. </div><!--END OF LINKS DIV-->
  522. <div class"desc">{Description}</div>
  523. {block:Pagination}
  524. <div class="pag">
  525. {block:PreviousPage}<a href="{PreviousPage}" title="past">-</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="future">+</a>{/block:NextPage}
  526. </div><!--END OF PAG DIV-->
  527. {/block:Pagination}
  528.  
  529. </div><!--END OF SIDEBAR DIV-->
  530.  
  531. <div class="postcol">
  532. {block:Posts}
  533. <div class="posts">
  534.  
  535. <!---------------------------------------------------
  536. TEXT POSTS
  537. ---------------------------------------------------->
  538. {block:Text}
  539. <div class="text">
  540. {block:Title}<h2>{Title}</h2>{/block:Title}
  541. {Body}
  542. </div>
  543. {/block:Text}
  544.  
  545. <!---------------------------------------------------
  546. ANSWER POSTS
  547. ---------------------------------------------------->
  548. {block:Answer}
  549. <div class="ask">
  550. <div class="question">
  551. <span style="text-transform:uppercase">{Asker}</span> — <span style="font-style:italic">{Question}</span></div>
  552. <div class="answer">
  553. {Answer}</div>
  554. </div>
  555. {/block:Answer}
  556.  
  557. <!---------------------------------------------------
  558. QUOTE POSTS
  559. ---------------------------------------------------->
  560. {block:Quote}
  561. <div class="quote">
  562. <div class="quotetext_{Length}"> " {Quote} " </div>
  563. {block:Source}<div class="source"><br>{Source}</div>{/block:Source}
  564. </div>
  565. {/block:Quote}
  566.  
  567. <!---------------------------------------------------
  568. LINK POSTS
  569. ---------------------------------------------------->
  570. {block:Link}
  571. <div class="link">
  572. <h2><a href="{URL}">{Name}</a></h2>
  573. {block:Description}{Description}{/block:Description}
  574. </div>
  575. {/block:Link}
  576.  
  577. <!---------------------------------------------------
  578. CHAT POSTS
  579. ---------------------------------------------------->
  580.  
  581. {block:Chat}
  582. <div class="chat">
  583. {block:Title}<h2>{Title}</h2>{/block:Title}
  584. <ul>
  585. {block:Lines}<li class="{Alt}"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line} </p></li>{/block:Lines}
  586. </ul>
  587. {/block:Chat}
  588.  
  589. <!---------------------------------------------------
  590. PHOTO POSTS
  591. ---------------------------------------------------->
  592. {block:Photo}
  593. <div class="photo">
  594. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400">{LinkCloseTag}
  595. {block:Caption}{Caption}{/block:Caption}
  596. </div>
  597. {/block:Photo}
  598.  
  599. <!---------------------------------------------------
  600. PHOTOSET POSTS
  601. ---------------------------------------------------->
  602. {block:Photoset}
  603. <div class="photo">
  604. {Photoset-400}
  605. {block:Caption}{Caption}{/block:Caption}
  606. </div>
  607. {/block:Photoset}
  608.  
  609. <!---------------------------------------------------
  610. VIDEO POSTS
  611. ---------------------------------------------------->
  612. {block:Video}
  613. <div class="video">
  614. {Video-400}
  615. {block:Caption}{Caption}{/block:Caption}
  616. </div>
  617. {/block:Video}
  618. <!---------------------------------------------------
  619. AUDIO POSTS
  620. ---------------------------------------------------->
  621.  
  622. {block:AudioPlayer}
  623. <div class="audiowrapper">
  624. {block:AlbumArt}
  625. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  626. {/block:AlbumArt}
  627. <div class="playerbuttonbg">
  628. <div class="newplayerbutton">
  629. <div class="playerbuttonhug">
  630. {AudioPlayerWhite}
  631. </div>
  632. </div>
  633. </div>
  634. <div class="trackdetails">
  635. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  636. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  637. {block:Album}Album: {Album}{/block:Album}<br/>
  638. {PlayCountWithLabel}
  639. </div>
  640. </div>
  641. {block:Caption}{Caption}{/block:Caption}
  642. {/block:AudioPlayer}
  643. </div>
  644.  
  645. <!---------------------------------------------------
  646. POST INFO / TAG INFO
  647. ---------------------------------------------------->
  648.  
  649. <div class="postinfo">
  650. <small>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  651. {block:PermalinkPage}
  652. {block:RebloggedFrom}&nbsp;&nbsp;&nbsp;<a href="{ReblogParentURL}">VIA</a>
  653. {/block:RebloggedFrom}
  654. {block:ContentSource}<a href="{SourceURL}">&nbsp;&nbsp;&nbsp;SOURCE</a>{/block:ContentSource}
  655. {/block:PermalinkPage}
  656. </div>
  657.  
  658. <div class="taginfo">
  659. {block:HasTags}
  660. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;
  661. {/block:Tags}
  662. {/block:HasTags}
  663. </small></div>
  664.  
  665. {block:PostNotes}{PostNotes}{/block:PostNotes}
  666.  
  667. {/block:Posts}
  668.  
  669. </div>
  670.  
  671.  
  672.  
  673.  
  674. </div>
  675. {/block:Posts}
  676.  
  677.  
  678. <div class="credit">
  679. <a href="http://valyrianruins.tumblr.com/" title="valyrianruins">© tempest</a></center></div>
  680.  
  681.  
  682.  
  683. </div>
  684.  
  685. </div></div>
  686. </body>
  687.  
  688.  
  689. </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!