themesbyhaleigh

theme #20

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