Advertisement
valyrianruins

Theme 2 - Through The Dark

Apr 4th, 2014
206
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.40 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3. <head>
  4.  
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--
  13.  
  14. theme by kayla aka valyrianruins.tumblr.com (temp. at eliasmartells) / housemartell.co.vu / @kayla_sama
  15.  
  16. Rules -
  17. Don't be a douche and remove the credit.
  18. Don't be a douche and claim as your own.
  19. Don't be a douche and use and redistribute as a base theme and claim it as your own.
  20.  
  21. Don't be a douche basically.
  22.  
  23. Enjoy.
  24.  
  25.  
  26. -->
  27.  
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Text" content="#aaaaaa"/>
  30. <meta name="color:Links" content="#474747"/>
  31. <meta name="color:Nav Links" content="#aaaaaa"/>
  32. <meta name="color:Tags" content="#aaaaaa"/>
  33.  
  34. <meta name="image:Sidebar Image" content=""/>
  35.  
  36. <meta name="text:Link 1 URL" content="" />
  37. <meta name="text:Link 1" content="" />
  38. <meta name="text:Link 2 URL" content="" />
  39. <meta name="text:Link 2" content="" />
  40. <meta name="text:Link 3 URL" content="" />
  41. <meta name="text:Link 3" content="" />
  42.  
  43. <meta name="if:Sidebar Image" content="1"/>
  44. <meta name="if:Show Tags" content="1"/>
  45. <meta name="if:Link 1" content="">
  46. <meta name="if:Link 2" content="">
  47. <meta name="if:Link 3" content="">
  48. <meta name="if:Hover Tags" content="1">
  49.  
  50.  
  51. <!-- Jquery for Tooltips-->
  52.  
  53. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54.  
  55. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  56.  
  57. <script>
  58.  
  59. (function($){
  60.  
  61. $(document).ready(function(){
  62.  
  63. $("a[title]").style_my_tooltips({
  64.  
  65. tip_follows_cursor:true,
  66.  
  67. tip_delay_time:30,
  68.  
  69. tip_fade_speed:300,
  70.  
  71. attribute:"title"
  72.  
  73. });
  74.  
  75. });
  76.  
  77. })(jQuery);
  78.  
  79. </script>
  80.  
  81.  
  82. <!--CSS-->
  83.  
  84. <style type="text/css">
  85.  
  86. /*Tooltip*/
  87.  
  88. #s-m-t-tooltip {
  89. max-width:250px;
  90. font-size:9px;
  91. background:#ffffff;
  92. z-index:9999;
  93. margin:10px;
  94. font-style:italic;
  95. padding:2px 10px 3px;
  96. }
  97.  
  98. /*Container*/
  99.  
  100. .con {
  101. position:absolute;
  102. margin-left:-250px;
  103. left:50%;
  104. }
  105.  
  106. /*Posts*/
  107.  
  108. .entries {
  109. width:400px;
  110. margin-top:75px;
  111. }
  112.  
  113. .posts {
  114. width:400px;
  115. {block:IndexPage}
  116. margin-bottom:75px;
  117. {/block:IndexPage}
  118. {block:PermalinkPage}
  119. margin-bottom:50px;
  120. {/block:PermalinkPage}
  121. overflow:hidden;
  122. }
  123.  
  124. .posts img {
  125. max-width:400px;
  126. }
  127.  
  128. .posts img, #posts li, #posts blockquote {
  129. max-width: 100%;
  130. }
  131.  
  132. .caption {
  133. width:100%;
  134. margin-top:10px;
  135. }
  136.  
  137. /*Quote*/
  138.  
  139. .titlequote {
  140. font-size:14px;
  141. font-weight:bold;
  142. line-height:18px;
  143. text-align:left;
  144. }
  145.  
  146. .source {
  147. font-style:italic;
  148. margin-top:15px;
  149. margin-left:15px;
  150. }
  151.  
  152. /*Audio*/
  153.  
  154. .player {
  155. width:25px;
  156. height:25px;
  157. overflow:hidden;
  158. position:absolute;
  159. background:white;
  160. }
  161.  
  162. .audioinfo {
  163. margin-left:50px;
  164. }
  165.  
  166.  
  167. /*Asks*/
  168. .question {
  169. margin-bottom:10px;
  170. }
  171.  
  172. .asker {
  173. font-style:italic;
  174. }
  175.  
  176. .answer {
  177. margin-top:10px;
  178. }
  179.  
  180.  
  181. /*Chat*/
  182.  
  183. .chat ol {
  184. padding:0;
  185. list-style:none;
  186. }
  187.  
  188. .line {
  189. padding:5px 0;
  190. }
  191.  
  192. .label {
  193. font-weight:bold;
  194. }
  195.  
  196. /*Sidebar*/
  197.  
  198. .sidebar {
  199. width:120px;
  200. text-align:left;
  201. position:fixed;
  202. margin-left:-225px;
  203. margin-top:100px;
  204. }
  205.  
  206. .sidebarim img {
  207. width:120px;
  208. {block:ifGreyscaleSidebarImage}
  209. -webkit-transition: opacity 0.8s linear;
  210. opacity: 0.60;
  211. -webkit-filter:grayscale(100%);
  212. {/block:ifGreyscaleSidebarImage}
  213. }
  214.  
  215. .blogtitle {
  216. font-size:15px;
  217. font-weight:bold;
  218. font-style:italic;
  219. letter-spacing:2px;
  220. margin-bottom:10px;
  221. }
  222.  
  223. .nav {
  224. font-size:8px;
  225. line-height:16px;
  226. color:{color:Nav Links};
  227. text-transform:uppercase;
  228. text-align:center;
  229. letter-spacing:2px;
  230. }
  231.  
  232.  
  233. .nav a {
  234. color:{color:Nav Links};
  235. text-decoration:none;
  236. display:inline-block;
  237. }
  238.  
  239. .description {
  240. font-size:9px;
  241. color:#aaaaaa;
  242. font-style:italic;
  243. text-align:justify;
  244. margin-top:10px;
  245. margin-bottom:10px;
  246. }
  247.  
  248.  
  249. /*Pagination*/
  250. .pagination {
  251. color:#aaaaaa;
  252. font-size:6px;
  253. font-weight:bold;
  254. text-align:center;
  255. text-transform:lowercase;
  256. }
  257.  
  258. .pagination a {
  259. color:#aaaaaa;
  260. padding-bottom:15px;
  261. }
  262.  
  263. /*Permalink / Notes / Tag Info*/
  264.  
  265. .permalink {
  266. font-size:8px;
  267. color:{color:Tags};
  268. text-transform:uppercase;
  269. text-align:center;
  270. margin-top:15px;
  271. }
  272.  
  273. .permalink a {
  274. color:{color:Tags};
  275. margin-right:10px;
  276. }
  277.  
  278. .tags {
  279. color:{color:Tags};
  280. font-size:8px;
  281. word-break:break-all;
  282. {block:IfHoverTags}
  283. opacity:0;
  284. -webkit-transition:all 0.8s;
  285. -moz-transition:all 0.8s;
  286. -ms-transition:all 0.8s;
  287. -o-transition:all 0.8s;
  288. transition:all 0.8s;
  289. }
  290.  
  291. .posts:hover .tags {
  292. opacity:1;
  293. -webkit-transition:all 0.8s;
  294. -moz-transition:all 0.8s;
  295. -ms-transition:all 0.8s;
  296. -o-transition:all 0.8s;
  297. transition:all 0.8s;
  298. }
  299. {/block:IfHoverTags}
  300.  
  301.  
  302. .pagenotes {
  303. width:400px;
  304. font-size:8px;
  305. text-align:left;
  306. {block:IndexPage}
  307. display: none!important;
  308. {/block:IndexPage}
  309. }
  310.  
  311. .pagenotes img {
  312. display:none!important;
  313. }
  314.  
  315. .pagenotes li {
  316. text-align:left;
  317. padding:5px 0px;
  318. margin:0px 0px 0px -40px;
  319. list-style-type:none;
  320. }
  321.  
  322. /*Misc*/
  323.  
  324. blockquote {
  325. padding:5px 0 5px 30px;
  326. border-left:1px solid {color:Text};
  327. margin-left:30px;
  328. }
  329.  
  330. small {
  331. font-size:8px;
  332. }
  333.  
  334. big {
  335. font-size:12px;
  336. }
  337.  
  338. body {
  339. background:{color:Background};
  340. color:{color:Text};
  341. font-family:arial;
  342. font-size:11px;
  343. text-align:justify;
  344. margin:0;
  345. line-height:16px;
  346. }
  347.  
  348. a {
  349. text-decoration:none;
  350. color:{color:Links};
  351. -moz-transition-duration: 0.5s;
  352. -o-transition-duration: 0.5s;
  353. -webkit-transition-duration: 0.5s;
  354. transition-duration: 0.5s;
  355. }
  356.  
  357. a:hover {
  358. color:#aaaaaa;
  359. -moz-transition-duration: 0.5s;
  360. -o-transition-duration: 0.5s;
  361. -webkit-transition-duration: 0.5s;
  362. transition-duration: 0.5s;
  363. }
  364.  
  365. img {
  366. opacity:1;
  367. border:none;
  368. overflow:hidden;
  369. }
  370.  
  371. .title {
  372. font-size:12px;
  373. font-weight:bold;
  374. line-height:18px;
  375. text-transform:uppercase;
  376. text-align:left;
  377. margin-bottom:20px;
  378. }
  379.  
  380. /*Credit*/
  381.  
  382. .credit {
  383. font-size:7px;
  384. font-family:arial;
  385. text-transform:uppercase;
  386. padding:5px 5px;
  387. position:fixed;
  388. bottom:5px;
  389. right:5px;
  390. }
  391.  
  392.  
  393.  
  394. {CustomCSS}
  395.  
  396.  
  397. </style>
  398.  
  399.  
  400.  
  401. </head>
  402.  
  403. <body>
  404.  
  405. <div class="con">
  406.  
  407. <!--Sidebar-->
  408.  
  409. <div class="sidebar">
  410. <div class="blogtitle">{Title}</div>
  411. {block:ifSidebarImage}<div class="sidebarim"><a href="/"><img src="{image:Sidebar Image}"></a></div>{/block:ifSidebarImage}
  412. <div class="description">{Description}</div>
  413. <div class="nav">
  414. <a href="/" title="home">home</a>
  415. <a href="/ask" title="message">mssg</a>
  416. <a href="/archive" title="archive">past</a><br>
  417. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}">{text:Link 1}</a>{/block:ifLink1}
  418. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}">{text:Link 2}</a>{/block:ifLink2}
  419. {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}">{text:Link 3}</a> {/block:ifLink3}
  420. </div>
  421. <div class="pagination">
  422. {block:Pagination}
  423. {block:PreviousPage}
  424. <a href="{PreviousPage}" title="fall">&larr; </a>
  425. {/block:PreviousPage}
  426. {block:NextPage}
  427. <a href="{NextPage}" title="fly"> &rarr;</a>
  428. {/block:NextPage}
  429. {/block:Pagination}
  430. </div>
  431.  
  432.  
  433. </div>
  434.  
  435. <!--End Sidebar-->
  436.  
  437.  
  438. <div class="entries">
  439.  
  440. {block:Posts}
  441.  
  442. <div class="posts">
  443.  
  444. <!---------------------------------------------------
  445. QUOTE POSTS
  446. ---------------------------------------------------->
  447. {block:Quote}
  448. <div class="titlequote">“{Quote}”</div>
  449. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  450. {/block:Quote}
  451.  
  452.  
  453. <!---------------------------------------------------
  454. TEXT POSTS
  455. ---------------------------------------------------->
  456. {block:Text}
  457. {block:Title}
  458. <div class="title">{Title}</div>{/block:Title}
  459. {Body}
  460. {/block:Text}
  461.  
  462. <!---------------------------------------------------
  463. LINK POSTS
  464. ---------------------------------------------------->
  465. {block:Link}
  466. <div class="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  467. {/block:Link}
  468.  
  469. <!---------------------------------------------------
  470. CHAT POSTS
  471. ---------------------------------------------------->
  472. {block:Chat}
  473. {block:Title}
  474. <h1>{Title}</h1>
  475. {/block:Title}
  476. <div class="chat">
  477. <ol>{block:Lines}
  478. <li class="line {Alt}">
  479. {block:Label}
  480. <span class="label">
  481. {Label}</span>
  482. {/block:Label}{Line}</li>
  483. {/block:Lines}
  484. </ol></div>
  485. {/block:Chat}
  486.  
  487. <!---------------------------------------------------
  488. PHOTO POSTS
  489. ---------------------------------------------------->
  490. {block:Photo}
  491. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  492. {/block:Photo}
  493.  
  494. <!---------------------------------------------------
  495. PHOTOSET POSTS
  496. ---------------------------------------------------->
  497. {block:Photoset}
  498. {Photoset-400}
  499. {/block:Photoset}
  500.  
  501. <!---------------------------------------------------
  502. VIDEO POSTS
  503. ---------------------------------------------------->
  504. {block:Video}
  505. {Video-400}
  506. {/block:Video}
  507.  
  508. <!---------------------------------------------------
  509. AUDIO POSTS
  510. ---------------------------------------------------->
  511. {block:Audio}
  512. <div class="player">{AudioPlayerWhite}</div>
  513. <div class="audioinfo">
  514. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  515. </div>
  516. {/block:Audio}
  517.  
  518. <!---------------------------------------------------
  519. ASK POSTS
  520. ---------------------------------------------------->
  521. {block:Answer}
  522. <div class="question">
  523. <div class="asker">{Asker} asked: </div>
  524. {Question}</div>
  525. <div class="answer">{Answer}</div>
  526. {/block:Answer}
  527.  
  528. <!--Caption-->
  529. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  530.  
  531. <!--Permalink / Notes / Tag Info-->
  532. {block:Date}
  533. <div class="permalink">
  534. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}&nbsp;&nbsp;&nbsp; {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}
  535. {block:HasTags}{block:ifShowTags}<div class="tags">{block:Tags}&nbsp;<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:ifShowTags}{/block:HasTags}
  536. </div>
  537. {/block:Date}
  538. </div>
  539.  
  540. <!--Pagenotes-->
  541. {block:PostNotes}
  542. <div class="pagenotes">
  543. {PostNotes}
  544. </div>
  545. {/block:PostNotes}
  546.  
  547.  
  548. {/block:Posts}
  549.  
  550. </div>
  551.  
  552. </div>
  553.  
  554. <!--Content Source Info-->
  555. {block:ContentSource}
  556. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  557. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  558. {/block:SourceLogo}
  559. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  560. {/block:ContentSource}
  561.  
  562. </body>
  563.  
  564. <!--Credit - DO NOT REMOVE-->
  565.  
  566. <div class="credit">
  567. <a href="http://valyrianruins.tumblr.com/" title="valyrianruins">© tempest</a></center>
  568. </div>
  569.  
  570. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement