API tools faq
paste
Advertisement
Kalleye

2nd theme for tumblr

Kalleye
Aug 17th, 2012
338
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.66 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--#2 theme made by Monika (inaglimpsefromaquietchildhood@tumblr)
  5.  
  6. ------------------------------------------------
  7. ~~~~~~~~~~~~~~~~~~TERMS OF USE~~~~~~~~~~~~~~~~~~
  8. ------------------------------------------------
  9. x You can change colors, but you are not allowed to change anything (well, except colors) in HTML.
  10. x Keep all the credits.
  11. x Do not use as a base for your themes.
  12. x Do not redistribute as your own.
  13.  
  14. If you delete credits, use as a base or redistribute as your own I swear on the Angel I will hunt you down and you will meet with my parabatai's grenade launcher. Enjoy using.-->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17.  
  18. <head>
  19.  
  20. <title>{title}</title>
  21.  
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Scrollbar" content="#4180AB"/>
  28. <meta name="color:Selection" content="#73a0bf"/>
  29. <meta name="color:Selection text" content="#ffffff"/>
  30. <meta name="color:Title" content="#8AB3CF"/>
  31. <meta name="color:Title hover" content="#5884a3"/>
  32. <meta name="color:Link" content="#cddee9"/>
  33. <meta name="color:Link 1 text" content="#ffffff"/>
  34. <meta name="color:Link Hover" content="#486b82"/>
  35. <meta name="color:Quotation mark" content="#f7f7f7 "/>
  36. <meta name="color:Description border" content="#d9e2e9"/>
  37. <meta name="color:Description text" content="#9e9e9e"/>
  38. <meta name="color:Description link" content="#6f9ab7"/>
  39. <meta name="color:Description link hover" content="#507894" />
  40. <meta name="color:Pagination" content="#8ab3cf"/>
  41. <meta name="color:Content Text" content="#9ea4a7"/>
  42. <meta name="color:Post border" content="#d9e2e9"/>
  43. <meta name="color:Blockquote" content="#cddee9"/>
  44. <meta name="color:Content link" content="#7d9eb4"/>
  45. <meta name="color:Content link hover" content="#486b82" />
  46. <meta name="color:Question" content="#E4EBF0" />
  47. <meta name="color:Question text" content="#ffffff" />
  48. <meta name="color:Chat border" content="#9db1c0" />
  49. <meta name="color:Chat child" content="#fcfcfc" />
  50.  
  51.  
  52.  
  53. <meta name="font:Menu" content="Courier New" />
  54. <meta name="font:Title" content="Baskerville" />
  55. <meta name="font:About" content="Arial" />
  56. <meta name="font:Pagination" content="Arial" />
  57. <meta name="font:Caption" content="Arial" />
  58. <meta name="font:Content" content="Arial" />
  59. <meta name="font:Quote" content="Baskerville" />
  60. <meta name="font:Asker" content="Courier New" />
  61.  
  62. <meta name="image:Sidebar Image 1" content="http://static.tumblr.com/jmc3mkz/Twvm8g3o7/loki.png">
  63. <meta name="image:Sidebar Image 2" content="http://static.tumblr.com/jmc3mkz/Uu6m8g7xh/castle.png">
  64. <meta name="image:Sidebar Image 3" content="http://static.tumblr.com/jmc3mkz/vyUm8g7z2/dw.png">
  65. <meta name="image:Sidebar Image 4" content="http://static.tumblr.com/jmc3mkz/XUTm8g7zq/lilyxjamie.png">
  66. <meta name="image:Sidebar Image 5" content="http://static.tumblr.com/jmc3mkz/m7Mm8g80c/jennifee.png">
  67. <meta name="image:Sidebar Image 6" content="http://static.tumblr.com/jmc3mkz/fQOm8g862/spn.png">
  68. <meta name="image:Sidebar Image 7" content="http://static.tumblr.com/jmc3mkz/NSwm8g88c/emma.png">
  69. <meta name="image:Sidebar Image 8" content="http://static.tumblr.com/jmc3mkz/4uAm8g88x/dany.png">
  70.  
  71. <meta name="if:disable right click" content="1"/>
  72. <meta name="if:title" content="1"/>
  73. <meta name="if:first link" content="0"/>
  74. <meta name="if:second link" content="0"/>
  75. <meta name="if:third link" content="0"/>
  76. <meta name="if:fourth link" content="0"/>
  77. <meta name="if:fifth link" content="0"/>
  78. <meta name="if:sixth link" content="0"/>
  79.  
  80. <meta name="text:Link1" content="/" />
  81. <meta name="text:Link1 Title" content="Link 1" />
  82. <meta name="text:Link2" content="/" />
  83. <meta name="text:Link2 Title" content="Link 2" />
  84. <meta name="text:Link3" content="/" />
  85. <meta name="text:Link3 Title" content="Link 3" />
  86. <meta name="text:Link4" content="/" />
  87. <meta name="text:Link4 Title" content="Link 4" />
  88. <meta name="text:Link5" content="/" />
  89. <meta name="text:Link5 Title" content="Link 5" />
  90. <meta name="text:Link6" content="/" />
  91. <meta name="text:Link6 Title" content="Link 6" />
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96. ::selection {color: {color:Selection text}; background: {color:Selection};}
  97.  
  98. ::-moz-selection {color: {color:Selection text}; background: {color:Selection};}
  99.  
  100. ::-webkit-selection {color: {color:Selection text}; background: {color:Selection};}
  101.  
  102. ::-webkit-scrollbar {width: 5px; height: 5px; background: {color:Background};}
  103.  
  104. ::-webkit-scrollbar-thumb {background: {color:Scrollbar};}
  105.  
  106. ::-webkit-scrollbar-track {background: {color:Background};}
  107.  
  108. iframe#tumblr_controls { top:0px !important; right:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear; opacity: 0.4; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; z-index:99;}
  109.  
  110. iframe#tumblr_controls:hover {-webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99;}
  111.  
  112. html, body {margin: 0 auto; padding: 0px; background: {color:Background};}
  113.  
  114.  
  115. b,strong {color:{color:Title};}
  116.  
  117. #content {width: 1000px; margin: auto;}
  118.  
  119. #sidebar {position:fixed; width: 320px; margin-top: 60px;}
  120.  
  121. #title {font-size: 18px; font-style:oblique; text-align:center; font-weight: bold; font-family: {font:Title};}
  122.  
  123. #title a {text-decoration:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Title};}
  124.  
  125. #title a:hover {color: {color:Title hover};}
  126.  
  127. #sidebar-image {float:right; width:200x; height:300px; margin-bottom: 7px;}
  128.  
  129. .sbimage {width:200px;}
  130.  
  131. #menu { width: 115px; float:left; text-align:center;}
  132.  
  133. #link {margin-top: 2px; margin-bottom: 2px; font-size: 11px;padding: 5px; letter-spacing: 1px; width: 100px; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; text-align:center; background: {color:Link}; font-family: {font:Menu};}
  134.  
  135. #link:hover {background: {color:Link Hover}; }
  136.  
  137. #link a {text-decoration:none;letter-spacing: 1px; color: {color:Link 1 Text};}
  138.  
  139. #description {margin-top: -80px; width:200px;}
  140.  
  141. .quotationmark {letter-spacing: -10px; margin-left: -10px; clear:both;text-align:justify; font-size: 99px; font-family:Georgia; font-weight:bold; margin-top: -75px; color: {color:Quotation mark};}
  142.  
  143. .description { margin-top: -25px; text-indent:15px; font-size: 11px; margin-left: 10px;text-align:justify; padding-bottom: 3px; color: {color:Description Text}; font-family: {font:About};}
  144.  
  145. .description a {text-decoration:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Description link};}
  146.  
  147. .description a:hover {color: {color:Description link hover};}
  148.  
  149. #pagination {margin-left: 10px; margin-top: 5px; text-align:right; font-size: 11px; color: {color:Description Text}; font-family: {font:Pagination};}
  150.  
  151. .pagination {border-bottom: 2px solid {color:Description border}; padding-left: 7px; padding-right: 7px;}
  152.  
  153. #pagination a {text-decoration:none;color: {color:Pagination};}
  154.  
  155. #posts {margin-left: 350px; margin-top: 60px;width:500px; float:left;}
  156.  
  157. .postcontent {width: 500px;margin-bottom: 20px;}
  158. .posts {width: 500px; border-bottom: 1px dashed {color:Description border};}
  159.  
  160. .info {width: 500px; font-size: 11px; text-align:center; font-family: {font:Content}; color: {color:Content Text}}
  161.  
  162. .info a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  163.  
  164. .info a:hover {color: {color:Content link hover};}
  165.  
  166. .quotation { line-height: 50px;letter-spacing: -10px; margin-left: -10px; clear:both;text-align:justify; font-size: 99px; font-family:Georgia; font-weight:bold; color: {color:Quotation mark};}
  167.  
  168. .quote {margin-top: -62px; font-size: 25px; font-style:oblique; font-weight: bold;color: {color:Title}; font-family: {font:Quote};}
  169.  
  170. .quote-source {font-size: 11px; text-align:right; padding-left:10px; padding-right: 10px; font-family: {font:Content}; color: {color:Content Text}; margin-top: -25px;}
  171.  
  172. .quote-source a {text-decoration:none; font-weight:bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  173.  
  174. .quote-source a:hover {color: {color:Content link hover};}
  175.  
  176. .post-title {font-size: 18px; font-style:oblique; text-align:center; font-weight: bold;color: {color:Title}; font-family: {font:Title};}
  177.  
  178.  
  179. .post-title a {text-decoration:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Title};}
  180.  
  181. .post-title a:hover {color: {color:Title hover};}
  182.  
  183. blockquote {padding: 5px; margin-left: 10px; font-size: 11px; margin-right: 0px; text-align:justify; font-family: {font:Content}; color: {color:Content Text}; border-left: 3px solid {color:Blockquote}; }
  184.  
  185. blockquote img {max-width: 95%;}
  186.  
  187. blockquote a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  188.  
  189. blockquote a:hover {color: {color:Content link hover};}
  190.  
  191. .caption {font-size: 11px; padding-top: 10px; padding-left:10px; padding-right: 10px; text-align:justify; font-family: {font:Content}; color: {color:Content Text};}
  192.  
  193. .caption a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  194.  
  195. .caption a:hover {color: {color:Content link hover};}
  196.  
  197. .question {padding: 10px; font-size: 11px; background: {color:Question}; font-family: {font:Content}; color: {color:Question text};}
  198.  
  199. .arrow-question {font-size: 44px; margin-top: -20px; color: {color:Question}; margin-left: 23px; float:left;}
  200.  
  201. .asker a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-family: {font:Asker}; color: {color:Content link}; }
  202.  
  203. .asker a:hover {color: {color:Content link hover};}
  204.  
  205. .answer {clear:both; font-size: 11px; padding-top: 10px; padding-left:10px; padding-right: 10px; text-align:justify; font-family: {font:Content}; color: {color:Content Text}; }
  206.  
  207. .answer a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  208.  
  209. .answer a:hover {color: {color:Content link hover};}
  210.  
  211. .player {width: 500px; padding-bottom: 7px; border-bottom: 1px dashed {color:Description border};}
  212.  
  213.  
  214. .reblogged {font-size: 11px;padding-bottom: 10px; padding-left:10px; padding-right: 10px; font-family: {font:Content}; color: {color:Content Text}}
  215.  
  216. .reblogged a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  217.  
  218. .reblogged a:hover {color: {color:Content link hover};}
  219.  
  220. .tags {text-transform:lowercase;}
  221.  
  222. .tags a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  223.  
  224. .tags a:hover {color: {color:Content link hover};}
  225.  
  226.  
  227. #postnotes {width: 700px; clear:both;}
  228.  
  229. ol {display:block; list-style:none; width: 500px; margin-left: -40px; font-size: 11px; font-family: {font:Content}; color: {color:Content Text};}
  230.  
  231. ol.notes a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  232.  
  233. ol.notes a:hover {color: {color:Content link hover};}
  234.  
  235. p:first-child {padding-top:0px; text-indent:15px;}
  236.  
  237. p {text-indent:15px;}
  238.  
  239. p:last-child {text-indent:15px; padding: 0px; margin: 0px;}
  240.  
  241. ul.chat {margin-top: 0px; margin-bottom: 0px; margin-left: -40px; list-style: none;}
  242.  
  243. .chat-user:first-child {border-top: 1px solid {color:Chat border};}
  244.  
  245. .chat-user {padding: 7px; font-size: 11px; background: {color:Background}; color: {color:Content Text}; font-family: {font:Content}; border-bottom: 1px solid {color:Chat border}; border-left: 1px solid {color:Chat border}; border-right: 1px solid {color:Chat border};}
  246.  
  247. .chat-user:nth-child(2n) {background: {color:Chat child};}
  248.  
  249. .chat-label {background: {color:Selection}; color: {color:Selection text};}
  250.  
  251. #credit {position:fixed; bottom: 10px; left: 10px; font-size: 11px; color: {color:Content Text}; font-family: {font:Content}; }
  252.  
  253. #credit a {text-decoration:none; font-weight: bold; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:Content link};}
  254.  
  255. #credit a:hover {color: {color:Content link hover};}
  256. </style>
  257.  
  258.  
  259.  
  260. {block:ifdisablerightclick}<script language=JavaScript>
  261. <!--var message="";
  262. function clickIE() {if (document.all) {(message);return false;}}
  263. function clickNS(e) {if
  264. (document.layers||(document.getElementById&&!document.all)) {
  265. if (e.which==2||e.which==3) {(message);return false;}}}
  266. if (document.layers)
  267. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  268. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  269. document.oncontextmenu=new Function("return false")
  270. // -->
  271. </script>
  272. {block:ifdisablerightclick}
  273.  
  274. </head>
  275. <body>
  276. <div id="credit">© <a href="http://inaglimpsefromaquietchildhood.tumblr.com/">inaglimpsefromaquietchildhood</div>
  277. <div id="content">
  278. <div id="sidebar">
  279. {block:iftitle}<div id="title"><a href="/">{title}</a></div>{/block:iftitle}
  280. <div id="sidebar-image">
  281.  
  282. <script language="JavaScript">
  283.  
  284. <!--
  285.  
  286.  
  287.  
  288. /*
  289.  
  290. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  291.  
  292. Over 400+ free JavaScripts here!
  293.  
  294. Keep this notice intact please
  295.  
  296. */
  297.  
  298.  
  299.  
  300. function random_imglink(){
  301.  
  302. var myimages=new Array()
  303.  
  304. //specify random images below. You can have as many as you wish
  305.  
  306. myimages[1]="{image:Sidebar Image 1}"
  307.  
  308. myimages[2]="{image:Sidebar Image 2}"
  309.  
  310. myimages[3]="{image:Sidebar Image 3}"
  311.  
  312. myimages[4]="{image:Sidebar Image 4}"
  313.  
  314. myimages[5]="{image:Sidebar Image 5}"
  315.  
  316. myimages[6]="{image:Sidebar Image 6}"
  317.  
  318. myimages[7]="{image:Sidebar Image 7}"
  319.  
  320. myimages[8]="{image:Sidebar Image 8}"
  321.  
  322.  
  323.  
  324. var ry=Math.floor(Math.random()*myimages.length)
  325.  
  326. if (ry==0)
  327.  
  328. ry=1
  329.  
  330. document.write('<img src="'+myimages[ry]+'" class="sbimage">')
  331.  
  332. }
  333.  
  334. random_imglink()
  335.  
  336. //-->
  337.  
  338. </script>
  339.  
  340. <div id="pagination"><span class="pagination">{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</span></div>
  341.  
  342. {Block:Description}<div id="description"><div class="quotationmark">,,</div>
  343.  
  344. <div class="description">{Description}</div></div>{/Block:Description}
  345.  
  346.  
  347. </div>
  348. <div id="menu">
  349. <div id="link"><a href="/">Home</a></div>
  350. <div id="link"><a href="/ask">Askbox</a></div>
  351. <div id="link"><a href="/archive">Archive</a></div>
  352. {block:iffirstlink}<div id="link"><a href="{text:Link1}">{text:Link1 Title}</a></div>{/block:iffirstlink}
  353. {block:ifsecondlink}<div id="link"><a href="{text:Link2}">{text:Link2 Title}</a></div>{/block:ifsecondlink}
  354. {block:ifthirdlink}<div id="link"><a href="{text:Link3}">{text:Link3 Title}</a></div>{/block:ifthirdlink}
  355. {block:iffourthlink}<div id="link"><a href="{text:Link4}">{text:Link4 Title}</a></div>{/block:iffourthlink}
  356. {block:iffifthlink}<div id="link"><a href="{text:Link5}">{text:Link5 Title}</a></div>{/block:iffifthlink}
  357. {block:ifsixthlink}<div id="link"><a href="{text:Link6}">{text:Link6 Title}</a></div>{/block:ifsixthlink}
  358.  
  359.  
  360.  
  361.  
  362. </div></div>
  363.  
  364. <div id="posts">
  365. {block:Posts}
  366. <div class="postcontent">
  367.  
  368. <div class="posts">
  369.  
  370. {block:Text}{block:Title}<span class="post-title">{Title}</span>{/block:Title}
  371. <div class="caption">{Body}</div>{/block:Text}
  372.  
  373. {block:Quote}<div class="quotation">”</div><div class="quote">{Quote}</div><br>
  374. <div class="quote-source">— {Source}</div>{/block:Quote}
  375.  
  376. {block:Link}<span class="post-title"><a href="{URL}">{Name}</a></span>
  377. {block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  378.  
  379. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  380. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  381.  
  382. {block:Photoset}<center>{Photoset-500}</center>
  383.  
  384. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  385.  
  386.  
  387. {block:Chat}
  388.  
  389. {block:Title}
  390. <span class="post-title"><a href="{Permalink}">{Title}</a></span>
  391. {/block:Title}
  392.  
  393. <ul class="chat">
  394. {block:Lines}
  395. <li class="chat-user">
  396. {block:Label}
  397. <span class="chat-label">{Label}</span>
  398. {/block:Label}
  399.  
  400. {Line}
  401. </li>
  402. {/block:Lines}
  403. </ul>
  404. {/block:Chat}
  405.  
  406. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  407.  
  408. {block:Answer}<div class="question">{Question}</div>
  409. <div class="arrow-question">◥</div>
  410. <div class="asker">{asker} </div>
  411.  
  412. <div class="answer">{Answer}</div>{/block:answer}
  413.  
  414. {block:Audio}<div class="player">{AudioEmbed-500}{AudioPlayerGrey}</div>
  415. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  416.  
  417. <div class="reblogged">{block:RebloggedFrom} (via: <a title ="{ReblogParentName}" href="{ReblogParentURL}"> {ReblogParentName}</a>){/block:RebloggedFrom}
  418.  
  419. {block:ContentSource}(originally: <a title ="{SourceTitle}" href="{SourceURL}"> {SourceTitle}</a>){/block:ContentSource}</div>
  420.  
  421. </div>
  422.  
  423. <div class="info">{block:Date}posted <a href="{Permalink}">{TimeAgo} </a> ({DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} @ {24Hour}:{Minutes}){/block:Date} {block:NoteCount} + <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  424.  
  425.  
  426. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  427. </div></div>
  428.  
  429.  
  430.  
  431.  
  432. {/block:posts}
  433.  
  434. {block:PostNotes}<div id="postnotes">{PostNotes}</div>{/block:PostNotes}
  435.  
  436. </div>
  437. </div>
  438. </div>
  439.  
  440. </body>
  441. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!