API tools faq
paste
Advertisement
hazzastyles

Theme#6_Stereo Hearts

hazzastyles
Oct 23rd, 2012
503
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.54 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. T H E M E #6 _ S T E R E O H E A R T
  9. --------------------------------------------------
  10. -->
  11. <meta name="color:background" content="#fff"/>
  12. <meta name="color:title" content="#82e3ec"/>
  13.  
  14. <meta name="color:description background" content="#9ff1f5"/>
  15. <meta name="image:sidebar" content=""/>
  16. <meta name="font:info" content="georgia" />
  17. <meta name="color:entry" content="#ffffff" />
  18. <meta name="color:text" content="#8b847d" />
  19. <meta name="color:lhover" content="#f0e368" />
  20. <meta name="color:nlink hover background" content="#a2a097" />
  21. <meta name="color:ask text" content="#8b847d" />
  22. <meta name="color:sssslink" content="#f8f3f2" />
  23. <meta name="color:border" content="#f1e772" />
  24. <meta name="color:info" content="#82e3ec" />
  25. <meta name="color:tags" content="#f1e772" />
  26. <meta name="font:info" content="georgia" />
  27. <meta name="color:sidebar border" content="#82e2eb" />
  28. <meta name="color:description line" content="#f0e368" />
  29. <meta name="color:sidebar line" content="#f0e368" />
  30.  
  31. <meta name="text:Link1" content="" />
  32. <meta name="text:Link1 Title" content="" />
  33. <meta name="text:Link2" content="" />
  34. <meta name="text:Link2 Title" content="" />
  35. <meta name="text:Link3" content="" />
  36. <meta name="text:Link3 Title" content="" />
  37.  
  38. <meta name="text:Link4" content="" />
  39. <meta name="text:Link4 Title" content="" />
  40. <meta name="text:Link5" content="" />
  41. <meta name="text:Link5 Title" content="" />
  42. <meta name="text:Link6" content="" />
  43. <meta name="text:Link6 Title" content="" />
  44.  
  45. <meta name="color:link" content="#f8f3f2" />
  46. <meta name="color:slink" content="#ecebe3" />
  47. <meta name="color:creadit" content="#7d7d7d"/>
  48. <meta name="color:asker" content="#82e3ec"/>
  49. <meta name="color:nextpage" content="#828282"/>
  50.  
  51.  
  52.  
  53. <head>
  54. <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}
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59.  
  60.  
  61. @font-face {
  62.  
  63. font-family: pixel2;
  64.  
  65. src: url('http://justbloomed.webs.com/other/04B_03__.TTF');}
  66.  
  67.  
  68.  
  69. @font-face {
  70.  
  71. font-family: pixel;
  72.  
  73. src: url('http://justbloomed.webs.com/other/pfarmafive.ttf');}
  74.  
  75. a:link, a:active, a:visited {
  76. color: {color:link};
  77. text-decoration:none;
  78. -webkit-transition: all 0.5s ease-in-out;
  79. -moz-transition: all 0.5s ease-in-out;
  80. -o-transition: all 0.5s ease-in-out;
  81. -ms-transition: all 0.5s ease-in-out;
  82. transition: all 0.5s ease-in-out;
  83. }
  84.  
  85. #linkhover {
  86. color: {color:linkhover};
  87. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  88. }
  89.  
  90.  
  91. a img{
  92. border:none;}
  93.  
  94. { width:235px; padding:5px text-align:center;
  95. left: 240px;
  96. top: 427px;
  97. }
  98.  
  99.  
  100. body {color:#b2b2b2;
  101.  
  102. background-color:{color:Background};
  103.  
  104. background-attachment:fixed; background-repeat: repeat;
  105. background-image: url('http://i47.tinypic.com/wmkzmr.png') ;
  106. background-position:fixed;
  107.  
  108. font-family: Calibri;
  109.  
  110. font-size:8px;
  111.  
  112. line-height:100%; letter-spacing: 0px;
  113.  
  114. text-align:left;}
  115.  
  116.  
  117. #title {font-size:17px; width:199px; text-align:center; z-index: 1; overflow: visible; width:223px; text-align:center; z-index: 1; overflow: visible;
  118.  
  119. letter-spacing:1px; text-align:center; text-transform: uppercase;margin-top:120px;margin-left:355px; color:{color:title};position:fixed; font-family: georgia;line-height:100%
  120.  
  121. border-right:4px solid #8ae5ef; border-radius: 0px;text-shadow: 1px 1px 0px #ffffff;;
  122.  
  123. }
  124.  
  125.  
  126.  
  127. #links a {display:inline-table; font-size:10px; color:{color:sssslink}; font-style:italic; text-align:center;}
  128.  
  129. #links a:hover {color:{color:lhover};background-color:{color:lhover bg}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  130.  
  131. #nav {margin-top:215px;position:fixed;}
  132. #nav a {width:88px; height:19px;display:block; background-color:{color:slink}; margin: 1px; 10px; 2px; 2px; letter-spacing:1px; font-family:{font:title}; font-size:8px; text-transform: uppercase;text-align: center;margin-left:462px;
  133.  
  134. border-right:4px solid #97edfb; border-radius: 0px;text-shadow: 1px 1px 0px #ffffff;-webkit-transition: 0.4s linear;-webkit-box-shadow: 0 0px 0px 0px #ccc;-moz-box-shadow: 0 0px 0px 0px #ccc;box-shadow: 0 0px 8px 0px #ccc;
  135. }
  136. #nav a:hover {color: {color:sssslink};background-color:{color:nlink hover background}; -webkit-transition: opacity 0.7s linear;opacity: 0.7s;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  137.  
  138.  
  139.  
  140.  
  141. #links2 a {display:inline-table; font-size:10px; color:{color:sssslink}; font-style:italic; text-align:center;}
  142.  
  143. #links2 a:hover {color:{color:lhover};background-color:{color:lhover bg}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  144.  
  145.  
  146. #nav2 {margin-top:-61px;position:fixed;}
  147. #nav2 a {width:85px; height:19px;display:block; background-color:{color:slink}; margin: 1px; 10px; 2px; 2px; letter-spacing:1px; font-family:{font:title}; font-size:8px; text-transform: uppercase;text-align: center;margin-left:370px;
  148.  
  149. border-right:4px solid #97edfb; border-radius: 0px;text-shadow: 1px 1px 0px #ffffff;-webkit-transition: 0.4s linear;-webkit-box-shadow: 0 0px 0px 0px #ccc;-moz-box-shadow: 0 0px 0px 0px #ccc;box-shadow: 0 0px 8px 0px #ccc;
  150. }
  151. #nav2 a:hover {color: {color:sssslink};background-color:{color:nlink hover background}; -webkit-transition: opacity 0.7s linear;opacity: 0.7s;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  152.  
  153. #sidebar img{
  154. width:160px;
  155. height:auto;
  156. padding: 3px;
  157. display: block;
  158. position:fixed;
  159. background-color:#;
  160. border:1px solid {color:sidebar border};;
  161. margin-left:20px;
  162. margin-top:22px;
  163. background-color:#;border-radius:4px; opacity:0.9;
  164.  
  165. border-left:4px solid {color:sidebar line}; border-radius: 0px;text-shadow: 1px 1px 0px #ffffff;-webkit-transition: 0.4s linear;-webkit-box-shadow: 0 0px 0px 0px #ccc;-moz-box-shadow: 0 0px 0px 0px #ccc;box-shadow: 0 0px 8px 0px #ccc;
  166.  
  167. }
  168.  
  169.  
  170. #sidebar img{
  171. width:160px;
  172. height:auto;
  173. padding: 3px;
  174. display: block;
  175. position:fixed;
  176. background-color:#;
  177. border:1px solid {color:sidebar border};;
  178. margin-left:20px;
  179. margin-top:22px;
  180. background-color:#;border-radius:4px; opacity:0.9;
  181.  
  182. border-left:4px solid {color:sidebar line}; border-radius: 0px;text-shadow: 1px 1px 0px #ffffff;-webkit-transition: 0.4s linear;-webkit-box-shadow: 0 0px 0px 0px #ccc;-moz-box-shadow: 0 0px 0px 0px #ccc;box-shadow: 0 0px 8px 0px #ccc;
  183.  
  184.  
  185. }
  186.  
  187.  
  188.  
  189.  
  190. #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;}}
  191.  
  192.  
  193.  
  194.  
  195.  
  196. #speechbubble {
  197. position:fixed;
  198. margin-top:19;
  199. margin-left:333px;
  200. width:180px;
  201. height:auto;
  202. -webkit-transition: all 0.7s ease-in-out;
  203. -moz-transition: all 0.7s ease-in-out;
  204. transition: all 0.7s ease-in-out;
  205.  
  206. }
  207.  
  208.  
  209.  
  210. #train {
  211. position:fixed;
  212. color:{color:description background};
  213. width:40px;
  214. margin-top:80px;
  215. margin-left:190px;
  216. height:25px;
  217.  
  218. }
  219.  
  220.  
  221. #iwish {
  222. position: fixed;
  223. margin-top:40px;
  224. float:right;
  225. margin-left:215px;
  226. width:160px;
  227. font-size: 10px;
  228. text-align: center;
  229. background: {color:description background};
  230. background-image: url('http://i47.tinypic.com/98yg44.png') ;
  231. letter-spacing: 1px;
  232. padding:10px;
  233. border-top-right-radius:25px;
  234. border-bottom-left-radius:25px;
  235. border-top-left-radius:25px;
  236. border-bottom-right-radius:25px;
  237.  
  238. -webkit-transition: all 0.2s ease-in-out;position:fixed;text-shadow: -1px 0px 3px #9f9f9f;
  239. -moz-transition: all 0.6s ease-in-out;
  240. -o-transition: all 0.6s ease-in-out;
  241. -ms-transition: all 0.6s ease-in-out;
  242. transition: all 0.6s ease-in-out;
  243.  
  244. border-right:4px solid {color:description line}; border-radius: 0px;text-shadow: 1px 1px 0px #ffffff;-webkit-transition: 0.4s linear;-webkit-box-shadow: 0 0px 0px 0px #ccc;-moz-box-shadow: 0 0px 0px 0px #ccc;box-shadow: 0 0px 8px 0px #ccc;
  245.  
  246. }
  247.  
  248.  
  249. .description {
  250. width:90%;
  251. position:fixed
  252. padding-top:10px;
  253. padding-bottom:5px;
  254. padding-left:10px;
  255. padding-right:10px;
  256.  
  257. }
  258.  
  259.  
  260.  
  261.  
  262.  
  263. a:link, a:active, a:visited{color: {color:link}; text-decoration:none;}
  264.  
  265. a:hover{color:{color:lhover}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  266.  
  267. #entries {margin-left:640px; margin-top:20px; width:525px;}
  268.  
  269. #posts{width:500px; background-color:{color:entry}; margin-bottom:9px; padding:5px;}
  270.  
  271. #tags {background-color:{color:tags};font-family:calibri; letter-spacing:1px; font-size:10px;text-align:left; padding:5px;}
  272.  
  273.  
  274. #info {background-color:{color:info};font:10px;font-family: calibri; text-transform: uppercase; padding:5px; letter-spacing:1px; color:{color:text};}
  275.  
  276. #asker {font-family:consolas; text-align:center;font-size:12px; text-transform:uppercase; color{color:asker};}
  277. #asker a {color:{color:asker};}
  278.  
  279. #question {background-color:transparent; color: {color:ask text}; padding:2px; letter-spacing:1px; margin-bottom:1px;text-align:center; font-family:consolas; text-transform:uppercase; font-size:10px;border-bottom: 1px solid {color:border};}
  280.  
  281. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  282. blockquote img, blockquote a img {max-width: 490px}
  283.  
  284. b, strong{color:{color:lhover};}
  285. i, em {color:{color:text};}
  286. p{margin-top:3px; margin-bottom:3px;}
  287.  
  288. img a{border:none}
  289. .audio{background-color:black; display:block;}
  290.  
  291. .source {text-align:right; font-size: 11px; padding:2px;}
  292.  
  293. .user_1 .label {color:{color:title}; font-weight:normal}
  294. .user_2 .label {color:{color:text}; font-weight:normal}
  295. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  296.  
  297. .notes img{width:10px; position:relative; top:5px;}
  298. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  299. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  300.  
  301.  
  302.  
  303. #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 #8aeefa;padding:5px;
  304. }
  305.  
  306.  
  307. ::-webkit-scrollbar {
  308.  
  309. width: 5px;height: 9px;}
  310.  
  311. ::-webkit-scrollbar-button:start:decrement,
  312.  
  313. ::-webkit-scrollbar-button:end:increment {
  314.  
  315. height: 6px;display: block;background-color: #474646;}
  316.  
  317. ::-webkit-scrollbar-track-piece {
  318.  
  319. background-color: #e0ded3;}
  320.  
  321. ::-webkit-scrollbar-thumb:vertical {
  322.  
  323. height: 9px;background-color: #474646;border-top:1px solid #e0ded3;border-bottom:1px solid #e0ded3;}
  324.  
  325. ::-moz-selection {background-color:;color:#585858;}
  326.  
  327. ::selection {background-color:;color:#9252be;}
  328.  
  329.  
  330.  
  331. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. {CustomCSS}
  339.  
  340. </style>
  341.  
  342.  
  343. </head>
  344. <body>
  345.  
  346.  
  347.  
  348.  
  349.  
  350. </div>
  351.  
  352.  
  353. <div id="sidebarlinks">
  354. <div id="title"><a href="/">{Title}</a></div><br>
  355.  
  356. <div id="nav">
  357. <a href="{text:Link1}">{text:Link1 Title}</a>
  358. <a href="{text:Link2}">{text:Link2 Title}</a>
  359. <a href="{text:Link3}">{text:Link3 Title}</a>
  360.  
  361.  
  362. <div id="nav2">
  363.  
  364. <a href="{text:Link4}">{text:Link4 Title}</a>
  365. <a href="{text:Link5}">{text:Link5 Title}</a>
  366. <a href="{text:Link6}">{text:Link6 Title}</a>
  367.  
  368.  
  369.  
  370. </div>
  371.  
  372.  
  373.  
  374. </div>
  375.  
  376. </div>
  377. <div id="sidebar">
  378.  
  379. <div id="sidebarimg"><img
  380. src="{image:sidebar}"/>
  381. <div id="speechbubble">
  382. <div id="train"><big><big><big><big><big><big><big>◀</big></big></big></big></big></big></big>
  383. </div>
  384. <div id="iwish">
  385.  
  386. {block:Description}{Description}{/block:Description}</div></div>
  387.  
  388.  
  389.  
  390. </div>
  391.  
  392. <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>
  393. <div style="margin-top:220px;font-family: tahoma;position:fixed;color:#3e332b; overflow:hidden; font-size:10px;font-style:normal;margin-left:300px;z-index:4;color:{color:nextpage}">
  394. {block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}
  395.  
  396. </div>
  397.  
  398. <br>
  399.  
  400.  
  401.  
  402. </div>
  403.  
  404. <br>
  405.  
  406.  
  407. <div id="entries">
  408. {block:Posts}
  409. <div id="posts">
  410.  
  411. {block:Quote}
  412. <h2><center>"{Quote}"</center>
  413. {block:Source}
  414. <div class="source">—{Source}{/block:Source}</div></h2>{/block:Quote}
  415. {block:Title}
  416. <h1>{Title}&nbsp;</h1>{/block:Title}
  417. {block:Text}
  418. {Body}{/block:Text}
  419.  
  420. {block:Link}
  421. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  422. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  423.  
  424. {block:Photo}
  425. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  426. {block:Photoset}
  427. <div class="post photoset">
  428. {Photoset-500}
  429. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  430. </div>{/block:Photoset}
  431.  
  432. {block:Chat}
  433. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  434.  
  435. {block:Video}
  436. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  437.  
  438. {block:Answer}
  439. <div id="asker">{Asker} whispered:</div><br>
  440. <div id="question">"{Question}"
  441. <br>
  442. <br>
  443. </div>
  444. <div id="answer">{Answer}</div>
  445. {/block:answer}
  446.  
  447. {block:Audio}
  448. <span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  449.  
  450.  
  451.  
  452. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> on {DayOfMonth}/{MonthNumber}/{Year}{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}( <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  453. {block:ContentSource} / <a href="{SourceURL}">©</a>)
  454. {/block:ContentSource}</div>
  455.  
  456. <div id="tags">{block:HasTags}filed under: {block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div><br>
  457.  
  458.  
  459. {/block:Posts}
  460.  
  461. {block:PostNotes}
  462. {PostNotes}
  463. {/block:PostNotes}
  464. </div>
  465.  
  466.  
  467. </body>
  468. </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!