API tools faq
paste
Advertisement
aleclightwode

theme003

aleclightwode
Feb 6th, 2016
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.48 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5. <!-- Theme #003; 'untitled' by aleclighywode.
  6. // http://aleclightwode.tumblr.com © //
  7.  
  8. This work is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.
  9. > http://creativecommons.org/licenses/by-nc/3.0/
  10.  
  11. Do not remove the credit or use as your own work.
  12. Thank you, Aubrey <3
  13.  
  14. -->
  15.  
  16.  
  17.  
  18.  
  19. <html>
  20. <head>
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  25. <meta name="description" content="" />
  26. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  27.  
  28. <!---META TAGS--->
  29.  
  30. <meta name="image:Sidebar" content=""/>
  31. <meta name="color:Background" content="#fff"/>
  32. <meta name="color:Text" content="#555"/>
  33. <meta name="color:Links" content="#000"/>
  34. <meta name="color:Links hover" content="#eee"/>
  35. <meta name="text:Link 1" content=""/>
  36. <meta name="text:Link 1 url" content=""/>
  37. <meta name="text:Link 2" content=""/>
  38. <meta name="text:Link 2 url" content=""/>
  39. <meta name="text:Link 3" content=""/>
  40. <meta name="text:Link 3 url" content=""/>
  41. <meta name="text:link 4" content=""/>
  42. <meta name="text:link 4 url" content=""/>
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47. .white_bg
  48. {
  49. background-color: #f3f3f3;
  50. padding: 2px; /*add this if you want a bit of space around the text*/
  51. }
  52.  
  53.  
  54.  
  55. .back, .next {
  56. font-size:70px;
  57.  
  58. font-family:arial;
  59. color: #000;
  60. position:fixed;
  61. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  62. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  63.  
  64. .next {float:right; bottom: 5px; right: 5px;}
  65. .back {float:left; bottom: 5px; left: 5px;}
  66.  
  67.  
  68.  
  69. /*EDIT MAIN FONT AND BACKGROUND COLOR*/
  70.  
  71. body {
  72.  
  73. {block:Pagination}
  74.  
  75. {block:NextPage}<a class="next" href="{NextPage}">»</a>{/block:NextPage}
  76. {block:PreviousPage}<a class="back" href="{PreviousPage}">«</a>{/block:PreviousPage}
  77.  
  78. {block:PermalinkPagination}
  79. {block:NextPost}<a class="next" href="{NextPost}">»</a>{/block:NextPost}
  80. {block:PreviousPost}<a class="back" href="{PreviousPost}">«</a>{/block:PreviousPost}
  81. {/block:PermalinkPagination}
  82.  
  83. {/block:Pagination}
  84.  
  85.  
  86.  
  87. font-size: 11px;
  88. font-family: Arial, Calibri, sans-serif;
  89. color: {color:text};
  90. background-color: {color:background};
  91. }
  92.  
  93. /*EDIT MAIN LINKS*/
  94.  
  95. a {
  96. color: {color:links};
  97. text-decoration: none;
  98. -moz-transition-duration: 0.5s;
  99. -o-transition-duration: 0.5s;
  100. -webkit-transition-duration: 0.5s;
  101. transition-duration: 0.5s;
  102. }
  103.  
  104. /*EDIT MAIN LINKS HOVER*/
  105.  
  106. a:hover {
  107. color: {color:links hover};
  108. -moz-transition-duration: 0.5s;
  109. -o-transition-duration: 0.5s;
  110. -webkit-transition-duration: 0.5s;
  111. transition-duration: 0.5s;
  112. }
  113.  
  114. /*EDIT THEME CONTAINER*/
  115.  
  116. .container {
  117. width: 800px;
  118. margin: auto;
  119. }
  120.  
  121. /*EDIT SIDEBAR CONTAINER*/
  122.  
  123. .sidebar {
  124. width: 300px;
  125. position: fixed;
  126. margin-top: 10%;
  127. margin-left:-5%;
  128. }
  129.  
  130. /*EDIT TITLE*/
  131.  
  132. .title {
  133. font-family: impact;
  134. font-size: 25px;
  135. text-align: center;
  136. font-style: normal;
  137. text-transform: uppercase;
  138. font-weight: normal;
  139. margin-right:15%;
  140. }
  141.  
  142. /*EDIT SIDEBAR IMAGE*/
  143.  
  144. .sidebar img {
  145. width: 150px;
  146. }
  147.  
  148. /*EDIT SIDEBAR LINKS*/
  149.  
  150. .sblinks {
  151.  
  152.  
  153. text-transform: uppercase;
  154. text-align: center;
  155. font-size: 13px;
  156. font-style: bold;
  157. margin-right:-10%;
  158. margin-top:-45%;
  159. }
  160.  
  161. /*EDIT DESCRIPTION*/
  162.  
  163. .desc {
  164. width: 230px;
  165. text-align: left;
  166. padding-left: -15px;
  167. margin-top: 15%;
  168. font-size:12px;
  169. }
  170.  
  171. /*EDIT PAGINATION*/
  172.  
  173. .pagi {
  174. text-align: center;
  175.  
  176. }
  177.  
  178. .pagi a {
  179.  
  180. width: 270px;
  181. text-align: center;
  182. position: relative;
  183. top: 10px;
  184. }
  185.  
  186. /*EDIT POST CONTAINERS*/
  187.  
  188. .postcon {
  189. width: 550px;
  190. margin-left: 300px;
  191.  
  192. }
  193.  
  194. .posts {
  195. margin-bottom: 15px;
  196. padding: 18px;
  197. border-bottom-style:1px solid #e6e6e6;
  198. border-top-style: hidden 1px;
  199. border-right-style: hidden 1px;
  200. border-left-style:hidden 1px;
  201. }
  202.  
  203. /*EDIT POST TITLES*/
  204.  
  205. h1 {
  206. text-align: center;
  207. text-transform: uppercase;
  208. font-family: arial;
  209. font-style: bold;
  210. font-size:15px;
  211. }
  212.  
  213. /*EDIT QUOTE POSTS*/
  214.  
  215. h2 {
  216. text-align: center;
  217. text-transform: uppercase;
  218. font-family: arial;
  219. font-style: italic;
  220. font-size: 20px;
  221.  
  222. }
  223.  
  224. .source {
  225. text-align: center;
  226. }
  227.  
  228. /*EDIT TEXT POST DETAILS*/
  229.  
  230. .posts li {
  231. list-style: disc;
  232.  
  233.  
  234. }
  235.  
  236. .posts blockquote {
  237. border-left: 1px solid {color:text};
  238. padding-left: 10px;
  239. font-size:12px;
  240.  
  241. }
  242.  
  243. /*EDIT QUESTION POSTS*/
  244.  
  245. .question {
  246. font-weight: bold;
  247.  
  248. }
  249.  
  250. .answer {
  251. width: 500px;
  252.  
  253. }
  254.  
  255. /*EDIT CHAT POSTS*/
  256.  
  257. .convo {
  258.  
  259. list-style: none;
  260. line-height: 120%;
  261.  
  262. }
  263.  
  264. .label {
  265. text-transform: uppercase;
  266. padding-right: 2px;
  267. font-weight: bold;
  268.  
  269. }
  270.  
  271. /*EDIT AUDIO POSTS*/
  272.  
  273. .playbutton {
  274. width: 25px;
  275. height: 28px;
  276. padding: 5px;
  277. overflow: hidden;
  278. position: relative;
  279. z-index: 1000
  280. }
  281.  
  282. .playbox {
  283. background-color: #fff;
  284. position: absolute;
  285. z-index: 1000;
  286. margin-top: 17px;
  287. margin-left: 17px;
  288. opacity: .7;
  289. }
  290.  
  291. .audiodesc {
  292. position: relative;
  293. left: 5px;
  294. top: -12px;
  295. font-size: 11px;
  296. }
  297.  
  298. /*EDIT POST INFO*/
  299.  
  300. .postinfo {
  301. text-align: right;
  302. text-transform: lowercase;
  303. padding-top: 10px;
  304. font-size:12px
  305.  
  306. }
  307.  
  308. /*EDIT TAGS*/
  309.  
  310. .tags {
  311.  
  312. text-align: right=;
  313. padding-top: 5px;
  314.  
  315. }
  316.  
  317. /*EDIT POSTNOTES*/
  318.  
  319. .postnotes {
  320. line-height: 200%;
  321. text-align: center;
  322. margin-top: 20px;
  323. list-style: none;
  324. margin-left: -25px
  325. border: 1px solid #c5c5c5
  326.  
  327. }
  328.  
  329. .postnotes ol.notes {
  330. list-style-type: none;
  331. }
  332.  
  333. .postnotes li {
  334. list-style-type: none;
  335. }
  336.  
  337. .postnotes img.avatar {
  338. width: 0px;
  339. height: 0px;
  340. }
  341.  
  342.  
  343.  
  344. .credit a {
  345. position: fixed;
  346. bottom: 10px;
  347. right: 10px;
  348. }
  349.  
  350. </style>
  351. </head>
  352.  
  353. <body>
  354.  
  355.  
  356.  
  357.  
  358. <div class="container">
  359.  
  360. <!---SIDEBAR--->
  361.  
  362. <div class="sidebar">
  363.  
  364. <div class="title">{Title}</div>
  365.  
  366. <img src="{image:sidebar}">
  367.  
  368. <div class="sblinks">
  369.  
  370. <a href="{text:link 1 url}" title="{text:link 1}">✥</a>
  371.  
  372. <p><a href="{text:link 2 url}" title="{text:link 2}">✥</a>
  373.  
  374. <p><a href="{text:link 3 url}" title="{text:link 3}" >✥</a>
  375.  
  376. <p> <a href="{text:link 4 url}" title="{text:link 4}" >✥</a>
  377.  
  378.  
  379. </div>
  380.  
  381. <div class="desc">{Description}</div>
  382.  
  383. <div class="pagi">
  384. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  385. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  386. </div>
  387.  
  388. </div>
  389.  
  390. <!---END SIDEBAR--->
  391.  
  392. <!---POSTS--->
  393.  
  394. <div class="postcon">
  395. {block:Posts}
  396. <div class="posts">
  397.  
  398. {block:Text}
  399. {block:Title}<h1>{Title}</h1>{/block:Title}
  400. {Body}
  401. {/block:Text}
  402.  
  403. {block:Answer}
  404. <div class="question">{Asker} asked: {Question}</div>
  405. <div class="answer">{Answer}</div>
  406. {/block:Answer}
  407.  
  408. {block:Quote}
  409. <h2>{Quote}</h2>
  410. {block:Source}<div class="source">{Source}</div>{/block:Source}
  411. {/block:Quote}
  412.  
  413. {block:Link}
  414. <h1><a href="{URL}">{Name}</a></h1>
  415. {block:Description}{Description}{/block:Description}
  416. {/block:Link}
  417.  
  418. {block:Chat}
  419. {block:Title}<h1>{Title}</h1>{/block:Title}
  420. <div class="convo">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  421. {Line}</div>{/block:Lines}</div>
  422. {/block:Chat}
  423.  
  424. {block:Photo}
  425. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  426.  
  427. {block:Caption}{Caption}{/block:Caption}
  428. {/block:Photo}
  429.  
  430. {block:Photoset}
  431. {Photoset-500}
  432. {block:Caption}{Caption}{/block:Caption}
  433. {/block:Photoset}
  434.  
  435. {block:Audio}
  436. <table><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  437. {block:AlbumArt}<img src="{AlbumArtURL}" height="70" width="70">{/block:AlbumArt}</td>
  438. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td></tr></table>{block:Caption}{Caption}{/block:Caption}
  439. {/block:Audio}
  440.  
  441. {block:Video}
  442. {Video-500}
  443. {block:Caption}{Caption}{/block:Caption}
  444. {/block:Video}
  445.  
  446. <!---END POSTS--->
  447.  
  448. <!---POST INFO--->
  449.  
  450. <div class="postinfo">
  451.  
  452. <span class="white_bg">
  453.  
  454. <a href="{Permalink}" style="padding-left: 5px; padding-right; 5px;">{block:Date} {ShortMonth} {DayOfMonthWithZero}{/block:Date}</a
  455.  
  456. <p> <a href="{Permalink}" style="padding-left: 5px; padding-right; 5px;">{block:NoteCount}+{NoteCount}{/block:NoteCount}</a>
  457.  
  458. {block:RebloggedFrom}<a href="{ReblogParentURL}" style="padding-left: 5px; padding-right; 5px;">via</a>
  459.  
  460. <a href="{ReblogRootURL}" style="padding-left: 5px; padding-right; 5px;">source</a>{/block:RebloggedFrom}
  461.  
  462. <a href="{ReblogURL}" target="_blank" style="padding-left: 5px; padding-right; 5px;">reblog</a>
  463. <i>
  464. <div class="tags">{block:HasTags} {block:Tags} <a href="/tagged/{TAG}" style="margin-right: 3px;">#{TAG}</a> {/block:Tags} {/block:HasTags}</div>
  465. </span>
  466. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  467.  
  468. </i>
  469. </div>
  470.  
  471. </div>
  472. {/block:Posts}
  473. </div>
  474.  
  475. <!---END POST INFO--->
  476.  
  477. </div>
  478.  
  479. </body>
  480. <!---CREDIT--->
  481. <div class="credit"><a href="http://aleclightwode.tumblr.com/">✾</a></div>
  482. </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!