API tools faq
paste
Advertisement
harreyeh

theme 07: wake up

harreyeh
Feb 5th, 2014
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.15 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ᴛʜᴇᴍᴇ 07 ʙʏ ʜᴀʀᴅᴢɪᴀᴍ
  4. please don't take off the credit it's really small!!!!
  5.  
  6.  
  7. ╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮ ╭━━┳╮╱╱╭╮
  8. ┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃ ┃╭╮┃╰╮╭╯┃
  9. ╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮ ┃╰╯╰╮╰╯╭╯
  10. ╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃ ┃╭━╮┣╮╭╯
  11. ╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃ ┃╰━╯┃┃┃
  12. ╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯ ╰━━━╯╰╯
  13. ╭╮╱╭┳━━━┳━━━┳━━━┳━━━━┳━━┳━━━┳━╮╭━╮
  14. ┃┃╱┃┃╭━╮┃╭━╮┣╮╭╮┣━━╮━┣┫┣┫╭━╮┃┃╰╯┃┃
  15. ┃╰━╯┃┃╱┃┃╰━╯┃┃┃┃┃╱╭╯╭╯┃┃┃┃╱┃┃╭╮╭╮┃
  16. ┃╭━╮┃╰━╯┃╭╮╭╯┃┃┃┃╭╯╭╯╱┃┃┃╰━╯┃┃┃┃┃┃
  17. ┃┃╱┃┃╭━╮┃┃┃╰┳╯╰╯┣╯━╰━┳┫┣┫╭━╮┃┃┃┃┃┃
  18. ╰╯╱╰┻╯╱╰┻╯╰━┻━━━┻━━━━┻━━┻╯╱╰┻╯╰╯╰╯
  19.  
  20.  
  21. hardziam.tumblr.com // themesbyzsu.tumblr.com
  22.  
  23. -->
  24.  
  25. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  26.  
  27. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  28.  
  29. <head>
  30.  
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34.  
  35. <meta name="image:Background" content="" />
  36. <meta name="image:Sidebar 1" content="" />
  37. <meta name="image:Sidebar 2" content="" />
  38.  
  39.  
  40. <meta name="color:Sidebar 1" content="#fff" />
  41. <meta name="color:Sidebar 2" content="#fff" />
  42. <meta name="color:Background" content="#fff" />
  43. <meta name="color:Text" content="#58595b" />
  44. <meta name="color:Link" content="#8d8c8d" />
  45. <meta name="color:Description Border" content="#f2f2f2" />
  46. <meta name="color:Post Info Background" content="#f7f7f7" />
  47. <meta name="color:Post Info" content="#58595b" />
  48. <meta name="color:Navi Text" content="#000" />
  49. <meta name="color:Navi Links" content="#FFF" />
  50. <meta name="color:Navi Links Hover" content="#fff" />
  51. <meta name="color:Links Background" content="#fff" />
  52. <meta name="color:Links Borders" content="#989898" />
  53. <meta name="color:Link Hover Color" content="#c48e8e" />
  54.  
  55.  
  56. <meta name="font:Description" content="Didot" />
  57.  
  58.  
  59. <meta name="if:Small Cursor" content="1" />
  60.  
  61.  
  62. <meta name="select:Sidebar 1 Position" content="left" title="Left">
  63. <meta name="select:Sidebar 1 Position" content="center" title="Center">
  64. <meta name="select:Sidebar 1 Position" content="right" title="Right">
  65. <meta name="select:Sidebar 2 Position" content="left" title="Left">
  66. <meta name="select:Sidebar 2 Position" content="center" title="Center">
  67. <meta name="select:Sidebar 2 Position" content="right" title="Right">
  68.  
  69.  
  70. <meta name="text:Link1" content="/" />
  71. <meta name="text:Link1 Title" content="link" />
  72. <meta name="text:Link2" content="/" />
  73. <meta name="text:Link2 Title" content="link" />
  74. <meta name="text:Link3" content="/" />
  75. <meta name="text:Link3 Title" content="link" />
  76. <meta name="text:Link4" content="/" />
  77. <meta name="text:Link4 Title" content="link" />
  78. <meta name="text:Link5" content="/" />
  79. <meta name="text:Link5 Title" content="link" />
  80. <meta name="text:Link6" content="/" />
  81. <meta name="text:Link6 Title" content="link" />
  82.  
  83.  
  84. <script src="//use.edgefonts.net/advent-pro;abril-fatface.js"></script>
  85. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  86.  
  87. {block:IfSmallCursor}
  88. <style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), auto }</style>
  89. {/block:IfSmallCursor}
  90.  
  91.  
  92. <style>
  93. div#qTip {
  94. padding: 5px;
  95. padding-left:10px;
  96. padding-right:10px;
  97. display:none;
  98. text-align: justify;
  99. max-width:300px;
  100. position: absolute;
  101. font-size:12px;
  102. line-height:9px;
  103. font-family:garamond;
  104. font-style:italic;
  105. z-index: 1000;
  106. border: 1px solid white;
  107. background-color:white;
  108. border-radius:2px;
  109. color: black;
  110. letter-spacing: 1px;
  111. }
  112. </style>
  113. <style type="text/css">
  114.  
  115. body {
  116. background: {color:Background};
  117. background-image: url('{image:background}');
  118. margin-left:0px;
  119. padding: 0;
  120. position:absolute;
  121. font-family: arial;
  122. }
  123.  
  124. h1 {
  125. font-family:georgia;
  126. }
  127.  
  128. h2 {
  129. font-family:didot;
  130. font-style:italic;
  131. }
  132.  
  133.  
  134. blockquote {
  135. margin-top: 10px;
  136. margin-bottom: 10px;
  137. margin-left: 20px;
  138. padding-left: 15px;
  139. border-left: 3px solid #ccc;
  140. }
  141. a {
  142. text-decoration:none;
  143. outline:none;
  144. -moz-outline-style:none;
  145. color:{color:Link};
  146. -webkit-transition: all 0.5s ease-in-out;
  147. -moz-transition: all 0.5s ease-in-out;
  148. -o-transition: all 0.5s ease-in-out;
  149. }
  150.  
  151. a:hover {
  152. color:{color:Link Hover Color};
  153. -webkit-transition: all 0.5s ease-in-out;
  154. -moz-transition: all 0.5s ease-in-out;
  155. -o-transition: all 0.5s ease-in-out;
  156. }
  157.  
  158.  
  159. #sidebar {
  160. position:fixed;
  161. margin-top:-20px;
  162. margin-left:150px;
  163. height:110%;
  164. width:250px;
  165. padding:5px;
  166. background-color:{color:Sidebar 1};
  167. background-size:cover;
  168. background-position:{select:Sidebar 1 Position};
  169. background-image:url('{image:Sidebar 1}');
  170. transition-duration: 0.6s;
  171. -moz-transition-duration: 0.6s;
  172. -webkit-transition-duration: 0.6s;
  173. -o-transition-duration: 0.6s;
  174. }
  175.  
  176. #sidebar:hover{
  177. background-color:{color:Sidebar 2};
  178. background-position:{select:Sidebar 2 Position};
  179. background-image:url('{image:Sidebar 2}');
  180. transition-duration: 0.6s;
  181. -moz-transition-duration: 0.6s;
  182. -webkit-transition-duration: 0.6s;
  183. -o-transition-duration: 0.6s;
  184. }
  185.  
  186.  
  187. .links {
  188. width:256px;
  189. border-top:2px solid {color:Links Borders};
  190. border-bottom:2px solid {color:Links Borders};
  191. text-align:center;
  192. background:{color:Links Background};
  193. padding:2px;
  194. opacity:0;
  195. margin-left:-5px;
  196. margin-top:400px;
  197. transition-duration: 0.4s;
  198. -moz-transition-duration: 0.4s;
  199. -webkit-transition-duration: 0.4s;
  200. -o-transition-duration: 0.4s;
  201.  
  202. }
  203.  
  204. #sidebar:hover .links{
  205. opacity:0.6;
  206. -webkit-transition: all 0.5s ease-in-out;
  207. -moz-transition: all 0.5s ease-in-out;
  208. -o-transition: all 0.5s ease-in-out;
  209. }
  210.  
  211.  
  212.  
  213. .links a{
  214. display:inline-block;
  215. width:20px;
  216. margin-right:5px;
  217. letter-spacing:0px;
  218. font-family:garamond;
  219. background:{color:Navi Links};
  220. color:{color:Navi Text};
  221. text-align:center;
  222. text-transform:uppercase;
  223. font-size:11px;
  224. padding:3px;
  225. -moz-transition-duration: 0.4s;
  226. -webkit-transition-duration: 0.4s;
  227. -o-transition-duration: 0.4s;
  228. }
  229.  
  230.  
  231. .links a:hover{
  232. color:#bbb;
  233. background:{color:navi links hover};
  234. transition-duration: 0.4s;
  235. -moz-transition-duration: 0.4s;
  236. -webkit-transition-duration: 0.4s;
  237. -o-transition-duration: 0.4s;
  238. }
  239.  
  240.  
  241. #description {
  242. opacity:0;
  243. padding:10px;
  244. margin-top:-15px;
  245. padding-left:20px;
  246. padding-right:20px;
  247. margin-left:15px;
  248. width: 170px;
  249. border:5px solid {color:Description Border};
  250. font-size:10px;
  251. text-align:justify;
  252. line-height:120%;
  253. background:white;
  254. font-family:{font:Description};
  255. transition-duration: 0.6s;
  256. -moz-transition-duration: 0.6s;
  257. -webkit-transition-duration: 0.6s;
  258. -o-transition-duration: 0.6s;
  259. }
  260.  
  261. #sidebar:hover #description{
  262. opacity:0.8;
  263. margin-top:14px;
  264. transition-duration: 0.6s;
  265. -moz-transition-duration: 0.6s;
  266. -webkit-transition-duration: 0.6s;
  267. -o-transition-duration: 0.6s;
  268. }
  269.  
  270.  
  271. .mus {height: 70px; padding: 20px; background-color: #f1f1; display: table; position: relative;
  272. width: 460px;}
  273.  
  274.  
  275. .mus img {height: 50px; position: absolute; border: 10px solid #f2f2f2;}
  276.  
  277. .musiclabel {padding-left: 80px;
  278. text-align: left;
  279. display: table-cell;
  280. vertical-align: middle;
  281. font-family: calibri}
  282.  
  283. .mlabel {color: {color:text};
  284. font-style:italic;
  285. font-size:12px;}
  286.  
  287. .newplayerbutton {
  288. position: relative;
  289. width: 28px;
  290. height: 27px;
  291. overflow: hidden;}
  292.  
  293. .playerbuttonhug {
  294. position: absolute;
  295. top: -8px;
  296. left: -12px;}
  297.  
  298.  
  299. .tumblr_audio_player {
  300. border: none;
  301. padding: 0px;
  302. margin: 0px;
  303. margin-left:15px;
  304. height: 43px;
  305. width: 300px;}
  306.  
  307. .playerbuttonbg {
  308. position: absolute;
  309. left: 30px;
  310. top: 30px;
  311. width: 30px;
  312. height: 30px;
  313. background:white;
  314. padding: 10px;
  315. opacity: 0.3;
  316. transition-duration: 0.6s;
  317. -moz-transition-duration: 0.6s;
  318. -webkit-transition-duration: 0.6s;
  319. -o-transition-duration: 0.6s;
  320. z-index: 1000;}
  321.  
  322. .playerbuttonbg:hover {opacity: 0.8;
  323. transition-duration: 0.6s;
  324. -moz-transition-duration: 0.6s;
  325. -webkit-transition-duration: 0.6s;
  326. -o-transition-duration: 0.6s;}
  327.  
  328.  
  329. /* ---------------------- */
  330.  
  331. .question {
  332. text-align:left;
  333. background: #f2f2f2;
  334. padding:10px;
  335. position: relative;
  336. }
  337.  
  338.  
  339. #entry {
  340. font-size:10px;
  341. margin-left: 490px;
  342. margin-top:40px;
  343. float: right;
  344. text-align: justify;
  345. }
  346.  
  347. #post {
  348. font-size:10px;
  349. padding: 5px;
  350. margin:30px;
  351. margin-bottom:50px;
  352. width: 500px;
  353. color:{color:text};
  354. text-align: justify;
  355. }
  356.  
  357. #info {
  358. font-family:calibri;
  359. width:493px;
  360. margin-top:5px;
  361. padding-top:3px;
  362. font-size:7px;
  363. background:{color:Post Info Background};
  364. padding:4px;
  365. color:{color:Post Info};
  366. text-transform:uppercase;
  367. font-style:normal;
  368. text-align:left;
  369. -moz-transition-duration:0.5s;
  370. -webkit-transition-duration:0.5s;
  371. -o-transition-duration:0.5s;
  372. }
  373.  
  374. #info a {
  375. color:{color:link};
  376. font-style:normal;
  377. }
  378.  
  379. #info a:hover {
  380. color:{color:link hover};
  381. }
  382.  
  383. .tags {
  384. opacity:0;
  385. font-family:calibri;
  386. -moz-transition-duration:0.5s;
  387. -webkit-transition-duration:0.5s;
  388. -o-transition-duration:0.5s;
  389. }
  390. .tags a{
  391. color:{color:link};
  392. font-style:italic;
  393. -moz-transition-duration:0.2s;
  394. -webkit-transition-duration:0.2s;
  395. -o-transition-duration:0.2s;
  396. }
  397. .tags a:hover{
  398. color:{color:link hover};
  399. -moz-transition-duration:0.2s;
  400. -webkit-transition-duration:0.2s;
  401. -o-transition-duration:0.2s;
  402. }
  403.  
  404. #post:hover .tags{
  405. opacity:1;
  406. -moz-transition-duration:0.5s;
  407. -webkit-transition-duration:0.5s;
  408. -o-transition-duration:0.5s;
  409. }
  410.  
  411.  
  412. #pagination {
  413. position:fixed;
  414. padding:5px;
  415. bottom:0px;
  416. font-size:10px;
  417. margin-left:30px;
  418. letter-spacing:3px;
  419. background:white;
  420. width:500px;
  421. text-align:center;
  422. }
  423.  
  424. #credit {
  425. position:fixed;
  426. right:0px;
  427. bottom:0px;
  428. padding:4px;
  429. text-transform:none;
  430. font-family: georgia;
  431. font-weight:none;
  432. letter-spacing:1px;
  433. margin-bottom:3px;
  434. font-size:9px;
  435. margin-right:3px;
  436. border:1px solid;
  437. opacity:0.7;
  438. border-color:#bbb;
  439. background: #fff;
  440. -moz-transition-duration:1s;
  441. -webkit-transition-duration:1s;
  442. -o-transition-duration:1s;
  443. }
  444.  
  445. #credit:hover {
  446. opacity:1;
  447. -moz-transition-duration:1s;
  448. -webkit-transition-duration:1s;
  449. -o-transition-duration:1s;
  450. }
  451.  
  452. {CustomCSS}
  453. </style>
  454. </head>
  455.  
  456. <body>
  457.  
  458. <div id="sidebar">
  459.  
  460. <div class="links">
  461. <a href="{text:link1}" title="{text:link1 title}">I.</a>
  462. <a href="{text:link2}" title="{text:link2 title}">II.</a>
  463. <a href="{text:link3}" title="{text:link3 title}">III.</a>
  464. <a href="{text:link4}" title="{text:link4 title}">IV.</a>
  465. <a href="{text:link5}" title="{text:link5 title}">V.</a>
  466. <a href="{text:link6}" title="{text:link6 title}">VI.</a>
  467. </div>
  468. <div id="description">
  469. {block:Description}{Description}{/block:Description}
  470. </div>
  471. </div>
  472.  
  473. <div id="entry">
  474. {block:Posts}
  475. <div id="post">
  476.  
  477. {block:Text}{block:Title}<h1>{title}</h1>{/block:Title}{Body}{/block:Text}
  478.  
  479. {block:Quote}<h2>“{Quote}”</h2> <div align="right">- {Source}</div>{/block:Quote}
  480.  
  481. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  482. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  483.  
  484. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  485. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  486.  
  487. {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  488. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  489.  
  490. {block:Audio}
  491. {block:AudioPlayer}
  492.  
  493. <div class="mus">
  494.  
  495. <div class="playerbuttonbg">
  496. <div class="newplayerbutton">
  497. <div class="playerbuttonhug">
  498.  
  499. {AudioPlayerWhite}
  500.  
  501. </div>
  502. </div>
  503. </div>
  504. {/block:AudioPlayer}
  505.  
  506.  
  507. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
  508. {block:AlbumArt}
  509. <img class="cover" src="{AlbumArtURL}" />
  510. {/block:AlbumArt}
  511.  
  512. <div class="musiclabel">
  513. {block:TrackName}<span class="mlabel">{TrackName}</span>{/block:TrackName}<br>
  514. {block:Artist}{Artist}{/block:Artist} {block:Album}· {Album}{/block:Album}<br>
  515. {block:Playcount}{Playcount} Plays{/block:Playcount}
  516. </div></div>
  517.  
  518. {block:Caption}{Caption}{/block:Caption}
  519. {/block:Audio}
  520.  
  521. {block:Answer}
  522. <div class="question"><i>{Asker}</i> asked: {Question}</div>
  523. {Answer}{/block:Answer}
  524.  
  525. {block:Date}<div id="info"> <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</a>
  526. {/block:Date} &nbsp;{block:RebloggedFrom}| &nbsp;<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">src</a>{/block:ContentSource} {/block:RebloggedFrom} <div style="float:right;">
  527. {block:NoteCount}&nbsp; ( <font color=#ec3d3d>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}&nbsp;
  528. </div>
  529.  
  530.  
  531. </div>
  532.  
  533. {block:HasTags}
  534. <div class="tags">
  535. {block:Tags} <a href="{TagURL}">&nbsp; {Tag},</a> {/block:Tags}</div>
  536. {/block:HasTags}
  537. </div>
  538. {/block:Posts}
  539.  
  540. {block:PostNotes}{PostNotes}{/block:PostNotes}
  541. <div id="pagination">
  542. <center>
  543. {block:Pagination}
  544. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  545. {block:JumpPagination length="5"}
  546. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  547. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  548. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  549. {/block:Pagination}
  550. </div>
  551. <div id="credit"><a href="http://hardziam.tumblr.com">HZ</a></div>
  552. </body>
  553.  
  554. </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!