API tools faq
paste
Advertisement
jollyxo

Animo Theme by Jolly

jollyxo
Oct 11th, 2013
10,088
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.19 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ******************************************
  3. | | |
  4. | | |
  5. | _____ | |
  6. | | | | | | \ / PLEADINGLY.tumblr.com
  7. | | | | | | \ / UNPRESENTABLE.tumblr.com
  8. \_____/ |_____| | | \____/ JOLLYTHEMES.tumblr.com
  9. /
  10. /
  11. \____/
  12. Amino Theme by unpresentable aka pleadingly
  13. Please do not remove the credits.
  14. Or at least put me on your faqs. Thank you.
  15. ******************************************
  16. -->
  17.  
  18. <head>
  19. <script type="text/javascript">
  20. <!--
  21.  
  22. //(c) Ian Muscat 2007
  23.  
  24. function IE(e)
  25. {
  26. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  27. {
  28. return false;
  29. }
  30. }
  31. function NS(e)
  32. {
  33. if (document.layers || (document.getElementById && !document.all))
  34. {
  35. if (e.which == "2" || e.which == "3")
  36. {
  37. return false;
  38. }
  39. }
  40. }
  41. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  42.  
  43. //-->
  44. </script>
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("a[title]").style_my_tooltips({
  51. tip_follows_cursor:true,
  52. tip_delay_time:90,
  53. tip_fade_speed:600,
  54. attribute:"title"
  55. });
  56. });
  57. })(jQuery);
  58. </script>
  59.  
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  62. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  63. <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  66. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  67. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  68. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  69. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  70. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  71. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
  72. <link href="http://fonts.googleapis.com/css?family=Asap|Share" rel='stylesheet' type='text/css'>
  73. <link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
  74. <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  75. <link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  76. <link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
  77. <link href='http://fonts.googleapis.com/css?family=Lekton|Antic' rel='stylesheet' type='text/css'>
  78. <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
  79. <html lang="en">
  80. <body onkeydown="return false">
  81. <title>{title}</title>
  82.  
  83. <link rel="shortcut icon" href="{Favicon}">
  84. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  85. <meta name="viewport" content="width=820" />
  86.  
  87. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  88. <script type="text/javascript"
  89. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  90.  
  91.  
  92. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  93. <meta name="color:background" content="#ffffff"/>
  94. <meta name="color:text" content="#000000"/>
  95. <meta name="color:headerlinks" content="#666666"/>
  96. <meta name="color:permalink text" content="#000000"/>
  97. <meta name="color:links" content="#000000"/>
  98. <meta name="color:hover" content="#686868"/>
  99. <meta name="color:margin hover" content="#dddddd"/>
  100. <meta name="color:blogtitle" content="#dedede"/>
  101. <meta name="color:scrollbar" content="#dedede"/>
  102. <meta name="color:header" content="#eeeeee"/>
  103. <meta name="color:permalink" content="#ffffff"/>
  104. <meta name="color:text shadow" content="#7F7F7F"/>
  105. <meta name="color:entry border hover" content="#B5B5B5"/>
  106. <meta name="color:Link Hover Background Color" content="#dedede"/>
  107.  
  108.  
  109.  
  110. <meta name="image:Background" content=""/>
  111. <meta name="image:sidebar" content=""/>
  112. <meta name="image:sidebar background" content=""/>
  113.  
  114.  
  115.  
  116. <meta name="if:enlarged background" content="0"/>
  117. <meta name="if:Faded Image" content="0"/>
  118. <meta name="if:show photo" content="1"/>
  119. <meta name="if:entry border hover" content="0"/>
  120. <meta name="if:Link Hover Background" content="0"/>
  121. <meta name="if:Cross cursor" content="1"/>
  122. <meta name="if:Shadow posts" content="0"/>
  123. <meta name="if:Border Post" content="1"/>
  124. <meta name="if:CustomLink1" content="1">
  125. <meta name="if:CustomLink2" content="1">
  126. <meta name="if:CustomLink3" content="1">
  127. <meta name="if:CustomLink4" content="0">
  128. <meta name="if:CustomLink5" content="0">
  129. <meta name="if:title font 1" content="0"/>
  130. <meta name="if:title font 2" content="0"/>
  131. <meta name="if:title font 3" content="0"/>
  132. <meta name="if:title font 4" content="0"/>
  133. <meta name="if:title font 5" content="1"/>
  134. <meta name="if:title font 6" content="0"/>
  135.  
  136. <meta name="text:reblog text" content="reblog" />
  137. <meta name="text:font size" content="10px" />
  138. <meta name="text:Message" content="message">
  139. <meta name="text:Ask Link" content="message">
  140.  
  141.  
  142. <meta name="text:Link 1 Title" content="custom link">
  143. <meta name="text:Link 1" content="http://">
  144. <meta name="text:Link 2 Title" content="custom link">
  145. <meta name="text:Link 2" content="http://">
  146. <meta name="text:Link 3 Title" content="custom link">
  147. <meta name="text:Link 3" content="http://">
  148. <meta name="text:Link 4 Title" content="custom link">
  149. <meta name="text:Link 4" content="http://">
  150. <meta name="text:Link 5 Title" content="custom link">
  151. <meta name="text:Link 5" content="http://">
  152.  
  153.  
  154. <title>{Title}</title>
  155. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  156.  
  157. <style>
  158. div#qTip {display: none; font-family:consolas;
  159. text-align: center; position: absolute; line-height:10px; padding: 2px; z-index: 1000; background: #FFFFFF; border: 1px solid #f2f2f2; letter-spacing: 1px; text-transform:lowercase; color: #727272 }
  160. </style>
  161.  
  162. <style type="text/css">
  163. @font-face {font-family:basket;src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  164. @font-face {font-family:Bree; src:url(http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf);}
  165. @font-face {font-family:Aderyn; src:url(http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}
  166. @font-face {font-family: "Lane Narrow";src: url('http://static.tumblr.com/anvbwtn/Qt4m9sybs/lanenar_.ttf');}
  167. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  168. @font-face{font-family: Arsenale White; src: url(http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf);}
  169. @font-face{font-family:Ashley Marie;src:url(http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
  170. @font-face { font-family: "kingcoolkc"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  171. @font-face {font-family:Caviar Dreams;src:url(http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf); }
  172. @font-face { font-family: Signerica; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  173. @font-face {font-family:"Dingleberry"; src:url('http://static.tumblr.com/9wzbixa/EC3m26pf3/dingleberry_solid.ttf');}
  174. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  175.  
  176.  
  177. ::-webkit-scrollbar-thumb{
  178. background-color: #ddd;
  179. border: 2px solid #ffffff;
  180. height:auto;
  181. -moz-border-radius: 5px;
  182. border-radius: 5px;
  183. }
  184.  
  185. ::-webkit-scrollbar {
  186. height:auto;
  187. width:9px;
  188. background-color: #999999;
  189. border: 4px solid #ffffff;
  190. }
  191.  
  192. iframe#tumblr_controls{
  193. position:fixed !important;
  194. -webkit-filter: invert(100%)
  195. }
  196.  
  197. a:link, a:active, a:visited{color:{color:links};text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out;}
  198. a:hover{color:{color:hover};-webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out;
  199. {block:IfLinkHoverBackground} background: {color:LinkHoverBackgroundColor};{/block:IfLinkHoverBackground}
  200. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  201. {block:ifcrosscursor}
  202. cursor: crosshair;
  203. {/block:ifcrosscursor}
  204. text-shadow:0px 1px 1px {color:textshadow};}
  205.  
  206. #stat{position:fixed; text-align: center; width: 83px; margin-top: 65px;text-transform:none;margin-left: 130px;
  207. font-family:Ubuntu; font-size:12px; text-shadow:1px 0px 1px #fff;}
  208. #stat a{color: #000; }
  209. #stat a:hover{text-shadow: none;text-shadow:0px 0px 2px #fff;}
  210.  
  211.  
  212.  
  213. body {
  214. color:{color:text};
  215. font-family: {text:font};
  216. font-size: {text:font size};
  217. line-height: 13px;
  218. letter-spacing: 1px;
  219. background-color: {color:Background};
  220. background-image:url({image:Background});
  221. background-attachment: fixed;
  222. background-size: repeat;
  223. {block:ifEnlargedBackground}
  224. background-size:cover;
  225. {/block:ifEnlargedBackground}
  226. }
  227.  
  228.  
  229.  
  230.  
  231. #posts {
  232. width: 818px;
  233. margin-left:5px;
  234. margin-top:35px;
  235. margin-left:337px;
  236. {block:permalinkpage}
  237. width: 500px;
  238. margin-left:367px;
  239. {/block:permalinkpage}
  240. float:center;
  241. {block:ifcrosscursor}
  242. cursor: crosshair;
  243. {/block:ifcrosscursor}
  244. }
  245.  
  246.  
  247.  
  248. .entry {
  249. margin:6px;
  250. padding-top: 5px;
  251. padding-left: 5px;
  252. padding-right: 5px;
  253. padding-bottom: 0px;
  254. float:left;
  255. background-color:white;
  256. font-family:consolas;
  257. font-size: 10px;
  258. text-align:left;
  259. line-height:18px;
  260. text-transform: uppercase;
  261. {block:ifshadowposts}
  262. -webkit-box-shadow: 0px 7px 12px -3px rgba(10, 10, 10, 0.5);
  263. box-shadow: 0px 7px 12px -3px rgba(10, 10, 10, 0.5);
  264. {/block:ifshadowposts}
  265. {block:IfBorderPost}
  266. border: 1px solid #ddd;
  267. {/block:IfBorderPost}
  268. background-color:auto;
  269. opacity:0.9;
  270. {block:indexpage}
  271. width:220px;
  272. overflow:visible;
  273. {/block:indexpage}
  274. {block:permalinkpage}
  275. font-weight: lighter;
  276. width: 500px;
  277. margin-left:50px;
  278. {/block:permalinkpage}
  279. {block:ifcrosscursor}
  280. cursor: crosshair;
  281. {/block:ifcrosscursor}
  282. -webkit-animation:fadeInUp 2s;
  283. -moz-animation:fadeInUp 2s;
  284. -ms-animation:fadeInUp 2s;
  285. }
  286.  
  287. .entry:hover{
  288. {block:ifentryborderhover}
  289. border: 1px solid {color:entryborderhover};
  290. {/block:ifentryborderhover}
  291. }
  292.  
  293.  
  294. .entry .jperm{
  295. color: #000;
  296. font-family:Consolas;
  297. font-size: 9px;
  298. line-height: 13px;
  299. width: auto;
  300. padding:4px;
  301. margin-left:-5px;
  302. margin-top: 5px;
  303. border-left: 2px solid #ccc;
  304. border-right: 2px solid #ccc;
  305. text-transform: uppercase;
  306. position: absolute;
  307. font-family:Consolas;
  308. text-align: left;
  309. overflow:hidden;
  310. opacity: 0.0;
  311. background-color:#fff;
  312. -webkit-transition: opacity 0.2s linear;
  313. -webkit-transition: all 0.2s linear;
  314. -moz-transition: all 0.2s linear;
  315. transition: all 0.2s linear;
  316. }
  317.  
  318. .entry:hover .jperm{
  319. overflow:visible;
  320. font-style: italic;
  321. margin-left:5px;
  322. margin-top:5px;
  323. z-index:9999999;
  324. -webkit-transition: opacity 0.2s linear; opacity: 1;
  325. -webkit-transition: all 0.2s linear;
  326. -moz-transition: all 0.2s linear;
  327. transition: all 0.2s linear;
  328. }
  329.  
  330.  
  331. .entry .japerm{
  332. color: #000;
  333. font-family:Consolas;
  334. font-size: 9px;
  335. line-height: 13px;
  336. width: auto;
  337. padding:4px;
  338. margin-left:15px;
  339. margin-top: 33px;
  340. border-left: 2px solid #ccc;
  341. border-right: 2px solid #ccc;
  342. text-transform: uppercase;
  343. position: absolute;
  344. font-family:Consolas;
  345. text-align: left;
  346. overflow:hidden;
  347. opacity: 0.0;
  348. background-color:#fff;
  349. -webkit-transition: opacity 0.2s linear;
  350. -webkit-transition: all 0.2s linear;
  351. -moz-transition: all 0.2s linear;
  352. transition: all 0.2s linear;
  353. }
  354.  
  355. .entry:hover .japerm{
  356. overflow:visible;
  357. margin-left:5px;
  358. font-style: italic;
  359. margin-top:33px;
  360. z-index:9999999;
  361. -webkit-transition: opacity 0.2s linear; opacity: 1;
  362. -webkit-transition: all 0.2s linear;
  363. -moz-transition: all 0.2s linear;
  364. transition: all 0.2s linear;
  365. }
  366.  
  367.  
  368. .entry .permalink{
  369. position:absolute;
  370. width:220px;
  371. margin-left: -5px;
  372. height:8px;
  373. padding:5px;
  374. background-color:#fff;
  375. border-bottom: 1px solid #ddd;
  376. overflow:hidden;
  377. TEXT-TRANSFORM: UPPERCASE;
  378. letter-spacing: 0px;
  379. font-family: helvetica;
  380. font-size: 8px;
  381. line-height:10px;
  382. text-align:right;
  383. opacity:0.0;
  384. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  385. }
  386.  
  387. .entry:hover .permalink{
  388. top:2px;
  389. overflow:visible;
  390. opacity: 1;
  391. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  392. }
  393.  
  394.  
  395. .permalink a{
  396. color:{color:permalink text};
  397. }
  398.  
  399.  
  400. .permalink:hover{
  401. border-radius:0px;
  402. }
  403.  
  404.  
  405. #sidebar{
  406. position:fixed;
  407. padding: 10px;
  408. margin-left:130px;
  409. margin-top:-5px;
  410. height: 100%;
  411. width: 180px;
  412. text-align: right;
  413. border-right:1px solid #ddd;
  414. border-left:1px solid #ddd;
  415. background-color: white;
  416. background-image:url({image:sidebar Background});
  417. font-size: 9px;
  418. line-height:13px;
  419. letter-spacing: 1px;
  420. font-family: helvetica;
  421. color: {color:description};
  422. -webkit-transition: all 0.3s ease-out;
  423. -moz-transition: all 0.3s ease-out;
  424. transition: all 0.3s ease-out;
  425. -khtml-border-radius: 3px;
  426. -moz-border-radius: 3px;
  427. -webkit-border-radius: 3px;
  428. border-radius: 5px;
  429. }
  430.  
  431.  
  432. .blog{
  433. {block:iftitlefont1}
  434. font: 20px Georgia;
  435. {/block:iftitlefont1}
  436. {block:iftitlefont2}
  437. font: 20px basket;
  438. {/block:iftitlefont2}
  439. {block:iftitlefont3}
  440. font: 20px Patrick Hand;
  441. {/block:iftitlefont3}
  442. {block:iftitlefont4}
  443. font: 20px bebas neue;
  444. {/block:iftitlefont4}
  445. {block:iftitlefont5}
  446. font: 20px Dingleberry;
  447. {/block:iftitlefont5}
  448. {block:iftitlefont6}
  449. font: 20px Signerica;
  450. {/block:iftitlefont6}
  451. {block:iftitlefont7}
  452. font: 20px 'lobster';
  453. {/block:iftitlefont7}
  454. letter-spacing:3px;
  455. font-align: center;
  456. text-transform: none;
  457. padding: 3px;
  458. margin-top: 100px;
  459. margin-left: -10px;
  460. margin-right: -10px;
  461. color: {color:blogtitle};
  462. background-color:transparent;
  463. -webkit-transition: all 0.3s linear;
  464. -webkit-transition: all 0.3s linear;
  465. -moz-transition: all 0.3s linear;
  466. transition: all 0.3s linear;
  467. }
  468.  
  469. .blog:hover{
  470. color: #ccc;
  471. text-shadow:3px 0px #CCC, -4px 0px #ddd;
  472. -webkit-transition: all 0.3s linear;
  473. -webkit-transition: all 0.3s linear;
  474. -moz-transition: all 0.3s linear;
  475. transition: all 0.3s linear;
  476. }
  477.  
  478.  
  479.  
  480.  
  481. asker{
  482. font-family: 'Arsenale White';
  483. font-size:25px;
  484. line-height:20px;
  485. text-decoration:bold;
  486. color: {color:link};
  487. text-transform:uppercase;
  488. }
  489. .permahover {
  490. text-align: right;
  491. line-height:200%;
  492. opacity: 0.0;
  493. filter: alpha(opacity = 0);
  494. font-size: 9px;
  495. line-height: 9px;
  496. text-transform: uppercase;
  497. }
  498.  
  499. .entry:hover .permahover {
  500. text-align: center;
  501. opacity: 1;
  502. filter: alpha(opacity = 50);
  503. }
  504.  
  505. .askperma{
  506. display: block;
  507. font-family:didact gothic;
  508. font-size: px;
  509. text-transform: lowercase;
  510. text-align: right;
  511. background-color:auto;
  512. letter-spacing: 0px;
  513. border-top: 0px solid #f1f1f1;
  514. padding: 5px;
  515. margin: 1px;
  516. }
  517.  
  518. .yo a{color: #fff;}
  519. .yo{color: #fff;font-size: 12px;display: inline-block;}
  520. .videoperma embed, .post div.video object {
  521. width:400px !important;height:350px !important;}
  522.  
  523.  
  524. .title{
  525. font-family: Caviar Dreams;
  526. font-size: 18px;
  527. line-height:17px;
  528. text-transform:none;
  529. letter-spacing: 1px;
  530. }
  531.  
  532. blockquote{
  533. padding:0px 0px 2px 5px;
  534. margin:0px 0px 2px 4px;
  535. border-left: 1px dotted #ccc;
  536. }
  537.  
  538. {block:IfFadedImage}
  539. img{
  540. -webkit-transition: opacity 0.8s linear;
  541. opacity: 0.6;
  542. }
  543. img:hover{
  544. -webkit-transition: opacity 0.8s linear;
  545. opacity: 1;
  546. }{/block:IfFadedImage}
  547.  
  548.  
  549. #infscr-loading{
  550. bottom: -70px;
  551. position: absolute;
  552. left: 50%;
  553. margin-left:-8px;
  554. width:16px;
  555. height:11px;
  556. overflow:hidden;
  557. margin-bottom: 50px;
  558. }
  559.  
  560. #credit {
  561. position: fixed;
  562. font-size: 10px;
  563. z-index: 5000;
  564. background-color: transparent;
  565. padding: 5px;
  566. bottom:-3px;
  567. right: 15px;
  568. color:#000;
  569. border-top-right-radius:3px;
  570. border-top-left-radius:3px;
  571. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  572. -webkit-transition: all 0.3s ease;
  573. -moz-transition: all 0.3s ease;
  574. transition: all 0.3s ease;}
  575.  
  576.  
  577. #credit:hover {
  578. bottom:0px;
  579. padding-bottom:10px;
  580. -webkit-transition: all 0.3s ease;
  581. -moz-transition: all 0.3s ease;
  582. transition: all 0.3s ease;}
  583.  
  584.  
  585. .audioplayer {
  586. background-color:white;
  587. overflow-y:hidden;text-align:center;
  588. {block:IndexPage}
  589. width:250px
  590. {/block:IndexPage}
  591. {block:PermalinkPage}width:500px !important;
  592. {/block:PermalinkPage}
  593. }
  594.  
  595.  
  596. .heading {
  597. font-family:basket;
  598. font-size:15px;
  599. text-decoration: none;
  600. text-transform: none;
  601. letter-spacing:0px;
  602. font-weight:none;
  603. line-height:100%;
  604. margin-bottom:0px;
  605. {block:IndexPage}text-align:justify;{/block:IndexPage}
  606. {block:PermalinkPage}text-align:justify;{/block:PermalinkPage}
  607. }
  608.  
  609. .chat ul {
  610. padding:0px;
  611. margin:0px 0px 0px 0px;
  612. background: {color:Blockquote};
  613. }
  614.  
  615. .chat li {
  616. list-style-type: none;
  617. padding:3px;
  618. margin-right:0px;
  619. }
  620.  
  621. .chat li.odd {
  622. color:{color:Text};
  623. background-color: {color:Background};
  624. }
  625.  
  626. .chat li.even {
  627. color: {color:Text};
  628. background-color: {color:Blockquote};
  629. }
  630.  
  631.  
  632. #header{
  633. position: fixed;
  634. top: -2px;
  635. height: 25px;
  636. left:-10px;
  637. width: 100%;
  638. padding: 5px;
  639. text-transform: uppercase;
  640. text-align: center;
  641. background: {color:header};
  642. color: {color:headerlinks};
  643. font-size: 13px;
  644. line-height: 33px;
  645. font-family:'helvetica', sans-serif;
  646. z-index: 999;
  647. opacity:.7;}
  648.  
  649. #header a{
  650. color: white;}
  651.  
  652.  
  653. #s-m-t-tooltip {
  654. max-width:300px;
  655. margin:20px 0px 0px 20px;
  656. padding-left:4px;
  657. padding-right:4px;border-radius:3px;
  658. font-style:italic;
  659. background: #fff; /* change the background color */
  660. border:1px solid #ccc; /* change the border color */
  661. font-family:calibri; /* change the font */
  662. font-size:10px; /* change the font size */
  663. letter-spacing:1px; /* change the letter spacing */
  664. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  665. color:#000; /* change the text color */
  666. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  667. z-index:999999999999999999999999999999999999;
  668. }
  669.  
  670.  
  671. #borpost{
  672. position:fixed;
  673. height:110%;
  674. width:190px;
  675. border-left:2px solid #ddd;
  676. border-right:2px solid #ddd;
  677. top:33px;
  678. margin-left:363px;
  679. z-index:0; }
  680.  
  681. #derpost{
  682. position:fixed;
  683. height:110%;
  684. width:190px;
  685. border-left:2px solid #ddd;
  686. border-right:2px solid #ddd;
  687. top:33px;
  688. margin-left:605px;
  689. z-index:0;}
  690.  
  691. #colpost{
  692. position:fixed;
  693. height:110%;
  694. width:190px;
  695. border-left:2px solid #ddd;
  696. border-right:2px solid #ddd;
  697. top:33px;
  698. margin-left:851px;
  699. z-index:0;}
  700.  
  701.  
  702. </style>
  703. {block:IndexPage}
  704. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  705. <script type="text/javascript" src="http://static.tumblr.com/2rgbcto/aEjmok4kz/endlessscroll.txt"></script>
  706.  
  707. <script type="text/javascript">
  708. $(window).load(function () {
  709. var $content = $('#posts');
  710. $content.masonry({itemSelector: '.entry'}),
  711. $content.infinitescroll({
  712. navSelector : 'div#pagination',
  713. nextSelector : 'div#pagination a#nextPage',
  714. itemSelector : '.entry',
  715. loading: {
  716. finishedMsg: '',
  717. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  718. },
  719. bufferPx : 600,
  720. debug : false,
  721. },
  722. // call masonry as a callback.
  723. function( newElements ) {
  724. var $newElems = $( newElements );
  725. $newElems.hide();
  726. // ensure that images load before adding to masonry layout
  727. $newElems.imagesLoaded(function(){
  728. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  729. });
  730. });
  731. });
  732. </script>
  733. {/block:IndexPage}
  734. </div>
  735. </head>
  736. <div class="wrapper">
  737.  
  738.  
  739.  
  740. <div id="sidebar"><center>
  741. <div class="blog"><a href="/">{blogtitle}</a></div>
  742. {block:ifshowphoto}<p><a href="/"><img style="border:1px solid #ddd; padding:5px;margin-top:5px;margin-left:-4px;" src="{image:sidebar}" width=160px;></a>{/block:ifshowphoto}<p>
  743. <center>{description}</center></div>
  744.  
  745.  
  746. <div id="header">
  747. <a href="/" title="refresh">home</a>
  748. <a href="/ask" title="message me">{text:ask link}</a>
  749. <a href="/archive" title="past">archive</a>
  750. <a href="/submit" title="submit">submit</a>
  751. {block:IfCustomLink1}
  752. <a href="{text:Link 1}" title="{text:Link 1 Title}">{text:Link 1 Title}</a>
  753. {/block:IfCustomLink1}
  754. {block:IfCustomLink2}
  755. <a href="{text:Link 2}"title="{text:Link 2 Title}">{text:Link 2 Title}</a>
  756. {/block:IfCustomLink2}
  757. {block:IfCustomLink3}
  758. <a href="{text:Link 3}"title="{text:Link 3 Title}">{text:Link 3 Title}</a>
  759. {/block:IfCustomLink3}
  760. {block:IfCustomLink4}
  761. <a href="{text:Link 4}"title="{text:Link 4 Title}">{text:Link 4 Title}</a>
  762. {/block:IfCustomLink4}
  763. {block:IfCustomLink5}
  764. <a href="{text:Link 5}"title="{text:Link 5 Title}">{text:Link 5 Title}</a>
  765. {/block:IfCustomLink5}
  766. <a href="http://unpresentable.tumblr.com/" title="Credit">THEME</a>
  767. </div>
  768.  
  769. {block:IndexPage}
  770. <div id="borpost">
  771. </div>
  772. <div id="derpost">
  773. </div>
  774. <div id="colpost">
  775. </div>
  776. {/block:IndexPage}
  777.  
  778. <div id="posts">
  779. {block:Posts}
  780. <div class="entry">
  781. {block:Text}
  782. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}<span class="entrytext">{Body}</span>
  783. {block:IndexPage}<div class="permahover">{ShortMonth}&nbsp;{DayOfMonth}<font color="#FA8072"> ❤ </font><a
  784. href="{Permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  785. {/block:Text}
  786.  
  787. {block:Link}
  788. <a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="permahover">Posted on {ShortMonth}&nbsp;{DayOfMonth}<font color="#FA8072"> ❤ </font><a
  789. href="{Permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  790. {block:Link}
  791.  
  792. {block:Answer}
  793. <div style="border-radius:5px; border: 1px solid #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background-image:url({image:pillar});">
  794.  
  795. <img src="{AskerPortraitURL-30}" width="30" align="left"
  796. style="margin-right:4px; border:1px solid #ddd; border-radius:4px; -moz-box-shadow: 0 0 1px 1px {color:border}; -webkit-box-shadow: 0 0 1px 1px {color:border}; box-shadow: 0 0 1px 1px {color:border};"/>
  797.  
  798. <asker>{Asker}:</asker>
  799. {Question}</div>
  800.  
  801. <div style="margin:1px; background-color: transparent; border:0px dotted #ddd; padding:px; text-align:center;">{Answer}</div><div class="permahover">{ShortMonth}&nbsp;{DayOfMonth}<font color="#FA8072"> ❤ </font> <a
  802. href="{Permalink}">{notecountwithlabel}</a></div>
  803. {/block:Answer}
  804.  
  805.  
  806. {block:Photo}
  807. {block:IndexPage}
  808. <div class="jperm"><a href="{ReblogURL}">{text:reblog text}</a></div>
  809. <div class="japerm"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  810. {/block:IndexPage}
  811. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{Permalink}" target="blank"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="220"/></a></div>{LinkCloseTag}{/block:IndexPage}
  812. {block:PermalinkPage}{LinkOpenTag}<a href="{PhotoURL-HighRes}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  813. {/block:Photo}
  814.  
  815.  
  816. {block:Photoset}
  817. {block:IndexPage}
  818. <div style="width:220px; overflow-x:hidden; overflow-y:hidden;">{Photoset-250}</div>{/block:IndexPage}
  819. <div class="permahover"><a href="{ReblogURL}">{text:reblog text}</a> this with <a href="{Permalink}">{notecount}</a></center></div>
  820. {block:permalinkpage}
  821. {Photoset-500}
  822. {/block:permalinkpage}
  823. {/block:Photoset}
  824.  
  825.  
  826. {block:Quote}
  827. <div align="left"><i>{Quote}</i></div></span>
  828. {block:Source}<p align=right><strong>-{Source}</right></strong>{/block:Source}{block:IndexPage}<div class="permahover">{ShortMonth}&nbsp;{DayOfMonth}<font color="#FA8072"> ❤ </font><a
  829. href="{Permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  830. {/block:Quote}
  831.  
  832.  
  833. {block:Chat}
  834. {block:Title}
  835. <div class="heading"><a href="{Permalink}">{Title}</a></div>
  836. {/block:Title}
  837. <div class="chat ul">
  838. {block:Lines}
  839. <li class="{Alt} user_{UserNumber}">
  840. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  841. {/block:Lines}</div></li>
  842. {block:IndexPage}<div class="permahover">{ShortMonth}&nbsp;{DayOfMonth}<font color="#FA8072"> ❤ </font><a
  843. href="{Permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  844. {/block:Chat}
  845.  
  846.  
  847. {block:Audio}{block:PermalinkPage}{block:AlbumArt}
  848. <img src="{AlbumArtURL}" style="width:700px;">{/block:AlbumArt}{/block:PermalinkPage}{block:IndexPage}
  849. {block:AlbumArt}
  850. <img src="{AlbumArtURL}" style="width:25px;height:25px;float:left;padding-right:3px;padding-bottom:3px;padding-top:3px;background-color:{color:background};">{/block:AlbumArt}{/block:IndexPage}
  851. <div class="audioplayer" style="max-width:220px;overflow:hidden;" align="center">{AudioPlayerWhite}</div>
  852. {block:Caption}{Caption}{/block:Caption}
  853. {block:PermalinkPage}
  854. <br>{PlayCountWithLabel}{/block:PermalinkPage}
  855.  
  856. {block:IndexPage}<div class="permahover">{ShortMonth}&nbsp;{DayOfMonth} <font color="#FA8072"> ❤ </font> {PlayCountWithLabel} <a
  857. href="{Permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  858.  
  859. {/block:Audio}
  860.  
  861. {block:Video}
  862. {block:IndexPage}<div class="permahover"><a
  863. href="{Permalink}">Posted on {ShortMonth}&nbsp;{DayOfMonth}<font color="#FA8072"> ❤ </font> {notecountwithlabel}</a></div>{/block:IndexPage}
  864. {block:IndexPage}
  865. <center><div class="video">{Video-250}</div></center></center>{/block:IndexPage}{block:PermalinkPage}<center>{Video-550}</center>{/block:PermalinkPage}
  866. {block:Video}
  867.  
  868.  
  869. {block:PermalinkPage}
  870. <center>
  871. {Caption}<p>
  872. {block:Date}
  873. <center>
  874. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  875. <br>{block:RebloggedFrom}<b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>, <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  876. <br>{block:HasTags}<b>tagged with</b>: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  877. <br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  878. </center>
  879. {/block:Date}
  880. </center>
  881. {/block:PermalinkPage}
  882. {block:PostNotes}{PostNotes}
  883. {/block:PostNotes}
  884. </div>
  885.  
  886. {/block:Posts}
  887. </div>
  888. {block:IndexPage}
  889. {block:Pagination}
  890. <div id="pagination">
  891. {block:NextPage}
  892. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  893. {/block:NextPage}
  894. {block:PreviousPage}
  895. <a href="{PreviousPage}">&larr;&nbsp;</a>
  896. {/block:PreviousPage}
  897. </div>
  898. {/block:Pagination}
  899. {/block:IndexPage}
  900.  
  901. </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!