Advertisement
risahawkeye

theme two

Mar 29th, 2014
515
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 60.93 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. redux edit by risahwekeye. you can edit this as heavily as you like as long as you keep the theme credit!! if you steal this i will come and hunt you down and take all of your toliet paper and hide it in the woods.
  5.  
  6. -->
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9. <!-- DEFAULT VARIABLES -->
  10. <meta name="color:ask bg" content="#bbb" />
  11. <meta name="color:audio bg" content="#bbb" />
  12. <meta name="color:background" content="#3b627e" />
  13. <meta name="color:blockquote" content="#000" />
  14. <meta name="color:body" content="#000"/>
  15. <meta name="color:bold" content="#000" />
  16. <meta name="color:borders" content="#000"/>
  17. <meta name="color:chat border" content="#000" />
  18. <meta name="color:glow color" content="#bbb" />
  19. <meta name="color:italics" content="#000" />
  20. <meta name="color:link" content="#bbb" />
  21. <meta name="color:link hover" content="#fff" />
  22. <meta name="color:link title" content="#fff" />
  23. <meta name="color:link title bg" content="#bbb" />
  24. <meta name="color:mouse sparkles" content="#000" />
  25. <meta name="color:navi buttons hover" content="#eee" />
  26. <meta name="color:navigation links text" content="#fff" />
  27. <meta name="color:navigation links bg" content="#000" />
  28. <meta name="color:text" content="#000"/>
  29. <meta name="color:permalink" content="#bbb" />
  30. <meta name="color:permalink text" content="#000" />
  31. <meta name="color:posts" content="#fff" />
  32. <meta name="color:post title" content="#000" />
  33. <meta name="color:quote" content="#000" />
  34. <meta name="color:scrollbar" content="#bbb" />
  35. <meta name="color:tags" content="#000" />
  36.  
  37.  
  38. <meta name="if:500px posts" content="0">
  39. <meta name="if:400px posts" content="0">
  40. <meta name="if:small cursor" content="0">
  41. <meta name="if:music" content="0"/>
  42. <meta name="if:glow" content="0"/>
  43. <meta name="if:shadow" content="0">
  44. <meta name="if:mouse sparkles" content="0"/>
  45. <meta name="if:sidebar portrait" content="0">
  46. <meta name="if:floating portrait" content="0">
  47. <meta name="if:rounded corners" content="0">
  48. <meta name="if:borders" content="0">
  49. <meta name="if:show tags" content="0">
  50. <meta name="if:link underline" content="0">
  51. <meta name="if:1 link" content="0"/>
  52. <meta name="if:2 links" content="0"/>
  53. <meta name="if:3 links" content="0"/>
  54. <meta name="if:4 links" content="0"/>
  55. <meta name="if:5 links" content="0"/>
  56. <meta name="if:6 links" content="0"/>
  57. <meta name="if:7 links" content="0"/>
  58. <meta name="if:8 links" content="0"/>
  59. <meta name="image:Background" content="" />
  60. <meta name="image:sidebar" content="" />
  61. <meta name="image:left render" content="" />
  62. <meta name="image:right render" content="" />
  63.  
  64. <meta name="text:link 1" content="">
  65. <meta name="text:link url 1" content="">
  66. <meta name="text:link 2" content="">
  67. <meta name="text:link url 2" content="">
  68. <meta name="text:link 3" content="">
  69. <meta name="text:link url 3" content="">
  70. <meta name="text:link 4" content="">
  71. <meta name="text:link url 4" content="">
  72. <meta name="text:link 5" content="">
  73. <meta name="text:link url 5" content="">
  74. <meta name="text:link 6" content="">
  75. <meta name="text:link url 6" content="">
  76. <meta name="text:link 7" content="">
  77. <meta name="text:link url 7" content="">
  78. <meta name="text:link 8" content="">
  79. <meta name="text:link url 8" content="">
  80. <meta name="text:sidebar position top" content=""/>
  81. <meta name="text:music code" content=""/>
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Sofadi+One' rel='stylesheet' type='text/css'>
  84.  
  85. <link href='http://fonts.googleapis.com/css?family=Cutive+Mono|Droid+Sans+Mono|Sofadi+One' rel='stylesheet' type='text/css'>
  86.  
  87.  
  88.  
  89.  
  90.  
  91. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  92.  
  93. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  94. <link rel="shortcut icon" href="{Favicon}" />
  95. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  96. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  97. <style type="text/css">
  98.  
  99. {block:ifsmallcursor}*, body, * {cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), auto;}
  100.  
  101. a, a:hover {cursor: url(http://i1189.photobucket.com/albums/z434/LJDbubble/oie_2421724CWkvX6aE_zps80b4246f.gif), auto;}{/block:ifsmallcursor}
  102.  
  103. ::-webkit-scrollbar { width: 7px; }
  104. ::-webkit-scrollbar-track-piece { background-color:#fff; }
  105. ::-webkit-scrollbar-thumb:vertical {
  106. width: 10px;
  107. background-color: {color:scrollbar};
  108. {block:ifborders} border: 1px solid {color:borders};{/block:ifborders}
  109. {block:ifroundedcorners}border-radius:10px;{/block:ifroundedcorners}
  110. }
  111.  
  112. body {
  113. background: {color:Background} url('{image:Background}') top left fixed repeat;
  114. margin: 0;
  115. padding: 0;
  116. font-family: bitxmap;
  117. word-wrap: break-word;
  118. }
  119.  
  120.  
  121. #dhtmltooltip {
  122. position: absolute;
  123. padding: 3px;
  124. padding-top:5px;
  125. text-align:center;
  126. font-family:consolas;
  127. font-size: 10px;
  128. line-height:10px;
  129. border:1px solid {color:borders};
  130. color:#000;
  131. visibility: hidden;
  132. z-index: 10000;
  133. }
  134.  
  135. #s-m-t-tooltip {
  136. border:1px solid {color:link};
  137. padding: 3px 5px;
  138. margin: 20px 14px 7px 10px;
  139. font-family: consolas;
  140. font-size: 10px;
  141. line-height: 10px;
  142. letter-spacing: 1px;
  143. z-index: 999;
  144. text-align: center;
  145. background-color: #fff;
  146. color: {color:link};
  147. font-style: italic;
  148. }
  149.  
  150. @font-face {
  151.  
  152. font-family: “04b03”;
  153.  
  154. src: url(‘http://static.tumblr.com/5fd89aw/aFUlmf7ca/04b03.ttf’);
  155.  
  156. }
  157.  
  158.  
  159. .clear {
  160. clear: both;
  161. height: 0px;
  162. overflow: hidden;
  163. }
  164.  
  165. a img {
  166. border: none;
  167. }
  168.  
  169. @font-face {font-family:Neou; src:url(http://static.tumblr.com/9wzbixa/iozmj3lzw/neou-thin.otf);}
  170.  
  171. @font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}
  172.  
  173. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf");}
  174.  
  175. #wrapper {
  176. width: 845px;
  177. margin: 0 auto;
  178. }
  179.  
  180. #wrapper #title {
  181. margin: 30px 0;
  182. color: #fff;
  183. font-size: 50px;
  184. font-weight: bold;
  185. font-family: {font:Title};
  186. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  187. letter-spacing: -1px;
  188. }
  189.  
  190. #wrapper #title a {
  191. color: #fff;
  192. text-decoration: none;
  193. }
  194.  
  195. #wrapper #content {
  196.  
  197.  
  198.  
  199. margin-top:20px;
  200.  
  201. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  202. {block:if400pxposts}width: 420px;{/block:if400pxposts}
  203.  
  204. {block:permalinkpage}
  205. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  206. {block:if400pxposts}width: 520px;{/block:if400pxposts}
  207.  
  208. {/block:permalinkpage}
  209. float: left;
  210.  
  211.  
  212. }
  213.  
  214. #wrapper #content .post {
  215. {block:ifglow}box-shadow: 0px 0px 17px 5px {color:glow color};{/block:ifglow}
  216. {block:ifshadow}box-shadow: 4px 4px 5px #888;{/block:ifshadow}
  217. margin-bottom:25px;
  218. font-size:10px;
  219. font-family: bitxmap;
  220. background: {color:posts};
  221. padding: 10px;
  222. position: relative;
  223. {block:ifroundedcorners}border-radius:10px;{/block:ifroundedcorners}
  224. {block:ifborders}border:1px solid {color:borders}{/block:ifborders};
  225. }
  226.  
  227. #wrapper #content .post .media {
  228. text-align: center;
  229. margin-bottom: 10px;
  230. max-width:100%;
  231.  
  232. }
  233.  
  234. #wrapper #content .post .img {
  235. max-width:100%;
  236.  
  237. }
  238.  
  239.  
  240. #wrapper #content .post .quote {
  241. color: {color:quote};
  242. font-weight: bold;
  243. font-family:silkscreen;
  244. padding: 10px 10px 5px 10px;
  245. font-size:8px;
  246. }
  247.  
  248. #wrapper #content .post .quote {
  249. font-size: 20px;
  250. line-height: 35px;
  251. }
  252.  
  253.  
  254.  
  255. #wrapper #content .post .quote_source *:first-child {
  256. margin-top: 0px;
  257. }
  258.  
  259. #wrapper #content .post .quote_source *:last-child {
  260. margin-bottom: 0px;
  261. }
  262.  
  263. #wrapper #content .post .quote *:first-child {
  264. margin-top: 0px;
  265. }
  266.  
  267. #wrapper #content .post .quote *:last-child {
  268. margin-bottom: 0px;
  269. }
  270.  
  271. #wrapper #content .post .copy {
  272. color: {color:text};
  273. padding: 11px;
  274. font-size: 10px;
  275. line-height: 15px;
  276. }
  277.  
  278. #wrapper #content .post .copy a {
  279. color: {color:link};
  280. {block:iflinkunderline}text-decoration: underline;{/block:iflinkunderline}
  281. -webkit-transition: all 0.4s ease-in-out;
  282. -moz-transition: all 0.4s ease-in-out;
  283. -o-transition: all 0.4s ease-in-out;
  284. -ms-transition: all 0.4s ease-in-out;
  285. transition: all 0.4s ease-in-out;
  286. }
  287.  
  288. #wrapper #content .post .copy a:hover {
  289. color: {color:link hover};
  290. {block:iflinkunderline}text-decoration: underline;{/block:iflinkunderline}
  291. -webkit-transition: all 0.4s ease-in-out;
  292. -moz-transition: all 0.4s ease-in-out;
  293. -o-transition: all 0.4s ease-in-out;
  294. -ms-transition: all 0.4s ease-in-out;
  295. transition: all 0.4s ease-in-out;
  296. }
  297.  
  298. #wrapper #content .post .copy p {
  299. margin: 10px 0 0 0;
  300. padding: 0;
  301. }
  302.  
  303. #wrapper #content .post .copy pre {
  304. margin: 10px 0px 10px 0px;
  305. padding: 10px;
  306. background-color: #fff;
  307. font: normal 11px Courier, monospace;
  308. overflow: auto;
  309. }
  310.  
  311. #wrapper #content .post .copy > p:first-child {
  312. margin-top: 0;
  313. }
  314.  
  315. #wrapper #content .post .copy img {
  316.  
  317. max-width:100%;
  318.  
  319. }
  320.  
  321. #wrapper #content .post .audio {
  322. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  323.  
  324. height:40px;
  325. background:{color:audio bg};
  326. {block:if500pxposts}width: 485px;{/block:if500pxposts}
  327. {block:if400pxposts}width: 385px;{/block:if400pxposts}
  328.  
  329. padding:5px;
  330. }
  331.  
  332. .audioinfo {
  333. margin-left:250px;
  334. margin-top:-21px;
  335. }
  336.  
  337. #wrapper #content .post .audio .player {
  338.  
  339. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  340. background:#fff;
  341. padding:4px;
  342. width:27px;
  343. overflow:hidden;
  344. }
  345.  
  346. #wrapper #content .post .audio .player .audio_player embed {
  347.  
  348. width:25px;
  349. }
  350.  
  351. #wrapper #content .post .audio .meta {
  352. width:25px;
  353. padding: 8px 13px;
  354. height: 13px;
  355. float: left;
  356. color: {color:text};
  357. font-family: {font:Accent};
  358. font-size: 11px;
  359. text-transform: lowercase;
  360. }
  361.  
  362. #album {
  363. width:100px;
  364. height:100px;
  365. overflow:hidden;
  366. }
  367.  
  368.  
  369. #wrapper #content .post .album_art img {
  370. width:30px
  371. height:30px;
  372. text-align: center;
  373. }
  374.  
  375. #wrapper #content .post .question {
  376. color: {color:text};
  377. font-size: 15px;
  378. font-family: 04b03;
  379. background: {color:ask bg};
  380. -moz-border-radius: 8px;
  381. -webkit-border-radius: 8px;
  382. border-radius: 8px;
  383. margin: 0 0 15px 0;
  384. padding: 15px 20px;
  385. position: relative;
  386. }
  387.  
  388. #wrapper #content .post .question .nipple {
  389. width: 13px;
  390. height: 7px;
  391. background: {color:ask bg} url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  392. position: absolute;
  393. bottom: -7px;
  394. left: 26px;
  395. }
  396.  
  397. #wrapper #content .post .asker_container {
  398. margin: 0 0 10px 20px;
  399. font-family:lucida console;
  400. }
  401.  
  402. #wrapper #content .post .asker_container img {
  403. max-width:25px;
  404. max-height:25px;
  405. margin: 0 12px -7px 0;
  406. {block:IfRoundedCorners}
  407. -moz-border-radius: 8px;
  408. -webkit-border-radius: 8px;
  409. border-radius: 8px;
  410. {/block:IfRoundedCorners}
  411. }
  412.  
  413. #wrapper #content .post .asker_container a.asker {
  414. color: {color:Body};
  415. }
  416.  
  417. #wrapper #content .post .title {
  418. color: {color:post title};
  419. font-size: 16px;
  420. font-weight: bold;
  421. padding: 10px 10px 0 10px;
  422. }
  423.  
  424. #wrapper #content .post img {
  425. {block:if500pxposts}width: 480px;{/block:if500pxposts}
  426. {block:if400pxposts}width: 380px;{/block:if400pxposts}
  427.  
  428. {block:permalinkpage}
  429. {block:if500pxposts}width: 480px;{/block:if500pxposts}
  430. {block:if400pxposts}width: 380px;{/block:if400pxposts}
  431.  
  432. {/block:permalinkpage}
  433. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  434. }
  435.  
  436. #wrapper #content .post .chat .lines {
  437. margin-left: 1px;
  438.  
  439. }
  440.  
  441. #wrapper #content .post .chat .lines .line {
  442. background-color: {color:posts};
  443. color: {color:text};
  444. border-bottom: 1px solid {color:chat border};
  445. margin-bottom: 1px;
  446. padding: 3px 5px;
  447. }
  448.  
  449. #wrapper #content .post .chat .lines .line.even {
  450. background-color: {color:posts};
  451. }
  452.  
  453. #wrapper #content .post .link {
  454.  
  455. margin: 4px 0 2px 0;
  456. font-size: 16px;
  457. line-height: 25px;
  458. }
  459.  
  460. #wrapper #content .post .link a {
  461. background-color: {color:link title bg};
  462. color: {color:link title};
  463. padding: 5px 7px;
  464. -moz-border-radius: 4px;
  465. -webkit-border-radius: 4px;
  466. border-radius: 4px;
  467. }
  468.  
  469. #wrapper #content .post .link a:hover {
  470. opacity: 0.9;
  471. filter: alpha(opacity=90);
  472. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  473. }
  474.  
  475. #wrapper #content .post .footer {
  476. background: {color:permalink};
  477. {block:ifroundedcorners}border-radius: 4px;{/block:ifroundedcorners}
  478. font-family:arial;
  479. font-size: 11px;
  480. color: {color:permalink text};
  481. padding: 5px 10px;
  482. margin-top: 10px;
  483. }
  484.  
  485. #wrapper #content .post .footer.for_permalink:hover {
  486. opacity: 1;
  487. filter: alpha(opacity=90);
  488. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  489. }
  490.  
  491. #wrapper #content .post .footer .date {
  492. width: 67%;
  493. float: left;
  494. color: {color:permalink text};
  495. }
  496.  
  497. #wrapper #content .post .footer .notes {
  498. width: 33%;
  499. float: right;
  500. text-align: right;
  501. color: {color:permalink text};
  502. }
  503.  
  504. #wrapper #content .post .footer .notes a {
  505. color: {color:permalink text};
  506. -webkit-transition: all 0.4s ease-in-out;
  507. -moz-transition: all 0.4s ease-in-out;
  508. -o-transition: all 0.4s ease-in-out;
  509. -ms-transition: all 0.4s ease-in-out;
  510. transition: all 0.4s ease-in-out;
  511. }
  512.  
  513. #wrapper #content .post .footer .tags a {
  514. color: {color:tags};
  515. {block:iflinkunderline}text-decoration: underline;{/block:iflinkunderline}
  516. -webkit-transition: all 0.4s ease-in-out;
  517. -moz-transition: all 0.4s ease-in-out;
  518. -o-transition: all 0.4s ease-in-out;
  519. -ms-transition: all 0.4s ease-in-out;
  520. transition: all 0.4s ease-in-out;
  521. }
  522.  
  523. #wrapper #content .post .footer .tags a:hover {
  524. color: {color:link hover};
  525. -webkit-transition: all 0.4s ease-in-out;
  526. -moz-transition: all 0.4s ease-in-out;
  527. -o-transition: all 0.4s ease-in-out;
  528. -ms-transition: all 0.4s ease-in-out;
  529. transition: all 0.4s ease-in-out;
  530. }
  531. #wrapper #content .post .footer .tags .tag-commas:last-child {
  532. display: none;
  533. }
  534.  
  535. #wrapper #content .post .footer.with_source_url .tags {
  536. max-width: 330px;
  537. float: left;
  538. }
  539.  
  540. #wrapper #content .post .footer.with_source_url a {
  541. color:{color:tags};
  542. }
  543.  
  544. #wrapper #content .post .footer.with_source_url .source_url {
  545. float: right;
  546. max-width: 160px;
  547. overflow: hidden;
  548. white-space: nowrap;
  549.  
  550. }
  551.  
  552. #wrapper #content .post .footer.with_source_url .source_url img {
  553. vertical-align: top;
  554. -moz-opacity: 0.5;
  555. opacity: 0.5;
  556. }
  557.  
  558. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  559. -moz-opacity: 0.7;
  560. opacity: 0.7;
  561. }
  562.  
  563. #wrapper #content .post a {
  564. color: {color:link};
  565. text-decoration: none;
  566. }
  567.  
  568. #wrapper #content .post .copy blockquote {
  569. margin: 10px 0px 10px 10px;
  570. padding-left: 15px;
  571. border-left: solid 4px {color:blockquote};
  572. }
  573. }
  574. }
  575.  
  576. #wrapper #content .bottom {
  577. top center no-repeat transparent;
  578. width: 513px;
  579. height: 40px;
  580. margin: 0 auto;
  581. }
  582.  
  583. #wrapper #content #navigation {
  584. text-align: right;
  585. padding-bottom: 35px;
  586. text-transform: lowercase;
  587. }
  588.  
  589. #wrapper #content #navigation a {
  590. background-color: #fff;
  591. color: {color:link};
  592. padding: 5px 10px;
  593. text-decoration: none;
  594. margin-left: 25px;
  595. }
  596.  
  597. #wrapper #content #navigation a:hover {
  598. opacity: 0.9;
  599. filter: alpha(opacity=90);
  600. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  601. }
  602.  
  603. #wrapper #content #navigation.jump_pagination {}
  604.  
  605. #wrapper #content #navigation.jump_pagination a {
  606. margin: 0 0 0 4px;
  607. }
  608.  
  609. #wrapper #content #navigation.jump_pagination .current_page {
  610. color: #fff;
  611. background-color: rgba(255,255,255, 0.1);
  612. border: 2px solid #fff;
  613. padding: 3px 8px;
  614. margin: 0 0 0 4px;
  615. cursor: default;
  616. }
  617.  
  618. #wrapper #content #navigation.jump_pagination .jump_page {}
  619.  
  620.  
  621. #wrapper #content .post .notecontainer {
  622. background: {permalink};
  623. -moz-border-radius: 4px;
  624. -webkit-border-radius: 4px;
  625. border-radius: 4px;
  626. font-size: 11px;
  627. color: {color:text};
  628. margin-top: 10px;
  629. margin-bottom: -10px;
  630. }
  631.  
  632. #wrapper #content .post .notecontainer a {
  633. color: {color:link};
  634. {block:iflinkunderline}text-decoration: underline;{/block:iflinkunderline}
  635. -webkit-transition: all 0.4s ease-in-out;
  636. -moz-transition: all 0.4s ease-in-out;
  637. -o-transition: all 0.4s ease-in-out;
  638. -ms-transition: all 0.4s ease-in-out;
  639. transition: all 0.4s ease-in-out;
  640. }
  641. }
  642.  
  643. #wrapper #content .post .notecontainer a:hover {
  644. color:{color:link hover};
  645. -webkit-transition: all 0.4s ease-in-out;
  646. -moz-transition: all 0.4s ease-in-out;
  647. -o-transition: all 0.4s ease-in-out;
  648. -ms-transition: all 0.4s ease-in-out;
  649. transition: all 0.4s ease-in-out;
  650. }
  651. }
  652.  
  653. #wrapper #content .post .notecontainer ol.notes {
  654. padding: 0px 0 10px 0;
  655. list-style-type: none;
  656. font-size: 11px;
  657. }
  658.  
  659. #wrapper #content .post .notecontainer ol.notes li.note {
  660. padding: 10px 10px 0 10px;
  661. }
  662.  
  663. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  664. vertical-align: -4px;
  665. margin-right: 10px;
  666. width: 16px;
  667. height: 16px;
  668. }
  669.  
  670. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  671. font-weight: normal;
  672. }
  673.  
  674. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  675. font-weight: normal;
  676. }
  677.  
  678. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  679. border-left: 2px solid {color:blockquote};
  680. padding: 4px 10px;
  681. margin: 10px 0px 0px 25px;
  682. }
  683.  
  684. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  685. color: {color:link};
  686. text-decoration: none;
  687. }
  688.  
  689.  
  690.  
  691.  
  692.  
  693. #wrapper #sidebar {
  694. position:fixed;
  695. width:175px;
  696.  
  697.  
  698. float:left;
  699. {block:if500pxposts}margin-left: 575px;{/block:if500pxposts}
  700. {block:if400pxposts}margin-left: 475px;{/block:if400pxposts}
  701.  
  702.  
  703. bottom:-15px;
  704.  
  705. }
  706.  
  707. #wrapper #sidebar a {
  708. color: {color:link};
  709. }
  710.  
  711. #wrapper #sidebar b, strong {
  712. color: {color:bold};
  713. }
  714.  
  715. #wrapper #sidebar i, em {
  716. color: {color:italics};
  717. }
  718.  
  719. #wrapper #sidebar #top {
  720. background: {color:posts};
  721. padding-top: 15px;
  722. padding-left: 15px;
  723. padding-right: 15px;
  724. padding-bottom: 35px;
  725. {block:ifroundedcorners}border-radius:10px;{/block:ifroundedcorners}
  726. {block:ifborders}border: 1px solid {color:borders};{/block:ifborders}
  727.  
  728. {block:ifglow}box-shadow: 0px 0px 17px 5px {color:glow color};{/block:ifglow}
  729. {block:ifshadow}box-shadow: 4px 4px 5px #888;{/block:ifshadow}
  730. }
  731.  
  732. #wrapper #sidebar #top #avatar {
  733. {block:ifsidebarportrait} width: 100px;
  734. {/block:ifsidebarprotrait}
  735.  
  736. }
  737.  
  738. #wrapper #sidebar #top #avatar img {
  739.  
  740. {block:iffloatingportrait}margin-top:-130px;{/block:iffloatingportrait}
  741.  
  742.  
  743. {block:ifsidebarportrait} width:143px;
  744. height:143px;
  745. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}{/block:ifsidebarportrait}
  746.  
  747.  
  748.  
  749.  
  750. }
  751.  
  752.  
  753.  
  754. #wrapper #sidebar #top #description {
  755. padding:2px;
  756. color:{color:text};
  757. font-family:bitxmap;
  758. font-size: 10px;
  759. position:relative;
  760. {block:ifsidebarportrait}margin-top:10px;{/block:ifsidebarportrait}
  761.  
  762.  
  763. }
  764.  
  765. #wrapper #sidebar #top #description a {
  766. color: {color:link};
  767. {block:iflinkunderline} text-decoration: underline;{/block:iflinkunderline}
  768. -webkit-transition: all 0.4s ease-in-out;
  769. -moz-transition: all 0.4s ease-in-out;
  770. -o-transition: all 0.4s ease-in-out;
  771. -ms-transition: all 0.4s ease-in-out;
  772. transition: all 0.4s ease-in-out;
  773. }
  774.  
  775. #wrapper #sidebar #top #description a:hover {
  776. color: {color:link hover};
  777. -webkit-transition: all 0.4s ease-in-out;
  778. -moz-transition: all 0.4s ease-in-out;
  779. -o-transition: all 0.4s ease-in-out;
  780. -ms-transition: all 0.4s ease-in-out;
  781. transition: all 0.4s ease-in-out;}
  782.  
  783. #wrapper #sidebar #descrption #pages{
  784. {block:ifleftsidebar} float: left;{/block:ifleftsidebar}
  785. {block:ifrightsidebar}
  786. float: right;
  787. {/block:ifrightsidebar}
  788. position: fixed;
  789. font-size:10px;
  790. background: {color:posts};
  791. padding-bottom: 0px;
  792. padding: 5px;
  793. color:{color:text};
  794. margin-top:10px;
  795. text-align:center;
  796.  
  797.  
  798. }
  799.  
  800.  
  801.  
  802.  
  803. #wrapper #sidebar #customlinks {
  804.  
  805. position:fixed;
  806. margin-top:10px;
  807. margin-left:174px;
  808.  
  809. -webkit-transition: all 0.4s ease-in-out;
  810. -moz-transition: all 0.4s ease-in-out;
  811. -o-transition: all 0.4s ease-in-out;
  812. -ms-transition: all 0.4s ease-in-out;
  813. transition: all 0.4s ease-in-out;
  814. onMouseover="ddrivetip('JavaScriptKit.com JavaScript tutorials','yellow', 300)";
  815. onMouseout="hideddrivetip()"
  816. }
  817.  
  818. #wrapper #sidebar #customlinks a {
  819.  
  820. margin-bottom:2px;
  821. font-size:20px;
  822. display:block;
  823. height:20px;
  824. width:20px;
  825. background:{color:posts};
  826. {block:ifborders}border-top:1px solid {color:borders};border-right:1px solid {color:borders};border-bottom:1px solid {color:borders};{/block:ifborders}
  827. {block:ifroundedcorners} border-radius: 0px 7px 7px 0px;{/block:ifroundedcorners}
  828. z-index:-1;
  829. -moz-transition: all 0.4s ease-in-out;
  830. -o-transition: all 0.4s ease-in-out;
  831. -ms-transition: all 0.4s ease-in-out;
  832. transition: all 0.4s ease-in-out;
  833. }
  834.  
  835. #wrapper #sidebar #customlinks img {
  836. margin-top:2px;
  837. }
  838.  
  839. #wrapper #sidebar #customlinks a:hover {
  840. background-color: {color:navi buttons hover};
  841. padding-left:25px;
  842. -webkit-transition: all 0.4s ease-in-out;
  843. -moz-transition: all 0.4s ease-in-out;
  844. -o-transition: all 0.4s ease-in-out;
  845. -ms-transition: all 0.4s ease-in-out;
  846. transition: all 0.4s ease-in-out;
  847. }
  848.  
  849.  
  850.  
  851. {block:ifmusic} #moosicplayer {
  852. font-size:9px;
  853. color:#000;
  854. background-color:{color:posts};
  855. {block:ifborders}border-top:1px solid {color:borders};border-left:1px solid {color:borders};border-right:1px solid {color:borders};{/block:ifborders}
  856. {block:ifroundedcorners} border-radius:7px 7px 0px 0px;{/block:ifroundedcorners}
  857. width:25px;
  858. position:fixed;
  859. margin-top:-20px;
  860. margin-left:9px;
  861. height:20px;
  862. overflow:hidden;
  863. -webkit-transition: all 0.7s ease;
  864. -moz-transition: all 0.7s ease;
  865. -o-transition: all 0.7s ease;
  866.  
  867. {block:iffloatingportrait}{block:ifborders}
  868. border-top:1px solid {color:borders};border-right:1px solid {color:borders};border-bottom:1px solid {color:borders};{/block:ifborders}
  869.  
  870. {block:ifroundedcorners} border-radius: 0px 7px 7px 0px;{/block:ifroundedcorners}
  871.  
  872.  
  873. width:25px;
  874. margin-top:83px;
  875. margin-left:174px;{/block:iffloatingportrait}
  876. }
  877.  
  878. #moosic {
  879. height:5px;
  880. width:5px;
  881. font-family:consolas;
  882. text-transform:uppercase;
  883. font-size:8px;
  884. opacity:1;
  885. -webkit-transition: all 0.5s ease;
  886. -moz-transition: all 0.5s ease;
  887. -o-transition: all 0.5s ease;
  888. margin-bottom:15px;
  889. }
  890.  
  891. #moosic img {
  892. padding-top:5px;
  893. margin-left:7px;
  894. -webkit-transition: all 0.5s ease;
  895. -moz-transition: all 0.5s ease;
  896. -o-transition: all 0.5s ease;
  897. }
  898.  
  899. #moosic embed {
  900. margin-top:2px;
  901. margin-left:-100px;
  902. -webkit-transition: all 0.5s ease;
  903. -moz-transition: all 0.5s ease;
  904. -o-transition: all 0.5s ease;
  905. }
  906.  
  907. #moosicplayer:hover #moosicembed {
  908. margin-top:-13px;
  909. margin-left:80px;
  910. }
  911.  
  912.  
  913. #moosicplayer:hover {
  914. width:40px;
  915.  
  916. }
  917.  
  918. #moosicplayer:hover #moosic img {
  919. opacity:1;
  920. padding-left:135px;
  921. -webkit-transition: all 0.5s ease;
  922. -moz-transition: all 0.5s ease;
  923. -o-transition: all 0.5s ease;
  924. }
  925. {/block:ifmusic}
  926.  
  927.  
  928. #themeby {
  929. font-family:arial;
  930. font-size:12px;
  931. overflow:hidden;
  932. background:#fff;
  933. position:fixed;
  934. bottom:10px;
  935. right:10px;
  936. width:15px;
  937. height:15px;
  938. padding:1px;
  939. border:1px solid #000;
  940. {block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}
  941.  
  942. -webkit-transition: all 0.4s ease-in-out;
  943. -moz-transition: all 0.4s ease-in-out;
  944. -o-transition: all 0.4s ease-in-out;
  945. -ms-transition: all 0.4s ease-in-out;
  946. transition: all 0.4s ease-in-out;
  947. }
  948.  
  949. #tthemeby {
  950. margin-top:1px;
  951. margin-left:2.5px;
  952. }
  953.  
  954. #themeby:hover {
  955. background:#000;
  956. color:#fff;
  957. -webkit-transition: all 0.4s ease-in-out;
  958. -moz-transition: all 0.4s ease-in-out;
  959. -o-transition: all 0.4s ease-in-out;
  960. -ms-transition: all 0.4s ease-in-out;
  961. transition: all 0.4s ease-in-out;
  962. }
  963.  
  964. #themeby a {
  965. color:{color:body};
  966. text-decoration:none;
  967. -webkit-transition: all 0.4s ease-in-out;
  968. -moz-transition: all 0.4s ease-in-out;
  969. -o-transition: all 0.4s ease-in-out;
  970. -ms-transition: all 0.4s ease-in-out;
  971. transition: all 0.4s ease-in-out;
  972. }
  973.  
  974. #themeby:hover a {
  975. color:#fff;
  976. -webkit-transition: all 0.4s ease-in-out;
  977. -moz-transition: all 0.4s ease-in-out;
  978. -o-transition: all 0.4s ease-in-out;
  979. -ms-transition: all 0.4s ease-in-out;
  980. transition: all 0.4s ease-in-out;
  981. }
  982.  
  983. .navi {
  984. position:relative;
  985. margin-top:140px;
  986. }
  987.  
  988. b, strong {
  989. color:{color:bold};
  990. }
  991.  
  992. i, em {
  993. color:{italics};
  994. }
  995.  
  996.  
  997.  
  998. </style>
  999.  
  1000. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  1001. <script type="text/javascript">
  1002. jQuery(document).ready(function() {
  1003. jQuery(".sub").hide();
  1004. //toggle the componenet with class msg_body
  1005. jQuery(".cthrough").click(function()
  1006. {
  1007. jQuery(this).next(".sub").slideToggle(500); return false;
  1008. });});
  1009. </script>
  1010. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1011. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1012. <script>
  1013. (function($){
  1014. $(document).ready(function(){
  1015. $("a[title]").style_my_tooltips({
  1016. tip_follows_cursor:true,
  1017. tip_delay_time:0,
  1018. tip_fade_speed:0,
  1019. attribute:"title"
  1020. });
  1021. });
  1022. })(jQuery);
  1023. </script>
  1024.  
  1025. <script type="text/javascript">
  1026. // <![CDATA[
  1027. var colour="{color:mouse sparkles}";
  1028. var sparkles=120;
  1029.  
  1030. /****************************
  1031. * Tinkerbell Magic Sparkle *
  1032. * (c) 2005 mf2fm web-design *
  1033. * http://www.mf2fm.com/rv *
  1034. * DON'T EDIT BELOW THIS BOX *
  1035. ****************************/
  1036. var x=ox=400;
  1037. var y=oy=300;
  1038. var swide=800;
  1039. var shigh=600;
  1040. var sleft=sdown=0;
  1041. var tiny=new Array();
  1042. var star=new Array();
  1043. var starv=new Array();
  1044. var starx=new Array();
  1045. var stary=new Array();
  1046. var tinyx=new Array();
  1047. var tinyy=new Array();
  1048. var tinyv=new Array();
  1049.  
  1050. window.onload=function() { if (document.getElementById) {
  1051. var i, rats, rlef, rdow;
  1052. for (var i=0; i<sparkles; i++) {
  1053. var rats=createDiv(3, 3);
  1054. rats.style.visibility="hidden";
  1055. document.body.appendChild(tiny[i]=rats);
  1056. starv[i]=0;
  1057. tinyv[i]=0;
  1058. var rats=createDiv(5, 5);
  1059. rats.style.backgroundColor="transparent";
  1060. rats.style.visibility="hidden";
  1061. var rlef=createDiv(1, 5);
  1062. var rdow=createDiv(5, 1);
  1063. rats.appendChild(rlef);
  1064. rats.appendChild(rdow);
  1065. rlef.style.top="2px";
  1066. rlef.style.left="0px";
  1067. rdow.style.top="0px";
  1068. rdow.style.left="2px";
  1069. document.body.appendChild(star[i]=rats);
  1070. }
  1071. set_width();
  1072. sparkle();
  1073. }}
  1074.  
  1075. function sparkle() {
  1076. var c;
  1077. if (x!=ox || y!=oy) {
  1078. ox=x;
  1079. oy=y;
  1080. for (c=0; c<sparkles; c++) if (!starv[c]) {
  1081. star[c].style.left=(starx[c]=x)+"px";
  1082. star[c].style.top=(stary[c]=y)+"px";
  1083. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  1084. star[c].style.visibility="visible";
  1085. starv[c]=50;
  1086. break;
  1087. }
  1088. }
  1089. for (c=0; c<sparkles; c++) {
  1090. if (starv[c]) update_star(c);
  1091. if (tinyv[c]) update_tiny(c);
  1092. }
  1093. setTimeout("sparkle()", 40);
  1094. }
  1095.  
  1096. function update_star(i) {
  1097. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  1098. if (starv[i]) {
  1099. stary[i]+=1+Math.random()*3;
  1100. if (stary[i]<shigh+sdown) {
  1101. star[i].style.top=stary[i]+"px";
  1102. starx[i]+=(i%5-2)/5;
  1103. star[i].style.left=starx[i]+"px";
  1104. }
  1105. else {
  1106. star[i].style.visibility="hidden";
  1107. starv[i]=0;
  1108. return;
  1109. }
  1110. }
  1111. else {
  1112. tinyv[i]=50;
  1113. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  1114. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  1115. tiny[i].style.width="2px";
  1116. tiny[i].style.height="2px";
  1117. star[i].style.visibility="hidden";
  1118. tiny[i].style.visibility="visible"
  1119. }
  1120. }
  1121.  
  1122. function update_tiny(i) {
  1123. if (--tinyv[i]==25) {
  1124. tiny[i].style.width="1px";
  1125. tiny[i].style.height="1px";
  1126. }
  1127. if (tinyv[i]) {
  1128. tinyy[i]+=1+Math.random()*3;
  1129. if (tinyy[i]<shigh+sdown) {
  1130. tiny[i].style.top=tinyy[i]+"px";
  1131. tinyx[i]+=(i%5-2)/5;
  1132. tiny[i].style.left=tinyx[i]+"px";
  1133. }
  1134. else {
  1135. tiny[i].style.visibility="hidden";
  1136. tinyv[i]=0;
  1137. return;
  1138. }
  1139. }
  1140. else tiny[i].style.visibility="hidden";
  1141. }
  1142.  
  1143. document.onmousemove=mouse;
  1144. function mouse(e) {
  1145. set_scroll();
  1146. y=(e)?e.pageY:event.y+sdown;
  1147. x=(e)?e.pageX:event.x+sleft;
  1148. }
  1149.  
  1150. function set_scroll() {
  1151. if (typeof(self.pageYOffset)=="number") {
  1152. sdown=self.pageYOffset;
  1153. sleft=self.pageXOffset;
  1154. }
  1155. else if (document.body.scrollTop || document.body.scrollLeft) {
  1156. sdown=document.body.scrollTop;
  1157. sleft=document.body.scrollLeft;
  1158. }
  1159. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  1160. sleft=document.documentElement.scrollLeft;
  1161. sdown=document.documentElement.scrollTop;
  1162. }
  1163. else {
  1164. sdown=0;
  1165. sleft=0;
  1166. }
  1167. }
  1168.  
  1169. window.onresize=set_width;
  1170. function set_width() {
  1171. if (typeof(self.innerWidth)=="number") {
  1172. swide=self.innerWidth;
  1173. shigh=self.innerHeight;
  1174. }
  1175. else if (document.documentElement && document.documentElement.clientWidth) {
  1176. swide=document.documentElement.clientWidth;
  1177. shigh=document.documentElement.clientHeight;
  1178. }
  1179. else if (document.body.clientWidth) {
  1180. swide=document.body.clientWidth;
  1181. shigh=document.body.clientHeight;
  1182. }
  1183. }
  1184.  
  1185. function createDiv(height, width) {
  1186. var div=document.createElement("div");
  1187. div.style.position="absolute";
  1188. div.style.height=height+"px";
  1189. div.style.width=width+"px";
  1190. div.style.overflow="hidden";
  1191. div.style.backgroundColor=colour;
  1192. return (div);
  1193. }
  1194. // ]]>
  1195. </script>
  1196.  
  1197. </head>
  1198. <body>
  1199.  
  1200. <div id="themeby"> <div id="tthemeby"><a href="http://risahawkeye.tumblr.com">&copy;</a></div></div>
  1201.  
  1202. <div id="bottomimage" style="position:fixed; bottom:-15px; left:-2px; z-index:-1;"><img src="{image:left render}"></div>
  1203.  
  1204. <div id="bottomimage" style="position:fixed; bottom:-15px; right:-2px; z-index:-1;"><img src="{image:right render}"></div>
  1205.  
  1206.  
  1207. <div id="wrapper">
  1208. <div id="title">
  1209.  
  1210. </div>
  1211.  
  1212. <div id="content">
  1213.  
  1214. {block:SearchPage}
  1215. {block:SearchResults}
  1216. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  1217. {/block:SearchResults}
  1218.  
  1219. {block:NoSearchResults}
  1220. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  1221. {/block:NoSearchResults}
  1222. {/block:SearchPage}
  1223.  
  1224. {block:Posts}
  1225. <div class="post">
  1226.  
  1227. {block:Photo}
  1228. <div class="media">{LinkOpenTag}<img src="
  1229.  
  1230. {block:if400pxposts}
  1231. {PhotoURL-400}
  1232. {/block:if400pxposts}
  1233. {block:if500pxposts}
  1234. {PhotoURL-500}
  1235. {/block:if500pxposts}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  1236. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1237. {/block:Photo}
  1238.  
  1239. {block:Photoset}
  1240. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1241. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1242.  
  1243. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1244. {/block:Photoset}
  1245.  
  1246.  
  1247. {block:Video}
  1248. <div class="media">{Video-500}</div>
  1249. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1250. {/block:Video}
  1251.  
  1252. {block:Audio}
  1253.  
  1254. {block:AudioEmbed}
  1255. {AudioEmbed}
  1256. {/block:AudioEmbed}
  1257.  
  1258. {block:AudioPlayer}
  1259.  
  1260.  
  1261.  
  1262. <div class="audio">
  1263. <div class="player">{AudioPlayerWhite}</div>
  1264.  
  1265. <div class="meta">{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  1266. <div class="clear"></div>
  1267. </div>
  1268. {/block:AudioPlayer}
  1269.  
  1270. <div class="clear"></div>
  1271.  
  1272. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1273.  
  1274. {/block:Audio}
  1275.  
  1276. {block:Quote}
  1277. <div class="quote {Length}">“{quote}”</div>
  1278. <div class="copy">
  1279.  
  1280. {block:Source}
  1281. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1282. <tr>
  1283. <td valign="top" style="width:20px;">&mdash;</td>
  1284. <td valign="top" class="quote_source">
  1285. {Source}
  1286. </td>
  1287. </tr>
  1288. </table>
  1289. {/block:Source}
  1290. </div>
  1291. {/block:Quote}
  1292.  
  1293. {block:Text}
  1294. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1295. <div class="copy">{Body}</div>
  1296. {/block:Text}
  1297.  
  1298. {block:Answer}
  1299. <div class="question">
  1300. <div class="nipple"></div>
  1301. {Question}
  1302. </div>
  1303. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1304. <div class="copy">{Answer}</div>
  1305. {/block:Answer}
  1306.  
  1307. {block:Chat}
  1308. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1309. <div class="chat">
  1310. <div class="lines">
  1311. {block:Lines}
  1312. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1313. {/block:Lines}
  1314. </div>
  1315. </div>
  1316. <div class="clear"></div>
  1317. <div style="height:10px;"></div>
  1318. {/block:Chat}
  1319.  
  1320. {block:Link}
  1321. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1322. {block:Description}<div class="copy">{Description}
  1323. </div>{/block:Description}
  1324. {/block:Link}
  1325.  
  1326. {block:Date}
  1327. <a href="{Permalink}">
  1328. <div class="footer for_permalink">
  1329. <div class="date">
  1330. {block:Reblog}
  1331. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
  1332. {/block:Reblog}
  1333.  
  1334. {block:NotReblog}
  1335. posted {TimeAgo} with {notecount} notes
  1336. {/block:NotReblog}
  1337. </div>
  1338. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  1339. <div class="clear"></div>
  1340. </div>
  1341. </a>
  1342. {/block:Date}
  1343.  
  1344. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  1345. display:none;
  1346. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  1347. {block:ContentSource}display:block;{/block:ContentSource}
  1348. ">
  1349. {block:IfShowTags}
  1350. {block:HasTags}<div class="tags">tagged: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}</div>{/block:HasTags}
  1351. {/block:IfShowTags}
  1352.  
  1353. {block:ContentSource}
  1354. <a href="{SourceURL}" class="source_url">
  1355. source:
  1356. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1357. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1358. </a>
  1359. {/block:ContentSource}
  1360.  
  1361. <div class="clear"></div>
  1362. </div>
  1363.  
  1364. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1365.  
  1366. {block:IfDisqusShortname}
  1367. {block:Permalink}
  1368. <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
  1369. <div id="disqus_thread"></div>
  1370. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1371. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1372. </div>
  1373.  
  1374. {/block:Permalink}
  1375. {/block:IfDisqusShortname}
  1376.  
  1377. </div>
  1378. <div class="bottom"></div>
  1379. {/block:Posts}
  1380.  
  1381.  
  1382.  
  1383. </div>
  1384.  
  1385.  
  1386.  
  1387.  
  1388. <div id="sidebar">
  1389.  
  1390. {block:ifmusic}<div id="moosicplayer">
  1391.  
  1392. <div id="moosic"><img src="http://media.tumblr.com/tumblr_m9c43j1CTO1rto88t.gif">
  1393.  
  1394. <div id="moosicembed"> {text:music code}
  1395.  
  1396. </div>
  1397.  
  1398. </div>
  1399.  
  1400. </div>{/block:ifmusic}
  1401.  
  1402.  
  1403. <div id="customlinks">
  1404.  
  1405.  
  1406.  
  1407. <a href="/" title="home"><img src="http://static.tumblr.com/utqap6x/qi5mx20lp/home.png"></a>
  1408.  
  1409. <a href="/ask" title="ask"><img src="http://static.tumblr.com/utqap6x/c9jmx20ns/comment.png"></a>
  1410.  
  1411. <a href="/submit" title="submit"><img src="http://static.tumblr.com/utqap6x/FSpmx20sh/add.png"></a>
  1412.  
  1413.  
  1414.  
  1415. </div>
  1416. <div id="top">
  1417. {block:ifsidebarportrait}<div id="avatar"><a href="/"><img src="{image:sidebar}" /></a></div>{/block:ifsidebarportrait}
  1418. <div id="description">{Description}<p><center><select onchange='location=this.options[this.selectedIndex].value;' style='margin-left:-10px;width:160px;font-family:ARIAL; font-size:10px; color:{color:navigation links text}; background:{color:navigation links bg};border:1px solid {color:borders}'>
  1419.  
  1420. <option value=''>navigation</option>
  1421. {block:if1link}<option value="{text:link url 1}">{text:link 1}</option>{/block:if1link}
  1422. {block:if2links}<option value="{text:link url 2}">{text:link 2}</option>{/block:if2links}
  1423. {block:if3links}<option value="{text:link url 3}">{text:link 3}</option>{/block:if3links}
  1424. {block:if4links}<option value="{text:link url 4}">{text:link 4}</option>{/block:if4links}
  1425. {block:if5links}<option value="{text:link url 5}">{text:link 5}</option>{/block:if5links}
  1426. {block:if6links}<option value="{text:link url 6}">{text:link 6}</option>{/block:if6links}
  1427. {block:if7links}<option value="{text:link url 7}">{text:link 7}</option>{/block:if7links}
  1428. {block:if8links}<option value="{text:link url 8}">{text:link 8}</option>{/block:if8links}</select></center></div></p>
  1429.  
  1430. <div id="pages" style="font-size:10px;font-family:arial;text-align:center;color:{color:tags};">{block:Pagination}
  1431. {/block:Pagination}
  1432. {block:PreviousPage}<a class="jump_page" href="{PreviousPage}">←</a>{/block:PreviousPage}
  1433. {block:JumpPagination length="5"}
  1434. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1435. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1436. {/block:JumpPagination}
  1437. {block:NextPage}<a class="jump_page" href="{NextPage}">→</a>{/block:NextPage}
  1438. </div>
  1439.  
  1440. <div class="clear"></div>
  1441. </div>
  1442.  
  1443. {block:HasPages}
  1444. <div id="pages">
  1445.  
  1446. <div class="clear"></div>
  1447. </div>
  1448. {/block:HasPages}
  1449.  
  1450.  
  1451. <div class="clear"></div>
  1452. </form>
  1453. </div>
  1454.  
  1455. </div>
  1456.  
  1457.  
  1458.  
  1459. {block:Twitter}
  1460. <div id="twitterwrapper" style="display:none;">
  1461. <a href="http://twitter.com/{TwitterUsername}" style="text-decoration:none;"><div class="heading" id="twitter">{lang:Latest Tweets}</div></a>
  1462. <div id="tweetcontainer"></div>
  1463. <script type="text/javascript">
  1464. function recent_tweets(data) {
  1465. document.getElementById("twitterwrapper").style.display = "block";
  1466. for(i = 0; i < data.length; i++) {
  1467. document.getElementById("tweetcontainer").innerHTML = document.getElementById("tweetcontainer").innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + (data[i].id_str ? data[i].id_str : data[i].id) + '"><div class="content">' + data[i].text + '</div></a>';
  1468. }
  1469. }
  1470. </script>
  1471. </div>
  1472. {/block:Twitter}
  1473.  
  1474.  
  1475.  
  1476. <div class="clear"></div>
  1477. </div>
  1478.  
  1479. </div>
  1480.  
  1481. <div id="bottom"></div>
  1482.  
  1483. </div>
  1484.  
  1485. <div class="clear"></div>
  1486. </div>
  1487.  
  1488. {block:Twitter}
  1489. <script type="text/javascript" src="/tweets.js"></script>
  1490. {/block:Twitter}
  1491.  
  1492. {block:IfDisqusShortname}
  1493. <script type="text/javascript">
  1494. //<![CDATA[
  1495. (function() {
  1496. var links = document.getElementsByTagName('a');
  1497. var query = '?';
  1498. for(var i = 0; i < links.length; i++) {
  1499. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1500. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1501. }
  1502. }
  1503. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1504. })();
  1505. //]]>
  1506. </script>
  1507. {/block:IfDisqusShortname}
  1508.  
  1509. <div id="dhtmltooltip"></div>
  1510.  
  1511. <script type="text/javascript">
  1512.  
  1513. /***********************************************
  1514. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  1515. * This notice MUST stay intact for legal use
  1516. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  1517. ***********************************************/
  1518.  
  1519. var offsetxpoint=-60 //Customize x offset of tooltip
  1520. var offsetypoint=20 //Customize y offset of tooltip
  1521. var ie=document.all
  1522. var ns6=document.getElementById && !document.all
  1523. var enabletip=false
  1524. if (ie||ns6)
  1525. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  1526.  
  1527. function ietruebody(){
  1528. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  1529. }
  1530.  
  1531. function ddrivetip(thetext, thecolor, thewidth){
  1532. if (ns6||ie){
  1533. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  1534. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  1535. tipobj.innerHTML=thetext
  1536. enabletip=true
  1537. return false
  1538. }
  1539. }
  1540.  
  1541. function positiontip(e){
  1542. if (enabletip){
  1543. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  1544. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  1545. //Find out how close the mouse is to the corner of the window
  1546. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  1547. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  1548.  
  1549. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  1550.  
  1551. //if the horizontal distance isn't enough to accomodate the width of the context menu
  1552. if (rightedge<tipobj.offsetWidth)
  1553. //move the horizontal position of the menu to the left by it's width
  1554. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  1555. else if (curX<leftedge)
  1556. tipobj.style.left="5px"
  1557. else
  1558. //position the horizontal position of the menu where the mouse is positioned
  1559. tipobj.style.left=curX+offsetxpoint+"px"
  1560.  
  1561. //same concept with the vertical position
  1562. if (bottomedge<tipobj.offsetHeight)
  1563. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  1564. else
  1565. tipobj.style.top=curY+offsetypoint+"px"
  1566. tipobj.style.visibility="visible"
  1567. }
  1568. }
  1569.  
  1570. function hideddrivetip(){
  1571. if (ns6||ie){
  1572. enabletip=false
  1573. tipobj.style.visibility="hidden"
  1574. tipobj.style.left="-1000px"
  1575. tipobj.style.backgroundColor=''
  1576. tipobj.style.width=''
  1577. }
  1578. }
  1579.  
  1580. document.onmousemove=positiontip
  1581.  
  1582. </script>
  1583.  
  1584. </body>
  1585. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement