themesbyhaleigh

theme #19

May 25th, 2014
2,377
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.25 KB | None | 0 0
  1. <!-- theme #19 by nerdydean. don't remove the credit. -->
  2.  
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  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. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#000000"/>
  14. <meta name="color:Link" content="#000000"/>
  15. <meta name="color:Link Hover" content="#000000" />
  16. <meta name="color:textselect" content="#fafafa" />
  17. <meta name="color:scrollbar" content="#000000" />
  18.  
  19. <meta name="image:Sidebar" content=""/>
  20.  
  21. <meta name="text:link1" content="link 1"/>
  22. <meta name="text:link1 url" content="/"/>
  23. <meta name="text:link2" content="link 2"/>
  24. <meta name="text:link2 url" content="/"/>
  25. <meta name="text:link3" content="link 3"/>
  26. <meta name="text:link3 url" content="/"/>
  27. <meta name="text:link4" content="link 4"/>
  28. <meta name="text:link4 url" content="/"/>
  29.  
  30. <!--- CSS --->
  31.  
  32. <style type="text/css">
  33.  
  34. ::selection {
  35. background:{color:textselect};
  36. }
  37.  
  38. ::-moz-selection {
  39. background:{color:textselect};
  40. }
  41.  
  42. ::-webkit-selection {
  43. background:{color:textselect};
  44. }
  45.  
  46. #s-m-t-tooltip {
  47. max-width:300px;
  48. padding:5px 5px 5px 5px;
  49. margin:20px 0px 0px 20px;
  50. z-index:10;
  51. background:#fff;
  52. border:1px solid #fff;
  53. text-transform:lowercase;
  54. color:{color:link};
  55. z-index:999999999999999999999999999999999999;
  56. text-decoration:bold;
  57. font-family: helvetica;
  58. font-size: 10px;
  59. letter-spacing: 0px;
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. width: 3px;
  64. height:auto;
  65. background:{color:background};
  66. }
  67.  
  68. ::-webkit-scrollbar-corner {
  69. padding:2px;
  70. background:{color:background};
  71. }
  72.  
  73. ::-webkit-scrollbar-button:vertical {
  74. height:5px;
  75. display: block;
  76. background:{color:scrollbar};
  77. }
  78.  
  79. ::-webkit-scrollbar-button:horizontal {
  80. width: 3px;
  81. height: 5px;
  82. display: block;
  83. background:{color:scrollbar};
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb:vertical {
  87. background:{color:scrollbar};
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb:horizontal {
  91. background: {color:background};
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. background: {color:scrollbar};
  96. }
  97.  
  98. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {
  99. margin:0;
  100. padding:0;
  101. list-style:none;
  102. }
  103.  
  104. h1 {
  105. font-weight:normal;
  106. font-size:10px;
  107. text-align:left;
  108. padding:10px;
  109. font-style:normal;
  110. line-height:120%;
  111. letter-spacing:0px;
  112. color:{color:text};
  113. border-bottom: 1px solid #f8f8f8;
  114. }
  115.  
  116. body {
  117. font: 10px Helvetica;
  118. color: {color:text};
  119. background-color: {color:background};
  120. line-height:5px;
  121. }
  122.  
  123. a {
  124. color: {color:link};
  125. }
  126.  
  127. a:hover {
  128. color: {color:link hover};
  129. text-decoration:underline;
  130. }
  131.  
  132. a {
  133. text-decoration:none;
  134. }
  135.  
  136. b, strong {
  137. color:{color:text};
  138. }
  139.  
  140. i, em {
  141. color:{color:text};
  142. }
  143.  
  144. small {
  145. font-size:8px;
  146. }
  147.  
  148. big {
  149. font-size:12px;
  150. }
  151.  
  152. ul {
  153. list-style:square;
  154. text-align:justify;
  155. }
  156.  
  157. blockquote {
  158. padding: 3px 0 3px 13px;
  159. border-left: 1px solid {color:text};
  160. text-align:justify;
  161. }
  162.  
  163. blockquote p {
  164. display:block!important;
  165. }
  166.  
  167. blockquote img {
  168. max-width:220px!important;
  169. }
  170.  
  171. #content {
  172. left:50%;
  173. margin-left:-140px;
  174. position:absolute;
  175. width:500px;
  176. margin-top: 75px;
  177. margin-bottom: 25px;
  178. }
  179.  
  180. #sidebar {
  181. margin-left: -290px;
  182. overflow: hidden;
  183. top: 1px;
  184. line-height:15px;
  185. width: 245px;
  186. position: fixed;
  187. margin-bottom: 15px;
  188. text-align: center;
  189. margin-top:160px;
  190. }
  191.  
  192. #sidebar img {
  193. width:245px;
  194. }
  195.  
  196. #description {
  197. width:240px;
  198. padding-left:0px;
  199. padding-right:10px;
  200. text-align:justify;
  201. margin-top:-5px;
  202. }
  203.  
  204. #links {
  205. padding:10px;
  206. margin-top:-5px;
  207. }
  208.  
  209. #links a {
  210. padding:5px;
  211. font-weight:bold;
  212. font-size: 9px;
  213. line-height: 21px;
  214. }
  215.  
  216. #title {
  217. font-size:12px;
  218. margin-bottom:3px;
  219. font-weight:bold;
  220. }
  221.  
  222. #pagination {
  223. width: 240px;
  224. border-top:1px solid #fafafa;
  225. padding: 3px;
  226. font-size: 9px;
  227. line-height: 21px;
  228. text-shadow: 0 1px 1px #fff;
  229. text-align: center;
  230. margin-top: 10px;
  231. text-transform: lowercase;
  232. font-weight: bold;
  233.  
  234. }
  235.  
  236. .post {
  237. line-height: 18px;
  238. clear: both;
  239. margin-left:20px;
  240. }
  241.  
  242. .caption blockquote {
  243. padding-left: 20px;
  244. }
  245.  
  246. .post text {
  247. text-align: left;
  248. }
  249.  
  250. .post photo {
  251. text-align: center;
  252. }
  253.  
  254. .post photo img {
  255. border: 0;
  256. }
  257.  
  258. .post quote {
  259. text-align: left;
  260. }
  261.  
  262. .post quote .source {
  263. font-size: 12px;
  264. }
  265.  
  266. .answer {
  267. text-align: justify;
  268. line-height: 15px;
  269. margin-left:20px;
  270. }
  271.  
  272. .question {
  273. margin-bottom: 0px;
  274. line-height: 15px;
  275. margin-left:20px;
  276. }
  277.  
  278. .post link {
  279. text-align: left;
  280. }
  281.  
  282. .post audio {
  283. text-align: left;
  284. }
  285.  
  286. .post video {
  287. text-align: left;
  288. }
  289.  
  290. .post chat {
  291. text-align: left;
  292. }
  293.  
  294. .post chat li {
  295. list-style-type: none;
  296. }
  297.  
  298. #info {
  299. margin-top: 10px;
  300. font-size: 10px;
  301. text-transform:none;
  302. margin-bottom: 60px;
  303. line-height:150%;
  304. margin-left:20px;
  305. }
  306.  
  307. ol.notes {
  308. display:block;
  309. text-align:left;
  310. margin-bottom:30px;
  311. }
  312.  
  313. ol.notes li.note{
  314. padding:1%;
  315. }
  316.  
  317. .pagenotes {
  318. text-align:left;
  319. }
  320.  
  321. .caption {
  322. padding-left:5px;
  323. padding-bottom:5px;
  324. margin-top:5px;
  325. text-align:left;
  326. font-size:10px;
  327. padding-right:10px;
  328. border-bottom:1px solid #fafafa;
  329. }
  330.  
  331. .post img {
  332. width:500px;
  333. }
  334.  
  335. #credit {
  336. position:fixed;
  337. right:10px;
  338. bottom:10px;
  339. padding:5px;
  340. }
  341.  
  342. {CustomCSS}
  343.  
  344. </style></head>
  345. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  346.  
  347. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  348.  
  349. <script>
  350. (function($){
  351. $(document).ready(function(){
  352. $("a[title]").style_my_tooltips({
  353. tip_follows_cursor:true,
  354. tip_delay_time:90,
  355. tip_fade_speed:600,
  356. attribute:"title"
  357. });
  358. });
  359. })(jQuery);
  360. </script>
  361. <body>
  362.  
  363. <div id="content">
  364.  
  365. <div id="sidebar">
  366.  
  367. <div id="title"></div>
  368.  
  369. <a href="/" title="{Title}"><img src="{image:Sidebar}" /></a>
  370.  
  371. <div id="links">
  372. <a href="{text:link1 url}">{text:link1}</a>
  373. <a href="{text:link2 url}">{text:link2}</a>
  374. <a href="{text:link3 url}">{text:link3}</a>
  375. <a href="{text:link4 url}">{text:link4}</a>
  376.  
  377. </div>
  378.  
  379. <div id="description">{description}
  380.  
  381. <div id="pagination">
  382. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">newer</a> / {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">older</a>{/block:NextPage}{/block:Pagination}
  383. </div>
  384.  
  385. </div>
  386.  
  387. </div>
  388.  
  389.  
  390. <div id="entries">
  391.  
  392. <ol id="posts">
  393.  
  394. {block:ContentSource}
  395. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  396. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  397. {/block:SourceLogo}
  398. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  399. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  400.  
  401. {block:Posts}
  402. {block:Text}
  403. <li class="post text">
  404. {block:Title}
  405. <h1>{Title}</h1>
  406. {/block:Title}{Body}
  407. </li>
  408. {/block:Text}
  409.  
  410. {block:Photo}
  411. <li class="post photo">
  412. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  413.  
  414. {block:Caption}
  415. <div class="caption">{Caption}</div>
  416. {/block:Caption}
  417. </li>
  418. {/block:Photo}
  419.  
  420. {block:Photoset}
  421. <li class="post photoset">
  422. {Photoset-500}{block:Caption}
  423. <div class="caption">{Caption}</div>
  424. {/block:Caption}
  425. </li>
  426. {/block:Photoset}
  427.  
  428. {block:Quote}
  429. <li class="post quote">
  430. {Quote}
  431. {block:Source}
  432. <div class="source">— {Source}</div>
  433. {/block:Source}
  434. </li>
  435. {/block:Quote}
  436.  
  437. {block:Link}
  438. <li class="post link">
  439. <a href="{URL}" {Target}>{Name}</a>
  440.  
  441. {block:Description}
  442. <div class="description">{Description}</div>
  443. {/block:Description}
  444. </li>
  445. {/block:Link}
  446.  
  447. {block:Chat}
  448. <li class="post chat">
  449. {block:Title}
  450. <h1>{Title}</h1>
  451. {/block:Title}
  452.  
  453. <ul class="chat">
  454. {block:Lines}
  455. <li class="{Alt} user_{UserNumber}">
  456. {block:Label}
  457. <span class="label">{Label}</span>
  458. {/block:Label}{Line}
  459. </li>
  460. {/block:Lines}
  461. </ul>
  462. </li>
  463. {/block:Chat}
  464.  
  465. {block:Answer}
  466. <div style="color:{color:text};">
  467. <b>{Asker}</b>: <div class="question">{Question}</div>
  468. </div><br>
  469. <div class="answer">{Answer}</div>
  470. {/block:Answer}
  471.  
  472. {block:Video}
  473. <li class="post video">
  474. {Video-500}{block:Caption}
  475. <div class="caption">{Caption}</div>
  476. {/block:Caption}
  477. </li>
  478. {/block:Video}
  479.  
  480. {block:Audio}
  481. <li class="post audio">
  482. {AudioPlayerBlack}{block:Caption}
  483. <div class="caption">{Caption}</div>
  484. {/block:Caption}
  485. </li>
  486. {/block:Audio}
  487.  
  488. <div id="info">
  489. <a href="{Permalink}" title="{TimeAgo}">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date} / <a href="{Permalink}"> {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank" style="color:{color:text}">reblog</a>
  490. {block:permalinkpage} / {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a> / {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:text}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage} {block:HasTags}<div class="tags"> {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}
  491. </div>
  492.  
  493. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  494. {/block:Posts}
  495. </ol>
  496.  
  497. <div id="credit">
  498. <a title="theme by nerdydean" href="http://hellish.co.vu">hellish</a></div>
  499.  
  500. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment