Advertisement
themesbyhaleigh

theme #41

Aug 21st, 2019
283
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.76 KB | None | 0 0
  1. <!-- theme 41 by nerdydean. please don't remove the credit. -->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:text" content="#000000"/>
  16. <meta name="color:links" content="#626262"/>
  17. <meta name="color:links hover" content="#a5a5a5"/>
  18. <meta name="color:question" content="#f8f8f8"/>
  19. <meta name="color:text selection" content="#fafafa"/>
  20.  
  21. <meta name="text:title" content="@url"/>
  22. <meta name="text:link1 url" content=""/>
  23. <meta name="text:link1" content=""/>
  24. <meta name="text:link2 url" content=""/>
  25. <meta name="text:link2" content=""/>
  26. <meta name="text:link3 url" content=""/>
  27. <meta name="text:link3" content=""/>
  28. <meta name="text:link4 url" content=""/>
  29. <meta name="text:link4" content=""/>
  30. <meta name="text:link5 url" content=""/>
  31. <meta name="text:link5" content=""/>
  32. <meta name="text:link6 url" content=""/>
  33. <meta name="text:link6" content=""/>
  34. <meta name="text:link7 url" content=""/>
  35. <meta name="text:link7" content=""/>
  36.  
  37. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  38. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  40. <script>
  41. (function($){
  42. $(document).ready(function(){
  43. $("[title]").style_my_tooltips({
  44. tip_follows_cursor:true,
  45. tip_delay_time:200,
  46. tip_fade_speed:300
  47. });
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52. <script src="https://instantclick.io/v3.1.0/instantclick.min.js" data-no-instant></script>
  53. <script data-no-instant>InstantClick.init();</script>
  54.  
  55. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  56.  
  57. <style type="text/css">
  58.  
  59. pre {
  60. white-space: pre-wrap;
  61. white-space: -moz-pre-wrap;
  62. white-space: -pre-wrap;
  63. white-space: -o-pre-wrap;
  64. word-wrap: break-word;
  65. }
  66.  
  67. ::selection {
  68. background:{color:text selection};
  69. }
  70.  
  71. ::-moz-selection {
  72. background:{color:text selection};
  73. }
  74.  
  75. ::-webkit-selection {
  76. background:{color:text selection};
  77. }
  78.  
  79. #s-m-t-tooltip {
  80. max-width:300px;
  81. margin:15px;
  82. padding:5px;
  83. border:1px solid #eeeeee;
  84. border-radius:0px;
  85. background:#ffffff;
  86. color:{color:text};
  87. z-index:999999;
  88. font-size:7px;
  89. font-style:none;
  90. letter-spacing:2px;
  91. font-family:arial;
  92. text-transform:uppercase;
  93. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  94. }
  95.  
  96. body {
  97. background:{color:background};
  98. color:{color:text};
  99. font-family:arial;
  100. font-size:11px;
  101. line-height:150%;
  102. margin:0;
  103. text-align:left;
  104. }
  105.  
  106. a {
  107. color:{color:links};
  108. transition:1s;
  109. -webkit-transition:1s;
  110. -moz-transition:1s;
  111. -o-transition:1s;
  112. text-decoration:none;
  113. }
  114.  
  115. a:hover {
  116. transition:1s;
  117. -webkit-transition:1s;
  118. -moz-transition:1s;
  119. -o-transition:1s;
  120. }
  121.  
  122. img {
  123. opacity:1;
  124. text-decoration:none;
  125. }
  126.  
  127. h1 {
  128. font-size:14px;
  129. font-weight:bold;
  130. font-family:arial;
  131. line-height:150%;
  132. text-transform:uppercase;
  133. }
  134.  
  135. blockquote {
  136. padding-left:10px;
  137. margin:10px;
  138. border-left:1px solid #eee;
  139. }
  140.  
  141. .sidebar {
  142. position:fixed;
  143. top:200px;
  144. width:200px;
  145. margin-left:250px;
  146. }
  147.  
  148. .sidebar img {
  149. width:80px;
  150. }
  151.  
  152. .title {
  153. font-size:15px;
  154. text-transform:none;
  155. font-weight:bold;
  156. margin-top:10px;
  157. width:200px;
  158. }
  159.  
  160. .subtitle {
  161. font-size:10px;
  162. text-decoration:none
  163. }
  164.  
  165. .subtitle a {
  166. text-decoration:none;
  167. }
  168.  
  169. .description {
  170. width:200px;
  171. text-align:justify;
  172. margin-top:10px;
  173. }
  174.  
  175. .links {
  176. margin-top:10px;
  177. }
  178.  
  179. .links a {
  180. display:block;
  181. padding:8px;
  182. letter-spacing:1px;
  183. text-decoration:underline;
  184. }
  185.  
  186. .links a:hover {
  187. text-decoration:none;
  188. }
  189.  
  190. .pagination {
  191. padding:10px;
  192. margin-top:10px;
  193. text-align:center;
  194. letter-spacing:1px;
  195. }
  196.  
  197. .entries {
  198. margin-left:600px;
  199. margin-top:50px;
  200. width:400px;
  201. }
  202.  
  203. .posts {
  204. width:400px;
  205. margin-bottom:70px;
  206. }
  207.  
  208. .quote {
  209. padding:10px;
  210. font-size:15px;
  211. }
  212.  
  213. .quotesource {
  214. padding:10px;
  215. text-align:center;
  216. }
  217.  
  218. .chat {
  219. line-height:150%;
  220. list-style:none;
  221. }
  222.  
  223. .line.odd {
  224. padding:10px;
  225. background:#f8f8f8;
  226. }
  227.  
  228. .line.even {
  229. padding:10px;
  230. }
  231.  
  232. .label {
  233. text-transform:uppercase;
  234. font-size:10px;
  235. letter-spacing:1px;
  236. font-weight:bold;
  237. }
  238.  
  239. .cover {
  240. position:relative;
  241. z-index:1;
  242. max-width:100px;
  243. padding:10px;
  244. float:left;
  245. }
  246.  
  247. .playbutton {
  248. width:20px;
  249. height:30px;
  250. overflow:hidden;
  251. position:relative;
  252. z-index:2;
  253. }
  254.  
  255. .playbox {
  256. background-color:#000;
  257. position:absolute;
  258. z-index:2;
  259. padding:15px 24px 13px 16px;
  260. margin-top:30px;
  261. margin-left:30px;
  262. opacity:0.5;
  263. }
  264.  
  265. .trackdetails {
  266. padding:10px;
  267. width:auto;
  268. height:100px;
  269. margin-top:10px;
  270. margin-left:100px;
  271. }
  272.  
  273. .question {
  274. padding:10px;
  275. background:{color:question};
  276. }
  277.  
  278. .asker {
  279. text-transform:uppercase;
  280. }
  281.  
  282. .answer {
  283. margin:10px;
  284. }
  285.  
  286. .info {
  287. padding:10px;
  288. text-transform:none;
  289. border-top:1px solid #eee;
  290. margin-top:25px;
  291. }
  292.  
  293. .tags {
  294. margin-left:10px;
  295. margin-top:-5px;
  296. }
  297.  
  298. .tags a {
  299. margin-right:10px;
  300. font-style:italic;
  301. }
  302.  
  303. .tags a:hover {
  304. font-style:none;
  305. }
  306.  
  307. ol.notes {
  308. padding:0px;
  309. margin:25px 0px 0px -10px;
  310. list-style-type:none;
  311. }
  312.  
  313. ol.notes li.note {
  314. padding:10px;
  315. }
  316.  
  317. ol.notes li.note img.avatar {
  318. vertical-align:-4px;
  319. margin-right:10px;
  320. width:16px;
  321. height:16px;
  322. }
  323.  
  324. ol.notes li.note span.action {
  325. font-weight:none;
  326. }
  327.  
  328. ol.notes li.note .answer_content {
  329. font-weight:normal;
  330. }
  331.  
  332. ol.notes li.note blockquote {
  333. padding:4px 10px;
  334. margin:10px 0px 0px 25px;
  335. }
  336.  
  337. ol.notes li.note blockquote a {
  338. text-decoration:none;
  339. }
  340.  
  341. .vignette, #vignette {
  342. opacity:0;
  343. }
  344. .lightbox-image, #tumblr_lightbox img {
  345. box-shadow:none !important;
  346. border-radius:0 !important;
  347. max-width:none;
  348. }
  349.  
  350. .tmblr-lightbox, #tumblr_lightbox {
  351. background-color:rgba(255,255,255,.98) !important;
  352. }
  353.  
  354. .lightbox-image, #tumblr_lightbox img {
  355. border:5px solid #fff !important;
  356. -moz-box-sizing:border-box;
  357. box-sizing:border-box;
  358. }
  359.  
  360. .lightbox-caption, #tumblr_lightbox_caption {
  361. visibility:hidden;
  362. }
  363.  
  364. </style>
  365. </head>
  366.  
  367. <body>
  368.  
  369.  
  370.  
  371. <div class="sidebar">
  372. <div class"subtitle"><a href="/"><i>{text:title}</i></a></div>
  373. <div class="description">{Description}</div>
  374. <div class="links">
  375. <a href="{text:link1 url}">{text:link1}</a>
  376. <a href="{text:link2 url}">{text:link2}</a>
  377. <a href="{text:link3 url}">{text:link3}</a>
  378. <a href="{text:link4 url}">{text:link4}</a>
  379. <a href="{text:link5 url}">{text:link5}</a>
  380. <a href="{text:link6 url}">{text:link6}</a>
  381. <a href="{text:link7 url}">{text:link7}</a>
  382. </div>
  383.  
  384. <div class="pagination">
  385. {block:Pagination}
  386. {block:PreviousPage}
  387. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  388.  
  389. {block:NextPage}
  390. <a href="{NextPage}">next</a>
  391. {/block:NextPage}
  392. {/block:Pagination}
  393. </div>
  394. </div>
  395.  
  396. <div class="entries">
  397.  
  398. {block:Posts}
  399.  
  400. <div class="posts">
  401.  
  402. {block:Text}
  403. <h1>{block:Title}{Title}{/block:Title}</h1>
  404. {Body}{/block:Text}
  405.  
  406.  
  407. {block:Photo}
  408. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  409. {block:Caption}{Caption}{/block:Caption}
  410. {/block:Photo}
  411.  
  412.  
  413. {block:Photoset}
  414. {Photoset-400}
  415. {block:Caption}{Caption}{/block:Caption}
  416. {/block:Photoset}
  417.  
  418.  
  419. {block:Quote}
  420. <div class="quote">"{Quote}"</div>
  421. {block:Source}<div class="quotesource"> — {Source}</div>
  422. {/block:Source}{/block:Quote}
  423.  
  424.  
  425. {block:Link}
  426. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  427. {block:Description}{Description}{/block:Description}
  428. {/block:Link}
  429.  
  430.  
  431. {block:Chat}
  432. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  433. {/block:Chat}
  434.  
  435.  
  436. {block:Audio}
  437.  
  438. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  439.  
  440. {block:AlbumArt}
  441. <img src="{AlbumArtURL}" class="cover">
  442. {/block:AlbumArt}
  443.  
  444.  
  445. <div class="trackdetails"><br>
  446. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  447.  
  448. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  449.  
  450. <b>PLAYS:</b> {FormattedPlayCount}</div>
  451.  
  452.  
  453. {block:Caption}
  454. <div class="caption">{Caption}</div>
  455. {/block:Caption}
  456. {/block:Audio}
  457.  
  458.  
  459. {block:Video}
  460. {Video-400}
  461. {block:Caption}{Caption}{/block:Caption}
  462. {/block:Video}
  463.  
  464.  
  465. {block:Answer}
  466. <div class="question">
  467. <div class="asker"><b>{Asker} said:</b></div>
  468. {Question}</div>
  469. <div class="answer">
  470. {Answer}</div>
  471. {/block:Answer}
  472.  
  473.  
  474. <div class="info">
  475. {block:Date}
  476. <a href="{Permalink}" title="{DayofWeek} {Month} {DayofMonth}, {Year}">{12Hour}:{Minutes}{AMPM} ({TimeAgo})</a>
  477. {/block:Date}
  478.  
  479. &nbsp;&nbsp;
  480. <a href="{Permalink}">{NoteCount}</a>
  481. &nbsp;&nbsp;
  482.  
  483. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
  484.  
  485. <font style="float:right">
  486. {block:RebloggedFrom}
  487. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  488. {block:ContentSource}
  489. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  490. {/block:ContentSource}
  491. {/block:RebloggedFrom}
  492. </font style>
  493.  
  494.  
  495. </div>
  496.  
  497.  
  498. {block:HasTags}
  499. <div class="tags">
  500. {block:Tags}
  501. <a href="{TagURL}">{Tag}</a>
  502. {/block:Tags}
  503. </div>
  504. {/block:HasTags}
  505.  
  506. </div>
  507.  
  508.  
  509. {block:PostNotes}
  510. {PostNotes}
  511. {/block:PostNotes}
  512.  
  513. {/block:Posts}
  514.  
  515. {block:ContentSource}
  516. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  517. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  518. {/block:SourceLogo}
  519. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  520. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  521.  
  522. <div style="position:fixed; bottom:10px; right:10px;">
  523. <a title="theme by nerdydean" href="https://nerdydean.tumblr.com">cr.</a></div>
  524.  
  525.  
  526. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement