Advertisement
candycaiine

Knowledge Theme

Sep 25th, 2013
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.28 KB | None | 0 0
  1. <!----
  2.  
  3. Knowledge theme.
  4. © theme by lloydey // themesbylloyd.tumblr.com
  5. credit me in your faq if you remove this
  6.  
  7. How to install:
  8. 1. Customize -> Edit HTML
  9. 2. Delete all of the coding in your HTML
  10. 3. Copy this theme code
  11. 4. Paste it
  12. 5. Update Preview & Save & Refresh
  13. 6. Edit your theme appearance in the Appearance section after you refresh.
  14.  
  15.  
  16. ---->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  20. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  21. <script type="text/javascript"
  22. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  24.  
  25.  
  26.  
  27. <!-- edit title below -->
  28.  
  29. <title>{title}</title>
  30. <link rel="shortcut icon" href="{Favicon}">
  31.  
  32.  
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:Text" content="#000000"/>
  35. <meta name="color:Hover" content="#000000"/>
  36. <meta name="color:Link" content="#000000"/>
  37. <meta name="image:Background" content=""/>
  38. <meta name="if:show photo" content="1"/>
  39. <meta name="image:Sidebar" content="0"/>
  40. <meta name="color:Dropdown" content="#c4c4c4"/>
  41. <meta name="color:Scrollbar" content="#000"/>
  42.  
  43. <meta name="text:Link One Title" content="Link 1" />
  44. <meta name="text:Link One" content="" />
  45. <meta name="text:Link Two Title" content="Link 2" />
  46. <meta name="text:Link Two" content="" />
  47. <meta name="text:Link Three Title" content="Link 3" />
  48. <meta name="text:Link Three" content="" />
  49. <meta name="text:Link Four Title" content="Link 4" />
  50. <meta name="text:Link Four" content="" />
  51. <meta name="text:Link Five Title" content="Link 5" />
  52. <meta name="text:Link Five" content="" />
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  60. <style type="text/css">
  61. @font-face { font-family: "heartbreak"; src: url('http://static.tumblr.com/18hu9yq/p0ampl7ww/heartbreaks.ttf'); }
  62.  
  63. #tumblr_controls{
  64. position:fixed !important;
  65. -webkit-filter:invert(100%);
  66.  
  67. }
  68. ::-webkit-scrollbar-thumb:vertical{
  69. width:10px;
  70. height:10px;
  71. -webkit-border-radius:3px;
  72. background-color:{color:scrollbar};
  73. border:2px {color:background} solid;
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb:horizontal{
  77. height:10px !important;
  78. -webkit-border-radius:3px;
  79. background-color:{color:scrollbar};
  80. border:2px {color:background} solid;
  81. }
  82.  
  83. ::-webkit-scrollbar{
  84. height:10px;
  85. width:10px;
  86. -webkit-border-radius:3px;
  87. background-color:{color:background};
  88. background-image:url({image:Background});
  89. }
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97. }
  98.  
  99. #s-m-t-tooltip{
  100. max-width:300px;
  101. padding:2px;
  102. margin:26px 0px 0px 8px;
  103. z-index:10;
  104. background-color:#ffffff;
  105. font-family:ubuntu;
  106. font-size:9px;
  107. letter-spacing:1px;
  108. border-radius:3px;
  109. text-transform:uppercase;
  110. color:{color:Dropdown};
  111. border:1px solid {color:Dropdown};
  112. z-index:99999999999999999;
  113. }
  114.  
  115.  
  116. body {
  117. padding: 0px;
  118. margin: 0px;
  119. color:{color:text};
  120. background-color: #ffffff;
  121. background-image:url({image:Background});
  122. background-attachment: fixed;
  123. background-repeat: repeat;
  124. background-size:900px;
  125. font-family:calibri;
  126. font-size: 13px;
  127. line-height:15px;
  128. letter-spacing:0px;
  129.  
  130. }
  131.  
  132.  
  133.  
  134.  
  135. a:link, a:active, a:visited{
  136. color:{color:link};
  137. text-decoration: none;
  138. -webkit-transition: color 0.5s ease-out;
  139. -moz-transition: color 0.5s ease-out;
  140. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  141. }
  142.  
  143. a:hover{
  144. color:{color:hover};
  145. -webkit-transition-duration: .9s;
  146. -webkit-transition: color 0.3s ease-out;
  147. -moz-transition: color 0.3s ease-out;
  148. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  149. }
  150.  
  151. a:active{
  152. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  153. -webkit-transition:all 0.05s ease-in-out;
  154. -moz-transition:all 0.05s ease-in-out;
  155. -o-transition:all 0.05s ease-in-out;
  156. transition:all 0.05s ease-in-out;
  157. color: white;
  158. text-decoration:italic;
  159. }
  160.  
  161.  
  162.  
  163.  
  164. .entry {
  165. margin:12px;
  166. padding:9px;
  167. float:left;
  168. background-color:white;
  169. opacity:.80;
  170. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  171. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  172. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  173. border:1px solid #ccc;
  174. font-size: 12px;
  175. line-height:14px;
  176. font-family:ubuntu;
  177. width:230px;
  178. {block:PermalinkPage}
  179. width:500px;
  180. {/block:PermalinkPage}
  181. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  182. }
  183.  
  184.  
  185.  
  186.  
  187. .entry:hover {
  188. margin:12px;
  189. padding:9px;
  190. float:left;
  191. background-color:white;
  192. opacity:.99;
  193. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  194. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  195. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  196. border:1px solid #ccc;
  197. font-size: 12px;
  198. line-height:14px;
  199. font-family:ubuntu;
  200. width:230px;
  201. {block:PermalinkPage}
  202. width:500px;
  203. {/block:PermalinkPage}
  204. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  205. }
  206.  
  207.  
  208. .entry img{
  209. {block:IndexPage}
  210. width:100%;
  211. margin-bottom:-2px;
  212. {/block:IndexPage}
  213. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  214. }
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222. .textperma{
  223. font-size: 9px;
  224. line-height:11px;
  225. margin-top:3px;
  226. font-family:ubuntu;
  227. }
  228.  
  229.  
  230. .bubble {align:right;background:#eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  231. .bubble p {margin:1px 0px;}
  232. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 12;line-height: 14px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  233. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  234.  
  235. .player {
  236. background-color: #fff;
  237. height: 25px;
  238. width: 180px;
  239. padding: 5px;
  240. margin-left: 85px;
  241. margin-top: 10px;
  242. overflow: hidden;
  243. position: absolute;
  244. margin-left: 13px;
  245. margin-top: 13px;
  246. opacity: .9;
  247. color:black;
  248. transition: 0.5s;
  249. -moz-transition: 0.5s;
  250. -webkit-transition: 0.5s;
  251. -o-transition: 0.5s;
  252. }
  253.  
  254.  
  255. .player:hover {
  256. opacity: .7;
  257. }
  258.  
  259. .entry .permalink{
  260. position:absolute;
  261. width:226px;
  262. border-bottom:0px solid #eee;
  263. padding:2px;
  264. background-color:#fff;
  265. overflow:hidden;
  266. opacity:0.0;
  267. letter-spacing:1px;
  268. font-family:ubuntu;
  269. text-align:center;
  270. font-size:9px;
  271. text-transform:uppercase;
  272. top:-5px;
  273. z-index:8;
  274. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  275. }
  276.  
  277. .entry:hover .permalink{
  278. opacity:1;
  279. top:3px;
  280. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  281. }
  282.  
  283. .permalink a{
  284. font-style:normal;
  285. color:black;
  286. }
  287.  
  288.  
  289. #cocaine {opacity:.87;
  290. position: fixed;
  291. height:55px;
  292. left:401px;
  293. top:0px;
  294. width:565px;
  295. margin: auto;
  296. color:#000;
  297. border-bottom:2px solid #ddd;
  298. border-left:2px solid #ddd;
  299. border-right:2px solid #ddd;
  300. padding: 10px;
  301. z-index:999;
  302. background-color:#fff;
  303. }
  304.  
  305. #cocainev2 {
  306. opacity:1;
  307. margin: auto;
  308. text-transform: uppercase;
  309. text-align: center;
  310. font-family:ubuntu;
  311. color: #000;
  312. font-weight: bold;
  313. font-size:9px;
  314. letter-spacing:3px;
  315. line-height: 7px; }
  316.  
  317.  
  318.  
  319. #swag{
  320. z-index:9999999999999;
  321. position:fixed;width:180px;
  322. background-color:white;
  323. opacity: .99;
  324. width:auto;
  325. text-align:center;
  326. height:auto;
  327. color:#000000;
  328. font-size:23px;
  329. top:119px;
  330. left:195px;
  331. border:0px solid #ccc;
  332. padding:5px;
  333. font-family:heartbreak;
  334. text-shadow:1px 0 {color:Dropdown}, 0 1px {color:Dropdown}, 1px 0 {color:Dropdown}, 0 -1px {color:Dropdown};
  335.  
  336.  
  337.  
  338. }
  339.  
  340.  
  341.  
  342. #posts {
  343. width: 600px;
  344. height: 100%;
  345. background-attachment: fixed;
  346. background-color:auto;
  347. background-repeat:repeat;
  348. opacity: .5px;
  349. margin-left:462px;
  350. margin-top:3px;
  351. padding:4px;
  352. float:left;
  353. -webkit-animation:fadeIn 3s;
  354. -moz-animation:fadeIn 3s;
  355. -ms-animation:fadeIn 3s;
  356. }
  357.  
  358.  
  359. .quote {
  360. font-family:ubuntu;
  361. font-size: 16px;
  362. float: left;
  363. border-left:1px solid #ccc;
  364. margin-right: 5px;
  365. }
  366.  
  367.  
  368.  
  369.  
  370. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  371.  
  372.  
  373. @font-face {
  374. font-family:basket;
  375. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,
  376. }
  377.  
  378.  
  379. #sidebar{
  380. position:fixed;
  381. width:200px;
  382. margin-left:182px;
  383. overflow:hidden;
  384. position:fixed;
  385. padding:9px;
  386. padding-left:7px;
  387. padding-right:7px;
  388. padding-top:20px;
  389. z-index:999999;
  390. text-align:center;
  391. border: 1px solid #ccc;
  392. font-family:ubuntu;
  393. border-bottom:1px solid #ccc;
  394. font-size:11px;
  395. line-height:16px;
  396. background-color:#fff;
  397. top:130px;
  398. height:auto;
  399. opacity:.88;
  400. z-index:99999999;
  401. }
  402.  
  403.  
  404.  
  405.  
  406. /*titles*/
  407.  
  408. .title {
  409. font-size:13px;
  410. line-height:15px;
  411. font-family:ubuntu;
  412. text-transform:uppercase;
  413. font-weight: bold;
  414. color:#000;letter-spacing:0px;
  415. }
  416.  
  417.  
  418.  
  419. </style>
  420.  
  421. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  422. <script>
  423. (function($){
  424. $(document).ready(function(){
  425. $("[title],a[title],img[title]").style_my_tooltips({
  426. tip_follows_cursor:true,
  427. tip_delay_time:100,
  428. tip_fade_speed:300,
  429. attribute:"title"
  430. });
  431. });
  432. })(jQuery);
  433. </script>
  434.  
  435. <script type="text/javascript"
  436. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js">
  437. </script><script src="http://static.tumblr.com/jkg9xxi/gBCmsyr4m/gbreauhbfuhenwuafbi.js"></script>
  438.  
  439.  
  440. <script type="text/javascript">
  441. $(window).load(function () {
  442. var $content = $('#posts');
  443. $content.masonry({itemSelector: '.entry'}),
  444. $content.infinitescroll({
  445. navSelector : 'div#pagination',
  446. nextSelector : 'div#pagination a#nextPage',
  447. itemSelector : '.entry',
  448. loading: {
  449. finishedMsg: '',
  450. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  451. },
  452. bufferPx : 600,
  453. debug : false,
  454. },
  455. // call masonry as a callback.
  456. function( newElements ) {
  457. var $newElems = $( newElements );
  458. $newElems.hide();
  459. // ensure that images load before adding to masonry layout
  460. $newElems.imagesLoaded(function(){
  461. $content.masonry( 'appended', $newElems, true,
  462. function(){$newElems.fadeIn(300);} );
  463.  
  464.  
  465. });
  466. });
  467. });
  468. </script>
  469.  
  470. </style>
  471.  
  472. <script src="http://jquery-airport.googlecode.com/files/jquery.airport-1.1.source.js" type="text/javascript"></script>
  473.  
  474.  
  475.  
  476.  
  477.  
  478. <body>
  479.  
  480.  
  481.  
  482.  
  483.  
  484. <div id="sidebar">
  485. <div style="opacity;1;">
  486. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=185></a>{/block:ifshowphoto}<br>
  487. <center>
  488. <div style="margin-top:7px;">
  489. <center> {description}</center>
  490. <div style="margin-top:5px;">
  491. <center>
  492. </select><select onchange='location=this.options[this.selectedIndex].value;' style='
  493. line-height:90%;
  494. font-size:11px;
  495. color:#fff;
  496. font-style:Futurist fixed-width;
  497. width:180px;
  498. background-color: {color:Dropdown};
  499. border:#fff 0px solid;
  500. height:18px;
  501. font-family:consolas;
  502. margin-top:2px;
  503. margin-left:3px;
  504. padding:0px;
  505. -moz-border-radius:3px;
  506. -webkit-border-radius:3px;
  507. border-radius:3px;
  508. '>
  509.  
  510. <option><center>N a v i g a t e</center></option>
  511.  
  512. <option value="/">index</option>
  513.  
  514. <option value="{text:Link One}">{text:Link One Title}</option>
  515.  
  516. <option value="{text:Link Two}">{text:Link Two Title}</option>
  517.  
  518. <option value="{text:Link Three}">{text:Link Three Title}</option>
  519.  
  520. <option value="{text:Link Four}">{text:Link Four Title}</option>
  521.  
  522. <option value="{text:Link Five}">{text:Link Five Title}</option>
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529. </select>
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539. </select>
  540.  
  541.  
  542.  
  543. </select>
  544.  
  545.  
  546. </div>
  547. </div></div></div>
  548.  
  549.  
  550.  
  551. <div class="wrapper">
  552. <div style="position:fixed;right:0px;top:28px;">
  553. </span>
  554. </div>
  555.  
  556.  
  557.  
  558.  
  559.  
  560. <div id="posts">
  561.  
  562. {block:Posts}
  563. <div class="entry">
  564.  
  565. {block:Text}
  566. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}<br>
  567. <span class="entrytext">{Body}</span></a>
  568. {block:IndexPage}
  569. <div class="textperma"><a href="{Permalink}"title="Time ago">{timeago}</a></span></a> | <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
  570. {/block:IndexPage}
  571. {/block:Text}
  572.  
  573. {block:Link}
  574. <a href="{URL}" class="title"><center>{Name}</center></a><br>
  575. {block:Description}{Description}{/block:Description}
  576. {block:IndexPage}
  577. <div class="textperma"><a href="{Permalink}"title="Time ago">{timeago}</a></span></a> | <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
  578. {/block:IndexPage}
  579. {block:Link}
  580.  
  581. {block:Photo}
  582. {block:IndexPage}
  583. {LinkOpenTag}
  584. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="230"/></a></div>{LinkCloseTag}{/block:IndexPage}
  585. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  586. {/block:IndexPage}
  587. {block:IndexPage}
  588.  
  589.  
  590. <div class="permalink">{DayOfWeek} ♡ <a href="{Permalink}"title="Click for Notes">{NoteCount}</a> ♡ <a href="{ReblogURL}"title="Click to Reblog">Reblog</a>
  591. </center></div>
  592.  
  593.  
  594. {/block:IndexPage}
  595. {/block:Photo}
  596.  
  597. {block:Answer}
  598. <div class="post"><div class="askborder">
  599. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  600. <br> {Answer}
  601. </div><br>
  602. <P ALIGN=Right><a href="{Permalink}"title="Click for Notes">{NoteCountWithLabel}</a>
  603. {/block:Answer}
  604.  
  605. {block:Photoset}
  606. <center><div class="photoset_photo" width="220px">{Photoset-250}</div></center><p style="text-align: right;">
  607. {block:IndexPage}<div class="textperma"><a href="{reblogurl}"title="Click to Reblog">reblog</a> | <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>{/block:IndexPage}
  608. {/block:Photoset}
  609. {block:Quote}
  610. {Quote}
  611. {block:Source}<div align="right"><i><b>-{Source}</i></b></div>{/block:Source}
  612. {/block:PermalinkPage}
  613. {block:IndexPage}
  614. <div class="textperma"><a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
  615. {/block:IndexPage}
  616. {/block:Quote}
  617.  
  618. {block:Chat}
  619. {block:Lines}<div style="background: transparent; color: {color:text}; padding: 5px; border-bottom: 1px solid black">{block:Label}<span style="color: #00; text-transform: uppercase; ">{Label}</span>{/block:Label}&nbsp;{Line}<br></div>{/block:Lines}
  620. <p>
  621. {block:IndexPage}
  622. <div style="margin-top:5px;" class="textperma"><a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
  623. {/block:IndexPage}
  624. {/block:Chat}
  625.  
  626. {block:Audio}
  627. <div class="player">{AudioPlayerWhite}</div>
  628. <div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase; line-height: 17px;"><br><br><br> <b>Plays:</b> {FormattedPlayCount}</div><div class="textperma"><a href="{Permalink}"title="Time ago">{timeago}</a></span></a> | <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
  629. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  630. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  631. {Caption}
  632. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  633. {block:IfNotShowCaptions}<div style="padding: 4px;"></div>{/block:IfNotShowCaptions}
  634. {/block:Audio}
  635.  
  636. {block:Video}
  637. {block:IndexPage}
  638. <div class="posttitle">
  639. <a href="{Permalink}" target="_blank"><center><i>View Video</center></i></a>
  640. </div>
  641. {/block:IndexPage}
  642. {block:PermalinkPage}
  643. {Video-400}
  644. {/block:PermalinkPage}
  645. {block:ifCaptions}
  646. {block:Caption}{Caption}{/block:Caption}
  647. {/block:ifCaptions}
  648. {block:IndexPage}
  649. <div class="textperma"> <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
  650. {/block:IndexPage}
  651. {block:Video}
  652.  
  653. {block:PermalinkPage}
  654. <p>
  655. <center>
  656. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  657.  
  658. {/block:PermalinkPage}
  659.  
  660. {block:PostNotes}<div style="margin-left:-25px; padding-right:5px;">{PostNotes}</div>
  661. {/block:PostNotes}
  662. </div>
  663.  
  664. {/block:Posts}
  665. </div>
  666. </div>
  667. {block:IndexPage}
  668. {block:Pagination}
  669. <div id="pagination">
  670. {block:NextPage}
  671. <a id="nextPage" href="{NextPage}"> </a>
  672. {/block:NextPage}
  673. {block:PreviousPage}
  674. <a href="{PreviousPage}"> </a>
  675. {/block:PreviousPage}
  676. </div>
  677. {/block:Pagination}
  678. {/block:IndexPage}
  679. </div>
  680.  
  681. </body>
  682. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement