API tools faq
paste
hawthorneys

THEME #11; by nayel

hawthorneys
May 2nd, 2013
4,052
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.48 KB | None | 0 0
raw download clone embed print report
  1. <!--Theme 09 By Nayel // http://hawthorneys.tumblr.com
  2. --- HEY JUDE THEME | @ HAWTHORNEYS ---
  3. > please do not steal
  4. > please do not redistribute
  5. > please do not claim as your own
  6. > please do not use this as a base code and take parts of it
  7. > you can edit as long as credit is on there somewhere
  8. -!-->
  9. <html>
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  13. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  14.  
  15. <head>
  16.  
  17. <!--Default Variables-->
  18. <!--Colors-->
  19. <meta name="color:background" content="#ffffff"/>
  20. <meta name="color:scrollbar" content="#dfdfdf" />
  21. <meta name="color:desc" content="#fefefe"/>
  22. <meta name="color:text" content="#828282"/>
  23. <meta name="color:link" content="#9a9a9a"/>
  24. <meta name="color:link hover" content="#e8e8e8"/>
  25. <meta name="color:border" content="#e8e8e8"/>
  26. <meta name="color:posts" content="#ffffff"/>
  27. <meta name="color:box" content="#fafafa"/>
  28. <meta name="color:info bg" content="#fafafa"/>
  29. <meta name="color:chat" content="#fafafa"/>
  30. <meta name="color:side" content="#fafafa"/>
  31. <meta name="color:sidebar links" content="#fefefe"/>
  32. <meta name="color:ask" content="#dee7ee"/>
  33. <meta name="color:ask text" content="#9a9a9a"/>
  34. <meta name="color:link hover bg" content="#191919">
  35. <meta name="color:title border" content="#e8e8e8"/>
  36.  
  37. <!--Links-->
  38. <meta name="text:link 1" content="link" />
  39. <meta name="text:link 1 url" content="/" />
  40. <meta name="text:link 2" content="link" />
  41. <meta name="text:link 2 url" content="/" />
  42. <meta name="text:link 3" content="link" />
  43. <meta name="text:link 3 url" content="/" />
  44. <meta name="text:link 4" content="link" />
  45. <meta name="text:link 4 url" content="/" />
  46.  
  47. <!--Images and Options-->
  48. <meta name="image:Background" content=""/>
  49. <meta name="image:Sidebar" content=""/>
  50. <meta name="image:Sidebar Background" content=""/>
  51. <meta name="if:Title" content="1"/>
  52. <meta name="if:CirclePic" content=""/>
  53. <meta name="text:border size" content="7"/>
  54.  
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <title>
  58. {block:PostSummary}
  59. {PostSummary} - {/block:PostSummary}{Title}</title>
  60. </style>
  61. <link rel="shortcut icon" href="{Favicon}" />
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  63. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore|Yesteryear|Marck+Script|Contrail+One|Reenie+Beanie|Open+Sans+Condensed:700,300|Nothing+You+Could+Do|Kaushan+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=open sans condensed&effect=anaglyph' type='text/css'>
  65. <style type="text/css">
  66.  
  67.  
  68. @font-face {
  69. font-family: 'Inconsolata';
  70. font-style: normal;
  71. font-weight: normal;
  72. src: local('Inconsolata'), url('http://themes.googleusercontent.com/static/fonts/inconsolata/v5/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff') format('woff');}
  73.  
  74.  
  75. ::-webkit-scrollbar {width: 8px; height:auto; background:{color:background}}
  76. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  77. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  78. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 5px; display: block; background:{color:scrollbar}}
  79. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  80. ::-webkit-scrollbar-thumb:horizontal {background:{color:background};}
  81. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  82.  
  83. body{
  84. background-color: {color:Background};
  85. background-image: url({image:Background});
  86. background-attachment: fixed;
  87. background-repeat: repeat;
  88. background-position: center;
  89. font-family:trebuchet ms;
  90. font-size:9px;
  91. line-height:12px;
  92. color:{color:Text};
  93. }
  94.  
  95. a:link, a:active, a:visited{
  96. color: {color:Link};
  97. text-decoration:none;
  98. }
  99.  
  100. a {
  101. color:{color:link};
  102. text-decoration:none;
  103. outline:none;
  104. opacity:1 ;
  105. -webkit-transition: all 0.5s;
  106. -moz-transition: all 0.5s;
  107. transition: all 0.5s;
  108. }
  109.  
  110. a:hover{
  111. color: {color:link hover};
  112. }
  113.  
  114. div#qTip {
  115. display: none;
  116. text-align:left;
  117. position:absolute;
  118. letter-spacing:1px;
  119. text-transform:uppercase;
  120. font-weight:bold;
  121. z-index:99;
  122. font-size:7px;
  123. padding:1px 3px;
  124. line-height:13px;
  125. color:{color:text};
  126. background:#fff;
  127. border: 1px solid {color:border};
  128. }
  129.  
  130. h1 {
  131. font-family:georgia;
  132. text-transform:none;
  133. font-style:none;
  134. letter-spacing:-1px;
  135. font-weight:normal;
  136. font-size:18px;}
  137.  
  138. h2 {
  139. font-size:7px;
  140. text-align:center;
  141. text-transform:uppercase;
  142. font-style:none;
  143. font-family:trebuchet ms;
  144. }
  145.  
  146. .quote{
  147. text-indent:14px;
  148. font-size:13px;
  149. font-style:italic;
  150. padding:3px;
  151. line-height:105%;
  152. letter-spacing:0px;
  153. text-transform:none;
  154. font-family:libre baskerville;
  155. text-align:center;}
  156.  
  157. .source{
  158. margin-top:5px;
  159. text-align:right;
  160. font-size:8px;
  161. text-transform:uppercase;
  162. font-family:cambria, georgia;
  163. font-weight:bold;
  164. text-align:center}
  165.  
  166. #container {
  167. margin-top:0px;
  168. width:700px;
  169. }
  170.  
  171. #entry {
  172. position:relative;
  173. width:500px;
  174. margin-left:450px;
  175. margin-top:0px;
  176. margin-bottom:50px;
  177. padding:15px;
  178. background-color:{color:posts};
  179. }
  180.  
  181. #permalink{
  182. background:{color:info bg};
  183. width:500px;
  184. font-family:trebuchet ms;
  185. margin-left:-5px;
  186. margin-top:15px;
  187. min-height:20px;
  188. padding:5px;
  189. text-transform:uppercase;
  190. font-style:none;
  191. font-size:7px;
  192. line-height:50%;
  193. border-top:1px solid {color:border};
  194. }
  195.  
  196.  
  197.  
  198. #side{
  199. position:fixed;
  200. width:200px;
  201. background-color:transparent;
  202. margin-left:160px;
  203. margin-top:-20px;
  204. height:1000px;
  205. background:{color:side};
  206. background-image:url('{image:sidebar background}');
  207. }
  208.  
  209. .blogtitle{
  210. padding-bottom:5px;
  211. font-size:20px;
  212. letter-spacing:-2px;
  213. font-family:georgia;
  214. text-transform:none;
  215. font-style:none;
  216. line-height:105%;
  217. width:130px;
  218. text-align:right;
  219. border-bottom:1px solid {color:title border};
  220. margin-top:0px;
  221. margin-left:35px;
  222. }
  223.  
  224. .sidebar img{
  225. margin-top:150px;
  226. margin-bottom:10px;
  227. height:auto;
  228. margin-left:35px;
  229. width:120px;
  230. border:{text:border size}px solid #fff;
  231. {block:ifCirclePic}border-radius:100px;{/block:ifCirclePic}
  232. }
  233.  
  234. #side:hover #links a{
  235. opacity:1;
  236. margin-bottom:5px;
  237. -moz-transition-duration:.6s;
  238. -webkit-transition-duration:.6s;
  239. -o-transition-duration:.6s;
  240. }
  241.  
  242. #links{
  243. z-index:-9px;
  244. opacity:1;
  245. font-size:7px;
  246. letter-spacing:1px;
  247. width:130px;
  248. text-align:center;
  249. text-transform:uppercase;
  250. font-family:trebuchet ms;
  251. margin-left:35px;
  252. margin-top:10px;
  253. margin-bottom:4px;
  254. -moz-transition-duration:.6s;
  255. -webkit-transition-duration:.6s;
  256. -o-transition-duration:.6s;
  257. }
  258.  
  259. #links a{
  260. opacity:0;
  261. display:block;
  262. background:{color:sidebar links};
  263. margin-bottom:5px;
  264. padding:3px;
  265. }
  266.  
  267. #links a:hover{
  268. background-color:{color:link hover bg};
  269. color:{color:link hover};
  270. -moz-transition-duration:0.6s;
  271. -webkit-transition-duration:0.6s;
  272. -o-transition-duration:0.6s;
  273. }
  274.  
  275. .desc{
  276. font-family:cambria, georgia;
  277. font-style:italic;
  278. font-size:8px;
  279. margin-top:10px;
  280. margin-left:35px;
  281. margin-bottom:-10px;
  282. width:125px;
  283. letter-spacing:1px;
  284. text-align:justify;
  285. background-color:{color:desc};
  286. text-transform:none;
  287. padding:3px;
  288. }
  289.  
  290. .posttitle{
  291. font-size: 18px;
  292. line-height: 20px;
  293. }
  294.  
  295. .tags {
  296. margin-top:5px;
  297. line-height:10px;
  298. width:480px;
  299. margin-left:4px;
  300. font-size:7px;
  301. font-family:trebuchet ms;
  302. text-transform:uppercase;
  303. }
  304.  
  305.  
  306. blockquote{
  307. margin-left:10px;
  308. padding-left:4px;
  309. border-left: 3px solid {color:Text};
  310. }
  311.  
  312.  
  313.  
  314. #questions {
  315. color:{color:ask text};
  316. line-height:10px;
  317. margin-left:45px;
  318. padding:10px;
  319. font-family:trebuchet ms;
  320. font-size:9px;
  321. font-style:normal;
  322. text-align:left;
  323. text-transform:none;
  324. letter-spacing:1px;
  325. }
  326.  
  327.  
  328. #questions img{
  329. width:20px;
  330. margin-right:5px;
  331. margin-left:-50px;
  332. border:3px solid {color:ask};
  333. }
  334.  
  335. #answers {
  336. font-family:trebuchet ms;
  337. font-size:9px;
  338. text-transform:none;
  339. letter-spacing:1px;
  340. }
  341.  
  342. .audio {
  343. width:500px;
  344. padding-bottom:10px;
  345. font-size:7px;
  346. letter-spacing:1px;
  347. font-family:trebuchet ms;
  348. text-transform:uppercase;
  349. background-color:{color:audio};
  350. }
  351.  
  352. .albumart {
  353. float:left;
  354. padding:0px 10px 10px 0px;
  355. }
  356.  
  357. .albumart img {
  358. width:60px;
  359. height:60px;
  360. }
  361.  
  362. .playercontainer {
  363. text-align:left;
  364. padding:5px;
  365. background-color:#fff;
  366. width:490px;
  367. margin-top:-60px;
  368. }
  369.  
  370. .audioinfo {
  371. padding:10px;
  372. padding-bottom:95px;
  373. background-color:#fafafa;
  374. color:{color:text};
  375. }
  376.  
  377.  
  378. .chat {
  379. text-transform:none;
  380. font-size:9px;
  381. line-height:12px;
  382. list-style:none
  383. }
  384. .chat ul {
  385. line-height:15px;
  386. list-style:none;
  387. padding:0px;
  388. line-height:20px;
  389. }
  390. .person1 {
  391. background-color:{color:chat};
  392. padding-left:6px;
  393. padding-right:6px;
  394. }
  395. .person1 .label {
  396. font-weight:bold;
  397. }
  398. .person2 {
  399. background-color:{color:entries};
  400. padding-left:6px;
  401. padding-right:6px;
  402. }
  403. .person2 .label {
  404. font-weight:bold;
  405. }
  406. .person3 {
  407. background-color:{color:chat};
  408. padding-left:6px;
  409. padding-right:6px;
  410. }
  411. .person3 .label {
  412. font-weight:bold;
  413. }
  414. .person4 {
  415. background-color:{color:entries};
  416. padding-left:6px;
  417. padding-right:6px;
  418. }
  419. .person4 .label {
  420. font-weight:bold;
  421. }
  422. .person5 {
  423. background-color:{color:chat};
  424. padding-left:6px;
  425. padding-right:6px;
  426. }
  427. .person5 .label {
  428. font-weight:bold;
  429. }
  430. .person6 {
  431. background-color:{color:entries};
  432. padding-left:6px;
  433. padding-right:6px;
  434. }
  435. .person6 .label {
  436. font-weight:bold;
  437. }
  438.  
  439.  
  440. ol {
  441. list-style-type: none;
  442. font-size:7px;
  443. font-family: trebuchet ms;
  444. text-transform: uppercase;
  445. margin: 0; }
  446.  
  447. ol.notes li {
  448. width: 485px;
  449. padding: 2px;
  450. margin: 0 0 5px -35px; }
  451.  
  452. ol.notes li:hover {
  453. }
  454.  
  455. ol.notes li img {
  456. border:3px double #e8e8e8;
  457. margin-right: 10px;
  458. width:15px;
  459. margin-bottom: 0px;
  460. opacity: 0.85;
  461. filter:alpha(opacity=85); }
  462.  
  463. ol.notes li img:hover {
  464. opacity: 1;
  465. filter:alpha(opacity=100); }
  466.  
  467. #credit {
  468. position:fixed;
  469. right:5px;
  470. bottom:5px;
  471. }
  472.  
  473. #credit a {
  474. font-family:cambria;
  475. font-size:8px;
  476. letter-spacing:1px;
  477. text-transform:uppercase;
  478. text-decoration:none;
  479. }
  480.  
  481.  
  482. {CustomCSS}
  483. </style>
  484.  
  485. <link rel="shortcut icon" href="{Favicon}">
  486. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  487.  
  488. </head>
  489. <body>
  490. <div id="container">
  491. <div id="side">
  492. <div class="sidebar img"><a href="/"><img src="{image:Sidebar}" ></a></div>
  493. <div class="blogtitle">
  494. {block:ifTitle}<a href="/">{Title}</a>{/block:ifTitle}</div>
  495.  
  496. {block:Pagination}<div style="margin-left:35px;text-align:center;width:130px;font-size:7px;font-family:trebuchet ms;padding-top:5px;">
  497. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  498. {block:JumpPagination length="5"}
  499. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  500. {block:JumpPage}<a class="jump_page" href="{URL}"z>{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  501. {/block:JumpPagination}
  502. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  503. </div>{/block:Pagination}
  504.  
  505.  
  506. <div class="desc">{Description}</div>
  507. <br>
  508.  
  509. <div id="links">
  510. <a href="/">home</a>
  511. <a href="/ask">mssg</a>
  512. <a href="{text:link 1 url}">{text:link 1}</a>
  513. <a href="{text:link 2 url}">{text:link 2}</a>
  514. <a href="{text:link 3 url}">{text:link 3}</a>
  515. <a href="{text:link 4 url}">{text:link 4}</a>
  516. </div></div>
  517.  
  518. {block:Posts}
  519. <div id="entry">
  520.  
  521. {block:Text}
  522. {block:Title}
  523. <div class="posttitle"><h1>{Title}<h1></div>
  524. {/block:Title}
  525. {Body}
  526. {/block:Text}
  527.  
  528. {block:Link}
  529. <div class="posttitle">
  530. <h1><a href="{URL}">{Name}</a></h1>
  531. </div>
  532. {block:Description}{Description}{/block:Description}
  533. {/block:Link}
  534.  
  535. {block:Photo}
  536. <center>
  537. {LinkOpenTag}
  538. <a href="{permalink}">
  539. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  540. {LinkCloseTag}
  541. </center>
  542. {block:Caption}{Caption}{/block:Caption}
  543. {block:ContentSource}
  544. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  545. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  546. {/block:SourceLogo}
  547. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  548. {/block:ContentSource}
  549. {block:ReblogParentURL}
  550. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  551. {/block:ReblogParentURL}
  552. {/block:Photo}
  553.  
  554. {block:Photoset}
  555. {Photoset-500}
  556. {block:Caption}{Caption}{/block:Caption}
  557. {/block:Photoset}
  558.  
  559. {block:Quote}
  560. <div class="quote">❝ {Quote} ❞</div>{block:Source}<div class="source">- {Source}</div>{/block:Source}
  561. {/block:Quote}
  562.  
  563.  
  564. {block:Chat}
  565. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  566. <div class="chat"><ul>{block:Lines}
  567. <li class="person{UserNumber}">{block:Label}
  568. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  569. {/block:Chat}
  570.  
  571.  
  572. {block:Audio}<div class="audio">{block:ifAlbumArt}<div class="albumart"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{/block:IfAlbumArt}{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  573. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  574. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  575. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  576. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  577.  
  578. {block:Video}
  579. {Video-500}
  580. {block:Caption}{Caption}{/block:Caption}
  581. {/block:Video}
  582.  
  583. {block:Answer}<div id="questions">
  584. <img src="{AskerPortraitURL-40}" style="width:30px;margin-bottom:-3px;"><div style="width:440px;font-family:times; margin-top:-34px;margin-left:-60px; border-bottom:2px solid {color:ask}; font-size:18px; font-style:italic; color:{color:ask text}; text-transform:lowercase;padding:5px;padding-left:50px; letter-spacing:-1px;">{Asker}</div><br> {Question}</div>
  585. <div id="answers">{Answer}</div>{/block:answer}
  586.  
  587. {block:IndexPage}<div id="permalink">
  588. {block:Date}<a href="{ReblogURL}" target="_blank" class="details"><big>+</big> Reblog</a> &nbsp; <a href="{Permalink}"> {TimeAgo}</a> {block:RebloggedFrom}<span style="float:right; padding:2px; left:5px;"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" title="via: {ReblogParentName}"></a>&nbsp;<a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" title="source:{ReblogRootName}"></a></span>{/block:RebloggedFrom}&nbsp;{block:NoteCount}&nbsp;&nbsp;<a href="{Permalink}"><font color="#d71732">&hearts;</font> {NoteCountWithLabel}</a>{/block:NoteCount}{/block:Date}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>
  589. {/block:Tags}</div></div>
  590. {/block:IndexPage}
  591.  
  592. {block:PermalinkPage}<div id="permalink">
  593. {block:Date}<a href="{ReblogURL}" target="_blank" class="details"><big>+</big> Reblog</a> &nbsp; <a href="{Permalink}"> {TimeAgo}</a> {block:RebloggedFrom}<span style="float:right; padding:2px; left:5px;"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" title="via"></a>&nbsp;<a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" title="source"></a></span>{/block:RebloggedFrom}&nbsp;{block:NoteCount}&nbsp;&nbsp;<a href="{Permalink}"><font color="#d71732">&hearts;</font> {NoteCountWithLabel}</a>{/block:NoteCount}{/block:Date}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>
  594. {/block:Tags}</div></div>
  595. {/block:PermalinkPage}
  596.  
  597. {block:PostNotes}
  598. {PostNotes}
  599. {/block:PostNotes}
  600. </div>
  601. {/block:Posts}
  602. <div id="credit"><a href="http://hawthorneys.tumblr.com">© theme</a></div>
  603. </body>
  604. </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!