Advertisement
Perfect-Nicholas

Theme #07.2 - Bloody Thorn

May 7th, 2013
1,535
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.73 KB | None | 0 0
  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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!----
  15.  
  16. © LLERMANS.TUMBLR.COM | "THEME" #007.2
  17.  
  18. DON'T STEAL, I'LL FIND YOU.
  19. DON'T REMOVE THE CREDIT!
  20.  
  21. ---->
  22.  
  23. <!-- VARIABLES -->
  24.  
  25. <meta name="image:Background" content=""/>
  26. <meta name="image:Sidebar" content="" />
  27.  
  28.  
  29. <meta name="color:Background" content="#ffffff" />
  30. <meta name="color:Text" content="#797979" />
  31. <meta name="color:desctext" content="#797979" />
  32. <meta name="color:Bold" content="#5a8685" />
  33. <meta name="color:Italic" content="#94adac" />
  34. <meta name="color:Link" content="#94adac" />
  35. <meta name="color:Content BG" content="#ffffff" />
  36. <meta name="color:Content Border" content="#ebebeb" />
  37. <meta name="color:linksbg" content="#ffffff" />
  38. <meta name="color:pagination" content="#ffffff" />
  39. <meta name="color:scrollbarbg" content="#94adac"/>
  40.  
  41. <meta name="text:Text Size" content="10px" />
  42. <meta name="text:pagination border" content="0px" />
  43.  
  44. <meta name="text:link1" content="" />
  45. <meta name="text:link1 url" content="/" />
  46. <meta name="text:link2" content="" />
  47. <meta name="text:link2 url" content="/" />
  48. <meta name="text:link3" content="" />
  49. <meta name="text:link3 url" content="/" />
  50. <meta name="text:link4" content="" />
  51. <meta name="text:link4 url" content="/" />
  52.  
  53. <style type="text/css">
  54.  
  55. /* --- SCROLLBAR ---*/
  56.  
  57. ::-webkit-scrollbar {
  58. width: 5px;height: 5px;
  59. }
  60. ::-webkit-scrollbar-button:start:decrement,
  61. ::-webkit-scrollbar-button:end:increment {
  62. height: 6px;display: block;background-color: {color:white};
  63. }
  64. ::-webkit-scrollbar-track-piece {
  65. background-color: {color:scrollbarbg};
  66. }
  67. ::-webkit-scrollbar-thumb:vertical {
  68. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};
  69. }
  70.  
  71. /* MAIN */
  72.  
  73. body {
  74. background-color:{color:Background};
  75. background-image: url('{image:Background}');
  76. color:{color:Text};
  77. font-family: calibri;
  78. font-size: {text:Text Size};
  79. padding: 1px;}
  80.  
  81. a:link, a:active {
  82. text-decoration:none;
  83. color: {color:Link}; }
  84.  
  85. a:visited {
  86. text-decoration:none;
  87. color: {color:Link}; }
  88.  
  89. a:hover {
  90. text-decoration:none;
  91. color: {color:Bold};}
  92.  
  93. b, strong, .strong {color:{color:Bold};}
  94.  
  95. blockquote {
  96. border-left:2px solid {color:Text};
  97. padding-left:6px; }
  98.  
  99. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  100.  
  101. i, em, .em {color:{color:Italic};}
  102.  
  103.  
  104. /* CONTENT */
  105.  
  106. .contentwhole {
  107. width:520px;
  108. z-index:0;
  109. margin-left:500px;
  110. height:100%;}
  111.  
  112. .content {
  113. width: 500px;
  114. z-index:0;
  115. height: auto;
  116. padding:10px;
  117. margin-top:40px;
  118. background-color: {color:Content BG};
  119. border:0px solid {color:Content Border};}
  120.  
  121. .info {
  122. height:15px;
  123. float:center;
  124. padding-top:4px;
  125. margin-top:10px;
  126. opacity:0.8;
  127. text-align:center;
  128. font-size:7px;
  129. font-family:arial;
  130. letter-spacing:1px;
  131. background-color: {color:Info BG};
  132. background-image:url('{image:Info BG}');
  133. color:{color:Link};
  134. border-top: 1px solid {color:Info Border};
  135. width: 500px;
  136. text-transform:uppercase;
  137. transition-duration: 0.6s;
  138. -moz-transition-duration: 0.6s;
  139. -webkit-transition-duration: 0.6s;
  140. -o-transition-duration: 0.6s; }
  141.  
  142. .info a {
  143. font-size:7px; }
  144.  
  145. .info:hover {
  146. opacity:1.0;
  147. transition-duration: 0.6s;
  148. -moz-transition-duration: 0.6s;
  149. -webkit-transition-duration: 0.6s;
  150. -o-transition-duration: 0.6s; }
  151.  
  152.  
  153. /* SIDEBAR */
  154.  
  155. .hover {
  156. width:430px;
  157. height:500px;
  158. top:50px;
  159. position:fixed; }
  160.  
  161.  
  162. .portrait {
  163. width:48px;
  164. height:48px;
  165. border:3px solid {color:Background};
  166. float:left;
  167. margin:2px;}
  168.  
  169. .sidebarcontent {
  170. width:372px;
  171. text-align:center;
  172. padding:20px 20px 20px 20px;
  173. top:10px;
  174. left:10px;
  175. height:270px;
  176. position:absolute;
  177. background-color:#FFFFFF;
  178. opacity:0.0;
  179. z-index:3000;
  180. -webkit-transition: all 0.6s ease-in-out;
  181. -moz-transition: all 0.6s ease-in-out;
  182. -o-transition: all 0.6s ease-in-out;
  183. transition: all 0.6s ease-in-out;}
  184.  
  185. .hover:hover .sidebarcontent {
  186. opacity:0.8;
  187. -webkit-transition: all 0.6s ease-in-out;
  188. -moz-transition: all 0.6s ease-in-out;
  189. -o-transition: all 0.6s ease-in-out;
  190. transition: all 0.6s ease-in-out;}
  191.  
  192. .sidebarimage {
  193. width:400px;
  194. height:300px;
  195. background-image:url('{image:Sidebar Image}');
  196. background-repeat:no-repeat;
  197. border:10px solid {color:Info Border};}
  198.  
  199. .sidebarimage2 {
  200. opacity:1.0;
  201. width:250px;
  202. height:relative;
  203. border:4px solid {color:Content Border};}
  204.  
  205. .hover:hover .sidebarimage {
  206. opacity:0.7;
  207. -webkit-transition: all 0.6s ease-in-out;
  208. -moz-transition: all 0.6s ease-in-out;
  209. -o-transition: all 0.6s ease-in-out;
  210. transition: all 0.6s ease-in-out;}
  211.  
  212.  
  213.  
  214. .sideimgborder {
  215. width:420px;
  216. height:320px;
  217. border:6px solid {color:Content Border};
  218. -webkit-transition: all 0.6s ease-in-out;
  219. -moz-transition: all 0.6s ease-in-out;
  220. -o-transition: all 0.6s ease-in-out;
  221. transition: all 0.6s ease-in-out;}
  222.  
  223. .sideimgborder:hover {
  224. width:420px;
  225. height:430px;
  226. border:6px solid {color:Content Border};
  227. -webkit-transition: all 0.6s ease-in-out;
  228. -moz-transition: all 0.6s ease-in-out;
  229. -o-transition: all 0.6s ease-in-out;
  230. transition: all 0.6s ease-in-out;}
  231.  
  232.  
  233. .sideborder {
  234. width:36px;
  235. background-color:{color:Main Links};
  236. border-right:10px solid {color:Signature Color};
  237. opacity:0.4;
  238. margin:0;
  239. position:fixed;
  240. top:0px;
  241. height:100%;
  242. left:1000px; }
  243.  
  244. #sidebar {
  245. width: 300px;
  246. height: 100%;
  247. display: block;
  248. position: fixed;
  249. margin-top: -10px;
  250. margin-left: 120px;
  251. background-image: url('{image:sidebar}');}
  252.  
  253.  
  254. #bite
  255. #bite a{
  256. display:block}
  257. #bite .death {
  258. margin-right:0px;
  259. filter: alpha(opacity = 0);
  260. opacity:0;
  261. -webkit-transition: all 0.5s ease-out;
  262. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  263.  
  264. #bite:hover .death {
  265. margin-left:0px;
  266. -webkit-transition: all 0.8s ease-out;
  267. -moz-transition: all 0.8s ease-out;
  268. transition: all 0.8s ease-out;
  269. filter: alpha(opacity = 100);
  270. filter: alpha(opacity = 100);
  271. opacity:8;}
  272.  
  273. #icon {
  274. width:64px;
  275. height:64px;
  276. border:2px solid #fafafa;
  277. padding:5px;
  278. left:194px;
  279. margin-left:50px;
  280. margin-top:100px;
  281. position:fixed;}
  282.  
  283. /* -- LINKS --*/
  284.  
  285. .links {
  286. position:absolute;
  287. width:80px;
  288. line-height: 200%;
  289. text-transform: uppercase;
  290. position:fixed;
  291. opacity: 0;
  292. margin-left:110px;
  293. margin-top:236px;
  294. text-align:center;
  295. margin-bottom:10px;
  296. display:block;
  297. padding: 0px;
  298. opacity:1;
  299. text-transform:uppercase;
  300. -webkit-transition:0.5s linear;}
  301.  
  302. .links a{
  303.  
  304. font-family:inconsolata;
  305. font-style:normal;
  306. font-size:10px;
  307. text-transform:uppercase;
  308. color:#adadad;
  309. display:block;
  310. padding-left:3px;
  311. margin-bottom: 1px;
  312. letter-spacing:0px;
  313. opacity:3;
  314. background-color:{color:linksbg};
  315. text-decoration:none;
  316. -moz-transition-duration:1s;
  317. -webkit-transition-duration:1s;
  318. -o-transition-duration:1s;}
  319.  
  320. .links a:hover{
  321. color:#5E5E5E;
  322. letter-spacing:2px;
  323. opacity:1;
  324. background-color:#fff;
  325. -webkit-transition: all 0.3s ease;
  326. -moz-transition: all 0.3s ease;
  327. -o-transition: all 0.3s ease;}
  328.  
  329. /* -- PAGINATION --*/
  330.  
  331. #pagi {
  332. position:fixed;
  333. width:500px;
  334. text-align:center;
  335. margin-top:20px;
  336. font-family:'Cuprum';
  337. font-size:8px;
  338. letter-spacing:3px;
  339. text-transform:uppercase;
  340. font-style:normal;
  341. color:{color:link};
  342. z-index:10000;
  343. background-color:white;
  344. bottom:0;
  345. padding:10px;
  346. border-top:1px solid white;
  347. }
  348.  
  349. /* -- DESC --*/
  350.  
  351. #description {
  352. font-family:cambria;
  353. font-size:9px;
  354. letter-spacing:1px;
  355. text-align:left;
  356. color:{color:desctext};
  357. background-color: #ffffff;
  358. padding: 7px;
  359. line-height:14px;
  360. width:150px;
  361. height:auto;
  362. margin-left:70px;
  363. margin-top: 203px;
  364. -webkit-transition: all 0.7s;
  365. -moz-transition: all 0.7s;
  366. transition: all 0.7s;}
  367.  
  368.  
  369. /* TAGS */
  370.  
  371. .tags {
  372. opacity:0.3; }
  373.  
  374. .quote{
  375. background-color:#fafafa;
  376. padding:5px 0px;
  377. font-size:13px;
  378. font-style:italic;}
  379.  
  380. #questions {
  381. text-align:left;
  382. text-transform:lowercase;
  383. font-size:10px;
  384. background:#fafafa;
  385. border-bottom:1px solid #e9e7e7;
  386. padding:10px;
  387. color:{color:text};}
  388.  
  389. .answer {
  390. padding:5px 5px 0px 5px;}
  391.  
  392. /* NAVIGATION */
  393.  
  394. #navigation a {
  395. background-color: {color:Content Border};
  396. display:block;
  397. font-size:7pt;
  398. margin-bottom:4px;
  399. padding:5px;
  400. width:170px;
  401. margin-left:-7px;
  402. letter-spacing:0px;
  403. text-align:center;
  404. font-family:calibri;
  405. text-shadow:none;
  406. text-transform:uppercase;
  407. color: {color:Bold}; }
  408.  
  409. #navigation a:hover {
  410. background-color: {color:Text};
  411. color: {color:Background};
  412. text-shadow:none;
  413. text-decoration:none;
  414. text-align:center;
  415. -webkit-transition: opacity 0.7s linear;
  416. -webkit-transition: all 0.7s ease-out;
  417. -moz-transition: all 0.7s ease-out;
  418. transition: all 0.7s ease-out;}
  419.  
  420. #audio {
  421. background-color: white;
  422. margin-left:30px;}
  423.  
  424. .albumart img {
  425. float:left;
  426. width:70px;}
  427.  
  428. .audiocaption {
  429. margin-left:50px;
  430. text-transform:uppercase; }
  431.  
  432. .baslik {
  433. font-size: 13px;
  434. text-transform: uppercase;
  435. color: {color:accent};
  436. letter-spacing: 1px;
  437. font-family: 'Open Sans Condensed';
  438. padding-left: 15px;}
  439.  
  440. .baslik a {
  441. color: {color:accent};}
  442.  
  443. .baslik a:hover {
  444. color: {color:link hover};}
  445.  
  446. /* EXTRAS LINKS */
  447.  
  448. #extraslinks a {
  449. background-color: {color:Content BG};
  450. border:1px solid {color:Content Border};
  451. display:block;
  452. font-size:7pt;
  453. margin-bottom:2px;
  454. padding:5px;
  455. width:100px;
  456. margin-left:-7px;
  457. letter-spacing:0px;
  458. text-align:center;
  459. font-family:calibri;
  460. text-shadow:none;
  461. text-transform:uppercase;
  462. color: {color:Bold}; }
  463.  
  464. #extraslinks a:hover {
  465. background-color: {color:bold};
  466. color: {color:Background};
  467. text-shadow:none;
  468. text-decoration:none;
  469. text-align:center;
  470. -webkit-transition: opacity 0.7s linear;
  471. -webkit-transition: all 0.7s ease-out;
  472. -moz-transition: all 0.7s ease-out;
  473. transition: all 0.7s ease-out;}
  474.  
  475. /* EXTRAS */
  476.  
  477. .extras {
  478. width:520px;
  479. z-index:2000;
  480. padding:0px;
  481. letter-spacing:0;}
  482.  
  483. .push {
  484. background:transparent;
  485. opacity:0;
  486. margin-top:0px;
  487. text-align:left;
  488. margin-left:520px;
  489. position:absolute;
  490. -webkit-transition: opacity 0.7s linear;
  491. -webkit-transition: all 0.7s ease-out;
  492. -moz-transition: all 0.7s ease-out;
  493. transition: all 0.7s ease-out;}
  494.  
  495. .extras:hover .push {
  496. opacity:1.0;
  497. margin-left:540px;
  498. -webkit-transition: opacity 0.7s linear;
  499. -webkit-transition: all 0.7s ease-out;
  500. -moz-transition: all 0.7s ease-out;
  501. transition: all 0.7s ease-out;}
  502.  
  503. #postinfo{
  504. text-transform:lowercase;
  505. font-family:times;
  506. font-size:9px;
  507. text-align:left;
  508. word-spacing:1px;
  509. font-style:none;
  510. padding-top:10px;
  511. padding-left:3px;}
  512.  
  513. .date a, .date a:link {
  514. text-transform:uppercase;
  515. padding:4px;
  516. padding-left:8px;
  517. padding-right:8px;
  518. color:#fff;
  519. background:{color:bold};}
  520.  
  521.  
  522. #tagbox{
  523. margin-top:10px;
  524. text-align:left;
  525. font-style:italic;
  526.  
  527. {block:ifNotsmallerposts}
  528. width:500px;{/block:ifNotsmallerposts}{block:ifsmallerposts}
  529. width:400px;{/block:ifsmallerposts}}
  530.  
  531. #postnotes{
  532. height:200px;
  533. overflow:auto;
  534. font-size:9px;
  535. line-height:190%;
  536. letter-spacing:1px;
  537. text-transform:lowercase; }
  538.  
  539. #postnotes a{
  540. font-style:italic;}
  541.  
  542. #postnotes img{
  543. display:none; }
  544.  
  545. /* -- CREDIT -- */
  546.  
  547. #credit {
  548. position:fixed;
  549. right:10px;
  550. bottom:10px;
  551. text-transform:uppercase;
  552. font:10px 'cambria';
  553. letter-spacing:1px;
  554. padding:5px;
  555. -webkit-transition: all 0.5s ease;
  556. -moz-transition: all 0.5s ease;
  557. -ms-transition: all 0.5s ease;
  558. -o-transition: all 0.5s ease;
  559. transition: all 0.5s ease;}
  560.  
  561. #credit:hover {
  562. position:fixed;
  563. right:10px;
  564. bottom:10px;
  565. text-transform:uppercase;
  566. font:10px 'cambria';
  567. letter-spacing:1px;
  568. padding:5px;
  569. text-shadow: 1px 1px 1px #bebebe;
  570. -webkit-transition: all 0.5s ease;
  571. -moz-transition: all 0.5s ease;
  572. -ms-transition: all 0.5s ease;
  573. -o-transition: all 0.5s ease;
  574. transition: all 0.5s ease;}
  575.  
  576. </style>
  577.  
  578. </head>
  579. <body>
  580.  
  581.  
  582. <div id="bite"> <div id="sidebar">
  583.  
  584.  
  585.  
  586. <div id="icon"><img src="{PortraitURL-64}" /></div>
  587. <div class="death"><div id="description">{block:Description}{Description}{/block:Description}</div></div><br><br>
  588.  
  589.  
  590. <div class="links">
  591.  
  592. <div class="pagination">
  593. {block:Pagination}
  594. {block:PreviousPage}
  595. <a href="{PreviousPage}">←</a> {/block:PreviousPage}{CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">→</a><br />{/block:NextPage}{/block:Pagination}</div>
  596.  
  597. {block:IfLink1}
  598. <a href="{text:link1 url}">{text:link1}</a>
  599. {/block:IfLink1}
  600. {block:IfLink2}
  601. <a href="{text:link2 url}">{text:link2}</a>
  602. {/block:IfLink2}
  603. {block:IfLink3}
  604. <a href="{text:link3 url}">{text:link3}</a>
  605. {/block:IfLink3}
  606. {block:IfLink4}
  607. <a href="{text:link4 url}">{text:link4}</a>
  608. {/block:IfLink4}
  609. </div></div>
  610.  
  611.  
  612.  
  613. </div>
  614.  
  615. <div id="credit"><a href="http://llermans.tumblr.com/" target="_blank">LLMNS</a></div>
  616.  
  617. <div class="contentwhole">
  618.  
  619. <div id="pagi">
  620. {block:PreviousPage}
  621. <a href="{PreviousPage}">←</a>
  622. {/block:PreviousPage}
  623.  
  624. {block:JumpPagination length="5"}
  625. {block:CurrentPage}
  626. <span class="current_page">{PageNumber}</span>
  627. {/block:CurrentPage}
  628.  
  629. {block:JumpPage}
  630. <a href="{URL}">{PageNumber}</a>
  631. {/block:JumpPage}
  632. {/block:JumpPagination}
  633.  
  634. {block:NextPage}
  635. <a href="{NextPage}">→</a>
  636. {/block:NextPage}
  637. {/block:Pagination}
  638.  
  639. </div>
  640.  
  641. {block:Posts}
  642.  
  643. <div class="extras">
  644.  
  645. <div class="push">
  646. <div id="extraslinks">
  647.  
  648. <a href="{ReblogURL}" target="_blank" title="reblog this post!">REBLOG</a>
  649. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  650. {block:ContentSource} <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a>
  651.  
  652. </div> <!-- END EXTRA LINKS -->
  653. <!-- END TAGS -->
  654. </div> <!-- END PUSH -->
  655.  
  656.  
  657. <div class="content">
  658.  
  659.  
  660. {block:Text}
  661. {block:Title}
  662. {Title}
  663. {/block:Title}
  664. {Body}
  665. {/block:Text}
  666.  
  667. {block:Photo}
  668. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  669. {block:Caption}{Caption}{/block:Caption}
  670. {/block:Photo}
  671.  
  672. {block:Photoset}
  673. {Photoset-500}
  674. {block:Caption}{Caption}{/block:Caption}
  675. {/block:Photoset}
  676.  
  677. {block:Quote}
  678. <center><div class="quote">{Quote}</div>
  679. {block:Source}<br><div class="quotesource">― {Source}</div>
  680. {/block:Source}</center>
  681. {/block:Quote}
  682.  
  683. {block:Link}
  684. <a href="{URL}" target="{Target}" class="ttitle"> {Name} </a>
  685. {block:Description} {Description} {/block:Description}
  686. {/block:Link}
  687.  
  688. {block:Chat}{block:Title}<div class="baslik">{Title}</div>
  689. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
  690. {Line}<br>{/block:Lines}{/block:Chat}
  691.  
  692.  
  693.  
  694.  
  695. {block:AudioPlayer}<section class="top audio">{block:AlbumArt}
  696. <div class="albumart"><img src="{AlbumArtURL}"></div>
  697. {/block:AlbumArt} <div id="audio">{AudioPlayerWhite}
  698. <div class="audiocaption">{block:Artist}<b>Artist</b>:
  699. {Artist}{/block:Artist}<br>
  700. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  701. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div></div></section>
  702. {/block:AudioPlayer}<br>
  703.  
  704. {block:Video}
  705. {Video-500}
  706. {block:Caption}{Caption}{/block:Caption}
  707. {/block:Video}
  708.  
  709. {block:Answer}
  710. <div id="questions">
  711. {Question} - <b>{Asker}</b>
  712. <br />
  713. </div>
  714. <div class="answer">
  715. {Answer}</div>
  716. {/block:Answer}
  717. </div>
  718.  
  719.  
  720. <!--END INFO -->
  721. <!-- END CONTENT -->
  722. </div><!-- END EXTRAS -->
  723. <div id="postinfo">
  724.  
  725. {block:Date}<span class="date"><a href="{Permalink}">{ShortMonth}
  726. {DayOfMonthWithZero}</a></span>{/block:Date}
  727.  
  728. <span style="letter-spacing:1px;">{block:NoteCount}&nbsp;&nbsp;
  729. <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  730.  
  731. <span style="font-style:italic; letter-spacing:1px;">
  732. {block:HasTags}&nbsp;&nbsp;#{block:Tags} <a href="{TagURL}">{Tag}
  733. </a>&nbsp;{/block:Tags}{/block:HasTags}</span>
  734. </div>
  735. <div class="note">
  736. {block:PostNotes}<br><bR><br><br>{PostNotes}{/block:PostNotes}
  737. </div>
  738. {/block:Posts}
  739. </div> <!-- END CONTENT WHOLE -->
  740.  
  741.  
  742.  
  743. </body>
  744. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement