API tools faq
paste
Advertisement
getnakedmiley

Give Your Heart A Break theme

getnakedmiley
Oct 14th, 2012
6,103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.51 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.  
  3. <!-- Give Your Heart A Break theme by SUNSGODOWN -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FFFFFF">
  12. <meta name="color:link" content="#E6E4E4">
  13. <meta name="color:hover" content="#9A9A9A">
  14. <meta name="color:sblink" content="#B9E6E3">
  15. <meta name="color:sbhover" content="#7ACCC8">
  16. <meta name="color:infobg" content="#FCFCFC">
  17. <meta name="color:text" content="#9A9A9A">
  18. <meta name="color:tags" content="#EDEDED">
  19. <meta name="color:scrollbar" content="#D6D5D5">
  20. <meta name="color:border" content="#F2F2F2">
  21.  
  22. <meta name="color:link1" content="#f3efea">
  23. <meta name="color:link2" content="#ede7df">
  24.  
  25. <meta name="image:sbimage" content=""/>
  26.  
  27. <meta name="text:link 1" content="">
  28. <meta name="text:link 1 url" content="/">
  29. <meta name="text:link 2" content="">
  30. <meta name="text:link 2 url" content="/">
  31. <meta name="text:link 3" content="">
  32. <meta name="text:link 3 url" content="/">
  33. <meta name="text:link 4" content="">
  34. <meta name="text:link 4 url" content="/">
  35. <meta name="text:link 5" content="">
  36. <meta name="text:link 5 url" content="/">
  37. <meta name="text:link 6" content="">
  38. <meta name="text:link 6 url" content="/">
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  41. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <link rel="shortcut icon" href="{Favicon}" />
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. a {
  49. color:{color:link};
  50. text-decoration:none;
  51. -moz-transition-duration:0.5s;
  52. -webkit-transition-duration:0.5s;
  53. -o-transition-duration:0.5s;
  54. }
  55.  
  56. a:hover {
  57. color:{color:hover};
  58. }
  59.  
  60. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  61. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  62. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  63.  
  64. @font-face { font-family: "JE"; src: url('http://static.tumblr.com/qlfmldj/qj1mbm3qz/channel.ttf'); }
  65.  
  66. body {
  67. background-color:{color:bg};
  68. }
  69.  
  70.  
  71. h1 {
  72. font-family:calibri;
  73. font-size:10px;
  74. text-align:center;
  75. font-weight:normal;
  76. font-style:normal;
  77. line-height:120%;
  78. letter-spacing:1px;
  79. text-transform:uppercase;
  80. color:{color:text};
  81. }
  82.  
  83. h2 {
  84. font-family:cambria;
  85. font-size:15px;
  86. text-align:center;
  87. font-weight:normal;
  88. line-height:120%;
  89. font-style:italic;
  90. letter-spacing:-0.5px;
  91. color:{color:text};
  92. background-color:{color:infobg};
  93. padding:10px 0px 10px;
  94. border-top:1px solid {color:border};
  95. }
  96.  
  97. h3 {
  98. font-family:calibri;
  99. font-size:9px;
  100. text-align:center;
  101. font-weight:normal;
  102. font-style:normal;
  103. line-height:120%;
  104. letter-spacing:1px;
  105. text-transform:uppercase;
  106. color:{color:text};
  107. }
  108.  
  109. h4 {
  110. font-family:cambria;
  111. font-size:9px;
  112. text-align:center;
  113. font-weight:normal;
  114. font-style:normal;
  115. line-height:120%;
  116. letter-spacing:-0.5px;
  117. color:{color:link};
  118. }
  119.  
  120. blockquote {
  121. border-left:1px solid {color:text};
  122. padding-left:5px;
  123. margin:5px;
  124. }
  125.  
  126. #theme {
  127. background-color:{color:bg};
  128. width:800px;
  129. text-align: center;
  130. margin: 0 auto -12px auto;
  131. }
  132.  
  133. #sb {
  134. position:fixed;
  135. text-align:justify;
  136. font-family:cambria;
  137. font-size:9px;
  138. font-style:italic;
  139. letter-spacing:0px;
  140. color:{color:text};
  141. width:200px;
  142. margin-top:200px;
  143. margin-left:75px;
  144. z-index:100;
  145. background-color:{color:bg};
  146. }
  147.  
  148. #sbar {
  149. width:180px;
  150. padding:10px;
  151. border:1px solid {color:border};
  152. }
  153.  
  154. #sbar img{
  155. width:180px;
  156. height:auto;
  157. opacity:1;
  158. -moz-transition-duration:0.8s;
  159. -webkit-transition-duration:0.8s;
  160. -o-transition-duration:0.8s;
  161. }
  162.  
  163. #sbar:hover .desc{
  164. opacity:1;
  165. -moz-transition-duration:0.8s;
  166. -webkit-transition-duration:0.8s;
  167. -o-transition-duration:0.8s;
  168. }
  169.  
  170. #sbar:hover img{
  171. opacity:.25;
  172. -moz-transition-duration:0.8s;
  173. -webkit-transition-duration:0.8s;
  174. -o-transition-duration:0.8s;
  175. }
  176.  
  177. #sbar:hover .links {
  178. opacity:1;
  179. margin-left:-75px;
  180. }
  181.  
  182. .title {
  183. margin-left:-65px;
  184. margin-top:10px;
  185. position:fixed;
  186. width:55px;
  187. padding-right:10px;
  188. line-height:9px;
  189. font-family:cambria;
  190. font-style:italic;
  191. font-size:9px;
  192. text-align:right;
  193. }
  194.  
  195. .desc {
  196. position:fixed;
  197. opacity:0;
  198. z-index:2000;
  199. width:120px;
  200. height:120px;
  201. padding:30px;
  202. }
  203.  
  204. .links {
  205. z-index:-1;
  206. opacity:0;
  207. margin-left:0px;
  208. margin-top:40px;
  209. position:fixed;
  210. width:65px;
  211. text-align:center;
  212. -moz-transition-duration:0.8s;
  213. -webkit-transition-duration:0.8s;
  214. -o-transition-duration:0.8s;
  215. }
  216.  
  217. .links a{
  218. margin-bottom:3px;
  219. display:block;
  220. padding:3px 10px 3px;
  221. border:1px solid {color:border};
  222. background-color:{color:infobg};
  223. }
  224.  
  225. .links a:hover{
  226. display:block;
  227. padding:7px 10px 7px;
  228. border:1px solid {color:border};
  229. }
  230.  
  231. #stuffcontainer {
  232. float:left;
  233. margin-top:75px;
  234. margin-left:300px;
  235. text-align:justify;
  236. background-color:{color:bg};
  237. font-family:cambria;
  238. color:{color:text};
  239. margin-bottom: 5%;
  240. }
  241.  
  242. #stuff {
  243. width:500px;
  244. margin-top:50px;
  245. text-align:justify;
  246. font-style:italic;
  247. font-size:11px;
  248. line-height:90%;
  249. letter-spacing:0.5px;
  250. color:{color:text};
  251. padding-bottom:15px;
  252. border-bottom:1px solid {color:border};
  253. }
  254.  
  255. .caption {
  256. width:500px;
  257. text-align:justify;
  258. line-height:120%;
  259. }
  260.  
  261. .ask {
  262. padding:10px 20px 10px 20px;
  263. text-align:left;
  264. color:{color:text};
  265. background-color:{color:infobg};
  266. border-top: 1px solid {color:border};
  267. }
  268.  
  269. .ans {
  270. text-align:left;
  271. padding:10px 20px 10px 20px;
  272. color:{color:text};
  273. }
  274.  
  275. .audio {
  276. width:500px;
  277. height:160px;
  278. }
  279. .albumart {
  280. width:150px;
  281. height:150px;
  282. position:absolute;}
  283. .albumart img {
  284. width:150px;
  285. height:150px;
  286. float:left;}
  287. .playercontainer {
  288. display:block;
  289. width:150px;
  290. height:150px;
  291. background-color:#ffffff;
  292. position:absolute;
  293. }
  294. .player {
  295. margin-left:36px;
  296. margin-top:36px;
  297. width:25px;
  298. height:25px;
  299. overflow:hidden;
  300. background-color:white;
  301. }
  302.  
  303.  
  304. #postinfo {
  305. width:100px;
  306. text-transform:lowercase;
  307. font-family:cambria;
  308. font-style:italic;
  309. letter-spacing:0px;
  310. font-size: 9px;
  311. line-height:120%;
  312. color:{color:link};
  313. text-align:left;
  314. padding:5px;
  315. margin-top:-7px;
  316. margin-left:10px;
  317. border:1px solid {color:border};
  318. background-color:{color:infobg};
  319. -moz-transition-duration:0.5s;
  320. -webkit-transition-duration:0.5s;
  321. -o-transition-duration:0.5s;
  322. z-index:3;
  323. }
  324.  
  325. .notecount {
  326. width:150px;
  327. margin-left:350px;
  328. margin-top:-13px;
  329. position:absolute;
  330. text-align:right;
  331. text-transform:lowercase;
  332. font-family:cambria;
  333. font-style:italic;
  334. letter-spacing:0px;
  335. font-size:9px;
  336. }
  337.  
  338. .note {
  339. padding:0px 20px 0px 20px;
  340. background-color:{color:bg};
  341. text-transform:lowercase;
  342. font-family:cambria;
  343. text-align:left;
  344. letter-spacing:0px;
  345. font-size: 9px;
  346. line-height:120%;
  347. color:{color:link};
  348. }
  349.  
  350. .note li {
  351. list-style-type:none;
  352. padding:5px 25px 5px 25px;
  353. text-align:left;
  354. margin-left:-40px;
  355. }
  356.  
  357. .tags {
  358. position:absolute;
  359. color:{color:tags};
  360. font-family:calibri;
  361. letter-spacing:0px;
  362. font-size: 9px;
  363. text-align:left;
  364. margin-top:-15px;
  365. margin-left:125px;
  366. width:280px;
  367. }
  368.  
  369. .tags a {
  370. -moz-transition-duration:0.5s;
  371. -webkit-transition-duration:0.5s;
  372. -o-transition-duration:0.5s;
  373. }
  374.  
  375. .tags a:hover {
  376. -moz-transition-duration:0.5s;
  377. -webkit-transition-duration:0.5s;
  378. -o-transition-duration:0.5s;
  379. }
  380.  
  381. .audio {
  382. background-color:{color:bg};
  383. display:{color:bg};
  384. }
  385.  
  386. .audioinfo {
  387. background-color:{color:infobg};
  388. padding:10px;
  389. }
  390.  
  391. ul.chat, .chat ol, .chat li {
  392. list-style:none;
  393. margin:0px;
  394. padding:2px;
  395. }
  396.  
  397. .label {
  398. text-decoration:underline;
  399. font-weight:bold;
  400. background-color:{color:infobg};
  401. margin-right:5px;
  402. }
  403.  
  404. #cred {
  405. position:fixed;
  406. width:100px;
  407. font-family:calibri;
  408. font-size:10px;
  409. line-height:150%;
  410. right:-95px;
  411. bottom:10px;
  412. text-align:left;
  413. color:{color:text};
  414. background-color:{color:infobg};
  415. padding:5px;
  416. border:1px solid {color:border};
  417. -moz-transition-duration:0.5s;
  418. -webkit-transition-duration:0.5s;
  419. -o-transition-duration:0.5s;
  420. }
  421.  
  422. #cred:hover {
  423. right:-2px;
  424. -moz-transition-duration:0.5s;
  425. -webkit-transition-duration:0.5s;
  426. -o-transition-duration:0.5s;
  427. }
  428.  
  429.  
  430. </style>
  431.  
  432. </head>
  433. <body>
  434.  
  435. <div id="theme">
  436.  
  437. <div id="sb">
  438. {block:Pagination}
  439. {block:PreviousPage}
  440. <a href="{PreviousPage}">prev</a>&nbsp;&nbsp;&nbsp;
  441. {/block:PreviousPage}
  442. {block:NextPage}
  443. <a href="{NextPage}">next</a>
  444. {/block:NextPage}
  445. {/block:Pagination}
  446. <div class="title">
  447. <big><big>❝</big></big>&nbsp;&nbsp;{Title}
  448. </div>
  449. <div id="sbar">
  450. <div class="links">
  451. <a href="{text:link 1 url}">{text:link 1}</a>
  452. <a href="{text:link 2 url}">{text:link 2}</a>
  453. <a href="{text:link 3 url}">{text:link 3}</a>
  454. <a href="{text:link 4 url}">{text:link 4}</a>
  455. <a href="{text:link 5 url}">{text:link 5}</a>
  456. <a href="{text:link 6 url}">{text:link 6}</a>
  457. </div>
  458. <div class="desc">
  459. {Description}
  460. </div>
  461. <img src="{image:sbimage}">
  462. </div>
  463. </div>
  464.  
  465.  
  466. <div id="stuffcontainer">
  467.  
  468.  
  469. {block:Posts}
  470. <div id="stuff">
  471.  
  472. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  473.  
  474. {block:Quote}<h2>“{Quote}”</h2><h1>— {Source}</h1>{/block:Quote}
  475.  
  476. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  477. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  478.  
  479. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  480.  
  481. {block:Photoset}<center>{Photoset-500}</center>
  482. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  483.  
  484. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  485.  
  486. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  487.  
  488. {block:Answer}<div class="ask"><big><big>❝</big></big>&nbsp;&nbsp;{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  489.  
  490. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  491. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  492. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  493. <br><span class="audio">{AudioPlayerblack}<br></span>
  494. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  495. </div>
  496.  
  497.  
  498. <div id="postinfo">
  499. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</div>
  500. <div class="notecount">
  501. {block:NoteCount}・ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}・ <a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}
  502. {block:ContentSource}・ <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}
  503. </div>
  504. <div class="tags">
  505. {block:HasTags}{block:Tags}x <a href="{TagURL}">{Tag}</a> &nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  506. <div class="note">
  507. {block:PostNotes}{PostNotes}{/block:PostNotes}
  508. </div>
  509. {/block:Posts}
  510.  
  511.  
  512. </div>
  513.  
  514. <div id="cred">©&nbsp;&nbsp;&nbsp;<a href="http://sunsgodownthemes.tumblr.com/">THEME</a></div>
  515. </div>
  516. </body>
  517. </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!