API tools faq
paste
Advertisement
gwentee

Theme #7 Angel

gwentee
Dec 23rd, 2015
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.94 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. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{FavIcon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8.  
  9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  10.  
  11. <meta name="color:Background" content="#fff" />
  12. <meta name="color:Text" content="#bbb"/>
  13. <meta name="image:Background" content=""/>
  14.  
  15. <meta name="color:Scrollbar" content="#000"/>
  16.  
  17. <meta name="color:Accents" content="#7bd7c2"/>
  18. <meta name="color:Link" content="#aaa"/>
  19. <meta name="color:Link Hover" content="#7bd7c2"/>
  20.  
  21. <meta name="color:Title" content="#888"/>
  22.  
  23. <meta name="color:Sidebar Link" content="#aaa"/>
  24. <meta name="color:Sidebar Link Border" content="#eee"/>
  25. <meta name="color:Sidebar Link Hover" content="#78c9a1"/>
  26.  
  27. <meta name="color:Currently Italic" content="#7bd7c2"/>
  28. <meta name="text:Watching" content="Watching..."/>
  29. <meta name="text:Shows" content="Shows"/>
  30. <meta name="text:Listening" content="Listening to..."/>
  31. <meta name="text:Music" content="Music"/>
  32. <meta name="text:Working" content="Working on..."/>
  33. <meta name="text:Project" content="Project"/>
  34.  
  35. <meta name="text:Link 1" content="home"/>
  36. <meta name="text:Link 1 url" content="/"/>
  37. <meta name="text:Link 2" content="ask"/>
  38. <meta name="text:Link 2 url" content="/ask"/>
  39. <meta name="text:link 3" content="archive"/>
  40. <meta name="text:Link 3 url" content="/archive"/>
  41. <meta name="text:Link 4" content="link 4"/>
  42. <meta name="text:Link 4 url" content="/"/>
  43. <meta name="text:Link 5" content="link 5"/>
  44. <meta name="text:Link 5 url" content="/"/>
  45.  
  46. <meta name="if:Updates" content="0" />
  47. <meta name="if:Infinite Scrolling" content="0" />
  48. <!--post width options-->
  49. <meta name="if:250px" content="1"/>
  50. <meta name="if:400px" content="0"/>
  51. <meta name="if:500px" content="0"/>
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. /* follow/dashboard buttons */
  57. iframe#tumblr_controls {
  58. right:2px !important;
  59. position: fixed !important;
  60. -webkit-transition: opacity 0.7s linear;
  61. opacity: 0.16;
  62. -webkit-transition: all 0.8s ease-out;
  63. -moz-transition: all 0.8s ease-out;
  64. transition: all 0.8s ease-out;
  65. -webkit-filter: invert(100%);
  66. }
  67. iframe#tumblr_controls:hover {
  68. -webkit-transition: opacity 0.7s linear;
  69. opacity: 0.16;
  70. -webkit-transition: all 0.4s ease-out;
  71. -moz-transition: all 0.4s ease-out;
  72. transition: all 0.4s ease-out;
  73. -webkit-filter: invert(100%);
  74. }
  75.  
  76. /* basic styles */
  77. body {
  78. color: {color:Text};
  79. background-color: {color:Background};
  80. background-image: url({image:Background});
  81. font: 10px consolas;
  82. line-height: 16px;
  83. }
  84. a {
  85. text-decoration: none;
  86. color: {color:Link};
  87. }
  88. a:hover {
  89. color:{color:Link Hover};
  90. cursor: help;
  91. }
  92. h1 {
  93. font-size: 12px;
  94. color: {color:Title};
  95. }
  96. /* scrollbar */
  97. ::-webkit-scrollbar {
  98. width: 3px;
  99. height: 5px;
  100. background: {color:Background};
  101. }
  102. ::-webkit-scrollbar-thumb {
  103. background: {color:Scrollbar};
  104. border-radius: 16px;
  105. border-top: 5px solid {color:Background};
  106. }
  107. /* post customizations */
  108. #content { /* for the whole column of posts */
  109. {block:IndexPage}
  110. {block:if250px} /* post widths */
  111. width: 250px;
  112. {/block:if250px}
  113. {block:if400px}
  114. width: 400px;
  115. {/block:if400px}
  116. {block:if500px}
  117. width: 500px;
  118. {/block:if500px}
  119. {/block:IndexPage}
  120. {block:PermalinkPage}
  121. width: 400px;
  122. {/block:PermalinkPage}
  123. position: relative;
  124. margin-left: 400px;
  125. margin-top: 60px;
  126. }
  127. .entry { /* for individual posts */
  128. margin-bottom: 60px;
  129. border-bottom: 1px solid {color:Accents};
  130. }
  131.  
  132. /* permalinks */
  133. #perma {
  134. position: absolute;
  135. right: -75px;
  136. letter-spacing: .5px;
  137. text-transform: lowercase;
  138. }
  139.  
  140. /* sidebar */
  141. #side {
  142. top: 160px;
  143. left: 126px;
  144. position: fixed;
  145. width: 180px;
  146. }
  147. #side a{
  148. border-bottom: 1px solid {color:Sidebar Link Border};
  149. color: {color:Sidebar Link};
  150. }
  151. #side a:hover {
  152. border-bottom: 1px solid transparent;
  153. color: {color:Sidebar Link Hover};
  154. }
  155.  
  156. #data {
  157. padding-top:5px;
  158. font-size:10px;
  159. font-style: italic;
  160. text-transform: lowercase;
  161. text-align:left;
  162. color: {color:Currently Italic};
  163. }
  164.  
  165. #answer {
  166. font-style: none;
  167. text-transform: lowercase;
  168. text-align:right;
  169. }
  170.  
  171. #pagination {
  172. font-size: 8px;
  173. padding-top: 10px;
  174. letter-spacing: 2px;
  175. text-align: center;
  176. width: {block:If250pxPosts}290px{/block:If250pxPosts} {block:If400pxPosts}440px{/block:If400pxPosts} {block:If500pxPosts}540px{/block:If500pxPosts};
  177. margin-left: 10px;
  178. }
  179.  
  180. #pagination a {
  181. color: {color:Sidebar Link};
  182. }
  183.  
  184. #pagination a:hover {
  185. color: {color:Sidebar Link Hover};
  186. }
  187.  
  188. .head {
  189. font-size: 14px;
  190. margin-bottom: 10px;
  191. color: {color:Title};
  192. letter-spacing: .5px;
  193. }
  194. blockquote {
  195. border-left: 1px solid {color:Accents};
  196. margin-left: 6px;
  197. padding-left: 10px;
  198. }
  199. /* permalink page */
  200. img.avatar {display:none; }
  201. ol.notes {
  202. margin-top: 20px;
  203. }
  204.  
  205. .credit {
  206. position:fixed;
  207. bottom:4px;
  208. right:8px;
  209. font: 9px arial bold;
  210. border:4px double {color:Accents};
  211. text-transform:uppercase;
  212. letter-spacing: 0px;
  213. padding: 2px;
  214. }
  215.  
  216. .credit a{
  217. color: {color:Links Hover};
  218. opacity:0.8;
  219. }
  220.  
  221. </style>
  222.  
  223. <!---infinite scroll--->
  224. {/block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  225. {/block:ifInfiniteScrolling}
  226. </head>
  227.  
  228. <body>
  229.  
  230. <!--sidebar-->
  231. <div id="side">
  232. <div class="head">{Title}</div>
  233. <center><p>
  234. {description}
  235. </p><br>
  236. <p>
  237. <a href="{text:Link 1 url}">{text:Link 1}</a>
  238. <a href="{text:Link 2 url}">{text:Link 2}</a>
  239. <a href="{text:Link 3 url}">{text:Link 3}</a>
  240. <a href="{text:Link 4 url}">{text:Link 4}</a>
  241. <a href="{text:Link 5 url}">{text:Link 5}</a>
  242. </center>
  243. {block:Ifupdates}
  244. <div id="data">{text:Watching}</div><div id="answer">{text:Shows}</div><br>
  245. <div id="data">{text:Listening}</div><div id="answer">{text:Music}</div><br>
  246. <div id="data">{text:Working}</div><div id="answer">{text:Project}</div>
  247. {/block:Ifupdates}
  248.  
  249. {block:IfNotInfiniteScrolling}
  250. {block:Pagination}
  251. <div id="pagination">
  252.  
  253. {block:PreviousPage}
  254. <a href="{PreviousPage}" class="jump_page">«</a>
  255. {/block:PreviousPage}
  256.  
  257. {CurrentPage} OF {TotalPages}</span>
  258.  
  259. {block:NextPage}
  260. <a href="{NextPage}" class="jump_page">»</a>
  261. {/block:NextPage}
  262. </div>
  263.  
  264. {/block:Pagination}
  265. {block:IfNotInfiniteScrolling}
  266. </div>
  267. <!----->
  268.  
  269. <div id="content">
  270. {block:Posts}
  271.  
  272. <!-- {block:NoRebloggedFrom}
  273. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  274. {/block:NoRebloggedFrom} -->
  275. <div class="entry">
  276. <!--permalink-->
  277. {block:IndexPage}<div id="perma"><a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a><br><a href="{Permalink}">{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}<a> <br><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  278.  
  279. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  280.  
  281. {block:Photoset}{block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  282.  
  283. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  284.  
  285. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  286.  
  287. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  288.  
  289. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  290.  
  291. {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  292.  
  293. {block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  294.  
  295. {block:Answer}<b>{Asker}</b> asked: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
  296.  
  297. <!--permalink page-->
  298. {block:PermalinkPage}
  299. <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}</center>
  300. {block:PostNotes}{PostNotes}{/block:PostNotes}
  301. {/block:PermalinkPage}
  302. </div> <!---entry div--->
  303. {/block:Posts}
  304.  
  305. {block:ContentSource}<!-- {SourceURL}
  306. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  307. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  308. {/block:ContentSource}
  309. </div><!---content div--->
  310.  
  311. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div></div>
  312.  
  313. </body>
  314.  
  315. </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!