API tools faq
paste
Advertisement
hazzastyles

theme#5_Breakeven

hazzastyles
Oct 23rd, 2012
231
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.04 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">
  3.  
  4. <!--
  5. --------------------------------------------------
  6.  
  7. H A R R Y T H I N G . t u m b l r . C O M
  8.  
  9. --------------------------------------------------
  10. -->
  11. <meta name="color:sidebar" content="#f2f2f2" />
  12. <meta name="image:sidebar" content=""/>
  13. <meta name="color:background" content="#645555">
  14.  
  15. <meta name="color:slinks" content="#4d4748"/>
  16. <meta name="color:shover" content="#f1f0f0"/>
  17. <meta name="color:ask text" content="#968F88" />
  18. <meta name="color:link" content="#beb1a2" />
  19.  
  20. <meta name="color:text" content="#c0babb"/>
  21. <meta name="color:entry" content="#5c4e4e"/>
  22. <meta name="color:des" content="#f8f0f2"/>
  23. <meta name="color:creadit" content="#e2d5d7"/>
  24. <meta name="color:nextpage" content="#e9e4e5"/>
  25. <meta name="color:infobox" content="#c9b7bb"/>
  26.  
  27.  
  28. <meta name="text:Link 1" content="link" />
  29. <meta name="text:Link 1 URL" content="/" />
  30. <meta name="text:Link 2" content="link" />
  31. <meta name="text:Link 2 URL" content="/" />
  32. <meta name="text:Link 3" content="link" />
  33. <meta name="text:Link 3 URL" content="/" />
  34. <meta name="text:Link 4" content="link" />
  35. <meta name="text:Link 4 URL" content="/" />
  36. <meta name="text:Link 5" content="link" />
  37. <meta name="text:Link 5 URL" content="/" />
  38. <meta name="text:Link 6" content="link" />
  39. <meta name="text:Link 6 URL" content="/" />
  40. <meta name="text:Link 7" content="link" />
  41. <meta name="text:Link 7 URL" content="/" />
  42. <meta name="text:Link 8" content="link" />
  43. <meta name="text:Link 8 URL" content="/" />
  44.  
  45.  
  46.  
  47. <head>
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" />{/block:Description}
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53.  
  54.  
  55. @font-face {
  56.  
  57. font-family: pixel2;
  58.  
  59. src: url('http://justbloomed.webs.com/other/04B_03__.TTF');}
  60.  
  61.  
  62.  
  63. @font-face {
  64.  
  65. font-family: pixel;
  66.  
  67. src: url('http://justbloomed.webs.com/other/pfarmafive.ttf');}
  68.  
  69.  
  70.  
  71. body {color:#b2b2b2;
  72.  
  73. background-color:{color:Background};
  74.  
  75. background-attachment:fixed; background-repeat: no-repeat;
  76.  
  77. background-position:fixed;
  78.  
  79. font-family: Calibri;
  80.  
  81. font-size:8px;
  82.  
  83. line-height:100%; letter-spacing: 0px;
  84.  
  85. text-align:left;}
  86.  
  87.  
  88. a:link, a:active, a:visited {
  89. color: {color:link};
  90. text-decoration:none;
  91. -webkit-transition: all 0.5s ease-in-out;
  92. -moz-transition: all 0.5s ease-in-out;
  93. -o-transition: all 0.5s ease-in-out;
  94. -ms-transition: all 0.5s ease-in-out;
  95. transition: all 0.5s ease-in-out;
  96. }
  97.  
  98. #linkhover {
  99. color: {color:linkhover};
  100. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  101. }
  102.  
  103.  
  104. a img{
  105. border:none;}
  106.  
  107. { width:235px; padding:5px text-align:center;
  108. left: 240px;
  109. top: 427px;
  110. }
  111.  
  112. .description {
  113. width:235px;
  114. padding:5px text-align:center;
  115. left: 236px;
  116. top: 423px;
  117. width:235px;
  118. font-size:11px;
  119. text-align:center; z-index: 1; overflow: visible;
  120. -webkit-transition: all 0.6s ease-in-out;position:fixed;text-shadow: -1px 1px 1px #423234;
  121. -moz-transition: all 0.6s ease-in-out;
  122. -o-transition: all 0.6s ease-in-out;
  123. -ms-transition: all 0.6s ease-in-out;
  124. transition: all 0.6s ease-in-out;
  125.  
  126. color: {color:des};
  127.  
  128.  
  129. }
  130.  
  131.  
  132. a img{
  133. border:none;}
  134.  
  135.  
  136. #sidebar img{
  137. width:220px;
  138. height:auto;
  139. padding: 10px;
  140. display: block;
  141. position:fixed;
  142. background-color:#;
  143. border:1px solid #857d7d;
  144. margin-left:70px;
  145. margin-top:-11px;
  146. background-color:#;border-radius:4px; opacity:0.9;
  147.  
  148. }
  149.  
  150.  
  151. #sidebar {width:245px; height:auto; font-size:10px; font-family:consolas, monospace; text-align:center; margin-left:150px; line-height:9px; padding: 5px; 0px; 3px; margin-top:80px; position:fixed; background-color:transparent;}}
  152.  
  153.  
  154.  
  155. #slinks {top: 200px; margin-left:-90px; padding:0px; width: 250px; position:fixed ;}
  156.  
  157. #slinks a{font-size: 10px; display: block;color:{color:link}; background-color:{color:slinks}; text-align:center;font-family: arial;;
  158. width: 80px;
  159. height:15px;
  160. padding: 2px 0 2px 0;
  161. margin-bottom: 2px;
  162. text-transform: none;
  163. text-decoration: none;
  164.  
  165. border-top-right-radius:0px;
  166. border-bottom-left-radius:20px;
  167. border-top-left-radius:20px;
  168. border-bottom-right-radius:0px;
  169.  
  170. -webkit-transition: all 0.4s ease-in-out;
  171. -moz-transition: all 0.4s ease-in-out;
  172. transition: all 0.4s ease-in-out;}
  173.  
  174. #slinks a:hover{ background-color: {color:shover}; width: 110px; color: {color:link}; padding-right: 0px; margin-left: -30px; border-top-right-radius:0px; border-bottom-left-radius:25px; border-top-left-radius:25px; border-bottom-right-radius:0px;
  175. -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182. #sidebar {width:245px; height:auto; font-size:10px; font-family:consolas, monospace; text-align:center; margin-left:150px; line-height:9px; padding: 5px; 0px; 3px; margin-top:80px; position:fixed; background-color:transparent;}}
  183.  
  184. #slinks2 {top: 200px; margin-left:-90px; padding:0px; width: 250px; position:fixed}
  185.  
  186. #slinks2 a{font-size: 11px; display: block;color:{color:link}; background-color:{color:slinks}; text-align:center;
  187. width: 80px;
  188. height:15px;
  189. padding: 2px 0 2px 0;
  190. margin-bottom: 2px;
  191. text-transform: none;
  192. text-decoration: none;
  193.  
  194. border-top-right-radius:0px;
  195. border-bottom-left-radius:20px;
  196. border-top-left-radius:20px;
  197. border-bottom-right-radius:0px;
  198.  
  199. -webkit-transition: all 0.4s ease-in-out;
  200. -moz-transition: all 0.4s ease-in-out;
  201. transition: all 0.4s ease-in-out;}
  202.  
  203. #slinks2 a:hover{ background-color: {color:shover}; width: 110px; color: {color:link}; padding-right: 0px; margin-left: -30px; border-top-right-radius:0px; border-bottom-left-radius:25px; border-top-left-radius:25px; border-bottom-right-radius:0px;
  204. -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  205.  
  206.  
  207.  
  208.  
  209.  
  210.  
  211. blockquote{
  212. padding:0px;
  213. padding-left:5px;
  214. margin:5px;
  215. border-left:1px solid {color:font};}
  216.  
  217. blockquote img{
  218. display:block;}
  219.  
  220. blockquote p{
  221. padding:0px;
  222. margin:0px;}
  223.  
  224. blockquote blockquote{
  225. position:relative;
  226. left:-5px;
  227. margin-top:0px;
  228. margin-right:0px;
  229. padding-right:0px;}
  230.  
  231. ul.chat, .chat ol, .chat li {
  232. list-style:none;
  233. margin:0px;
  234. padding:0px}
  235.  
  236. #container3{
  237. margin-left:133px;
  238. margin-top:130px;
  239. z-index:1;
  240. padding:50px;
  241. position:fixed;
  242. padding:15px;}
  243.  
  244. #entry{
  245. width:500px;
  246. padding: 10px;
  247. display: block;
  248. background-color:{color:entry};
  249. overflow:hidden;
  250. border:1px solid #857d7d;
  251. margin:12px 3px 3px 3px;
  252. color: {color:text};}
  253.  
  254. #post{
  255. margin-left:580px;
  256. width:650px;
  257. overflow:hidden;
  258. padding:22px;
  259. background-color:#;
  260. Margin-top:-13px;}
  261.  
  262. b {
  263. font-weight:
  264. bold;color: {color:text};}
  265.  
  266. i, em {
  267. font-weight:italic;
  268. color: {color:text};}
  269.  
  270. u {
  271. font-weight:none;
  272. color: {color:underline};}
  273.  
  274. .asker {
  275. width: 485px;
  276. background-color: {color:audio info};
  277. padding: 10px;
  278. font-size: 11px;
  279. font-weight: bold;
  280. text-transform: uppercase;
  281. line-height: 11px; }
  282.  
  283. .asker img{
  284. float: left;
  285. padding: 0px 5px 0px 0px;}
  286.  
  287. .asker a{
  288. font-size: 11px;
  289. font-weight: bold;
  290. color:{color:link};
  291. line-height: 11px;
  292. padding: 0;
  293. margin: 0;}
  294.  
  295. .question {
  296. font-size: 10px;
  297. font-weight: normal;
  298. color:{color:text};
  299. padding:20px
  300. overflow:hidden;
  301. text-transform: none;}
  302.  
  303. .answer {
  304. padding-left: 4px;
  305. padding-right: 4px;
  306. padding-top: 4px;}
  307.  
  308. .answer img {
  309. max-width: 470px;}
  310.  
  311. #pl{
  312. z-index:2;
  313. display:block;
  314. width: 100px;
  315. height:100px;
  316. background-color:#ffffff;
  317. opacity:0.7;
  318. position:absolute;
  319. }
  320.  
  321. #pl:hover{
  322. -webkit-transition: all 0.2s ease-in-out;
  323. -moz-transition: all 0.2s ease-in-out;
  324. -o-transition: all 0.2s ease-in-out;
  325. transition: all 0.2s ease-in-out;
  326. opacity:0.6;}
  327.  
  328. #audioplayer{
  329. width:20px;
  330. height:20px;
  331. overflow:hidden;
  332. margin: 38px 0px 0px 35px;
  333. background-color:transparent;}
  334.  
  335. .atext {
  336. background-color:{color:audio info};
  337. font-family: {font:body}!important;
  338. font-size: 8px;
  339. line-height: 7px;
  340. letter-spacing: 2px;
  341. color: {color:link}!important;
  342. margin-bottom: 1px;
  343. margin-left: 101px;
  344. text-transform:;
  345. height:18px;
  346. text-decoration: none;
  347. display: block;
  348. padding: 41px 5px 41px 6px;
  349. width:390px;
  350. text-align:center;}
  351.  
  352. .atext:hover {
  353. color:{color:link};
  354. background-color:{color:entries};
  355. -webkit-transition: opacity 0.7s linear;
  356. opacity: 0.9s;
  357. -webkit-transition: all 0.6s ease-out;
  358. -moz-transition: all 0.6s ease-out;
  359. transition: all 0.6s ease-out;
  360. }
  361.  
  362. .audio{
  363. position:absolute;
  364. width:40px;
  365. height:40px;}
  366.  
  367. .aimg{
  368. width:100px;
  369. height:100px;
  370. position:absolute;}
  371.  
  372. .aimg img{
  373. float:left;
  374. opacity:0.6;
  375. width:100px;
  376. }
  377.  
  378.  
  379. iframe#tumblr_controls {
  380. top: 0% !important;
  381. right:0% !important;
  382. position: fixed !important;}
  383.  
  384. #infobox {
  385. font-family:georgia;
  386. text-transform: lowercase;
  387. font-size:9px;
  388. text-align:justify;
  389. letter-spacing:px;
  390. margin-left:3px;
  391. width:522px;
  392. background-color: transparent;
  393. color: {color:infobox};
  394.  
  395. }
  396.  
  397. .tags a{
  398. text-align:center;
  399. text-transform:uppercase;
  400. letter-spacing:1px;
  401. font-size:9px;
  402. letter-spacing:px;
  403. font-family:calibari;
  404. display:;
  405. margin-left:2px;
  406. margin-top:1px;
  407. background-color:{color:taglinks};}
  408.  
  409. .tags img{
  410. margin-top:20px;
  411. float:left;
  412. margin-left: 5px;}
  413. .tagslo{
  414. font-family:calibari;
  415. color:{color:font};
  416. line-height:8px;
  417. font-size:9px;}
  418. .quotesymbol{
  419. font-family: calibari;
  420. margin-top:18px;
  421. font-size:60px;
  422. opacity:.3;
  423. color: {color:link};
  424. position: absolute;
  425. }
  426.  
  427.  
  428. #creadit{position:fixed; bottom:10px; right:10px; font-size:10px; font-family:calibri;color:#bdd2ce; text-transform:uppercase;letter-spacing: 0px; font-style:normal; border:1px solid #857d7d;padding:5px;
  429. }
  430.  
  431.  
  432.  
  433. ::-webkit-scrollbar {
  434.  
  435. width: 5px;height: 9px;}
  436.  
  437. ::-webkit-scrollbar-button:start:decrement,
  438.  
  439. ::-webkit-scrollbar-button:end:increment {
  440.  
  441. height: 6px;display: block;background-color: #474646;}
  442.  
  443. ::-webkit-scrollbar-track-piece {
  444.  
  445. background-color: #e0ded3;}
  446.  
  447. ::-webkit-scrollbar-thumb:vertical {
  448.  
  449. height: 9px;background-color: #474646;border-top:1px solid #e0ded3;border-bottom:1px solid #e0ded3;}
  450.  
  451. ::-moz-selection {background-color:;color:#585858;}
  452.  
  453. ::selection {background-color:;color:#585858;}
  454.  
  455.  
  456.  
  457. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  458.  
  459.  
  460.  
  461. <link href='http://fonts.googleapis.com/css?family=Codystar'
  462. rel='stylesheet' type='text/css'>
  463. }
  464.  
  465.  
  466.  
  467.  
  468. </style>
  469.  
  470. </head>
  471.  
  472. <body>
  473.  
  474. <div id="sidebar">
  475. <div id="sidebarimg">
  476. <img src="{image:sidebar}"/></div>
  477. <div id="slinks">
  478. {block:IfLink1} <div class="r3"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>{/block:IfLink1}
  479. {block:IfLink2} <div class="r3"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>{/block:IfLink2}
  480. {block:IfLink3} <div class="r3"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>{/block:IfLink3}
  481. {block:IfLink4} <div class="r3"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>{/block:IfLink4}
  482.  
  483. <div id="slinks2">
  484.  
  485. {block:IfLink1} <div class="r3"><a href="{text:Link 5 URL}">{text:Link 5}</a></div>{/block:IfLink1}
  486. {block:IfLink2} <div class="r3"><a href="{text:Link 6 URL}">{text:Link 6}</a></div>{/block:IfLink2}
  487. {block:IfLink3} <div class="r3"><a href="{text:Link 7 URL}">{text:Link 7}</a></div>{/block:IfLink3}
  488. {block:IfLink4} <div class="r3"><a href="{text:Link 8 URL}">{text:Link 8}</a></div>{/block:IfLink4}
  489.  
  490. </div>
  491.  
  492.  
  493. </div>
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500. </div>
  501.  
  502. <div style="margin-top:270px;font-family: tahoma;position:fixed;color:#3e332b; overflow:hidden; font-size:10px;font-style:normal;margin-left:190px;z-index:4;color:{color:nextpage}">
  503. {block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}
  504.  
  505.  
  506. <div class="description" href="/me">{Description} <a href=" " target="_blank"></div>
  507.  
  508. </script>
  509.  
  510. </div>
  511.  
  512. <div id="creadit"><center><a href="http://harrything.tumblr.com/" target="_blank"><font color="{color:creadit}">©T H E M E</a></font></div></center>
  513.  
  514.  
  515.  
  516.  
  517. </div>
  518.  
  519. </div>
  520.  
  521. <br>
  522. <div id="post">
  523. {block:Posts}
  524. <div id="entries">
  525.  
  526. {block:Text}
  527. <div id="entry">
  528. <div class="quotesymbol">“</div>
  529. <div style="border-left:1px solid #F1F1F1; margin-left:37px; padding:9px;">
  530. {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body};font-style:italic;">{title}</font>{/block:Title}{Body}
  531. </div></div>
  532. {/block:Text}
  533.  
  534. {block:Photo}
  535. <div id="entry">
  536. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  537. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  538. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500" title"Photo"/>
  539. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  540. {block:Caption}{Caption}{/block:Caption}
  541. </div>{/block:Photo}
  542.  
  543. {block:Photoset}
  544. <div id="entry">
  545. {Photoset-500}
  546. {block:Caption}{Caption}{/block:Caption}
  547. </div>
  548. {/block:Photoset}
  549.  
  550. {block:ContentSource}
  551. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  552. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  553. {/block:SourceLogo}
  554. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  555. {/block:ContentSource}
  556.  
  557. {block:Quote}
  558. <div id="entry">
  559. <div class="quotesymbol">“</div>
  560. <div style="border-left:1px solid #F1F1F1; margin-left:37px; padding:9px;"><span class="quote"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}, serif;font-style:italic;">{quote}</font><br>
  561. {block:Source}— <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 5pt; TEXT-TRANSFORM: uppercase; COLOR: {color:link}; font-style:; LINE-HEIGHT: 8pt; LETTER-SPACING: 3pt; text-transform:;">{Source}</font>{/block:Source}
  562. </div>
  563. </div>
  564. {/block:Quote}
  565.  
  566. {block:Link}
  567. <div id="entry">
  568. <div class="quotesymbol">“</div>
  569. <div style="border-left:1px solid #F1F1F1; margin-left:37px; padding:9px;">
  570. <div class="h2"><a href="{URL}" title="{name}"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body};font-style:italic;">{name}</font></a></div>{block:Description}{Description}{/block:Description}
  571. </div></div>
  572. {/block:Link}
  573.  
  574. {block:Chat}
  575. <div id="entry">
  576. {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">{title}</font>{/block:Title}<br>
  577. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  578. </div>
  579. {/block:Chat}
  580.  
  581. {block:Audio}
  582. <div id="entry">
  583. <div class="audio"><div id="pl"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  584. <div class="aimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="aimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  585. <span class="atext"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">{block:TrackName}{TrackName}{/block:TrackName}</font><br>
  586. {block:Artist}{Artist}{/block:Artist} ♫ {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</span>
  587. <br>
  588. {block:Caption}{Caption}{/block:Caption}
  589. </div>
  590. {/block:Audio}
  591.  
  592. {block:Answer}
  593. <div id="entry">
  594. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}
  595. <div class="question">{Question}</div></div>
  596. <div class="answer">{Answer}</div>
  597. </div>
  598. {/block:Answer}
  599.  
  600. {block:Video}
  601. <div id="entry">
  602. {Video-500}
  603. {block:Caption}{Caption}{/block:Caption}
  604. </div>
  605. {/block:Video}
  606.  
  607. <div id="infobox">
  608. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  609. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  610. <div style="float:right;">{block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}<div style="text-align:right;">(source <a href="{SourceURL}">{SourceLink}</a>)</div>{/block:ContentSource}</div>
  611. <br>
  612. {block:HasTags}<span class="tagslo">,</span> {block:Tags}<span class="tags"><a href="{TagURL}" title="{Tag}">#{Tag}</a> </span></a>{/block:Tags}{/block:HasTags}
  613. </div>
  614. {block:PostNotes}
  615. {PostNotes}
  616. {/block:PostNotes}
  617. </div>
  618. {/block:Posts}
  619. </div>
  620. </div>
  621. </div>
  622. </body>
  623. </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!