API tools faq
paste
themesbyhaleigh

theme #33

themesbyhaleigh
Jul 10th, 2015
2,516
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.04 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme #33 by nerdydean. don't remove the credit. -->
  2.  
  3. <!-- if you want to insert a clock for your title, go to this site:
  4.  
  5. http://www.timeanddate.com/clocks/free.html
  6.  
  7. & hit continue.
  8.  
  9. when selecting a clock template, choose "standard" and hit continue. standard should automatically be selected.
  10.  
  11. make sure your time zone is correct on the next screen. customize how your clock is displayed on this page, it doesn't really matter. my settings are:
  12.  
  13. Country/language: United States - English
  14. Display date: Only time
  15. Weekday: Long weekday
  16. Month: Full month name
  17. Day: Default for country/language
  18. Between date and time: Default for country/language
  19. Hour: Default for country/language
  20. Seconds: Display seconds
  21. Time Zone: Show abbreviation
  22.  
  23. and then hit continue. you can make the clock look however you want, but to make it fit in more with the theme, select these setttings on the next page:
  24.  
  25. Font: Lucida Console
  26. Font size: 18
  27. Font color: #000000
  28.  
  29. and check the box that says "bold font". hit continue.
  30.  
  31. again, you can make the clock look however you want, but to fit in with the theme, choose these settings:
  32.  
  33. Display borders: no borders
  34. Add padding: no padding
  35. Clock background color: transparent
  36. Page background color: transparent
  37. Horizontal alignment: left
  38. Vertical alignment: bottom
  39.  
  40. hit continue. make sure the type of server is "Normal web page (http server)".
  41.  
  42. you now have your clock! copy the code from the box on the page and put it in the "title" box on the customization page.
  43.  
  44. -->
  45.  
  46. <!DOCTYPE html>
  47. <head>
  48.  
  49.  
  50. <title>{Title}</title>
  51.  
  52. <link rel="shortcut icon" href="{Favicon}">
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  54. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  55.  
  56.  
  57.  
  58. <meta name="color:background" content="#ffffff"/>
  59. <meta name="color:text" content="#aaaaaa"/>
  60. <meta name="color:link" content="#000000"/>
  61. <meta name="color:text selection" content="#fafafa"/>
  62. <meta name="color:scrollbar" content="#000000"/>
  63.  
  64. <meta name="image:sidebar" content=""/>
  65.  
  66. <meta name="text:link1" content="link1"/>
  67. <meta name="text:link1 url" content="/"/>
  68. <meta name="text:link2" content="link2"/>
  69. <meta name="text:link2 url" content="/"/>
  70. <meta name="text:link3" content="link3"/>
  71. <meta name="text:link3 url" content="/"/>
  72. <meta name="text:link4" content="link4"/>
  73. <meta name="text:link4 url" content="/"/>
  74. <meta name="text:link5" content="link5"/>
  75. <meta name="text:link5 url" content="/"/>
  76. <meta name="text:title" content="clock or title here"/>
  77.  
  78. <meta name="if:400px" content="1"/>
  79. <meta name="if:500px" content="0"/>
  80. <meta name="if:Favicon" content="1"/>
  81. <meta name="if:Own" content="0"/>
  82.  
  83.  
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85.  
  86. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  87.  
  88. <script>
  89.  
  90. (function($){
  91.  
  92. $(document).ready(function(){
  93.  
  94. $("a[title]").style_my_tooltips({
  95.  
  96. tip_follows_cursor:true,
  97.  
  98. tip_delay_time:30,
  99.  
  100. tip_fade_speed:300,
  101.  
  102. attribute:"title"
  103.  
  104. });
  105.  
  106. });
  107.  
  108. })(jQuery);
  109.  
  110. </script>
  111.  
  112.  
  113.  
  114. <style type="text/css">
  115.  
  116. #s-m-t-tooltip{
  117. max-width:300px;
  118. margin:15px;
  119. padding:4px 4px;
  120. background:#000;
  121. color:#fff;
  122. z-index:999999;
  123. font-family:consolas, monospace;
  124. text-transform:uppercase;
  125. font-size:8px;
  126. letter-spacing:1px;
  127. font-weight:bold;
  128. }
  129.  
  130. pre {
  131. white-space: pre-wrap;
  132. white-space: -moz-pre-wrap;
  133. white-space: -pre-wrap;
  134. white-space: -o-pre-wrap;
  135. word-wrap: break-word;
  136. }
  137.  
  138.  
  139. ::selection {
  140. background:{color:text selection};
  141. }
  142.  
  143. ::-moz-selection {
  144. background:{color:text selection};
  145. }
  146.  
  147. ::-webkit-selection {
  148. background:{color:text selection};
  149. }
  150.  
  151.  
  152. ::-webkit-scrollbar {
  153. width: 3px;
  154. height:auto;
  155. background:{color:background};
  156. }
  157.  
  158. ::-webkit-scrollbar-corner {
  159. padding:2px;
  160. background:{color:background};
  161. }
  162.  
  163. ::-webkit-scrollbar-button:vertical {
  164. height:5px;
  165. display: block;
  166. background:{color:scrollbar};
  167. }
  168.  
  169. ::-webkit-scrollbar-button:horizontal {
  170. width: 3px;
  171. height: 5px;
  172. display: block;
  173. background:{color:scrollbar};
  174. }
  175.  
  176. ::-webkit-scrollbar-thumb:vertical {
  177. background:{color:scrollbar};
  178. }
  179.  
  180. ::-webkit-scrollbar-thumb:horizontal {
  181. background:{color:background};
  182. }
  183.  
  184. ::-webkit-scrollbar-thumb {
  185. background:{color:scrollbar};
  186. }
  187.  
  188. blockquote {
  189. padding:0px 0 0px 10px;
  190. border-left:1px solid #aaaaaa;
  191. margin-left:10px;
  192. }
  193.  
  194. body {
  195. background:{color:background};
  196. color:{color:text};
  197. font-family:lucida console, consolas;
  198. font-size:11px;
  199. text-align:justify;
  200. margin:0;
  201. line-height:1.5em;
  202. }
  203.  
  204. a {
  205. color:{color:link};
  206. text-decoration:none;
  207. }
  208.  
  209. a:hover {
  210. text-decoration:underline;
  211. }
  212.  
  213. img{
  214. opacity:1;
  215. border:none;
  216. text-decoration:none;
  217. }
  218.  
  219. small {
  220. font-size:9px;
  221. }
  222.  
  223. big {
  224. font-size:12px;
  225. }
  226.  
  227. #title {
  228. font-size:12px;
  229. line-height:18px;
  230. font-weight:bold;
  231. margin-bottom:10px;
  232. text-transform:uppercase;
  233. text-align:left;
  234. }
  235.  
  236. #sidebar {
  237. text-align:left;
  238. position:fixed;
  239. margin-left:-225px;
  240. width:245px;
  241. margin-top:280px;
  242. }
  243.  
  244. #sidebarim {
  245. margin-left:-320px;
  246. margin-top:270px;
  247. position:fixed;
  248. }
  249.  
  250. #sidebarim img {
  251. width:64px;
  252. -moz-border-radius:64px;
  253. -webkit-border-radius:64px;
  254. border-radius:64px;
  255. -webkit-transition-duration:.6s;
  256. -moz-transition-duration:.6s;
  257. -o-transition-duration:.6s;
  258. -ms-transition-duration:.6s;
  259. }
  260.  
  261. #sidebarim img:hover {
  262. -webkit-transition-duration:.6s;
  263. -moz-transition-duration:.6s;
  264. -o-transition-duration:.6s;
  265. -ms-transition-duration:.6s;
  266. -webkit-filter:grayscale(100%);
  267. }
  268.  
  269. #blogt {
  270. font-size:18px;
  271. font-weight:bold;
  272. color:{color:link};
  273. }
  274.  
  275. #links {
  276. line-height:16px;
  277. text-transform:lowercase;
  278. }
  279.  
  280. #links a {
  281. margin-right:5px;
  282. display:inline-block;
  283. margin-bottom:5px;
  284. }
  285.  
  286. #description {
  287. margin:20px 0;
  288. }
  289.  
  290. #pagination {
  291. margin:50px 0;
  292. text-transform:lowercase;
  293. font-weight:bold;
  294. }
  295.  
  296. #pagination a {
  297. padding:0 0px;
  298. }
  299.  
  300. #con {
  301. left:50%;
  302. margin-left:-250px;
  303. position:absolute;
  304. }
  305.  
  306. #entries {
  307. margin-top:75px;
  308. {block:If400px}
  309. width:400px;
  310. {/block:If400px}
  311. {block:If500px}
  312. width:500px;
  313. {/block:If500px}
  314. margin-left:100px;
  315. }
  316.  
  317.  
  318. #posts {
  319. {block:If400px}
  320. width:400px;
  321. {/block:If400px}
  322. {block:If500px}
  323. width:500px;
  324. {/block:If500px}
  325. margin-bottom:75px;
  326. }
  327.  
  328. #posts img {
  329. {block:If400px}
  330. width:400px;
  331. {/block:If400px}
  332. {block:If500px}
  333. width:500px;
  334. {/block:If500px}
  335. }
  336.  
  337. #posts img, #posts li, #posts blockquote {
  338. max-width: 100%;
  339. }
  340.  
  341. .caption {
  342. width:100%;
  343. margin-top:10px;
  344. }
  345.  
  346. #titlequote{
  347. text-align:left;
  348. font-size:14px;
  349. line-height:18px;
  350. font-weight:bold;
  351. }
  352.  
  353. #source {
  354. margin-top:15px;
  355. margin-left:15px;
  356. }
  357.  
  358. .player {
  359. width:25px;
  360. height:25px;
  361. overflow:hidden;
  362. position:absolute;
  363. background:white;
  364. }
  365.  
  366. .audioinfo {
  367. margin-left:50px;
  368. }
  369.  
  370. .q {
  371. margin-bottom:10px;
  372. }
  373.  
  374. .as {
  375. font-weight:bold;
  376. }
  377.  
  378. .a {
  379. margin-top:10px;
  380. }
  381.  
  382. .chat ol {
  383. padding:0;
  384. list-style:none;
  385. }
  386.  
  387. .line {
  388. padding:5px 0;
  389. }
  390.  
  391. .label {
  392. font-weight:bold;
  393. }
  394.  
  395. #permalink {
  396. margin-top:15px;
  397. font-size:9px;
  398. text-transform:uppercase;
  399. }
  400.  
  401. #permalink a {
  402. margin-right:10px;
  403. }
  404.  
  405. .tags {
  406. word-break:break-all;
  407. font-size:9px;
  408. opacity:0;
  409. -webkit-transition: opacity 0.5s linear;
  410. }
  411.  
  412. #posts:hover .tags{
  413. opacity:1;
  414. }
  415.  
  416. .pagenotes {
  417. {block:IndexPage}
  418. display: none!important;
  419. {/block:IndexPage}
  420. {block:If400px}
  421. width:400px;
  422. {/block:If400px}
  423. {block:If500px}
  424. width:500px;
  425. {/block:If500px}
  426. text-align:left;
  427. }
  428.  
  429. .pagenotes img {
  430. display:none!important;
  431. }
  432.  
  433. .pagenotes li {
  434. list-style-type:none;
  435. padding:5px 0px;
  436. text-align:left;
  437. margin:0 0 0 -40px;
  438. }
  439.  
  440.  
  441.  
  442.  
  443. {CustomCSS}
  444.  
  445.  
  446. </style>
  447.  
  448.  
  449.  
  450. </head>
  451.  
  452. <body>
  453.  
  454. <div id="con">
  455. <div id="sidebarim"><a href="/">{block:IfFavicon}<img src="{Favicon}">{/block:IfFavicon}{block:IfOwn}<img src="{image:sidebar}">{/block:IfOwn}</a></div>
  456. <div id="sidebar">
  457. <div id="blogt">{text:title}</div>
  458. <div id="description">{Description}</div>
  459. <div id="links">
  460. <a href="{text:link1 url}">{text:link1}</a>
  461. <a href="{text:link2 url}">{text:link2}</a>
  462. <a href="{text:link3 url}">{text:link3}</a>
  463. <a href="{text:link4 url}">{text:link4}</a>
  464. <a href="{text:link5 url}">{text:link5}</a>
  465. </div>
  466.  
  467.  
  468.  
  469.  
  470. </div>
  471.  
  472.  
  473.  
  474.  
  475. <div id="entries">
  476.  
  477. {block:Posts}
  478. <div id="posts">
  479.  
  480.  
  481. {block:Quote}
  482.  
  483.  
  484. <div id="titlequote">“{Quote}”</div>
  485. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  486. {/block:Quote}
  487.  
  488.  
  489.  
  490. {block:Text}
  491.  
  492. {block:Title}
  493. <div id="title">{Title}</div>{/block:Title}
  494. {Body}
  495. {/block:Text}
  496.  
  497. {block:Link}
  498. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  499. {/block:Link}
  500.  
  501. {block:Chat}
  502. {block:Title}
  503. <h1>{Title}</h1>
  504. {/block:Title}
  505. <div class="chat">
  506. <ol>{block:Lines}
  507. <li class="line {Alt}">
  508. {block:Label}
  509. <span class="label">
  510. {Label}</span>
  511. {/block:Label}{Line}</li>
  512. {/block:Lines}
  513. </ol></div>
  514. {/block:Chat}
  515.  
  516. {block:Photo}
  517. {LinkOpenTag}{block:If400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400px}{block:If500px}<img src="{PhotoURL-500}" alt"{PhotoAlt}"/>{/block:if500px}{LinkCloseTag}
  518. {/block:Photo}
  519.  
  520. {block:Photoset}
  521. {block:If400px}{Photoset-400}{/block:If400px}
  522. {block:If500px}{Photoset-500}{/block:If500px}
  523. {/block:Photoset}
  524.  
  525. {block:Video}
  526. {block:If400px}{Video-400}{/block:If400px}
  527. {block:If500px}{Video-500}{/block:If500px}
  528. {/block:Video}
  529.  
  530. {block:Audio}
  531. <div class="player">{AudioPlayerWhite}</div>
  532. <div class="audioinfo">
  533. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  534. </div>
  535. {/block:Audio}
  536.  
  537. {block:Answer}
  538. <div class="q">
  539. <div class="as">{Asker} said: </div>
  540. {Question}</div>
  541. <div class="a">{Answer}</div>
  542. {/block:Answer}
  543.  
  544. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  545.  
  546. {block:Date}
  547. <div id="permalink">
  548. <a title="{TimeAgo}" href="{Permalink}" ><u>{12Hour}:{Minutes} {AmPm}</u></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}
  549. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  550. </div>
  551. {/block:Date}
  552.  
  553.  
  554.  
  555. </div>
  556.  
  557.  
  558. {block:PostNotes}
  559. <div class="pagenotes">
  560. {PostNotes}
  561. </div>
  562. {/block:PostNotes}
  563.  
  564.  
  565. {/block:Posts}
  566.  
  567. <div id="pagination">
  568. {block:Pagination}
  569. {block:PreviousPage}
  570. <a href="{PreviousPage}">&larr; previous </a>
  571. {/block:PreviousPage}
  572.  
  573.  
  574. {block:NextPage}
  575. <a href="{NextPage}">next &rarr;</a>
  576. {/block:NextPage}
  577. {/block:Pagination}
  578. </div>
  579.  
  580.  
  581.  
  582. </div>
  583.  
  584. </div>
  585.  
  586.  
  587. {block:ContentSource}
  588. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  589. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  590. {/block:SourceLogo}
  591. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  592. {/block:ContentSource}
  593.  
  594. <div style="position:fixed; bottom:10px; right:10px; padding:2px 2px;">
  595. <a title="theme by nerdydean" href="http://hellish.co.vu">cr.</a>
  596. </div>
  597.  
  598.  
  599. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!