API tools faq
paste
Advertisement
tylerhhoechlin

theme #1: lose your mind

tylerhhoechlin
Nov 22nd, 2013
2,415
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.02 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><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!---THEME #1 LOSE YOUR MIND
  10. BY HARRYSTYHELLS PLEASE DO NOT
  11. REDISTRIBUTE/TAKE ANY OF THE PARTS
  12. OF THIS CODE BECAUSE I WILL FIND YOU
  13. AND YOU WILL FACE THE CONSEQUENCES.
  14. ENJOY & THANKS FOR USING MY THEMES!
  15. --->
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#2e2e2e"/>
  19. <meta name="color:Links" content="#ffffff"/>
  20. <meta name="color:Links Background" content="#000000"/>
  21. <meta name="color:Hover" content="#e8e8e8"/>
  22. <meta name="color:Title" content="#ffffff"/>
  23. <meta name="color:Titles Background" content="#000000"/>
  24. <meta name="color:Link Hover" content="#f2f2f2"/>
  25. <meta name="color:Scrollbar" content="#000000"/>
  26. <meta name="color:Postage" content="#333333"/>
  27. <meta name="color:Italic" content="#85adaf"/>
  28. <meta name="color:Selection" content="#85adaf"/>
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Sidebar" content=""/>
  32.  
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 2" content="" />
  35. <meta name="text:Link 3" content="" />
  36.  
  37. <meta name="text:Link 1 Text" content="" />
  38. <meta name="text:Link 2 Text" content="" />
  39. <meta name="text:Link 3 Text" content="" />
  40.  
  41. <meta name="text:Titled" content="words go here!" />
  42.  
  43. <meta name="if:Show Link 1" content="1" />
  44. <meta name="if:Show Link 2" content="1" />
  45. <meta name="if:Show Link 3" content="1" />
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar-thumb {
  51. height:auto;
  52. background-color:{color:scrollbar};
  53. }
  54.  
  55. ::-webkit-scrollbar {
  56. height:9px;
  57. width:4px;
  58. background-color:{color:background};
  59. }
  60.  
  61. sub,small {
  62. font-size:10px;
  63. }
  64.  
  65. b {
  66. color:{color:bold};
  67. }
  68.  
  69. i,em {
  70. color:{color:italic};
  71. }
  72.  
  73. ::selection {
  74. background-color:{color:selection};
  75. color:#ffffff;
  76. }
  77.  
  78. body {
  79. background:{color:background};
  80. margin:0px;
  81. color:{color:text};
  82. font-family:'arial';
  83. font-size:10px;
  84. line-height:100%;
  85. letter-spacing:0px;
  86. text-align:justify;
  87. background-image:url('{image:Background}');
  88. }
  89.  
  90. a {
  91. text-decoration:none;
  92. color:{color:postage};
  93. transition: all 0.4s ease-in-out;
  94. -webkit-transition: all 0.4s ease-in-out;
  95. -moz-transition: all 0.4s ease-in-out;
  96. -ms-transition: all 0.4s ease-in-out;
  97. -o-transition: all 0.4s ease-in-out;
  98. }
  99.  
  100. a:hover {
  101. color:#000000;
  102. transition: all 0.4s ease-in-out;
  103. -webkit-transition: all 0.4s ease-in-out;
  104. -moz-transition: all 0.4s ease-in-out;
  105. -ms-transition: all 0.4s ease-in-out;
  106. -o-transition: all 0.4s ease-in-out;
  107. }
  108.  
  109. blockquote{
  110. border-left:2px solid #eee;
  111. margin-left:0px;
  112. padding-left:5px;
  113. }
  114.  
  115. h1 {
  116. font-size:25px;
  117. letter-spacing:-2px;
  118. text-transform:lowercase;
  119. font-family:'arial';
  120. font-style:none;
  121. line-height:10px;
  122. text-align:left;
  123. padding:0px;
  124. }
  125.  
  126. #entries {
  127. padding:10px;
  128. width:400px;
  129. margin-left:402px;
  130. margin-top:5px;
  131. font-size:10px;
  132. font-family:'arial';
  133. letter-spacing:0px;
  134. }
  135.  
  136. #posts {
  137. width:400px;
  138. padding-bottom:40px;
  139. padding:25px;
  140. margin-top:30px;
  141. }
  142.  
  143. #sidebar {
  144. position:fixed;
  145. margin-top:100px;
  146. margin-left:200px;
  147. }
  148.  
  149. #sidebarimage {
  150. width:100px;
  151. transition: all 0.6s ease-in-out;
  152. -webkit-transition: all 0.6s ease-in-out;
  153. -moz-transition: all 0.6s ease-in-out;
  154. -ms-transition: all 0.6s ease-in-out;
  155. -o-transition: all 0.6s ease-in-out;
  156. }
  157.  
  158. #sidebarimage img {
  159. width:100px;
  160. height:100px;
  161. margin-top:50px;
  162. margin-left:15px;
  163. }
  164.  
  165. #sidebar:hover #sidebarimage {
  166. margin-left:-102px;
  167. transition: all 0.6s ease-in-out;
  168. -webkit-transition: all 0.6s ease-in-out;
  169. -moz-transition: all 0.6s ease-in-out;
  170. -ms-transition: all 0.6s ease-in-out;
  171. -o-transition: all 0.6s ease-in-out;
  172. }
  173.  
  174. #sidebar:hover #navigation {
  175. opacity:1;
  176. transition: all 0.6s ease-in-out;
  177. -webkit-transition: all 0.6s ease-in-out;
  178. -moz-transition: all 0.6s ease-in-out;
  179. -ms-transition: all 0.6s ease-in-out;
  180. -o-transition: all 0.6s ease-in-out;
  181. }
  182.  
  183. #navigation {
  184. font-size:20px;
  185. font-family:'arial';
  186. text-align:left;
  187. letter-spacing:-2px;
  188. position:fixed;
  189. opacity:0;
  190. display:inline-block;
  191. line-height:20px;
  192. background-color:{color:links background};
  193. margin-top:-102px;
  194. overflow:hidden;
  195. margin-left:13px;
  196. transition: all 0.6s ease-in-out;
  197. -webkit-transition: all 0.6s ease-in-out;
  198. -moz-transition: all 0.6s ease-in-out;
  199. -ms-transition: all 0.6s ease-in-out;
  200. -o-transition: all 0.6s ease-in-out;
  201. }
  202.  
  203. #navigation a {
  204. padding:4px;
  205. color:{color:links};
  206. }
  207.  
  208. #navigation a:hover {
  209. transition: all 0.4s ease-in-out;
  210. -webkit-transition: all 0.4s ease-in-out;
  211. -moz-transition: all 0.4s ease-in-out;
  212. -ms-transition: all 0.4s ease-in-out;
  213. -o-transition: all 0.4s ease-in-out;
  214. color:{color:link hover};
  215. }
  216.  
  217. #description {
  218. text-align:justify;
  219. font-family:'arial';
  220. line-height:10px;
  221. padding:5px;
  222. width:100px;
  223. text-transform:lowercase;
  224. margin-top:0px;
  225. margin-left:10px;
  226. letter-spacing:0px;
  227. font-size:9px;
  228. position:fixed;
  229. color:{color:text};
  230. }
  231.  
  232. #title {
  233. width:1000px;
  234. height:40px;
  235. line-height:100%;
  236. margin-top:300px;
  237. margin-left:-480px;
  238. color:{color:title};
  239. background-color:{color:titles background};
  240. position:fixed;
  241. text-align:center;
  242. font-weight:none;
  243. letter-spacing:-3px;
  244. font-family:'arial';
  245. font-size:40px;
  246. transform: rotate(270deg);
  247. -webkit-transform: rotate(270deg);
  248. -moz-transform: rotate(270deg);
  249. ransform: rotate(270deg);
  250. -ms-transform: rotate(270deg);
  251. }
  252.  
  253. #pagination {
  254. padding:2px;
  255. position:fixed;
  256. font-family:'arial';
  257. font-size:10px;
  258. text-align:center;
  259. padding:2px;
  260. margin-top:120px;
  261. margin-left:50px;
  262. text-transform:lowercase;
  263. }
  264.  
  265. #information {
  266. width:150px;
  267. text-align:left;
  268. position:absolute;
  269. font-family:'arial';
  270. margin-top:23px;
  271. margin-left:430px;
  272. letter-spacing:-1px;
  273. font-size:15px;
  274. font-style:none;
  275. padding:1px;
  276. line-height:15px;
  277. text-transform:uppercase;
  278. }
  279.  
  280. #information a {
  281. text-align:center;
  282. color:{color:text};
  283. }
  284.  
  285. #information a:hover {
  286. transition: all 0.4s ease-in-out;
  287. -webkit-transition: all 0.4s ease-in-out;
  288. -moz-transition: all 0.4s ease-in-out;
  289. -ms-transition: all 0.4s ease-in-out;
  290. -o-transition: all 0.4s ease-in-out;
  291. color:{color:hover};
  292. }
  293.  
  294. #tags {
  295. float:left;
  296. width:150px;
  297. line-height:10px;
  298. margin-top:-5px;
  299. margin-left:-5px;
  300. text-align:left;
  301. font-size:7px;
  302. padding:5px;
  303. font-size:7px;
  304. opacity:1;
  305. transition: all 0.4s ease-in-out;
  306. -webkit-transition: all 0.4s ease-in-out;
  307. -moz-transition: all 0.4s ease-in-out;
  308. -ms-transition: all 0.4s ease-in-out;
  309. -o-transition: all 0.4s ease-in-out;
  310. color:{color:text};
  311. }
  312.  
  313. #tags a {
  314. letter-spacing:1px;
  315. font-size:7px;
  316. text-align:center;
  317. font-family:'trebuchet ms';
  318. text-decoration:none;
  319. display:inline-block;
  320. color:{color:text};
  321. }
  322.  
  323. #tags a:hover {
  324. color:{color:hover};
  325. transition: all 0.4s ease-in-out;
  326. -webkit-transition: all 0.4s ease-in-out;
  327. -moz-transition: all 0.4s ease-in-out;
  328. -ms-transition: all 0.4s ease-in-out;
  329. -o-transition: all 0.4s ease-in-out;
  330. }
  331.  
  332. #asker {
  333. font-family:'times new';
  334. text-decoration:none;
  335. font-size:15px;
  336. line-height:0px;
  337. border-bottom:1px solid #eee;
  338. text-align:left;
  339. font-style:none;
  340. text-transform:uppercase;
  341. }
  342.  
  343. #asker a {
  344. background-color:#ffffff;
  345. text-decoration:none;
  346. color:#000000;
  347. }
  348.  
  349. #asker a:hover {
  350. text-decoration:underline;
  351. }
  352.  
  353. #answer {
  354. font-family:'arial';
  355. text-align:left;
  356. }
  357.  
  358. #asks {
  359. text-align:center;
  360. }
  361.  
  362. #audiopost {
  363. width:400px;
  364. height:70px;
  365. margin-left:5px;
  366. margin-bottom:0px;
  367. }
  368.  
  369. .albumart {
  370. width:70px;
  371. height:70px;
  372. margin-left:0px;
  373. position:absolute;
  374. }
  375.  
  376. .albumart img {
  377. float:left;
  378. width:70px;
  379. height:70px;}
  380.  
  381. .player {
  382. opacity:0.8;
  383. display:block;
  384. position:absolute;
  385. margin-top:5px;
  386. margin-left:5px;
  387. width:60px;
  388. height:60px;
  389. -webkit-transition:all 0.4s;
  390. -moz-transition:all 0.4s;
  391. -o-transition:all 0.4s;
  392. -ms-transition: all 0.4s;
  393. transition:all 0.5s;
  394. background:transparent;
  395. z-index:1;
  396. }
  397.  
  398. .audioplayer {
  399. margin-top:14px;
  400. margin-left:13px;
  401. overflow:hidden;
  402. width:24px;
  403. height:24px;
  404. padding:3px;
  405. }
  406.  
  407. .audioinfo {
  408. display:block;
  409. width:308px;
  410. height:48px;
  411. padding-top:22px;
  412. padding-left:90px;
  413. font-family:'times new';
  414. font-size:10px;
  415. letter-spacing:0px;
  416. text-transform:uppercase;
  417. text-align:left;
  418. color:#ffffff;
  419. background:#000000;
  420. }
  421.  
  422. .audioinfo1 {
  423. margin-top:5px;
  424. font-family:'times new';
  425. font-size:10px;
  426. text-transform:uppercase;
  427. letter-spacing:0px
  428. }
  429.  
  430. .source {
  431. text-align:right;
  432. }
  433.  
  434. #credit {
  435. position:fixed;
  436. font-family:'trebuchet ms';
  437. text-transform:uppercase;
  438. font-size:7px;
  439. right:9px;
  440. bottom:9px;
  441. letter-spacing:1px;
  442. }
  443.  
  444. #credit a {
  445. color:white;
  446. background-color:#000000;
  447. padding:5px;
  448. }
  449.  
  450. #credit a:hover {
  451. background-color:#ffffff;
  452. color:#000000;
  453. transition: all 0.4s ease-in-out;
  454. -webkit-transition: all 0.4s ease-in-out;
  455. -moz-transition: all 0.4s ease-in-out;
  456. -ms-transition: all 0.4s ease-in-out;
  457. -o-transition: all 0.4s ease-in-out;
  458. }
  459.  
  460. {CustomCSS}</style></head>
  461.  
  462. <body>
  463.  
  464. <div id="title">{text:titled}</div>
  465.  
  466. <div id="sidebar">
  467. <div id="sidebarimage">
  468.  
  469. <image src="{image:sidebar}">
  470. </a>
  471. </div>
  472.  
  473. <div id="navigation">
  474. <a href="/">01. index</a><br>
  475. <a href="/ask">02. message</a><br>
  476. {block:IfShowLink1}<a href="{text:Link 1}">03. {text:Link 1 Text}</a>{/block:IfShowLink1}<br>
  477. {block:IfShowLink2}<a href="{text:Link 2}">04. {text:Link 2 Text}</a>{/block:IfShowLink2}<br>
  478. {block:IfShowLink3}<a href="{text:Link 3}">05. {text:Link 3 Text}</a>{/block:IfShowLink3}</div>
  479.  
  480. <div id="description">{Description}</div>
  481.  
  482. {block:Pagination}
  483. <div id="pagination">
  484. {block:PreviousPage}<a href="{PreviousPage}">newer</a>{/block:PreviousPage}
  485. / {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
  486. </div>
  487. {/block:Pagination}
  488. </div>
  489. </div>
  490. </div>
  491.  
  492. <div id="entries">{block:Posts}<div id="posts">
  493. <div id="information"><a href="{Permalink}"><b>{Month}, {DayOfMonth}{DayOfMonthSuffix}</b></a><br>{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} & {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with {NoteCountWithLabel}</a>
  494.  
  495. {block:HasTags}<div id="tags">
  496.  
  497. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  498. </div>{block:HasTags}
  499. </div>
  500. </div>
  501.  
  502. {block:Text}
  503. <h1>{block:Title}{Title}{/block:Title}</h1>
  504. {Body}{/block:Text}
  505.  
  506. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  507. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  508.  
  509. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  510. {/block:Caption}{/block:Photoset}
  511.  
  512. {block:Quote}<h2>"{Quote}"</h2>
  513. {block:Source}<div class="source"> — {Source}</div>
  514. {/block:Source}{/block:Quote}
  515.  
  516. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  517.  
  518. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  519.  
  520. {block:Audio}<div id="audiopost">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div><div class="audioinfo">{block:TrackName}track name: {TrackName}{/block:TrackName}<div class="audioinfo1">{block:Artist} producer: {Artist}{/block:Artist}</div></div></div>{block:Caption}<br>{Caption}{/block:Caption}{/block:Audio}
  521.  
  522. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  523.  
  524. {block:Answer}<div id="asker">{Asker}:</div><br><div id="asks">{Question}</div><div id="answer">{Answer}</div>{/block:Answer}
  525.  
  526. {/block:Posts}<br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}{/block:Posts}</div></div></div><br><br><br><br>
  527.  
  528. <div id="credit"><a href="http://harrystyhells.tumblr.com/">HS</a></div></div>
  529.  
  530. </body></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!