API tools faq
paste
hawthorneys

THEME #10; by nayel

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