Advertisement
themesbyhaleigh

theme #42

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