Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme .07 - the corner of my heart

By: alyx on Mar 3rd, 2012  |  syntax: None  |  size: 15.12 KB  |  hits: 69  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5.  
  6. <!--
  7.  
  8.           - theme 7
  9.            by -alyx
  10.  
  11.  
  12. -->
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head> <!-- DEFAULT VARIABLES -->
  17. <meta name="color:Background" content="#000000" />
  18. <meta name="color:Sidebar" content="#535353" />
  19. <meta name="color:SidebarLinks" content="#535353" />
  20. <meta name="color:SidebarText" content="#ffffff" />
  21. <meta name="color:Text" content="#ffffff" />
  22. <meta name="color:LinkHover" content="#332f2f" />
  23. <meta name="color:Title" content="#ffffff" />
  24. <meta name="color:Link" content="#666666" />
  25. <meta name="color:Entry" content="#332f2f" />
  26. <meta name="color:h1" content="#666666" />
  27. <meta name="color:Bold" content="#666666" />
  28.  
  29. <meta name="image:Sidebar Image" content=""/>
  30. <meta name="image:Sidebar BG" content=""/>
  31. <meta name="image:Background" content=""/>
  32.  
  33. <meta name="text:Link1" content="" />
  34. <meta name="text:Link1 Title" content="" />
  35. <meta name="text:Link2" content="" />
  36. <meta name="text:Link2 Title" content="" />
  37. <meta name="text:Link3" content="" />
  38. <meta name="text:Link3 Title" content="" />
  39. <meta name="text:Link4" content="" />
  40. <meta name="text:Link4 Title" content="" />
  41. <meta name="text:Link5" content="" />
  42. <meta name="text:Link5 Title" content="" />
  43.  
  44. <meta name="if:EndlessScroll" content="0"/>
  45.  
  46.         <title>{Title}</title>
  47.         <link rel="shortcut icon" href="{Favicon}">
  48.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49.         {block:Description}
  50.             <meta name="description" content="{MetaDescription}" />
  51.         {/block:Description}
  52.  
  53. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  54.  
  55.    {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  56.    
  57.     <style type="text/css">
  58.  
  59. /* misc */
  60. ::-webkit-scrollbar-thumb:vertical
  61. {background-color:{color:sidebar};
  62. -moz-border-radius:10px;
  63. -webkit-border-radius:10px;}
  64.  
  65. ::-webkit-scrollbar
  66. {width:5px;
  67. height:5px;
  68. background-color:{color:background};}
  69.  
  70.  *, body, a, a:hover
  71.  {cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), auto;}
  72.  
  73. .credit
  74. {font-style:italic;
  75. left:15px;
  76. bottom:15px;
  77. position: fixed;
  78. }
  79.  
  80. /* body */
  81. body
  82. {background-color:{color:background};
  83. text-transform:lowercase;
  84. color:{color:text};
  85. font-family: georgia;
  86. font-size: 11px;  
  87. line-height:120%;
  88. background-image:url('{image:background}');
  89. background-attachment: fixed}
  90.  
  91. a, a:link, a:active, a:visited
  92. {font-size: 11px;
  93. color:{color:link};
  94. text-transform: lowercase;
  95. text-decoration: none}
  96.  
  97. a:hover
  98. {background-color:{color:linkhover};
  99. padding: 1px 0 1px 0;
  100. text-decoration: none}
  101.  
  102. b{font-weight: bold; color:{color:bold}}
  103. i{text-transform: italic; color:{color:text}}
  104. p{margin:5px 0 2px 0}
  105. blockquote{margin:2px 5px 2px 5px;
  106. padding: 1px 0 3px 6px;
  107. border-left: 2px solid {color:background}}
  108.  
  109. /* navigation */
  110.  
  111. #navigation
  112. {position: fixed;
  113. z-index: -2;
  114. width: 100px;
  115. top: 45%;
  116. left: 50px;
  117. background-color:transparent;
  118. height: 100px;
  119. text-align: center;  }
  120.  
  121. .left
  122. {float:left;
  123. margin-left: 10px;
  124. width: 40px}
  125.  
  126. .left a
  127. {text-decoration: none;
  128. font-size: 75px;
  129. line-height: 75px}
  130.  
  131. .left a:hover
  132. {background-color: transparent;
  133. opacity: 0.4;
  134. filter:alpha (opacity=40)}
  135.  
  136. .right
  137. {float:right;
  138. margin-right: 10px;
  139. width: 40px}
  140.  
  141. .right a
  142. {text-decoration: none;
  143. font-size: 75px;
  144. line-height: 75px}
  145.  
  146. .right a:hover
  147. {background-color: transparent;
  148. opacity: 0.4;
  149. filter:alpha (opacity=40)}
  150.  
  151. /* sidebar */
  152.  
  153. #sidebar
  154. { background-attachment: fixed;
  155. -moz-border-radius: 0px 0px 0px 0px;
  156. border-radius: 0px 0px 0px 0px;
  157. z-index:2;
  158. width: 200px;
  159. height: 100%;
  160. top: -10px;
  161. right: 280px;
  162. padding: 5px;
  163. background:{color:sidebar} url({image:sidebar bg}) repeat;
  164. text-align: center;
  165. position: fixed}
  166.  
  167. .title
  168. {float: center;
  169. width: 190px;  
  170. line-height: 20px;
  171. text-align: right;
  172. letter-spacing:-1px;
  173. margin-right:-30px;
  174. margin-top: 200px;
  175. margin-bottom:5px;}
  176.  
  177. .title a
  178. {font-family:'dawning of a new day';  
  179. font-size: 25px;
  180. line-height: 20px;
  181. color: {color:title};
  182. text-transform: lowercase}
  183.  
  184. .title a:hover
  185. {opacity: 0.6;
  186. filter:alpha (opacity=60);
  187. background-color: transparent}
  188.  
  189. .sidebarpic img
  190. {-moz-border-radius:1px;
  191. -webkit-border-radius:1px;
  192. z-index:2;
  193. max-width: 190px;
  194. text-align:center;
  195. margin-top: 5px}
  196.  
  197. .sidebartext
  198. { text-align: justify;
  199. background-color: {color:sidebar};
  200. color: {color:sidebartext};
  201. border-left: {color:background} 2px solid;
  202. margin: 10px 5px 0px 5px;
  203. padding: 5px; }
  204.  
  205. .sidebartext a
  206. {font-size:11px;
  207. color: {color:background}}
  208.  
  209. .sidebartext a:hover
  210. {font-size:10px}
  211.  
  212. .sidebarpages
  213. { margin-top:10px;
  214. margin-right: 50px;
  215. text-align: center;}
  216.  
  217. .sidebarpages a
  218. {font-size:25px;
  219. text-decoration: none;
  220. color:{color:sidebartext}}
  221.  
  222. .sidebarpages a:hover
  223. {color:{color:linkbackground};
  224. background-color: transparent}
  225.  
  226.  
  227. /* sidebar 2 */
  228.  
  229. #sidebar2
  230. {background-attachment: fixed;
  231. -moz-border-radius: 10px 0px 10px 0px;
  232. -webkit-border-radius: 10px 0px 10px 0px;
  233. z-index:2;
  234. width: 20px;
  235. height:200px;
  236. top: 160px;
  237. right: 290px;
  238. padding: 5px;
  239. text-align: center;
  240. position: fixed}
  241.  
  242. .sidebarnavigation
  243. {-moz-border-radius:110px;
  244. -webkit-border-radius:110px;
  245. z-index:2;
  246. float: center;
  247. margin-left:50px;
  248. margin-top: -20px; }
  249.  
  250. .sidebarnavigation a
  251. {display:inline-block;
  252. width:15px;
  253. padding:5px;
  254. margin-right:-1px;
  255. margin-bottom:3px;
  256. font-size:0px;
  257. -webkit-transition: all 0.5s ease-in-out;
  258. -moz-transition: all 0.5s ease-in-out;
  259. -o-transition: all 0.5s ease-in-out;
  260. -ms-transition: all 0.5s ease-in-out;
  261. transition: all 0.5s ease-in-out;
  262. background-color: {color:sidebarlinks};}
  263.  
  264. .sidebarnavigation a:hover
  265. {width:50px;
  266. font-size:10px;
  267. -webkit-transition: all 0.5s ease-in-out;
  268. -moz-transition: all 0.5s ease-in-out;
  269. -o-transition: all 0.5s ease-in-out;
  270. -ms-transition: all 0.5s ease-in-out;
  271. transition: all 0.5s ease-in-out;
  272. background-color: {color:linkhover};
  273. color:{color:text};}
  274.  
  275. /* container */
  276.  
  277. #container
  278. {background-color:transparent;
  279. width: 540px;  
  280. position: absolute;
  281. top: 10px;
  282. right: 500px;
  283. padding-bottom: 20px}
  284.  
  285. h1
  286. {font-size:20px;
  287. letter-spacing: -1px;
  288. line-height: 20px;
  289. text-transform: lowercase;
  290. font-weight: normal;
  291. margin: 0 0 5px 0;
  292. text-align: center}
  293.  
  294. h1 a
  295. {font-size:20px;
  296. letter-spacing: -1px;
  297. line-height: 20px;
  298. text-transform: lowercase;
  299. font-weight: normal;
  300. margin: 0 0 5px 0;
  301. text-decoration: none;
  302. text-align: center}
  303.  
  304. /* entry content */
  305.  
  306. .entry
  307. {{block:IndexPage}
  308. width:500px;
  309. float:left;
  310. padding:5px;
  311. {/block:IndexPage}
  312. {block:PermalinkPage}
  313. width:500px;
  314. margin:auto;
  315. {/block:PermalinkPage}}
  316.  
  317. .image
  318. {text-align: center;
  319. margin: 0 0 5px 0}
  320.  
  321. .image img
  322. { width: 500px;}
  323.  
  324. #ask_form
  325. {width: 500px}
  326.  
  327. .qqmarks
  328. {font-size: 80px;
  329. font-weight: bold;
  330. line-height: 80px;
  331. opacity: 0.2;
  332. filter:alpha (opacity=20);}
  333.  
  334. .qquote
  335. {font-size: 20px;
  336. letter-spacing: -1px;
  337. line-height: 20px;
  338. text-transform: lowercase;
  339. margin-top: -70px;
  340. margin-left: 45px}
  341.  
  342. .qsource
  343. {margin: 5px 15px 0 0;
  344. text-align: right}
  345.  
  346. .chat
  347. {line-height: 12px;
  348. list-style: none }
  349.  
  350. .chat ul
  351. {line-height: 15px;
  352. list-style: none;
  353. padding: 0px;
  354. line-height: 20px;}
  355.  
  356. .person1
  357. {color: {color:text} }
  358.  
  359. .person1 .label
  360. {font-weight: bold;
  361. padding: 0px;
  362. margin: 0 0 5px 0;
  363. color: {color:text}}
  364.  
  365. .person2
  366. {color: {color:text}}
  367.  
  368. .person2 .label
  369. {font-weight: bold;
  370. padding: 0px;
  371. margin: 0 0 5px 0;
  372. color: {color:text}}
  373.  
  374. .audio
  375. {background-color:black;
  376. display:block;}
  377.  
  378. .audioimage
  379. {display:none;}
  380.  
  381. .audioimage img
  382. {display:none;}
  383.  
  384. .playcount
  385. {font-style: italic}
  386.  
  387. .asker
  388. {width: 480px;
  389. background-color: {color:background};
  390. color:{color:text};
  391. -moz-border-radius: 6px;
  392. -webkit-border-radius: 6px;
  393. z-index:2;
  394. padding: 10px}
  395.  
  396. .asker img
  397. {width:40px;
  398. -moz-border-radius: 6px;
  399. -webkit-border-radius: 6px;
  400. z-index:2;
  401. float: left;
  402. margin-right:5px;
  403. margin: 0px 4px 2px 0}
  404.  
  405. .asker a
  406. {font-size: 20px;
  407. color:{color:link};
  408. text-transform: uppercase;
  409. line-height: 27px;
  410. padding: 0;
  411. margin-left: 10}
  412.  
  413. .asker a:hover
  414. {font-size: 20px;
  415. color:{color:link};
  416. text-transform: uppercase;
  417. line-height:27px; }
  418.  
  419. .answer
  420. {padding: 5px 0 0 0}
  421.  
  422. #cap
  423. {padding: 2px 0 0 0;
  424. width: 490px;
  425. margin: 0 0 0 5px}
  426.  
  427. /* entry & notes */
  428.  
  429. .info
  430. {{block:permalinkpage}
  431. width: 490px;
  432. margin: 15px auto 0 auto;
  433. background-color:{color:background};
  434. padding: 5px;
  435. -moz-border-radius: 10px;
  436. border-radius: 10px
  437. {/block:permalinkpage}}
  438.  
  439. .tags
  440. {{block:indexpage}
  441. display:none;
  442. {/block:indexpage}
  443. {block:permalinkpage}
  444. text-transform:lowercase;
  445. font-size: 9px;
  446. display: inline;
  447. {/block:permalinkpage}}
  448.  
  449. .tags a
  450. {{block:indexpage}
  451. display:none;
  452. {/block:indexpage}
  453. {block:permalinkpage}
  454. letter-spacing:2px;
  455. font-size: 10px;
  456. {block:permalinkpage}}
  457.  
  458.  
  459. .origin
  460. {{block:indexpage}
  461. display:none;
  462. {/block:indexpage}
  463. {block:permalinkpage}
  464. font-size: 9px;
  465. text-align: left
  466. {/block:permalinkpage}}
  467.  
  468. #entry
  469. {width: 500px;
  470. background-color:{color:entry};
  471. text-align: justify;
  472. padding: 20px;
  473. margin: 5px 0 3px 0;}
  474.  
  475. #notes
  476. {{block:indexpage}
  477. display:none;
  478. {/block:indexpage}
  479. {block:permalinkpage}
  480. display:block;
  481. width:500px;
  482. float:left;
  483. padding:3px;
  484. margin:5px;
  485. {/block:permalinkpage}}
  486.  
  487. .origin
  488. {font-size: 9px;
  489. text-align: left}
  490.  
  491. .ibottom
  492. {margin: 5px 0 5px 0;
  493. font-family: tahoma, helvetica}
  494.  
  495. .ibottom a:hover
  496. {background-color: {color:linkhover};
  497. padding: 1px 0 1px 0}
  498.  
  499. .date
  500. {float:left;
  501. text-transform: lowercase;
  502. font-size: 10px;}
  503.  
  504. .source
  505. {display:none}
  506.  
  507. .permalink
  508. {float:right;  
  509. text-transform: lowercase;
  510. font-size: 10px}
  511.  
  512. #clear
  513. {clear: both;
  514. width: 50px;
  515. height: 0px;
  516. background-color: transparent}
  517.  
  518. </head>
  519.  </style>
  520.  
  521. <body>
  522.  
  523.     {block:IfEndlessScroll}
  524. <a style="position:fixed;bottom:10px;right:10px;font-size:10px;" href="#top">back to top</a>{/block:IfEndlessScroll}
  525.  
  526. </span>
  527. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  528. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  529.  
  530. <div id="container">
  531.  
  532. <div id="entries">
  533.  
  534. {block:Posts}
  535. <div id="entry"></center>
  536.  
  537. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  538.  
  539. {block:Photo}
  540. <div class="entry">
  541. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  542. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  543. {block:IndexPage}<div class="photo">{/block:IndexPage}<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage}width="490"{/block:IndexPage}{block:PermalinkPage}width="490"{/block:PermalinkPage}/>{block:IndexPage}</div>{/block:IndexPage}</a>
  544. {block:Caption}{Caption}{/block:Caption}
  545. {block:IndexPage}{/block:IndexPage}
  546. {block:PermalinkPage}{LinkCloseTag}<p>
  547. {/block:PermalinkPage}
  548. </div>
  549. {/block:Photo}
  550.  
  551. {block:Photoset}{Photoset-500}
  552. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>
  553. {/block:Photoset}
  554.  
  555. {block:Quote}
  556. <b class="qqmarks">“</b><div class="qquote">{Quote}</div>
  557. {block:Source}<div class="qsource">~ {Source}</div>{/block:Source}
  558. {/block:Quote}
  559.  
  560. {block:Link}
  561. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  562. {block:Description}{Description}{/block:Description}
  563. {/block:Link}
  564.  
  565. {block:Chat}
  566. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  567. <div class="chat"><ul>{block:Lines}
  568. <li class="person{UserNumber}">{block:Label}
  569. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  570. {/block:Chat}
  571.  
  572. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>
  573. <div class="playcount">{PlayCountWithLabel}</div>
  574. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  575. {/block:Audio}
  576.  
  577. {block:Video}{Video-500}
  578. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  579.  
  580. {block:Answer}
  581. <div class="asker"><img src="{AskerPortraitURL-48}"> {Asker}<br> {Question}</div>
  582. <div class="answer">{Answer}</div>
  583. {/block:Answer}
  584.  
  585. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  586.       <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  587.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  588. {/block:ContentSource}</div>
  589.  
  590.  
  591.  
  592. <div id="clear"></div>
  593.  
  594. {block:Date} <div class="info">{block:HasTags}<div class="tags">{block:Tags} ▼ <a href="{TagURL}">{Tag}</a>
  595. {/block:tags}</div>{/block:hastags}
  596. <div class="origin">{block:IfShowPostAuthor}{block:GroupMembers}» posted by <a href="{PostAuthorURL}">{PostAuthorName}</a><br>{/block:GroupMembers}{/block:IfShowPostAuthor}
  597. {block:RebloggedFrom}» via&nbsp;&nbsp;<a href="{ReblogParentURL}"
  598. title="{ReblogParentTitle}">{ReblogParentName}</a>
  599. &nbsp;&nbsp;(originally&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  600. </div></div>
  601. <div class="ibottom"><span class="date"><a href="{Permalink}">{TimeAgo}</a> on {DayOfMonth}
  602. {Month} {Year} @ {12Hour}:{Minutes}{AmPm}</span> {block:NoteCount}  
  603. <span class="permalink"><a href="{Permalink}" title="permalink to this post">{NoteCountWithLabel}</a>{/block:NoteCount}</span>{/block:NoteCount}</div> {/block:Date}
  604. </div>
  605.  
  606.  
  607.  {/block:Posts}
  608. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  609. </div>
  610.  
  611.  
  612. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  613.  
  614. </div>
  615. <div id="sidebar2"><div class="sidebar2pic"><img src="{image:sidebar 2 image}"/></div>
  616.  
  617. <div class="sidebarnavigation">
  618.  
  619. <a href="/">home</a>
  620. <a href="/ask">message</a>
  621. <a href="/archive">archive</a>
  622. {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled}
  623. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  624. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  625. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  626. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  627. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  628. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  629.     </div></div>
  630.  
  631. <div id="sidebar"><div class="title"><a href="/">{Title}</a></div>
  632.  
  633. <div class="sidebarpic"><img src="{image:sidebar image}"/></div>
  634. <div class="sidebartext">{block:Description}{Description}{/block:Decription}
  635. </div>
  636.  
  637.  {block:Pagination}<div class="sidebarpages">
  638. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  639.  
  640. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  641.                    </div> {/block:Pagination}
  642. </div></div>
  643.    <div class="credit"><a href="http://themes-alyx.tumblr.com/tagged/themes">© -alyx</div>
  644.        </div>
  645. </body>
  646. </html>
create a new version of this paste RAW Paste Data