API tools faq
paste
dar-g-ling

#2 lvytheme

dar-g-ling
Jan 10th, 2015
181
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- This theme was entirely written by drgling @artdelafolie.tumblr.
  5. Don't steal or copy either the whole theme or parts of it and claim as your own. If you're interested, you are very welcome to msg me at my tumblr or twitter (@drgling). This theme is solely written for lucy @lvytea.tumblr and she alone is allowed to use this. -->
  6.  
  7. <head>
  8. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="Description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <meta name="image:Sidebar Pic" content="http://static.tumblr.com/3b5bfb8fc4752c0e7da9153aa2d0ea70/9nrsaks/kHCndcyn3/tumblr_static_dnu1ozbore0o8g0k8wcgwwosk.png">
  18.  
  19. <meta name="color:Scrollbar BG" content="">
  20. <meta name="color:Scrollbar Color" content="#6e6e6e">
  21. <meta name="color:Text Color" content:"#000">
  22. <meta name="color:Link Color" content="#000">
  23. <meta name="color:Link Hover Color" content="#d3d3d3">
  24.  
  25. <meta name="if:Sidepic" content="1">
  26.  
  27. <meta name="text:URL1" content="/ask">
  28. <meta name="text:Link 1" content="ask">
  29. <meta name="text:URL2" content="/tagged/my%20stuff">
  30. <meta name="text:Link 2" content="my art">
  31. <meta name="text:URL3" content="">
  32. <meta name="text:Link 3" content="">
  33. <meta name="text:URL4" content="">
  34. <meta name="text:Link 4" content="">
  35.  
  36. <style type="text/css">
  37.  
  38. ::-webkit-scrollbar {background-color:{color:Background Color}; width:5px}
  39. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar Color};}
  40.  
  41. body {
  42. font-family: 'Roboto Condensed', Helvetica;
  43. font-size:12px;
  44. color:{color:Text Color};
  45. }
  46.  
  47. h1 {
  48. font-size:16px;
  49. text-align:center;
  50. text-transform:uppercase;
  51. }
  52.  
  53. blockquote {
  54. padding-left:3px;
  55. border-left:1px solid #000;
  56. }
  57.  
  58. a {
  59. text-decoration:none;
  60. color:{color:Link Color};
  61. -webkit-transition: all 0.5s ease-out;
  62. -moz-transition: all 0.5s ease-out;
  63. -o-transition: all 0.5s ease-out;
  64. }
  65.  
  66. a:hover {
  67. color:{color:Link Hover Color};
  68. }
  69.  
  70. #sidebar {
  71. position:fixed;
  72. width:200px;
  73. left:120px;
  74. top:55px;
  75. }
  76.  
  77. #sidebarpic {
  78. position:float;
  79. }
  80.  
  81. #sidebarpic img {
  82. max-width:200px;
  83. height:auto;
  84. }
  85.  
  86. #sidebarnav {
  87. float:left;
  88. padding-right:5px;
  89. margin-top:30px;
  90. width:72px;
  91. text-align:right;
  92. border-right:1px solid {color:Link Color};
  93. line-height:16px;
  94. }
  95.  
  96. #sidebardesc {
  97. float:right;
  98. margin-top:30px;
  99. padding-left:10px;
  100. height:100px;
  101. width:110px;
  102. overflow:auto;
  103. line-height:16px;
  104. }
  105.  
  106. #pagination {
  107. font-size:18px;
  108. position:fixed;
  109. top:380px;
  110. width:200px;
  111. text-align:center;
  112. }
  113.  
  114. #nosidebar {
  115. position:fixed;
  116. top:140px;
  117. left:150px;
  118. width:150px;
  119. }
  120.  
  121. #nosidebardesc {
  122. width:150px;
  123. height:100px;
  124. overflow:auto
  125. line-height:16px;
  126. }
  127.  
  128. #nosidebarnav {
  129. text-align:right;
  130. width:145px;
  131. margin-top:10px;
  132. border-right:1px solid {color:Link Color};
  133. padding-right:5px;
  134. }
  135.  
  136. #nopagination {
  137. margin-top:20px;
  138. font-size:18px;
  139. top:380px;
  140. width:150px;
  141. text-align:center;
  142. }
  143.  
  144. #postcontainer {
  145. position:absolute;
  146. top:55px;
  147. width:520px;
  148. left:400px;
  149. padding:5px;
  150. }
  151.  
  152. /* All about posts and post types */
  153.  
  154. .post {
  155. margin-bottom:40px;
  156. }
  157.  
  158. .quote {
  159. text-align:justify;
  160. font-size:18px;
  161. padding:3px;
  162. background-color: rgba(255,255,255,.3);
  163. }
  164.  
  165. .asks {
  166. padding:3px;
  167. background-color: rgba(255,255,255,.3);
  168. }
  169.  
  170. .notes {
  171. font-size:10px;
  172. text-align:center;
  173. text-transform:uppercase;
  174. border-top:1px dashed rgba(0, 0, 0, .3);
  175. padding-top:5px;
  176. }
  177.  
  178. .tags {
  179. font-size:10px;
  180. text-align:center;
  181. text-transform:uppercase;
  182. }
  183.  
  184. .audio {
  185. margin-bottom:10px;
  186. height:100px;
  187. }
  188.  
  189. .albumart {
  190. position:absolute;
  191. width:98px;
  192. border:1px solid rgba(0,0,0,.1);
  193. padding:2px;
  194. z-index:-3;
  195. }
  196.  
  197. .player {
  198. position:absolute;
  199. background:#000;
  200. width:27px;
  201. z-index:999;
  202. height:27px;
  203. overflow:hidden;
  204. margin-top:35px;
  205. margin-left:35px;
  206. padding:3px;
  207. opacity:0;
  208. -webkit-transition: all 0.6s ease-out;
  209. -o-transition: all 0.6s ease-out;
  210. -webkit-transition: all 0.6s ease-out;
  211. -moz-transition: all 0.6s ease-out;
  212. }
  213.  
  214. .audio:hover .player {
  215. opacity:1;
  216. }
  217.  
  218. .audioinfo {
  219. width:400px;
  220. float:right;
  221. text-align:left;
  222. padding:2px;
  223. line-height:20px;
  224. }
  225.  
  226. #credit {
  227. border:1px dashed #e3e3e3;
  228. padding:5px;
  229. font-size:10px;
  230. position:fixed;
  231. bottom:0px;
  232. right:0px;
  233. }
  234.  
  235.  
  236. </style>
  237. </head>
  238.  
  239. <body>
  240. <div id="credit"><a href="http://artdelafolie.tumblr.com">DRGL</a></div>
  241.  
  242. {block:ifSidepic}<div id="sidebar">
  243. <div id="sidebarpic"><img src="{image:Sidebar Pic}"></div>
  244. <div id="sidebarnav">
  245. <a href="/">home</a><br>
  246. <a href="{text:URL1}">{text:Link 1}</a><br>
  247. <a href="{text:URL2}">{text:Link 2}</a><br>
  248. <a href="{text:URL3}">{text:Link 3}</a><br>
  249. <a href="{text:URL4}">{text:Link 4}</a>
  250. </div><div id="sidebardesc">
  251. {Description}
  252. </div>
  253. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">< </a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"> ></a>{/block:NextPage}{/block:Pagination}</div></div>
  254. {/block:ifSidepic}
  255.  
  256. {block:ifnotSidepic}
  257. <div id="nosidebar">
  258. <div id="nosidebardesc">
  259. {Description}
  260. </div>
  261. <div id="nosidebarnav">
  262. <a href="/">home</a><br>
  263. <a href="{text:URL1}">{text:Link 1}</a><br>
  264. <a href="{text:URL2}">{text:Link 2}</a><br>
  265. <a href="{text:URL3}">{text:Link 3}</a><br>
  266. <a href="{text:URL4}">{text:Link 4}</a>
  267. </div><div id="nopagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">< </a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"> ></a>{/block:NextPage}{/block:Pagination}</div>
  268. </div>
  269. {/block:ifnotSidepic}
  270.  
  271. <div id="postcontainer">{block:Posts}<div class="post">
  272. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  273.  
  274. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  275.  
  276. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  277.  
  278. {block:Quote}<div class="quote">{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  279.  
  280. {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  281.  
  282. {block:Answer}<div class="asks"><img src="{AskerPortraitURL-30}"/><i><b> {Asker}</b> asked: </i>{Question}</div>{Answer}{/block:answer}
  283.  
  284. {block:Audio}
  285. <div class="audio">
  286. {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  287. <div class="player">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
  288. <div class="audioinfo">
  289. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  290. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  291. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  292. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}</div></div>
  293.  
  294. {block:Caption}{Caption}{/block:Caption}
  295. {/block:Audio}
  296.  
  297.  
  298.  
  299. <div class="notes">
  300. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  301. {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName} </a>{/block:RebloggedFrom}
  302. {block:ContentSource} by <a href="{SourceURL}">{SourceLink}
  303. </a>{/block:ContentSource}{/block:Date}
  304. </div>
  305.  
  306. {block:HasTags}<div class="tags">
  307. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  308. {/block:HasTags}
  309.  
  310.  
  311. {block:PostNotes}{PostNotes}{/block:PostNotes}
  312.  
  313. </div>{/block:Posts}</div>
  314.  
  315.  
  316. </body>
  317. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!