API tools faq
paste
Advertisement
kingdap

Dango Theme

kingdap
Apr 9th, 2013
302
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.18 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. Dango by megidolaon-for-everyone
  3.  
  4. Credits:
  5. Drop-down Box: manatopia
  6.  
  7. Please keep the credits intact! You're free to make changes to the theme, but only for personal use.
  8.  
  9. -------------------------------------------------------------------------->
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16.  
  17. <meta name="image:Dango Background" content="">
  18. <meta name="image:Post Background" content="http://s5.postimg.org/ogj4wxer7/manatopia_bg.png">
  19. <meta name="image:Background" content="http://www.pastelpatterns.com/small/smallpattern-2.png">
  20.  
  21. <meta name="color:Background" content="#ffbeda">
  22. <meta name="color:Post BG" content="#e4dfdf">
  23. <meta name="color:Tags" content="#a5969c">
  24. <meta name="color:Tags Hover" content="#f1b5a1">
  25.  
  26. <meta name="color:Dango Color" content="#ffd3d3">
  27. <meta name="color:Dango Border" content="#fcb7b7">
  28. <meta name="color:Eyes" content="#5a5959">
  29. <meta name="color:Description" content="#6f6c6d">
  30.  
  31. <meta name="color:Nav1" content="#f8490f">
  32. <meta name="color:Nav1 BG" content="#fdd493">
  33. <meta name="color:Nav1 Border" content="#ffb87e">
  34. <meta name="color:Nav2" content="#fcab5e">
  35. <meta name="color:Nav2 BG" content="#fffab6">
  36. <meta name="color:Nav2 Border" content="#f8ef6d">
  37. <meta name="color:Nav3" content="#04b61b">
  38. <meta name="color:Nav3 BG" content="#b3f1b8">
  39. <meta name="color:Nav3 Border" content="#96eb9e">
  40. <meta name="color:Nav4" content="#0082ff">
  41. <meta name="color:Nav4 BG" content="#baeafd">
  42. <meta name="color:Nav4 Border" content="#9edcf5">
  43.  
  44. <meta name="color:Pagination" content="#fd6f6f">
  45. <meta name="color:Pagination Hover" content="#f1b5a1">
  46.  
  47. <meta name="color:Blog Title" content="#6f6e6e">
  48.  
  49. <meta name="color:Scrollbar" content="#fdb0d4">
  50. <meta name="color:Scrollbar BG" content="#e2e2e2">
  51.  
  52. <meta name="color:Text" content="#949494">
  53. <meta name="color:Emphasis Text" content="#6b6a6a">
  54. <meta name="color:Link" content="#ff69aa">
  55. <meta name="color:Link Hover" content="#f8be9c">
  56. <meta name="color:Audio Info" content="#a2a2a2">
  57. <meta name="color:Audio Info BG" content="#ebebeb">
  58.  
  59. <meta name="color:Ask BG" content="#d8d7d4">
  60. <meta name="color:Ask Text" content="#7c7c7a">
  61.  
  62. <meta name="color:Chat BG Odd" content="#f7f5f5">
  63. <meta name="color:Chat BG Even" content="#dbdbdb">
  64. <meta name="color:Chat Text Odd" content="#b1b0b0">
  65. <meta name="color:Chat Text Even" content="#6f6e6e">
  66.  
  67. <meta name="if:Show Caption" content="0">
  68. <meta name="if:Show Tags" content="1"/>
  69. <meta name="if:400 Posts" content="1"/>
  70. <meta name="if:Pixel Font" content="0">
  71. <meta name="if:Infinite Scroll" content="0"/>
  72. <meta name="if:Title Center" content="1"/>
  73. <meta name="if:Title Left" content="0"/>
  74. <meta name="if:Title Right" content="0"/>
  75. <meta name="if:Sidebar Left" content="0"/>
  76. <meta name="if:Small Cursor" content="1"/>
  77.  
  78. <meta name="text:Link 1 URL" content="/"/>
  79. <meta name="text:Link 1" content="Link 1"/>
  80. <meta name="text:Link 2 URL" content="/"/>
  81. <meta name="text:Link 2" content="Link 2"/>
  82. <meta name="text:Link 3 URL" content="/"/>
  83. <meta name="text:Link 3" content="Link 3"/>
  84. <meta name="text:Link 4 URL" content="/"/>
  85. <meta name="text:Link 4" content="Link 4"/>
  86. <meta name="text:Link 5 URL" content="/"/>
  87. <meta name="text:Link 5" content="Link 5"/>
  88.  
  89. <title>{Title}</title>
  90. <link rel="shortcut icon" href="{Favicon}" />
  91.  
  92. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97. ::-webkit-scrollbar-thumb:vertical {
  98. background-color:{color:Scrollbar};
  99. height:30px;
  100. }
  101.  
  102. ::-webkit-scrollbar {
  103. background-color: {color:Scrollbar BG};
  104. height:4px;
  105. width:4px;
  106. }
  107.  
  108. @font-face {
  109. font-family: "littlefont";
  110. src: url('https://dl.dropboxusercontent.com/u/81174604/04b_03___1_.ttf'); }
  111.  
  112. @font-face {
  113. font-family: "just realize";
  114. src: url('https://dl.dropboxusercontent.com/u/81174604/justrealize.ttf'); }
  115.  
  116.  
  117. @font-face {
  118. font-family: "ronda";
  119. src: url('https://dl.dropboxusercontent.com/u/81174604/pf_ronda_seven.ttf');
  120. }
  121.  
  122. body {
  123. background-color:{color:Background};
  124. background-image: url('{image:Background}');
  125. background-attachment: fixed;
  126. color: {color:Text};
  127. {block:ifPixelFont}
  128. font-family: Ronda;
  129. font-size: 8px;
  130. {/block:ifPixelFont}
  131. {block:ifnotPixelFont}
  132. font-family: Calibri;
  133. font-size: 11px;
  134. {/block:ifnotPixelFont}
  135. text-transform: none;
  136. margin: 0px;
  137. }
  138.  
  139. a:link, a:active, a:visited {
  140. text-decoration:none;
  141. color: {color:Link};
  142. padding-bottom: 10px;
  143. border-bottom: 0px dashed transparent;
  144. -webkit-transition: all 0.6s ease-out;
  145. -moz-transition: all 0.6s ease-out;
  146. -o-transition: all 0.6s ease-out;
  147. }
  148.  
  149. a:hover {
  150. -webkit-transition: all 0.5s ease;
  151. -moz-transition: all 0.5s ease;
  152. -o-transition: all 0.5s ease;
  153. text-decoration:none;
  154. color: {color:Link Hover};
  155. border-bottom: 1px dashed;
  156. padding-bottom: 0px;
  157. }
  158.  
  159. b, strong, .strong {color:{color:Emphasis Text};}
  160.  
  161. i, em, .em {color:{color:Emphasis Text};}
  162.  
  163. blockquote {
  164. border-left:3px solid {color:Text};
  165. padding-left:5px;
  166. }
  167.  
  168. #tumblr_controls{position:fixed; right: 0px; top:0px;}
  169.  
  170.  
  171. /*SIDEBAR*/
  172.  
  173. #title {
  174. position:relative;
  175. margin-top:0px;
  176. {block:ifTitleCenter}
  177. width:200px;
  178. text-align: center;
  179. {/block:ifTitleCenter}
  180. {block:ifTitleLeft}
  181. margin-left:15px;
  182. width:200px;
  183. text-align:left;
  184. {/block:ifTitleLeft}
  185. {block:ifTitleRight}
  186. margin-right:15px;
  187. width:200px;
  188. text-align:right;
  189. {/block:ifTitleRight}
  190. font-family: just realize;
  191. font-size: 21px;
  192. color: {color:Blog Title};
  193. z-index:9;
  194. }
  195.  
  196. #title a {
  197. color: {color:Blog Title};
  198. border-bottom: 0px;
  199. }
  200.  
  201. #title a:hover {
  202. color: {color:Blog Title};
  203. background: transparent;
  204. }
  205.  
  206. #sidebar {
  207. position:fixed;
  208. top:100px;
  209. {block:ifNotSidebarLeft}
  210. left: 700px;
  211. {/block:ifNotSidebarLeft}
  212. {block:ifSidebarLeft}
  213. left: 95px;
  214. {/block:ifSidebarLeft}
  215. width: 250px;
  216. height: auto;
  217. }
  218.  
  219. .dango {
  220. width:250px;
  221. height:180px;
  222. background-color: {color:Dango Color};
  223. background-image: url('{image:Dango Background}');
  224. border: 2px solid {color:Dango Border};
  225. -moz-border-top-right-radius: 125px;
  226. -webkit-border-top-right-radius: 125px;
  227. border-top-right-radius: 125px;
  228. -moz-border-bottom-right-radius: 75px;
  229. -webkit-border-bottom-right-radius: 75px;
  230. border-bottom-right-radius: 75px;
  231. -moz-border-bottom-left-radius: 75px;
  232. -webkit-border-bottom-left-radius: 75px;
  233. border-bottom-left-radius: 75px;
  234. -moz-border-top-left-radius: 125px;
  235. -webkit-border-top-left-radius: 125px;
  236. border-top-left-radius: 125px;
  237. }
  238.  
  239. .dangofilter {
  240. margin-left: -2px;
  241. margin-top:-2px;
  242. width:250px;
  243. height:180px;
  244. background-color: #fff;
  245. border: 2px solid #fff;
  246. -moz-border-top-right-radius: 125px;
  247. -webkit-border-top-right-radius: 125px;
  248. border-top-right-radius: 125px;
  249. -moz-border-bottom-right-radius: 75px;
  250. -webkit-border-bottom-right-radius: 75px;
  251. border-bottom-right-radius: 75px;
  252. -moz-border-bottom-left-radius: 75px;
  253. -webkit-border-bottom-left-radius: 75px;
  254. border-bottom-left-radius: 75px;
  255. -moz-border-top-left-radius: 125px;
  256. -webkit-border-top-left-radius: 125px;
  257. border-top-left-radius: 125px;
  258. opacity:0;
  259. transition-duration: 0.7s;
  260. -moz-transition-duration: 0.7s;
  261. -webkit-transition-duration: 0.7s;
  262. -o-transition-duration: 0.7s;
  263. }
  264.  
  265. .dango:hover .dangofilter {
  266. opacity:0.5;
  267. }
  268.  
  269. .dango:hover #eye1 {
  270. opacity:0;
  271. }
  272.  
  273. .dango:hover #eye2 {
  274. opacity:0;
  275. }
  276.  
  277. #eye1 {
  278. margin-left:100px;
  279. margin-top:50px;
  280. position:fixed;
  281. height:33px;
  282. width:4px;
  283. border-radius:5px;
  284. background-color: {color:Eyes};
  285. transition-duration: 0.5s;
  286. -moz-transition-duration: 0.5s;
  287. -webkit-transition-duration: 0.5s;
  288. -o-transition-duration: 0.5s;
  289. }
  290.  
  291. #eye2 {
  292. margin-left:150px;
  293. margin-top:50px;
  294. position:fixed;
  295. height:33px;
  296. width:4px;
  297. border-radius:5px;
  298. background-color: {color:Eyes};
  299. transition-duration: 0.5s;
  300. -moz-transition-duration: 0.5s;
  301. -webkit-transition-duration: 0.5s;
  302. -o-transition-duration: 0.5s;
  303. }
  304.  
  305.  
  306. /*PAGINATION*/
  307.  
  308. #pagination {
  309. position:relative;
  310. width: 200px;
  311. margin-left:25px;
  312. font-size: 8px;
  313. font-family: ronda;
  314. margin-top:-5px;
  315. margin-bottom: 7px;
  316. letter-spacing: 3px;
  317. color: {color:Pagination};
  318. z-index: 999;
  319. }
  320.  
  321. #pagination a {
  322. color: {color:Pagination};
  323. transition-duration: 0.5s;
  324. -moz-transition-duration: 0.5s;
  325. -webkit-transition-duration: 0.5s;
  326. -o-transition-duration: 0.5s;
  327. }
  328.  
  329. #pagination a:hover {
  330. color: {color:Pagination Hover}
  331. }
  332.  
  333. /*DESCRIPTION*/
  334.  
  335. #description {
  336. position:fixed;
  337. width:180px;
  338. margin-top:50px;
  339. margin-left:35px;
  340. height: 100px;
  341. overflow:auto;
  342. line-height:9px;
  343. text-align: center;
  344. font-family: ronda;
  345. font-size: 8px;
  346. color: {color:Description};
  347. z-index:100;
  348. opacity:0;
  349. transition-duration: 0.6s;
  350. -moz-transition-duration: 0.6s;
  351. -webkit-transition-duration: 0.6s;
  352. -o-transition-duration: 0.6s;
  353. }
  354.  
  355. #description i, em {
  356. color: {color:Emphasis Text};
  357. }
  358.  
  359. #description b, em {
  360. color: {color: Emphasis Text};
  361. }
  362.  
  363. #description a {
  364. color: {color:Link};
  365. -webkit-transition: all 0.5s ease-in-out;
  366. -moz-transition: all 0.5s ease-in-out;
  367. -o-transition: all 0.5s ease-in-out;
  368. -ms-transition: all 0.5s ease-in-out;
  369. transition: all 0.5s ease-in-out;
  370. }
  371.  
  372. #description a:hover {
  373. color: {color:Link Hover};
  374. }
  375.  
  376. .dango:hover #description {
  377. opacity: 1;
  378. }
  379.  
  380. /*NAVIGATION*/
  381.  
  382. .nav1 {
  383. position:fixed;
  384. margin-left:275px;
  385. font-family: ronda;
  386. margin-top:-215px;
  387. border: 2px solid {color:Nav1 Border};
  388. width:50px;
  389. height:36px;
  390. background-color:{color:Nav1 BG};
  391. -moz-border-top-right-radius: 25px;
  392. -webkit-border-top-right-radius: 25px;
  393. border-top-right-radius: 25px;
  394. -moz-border-bottom-right-radius: 15px;
  395. -webkit-border-bottom-right-radius: 15px;
  396. border-bottom-right-radius: 15px;
  397. -moz-border-bottom-left-radius: 15px;
  398. -webkit-border-bottom-left-radius: 15px;
  399. border-bottom-left-radius: 15px;
  400. -moz-border-top-left-radius: 25px;
  401. -webkit-border-top-left-radius: 25px;
  402. border-top-left-radius: 25px;
  403. opacity: 1;
  404. }
  405.  
  406. .nav1text a {
  407. position: fixed;
  408. opacity:0;
  409. margin-top:10px;
  410. margin-left: -11px;
  411. font-size:8px;
  412. text-decoration: none;
  413. color:{color:Nav1};
  414. -webkit-transition: all 0.4s ease-in-out;
  415. -moz-transition: all 0.4s ease-in-out;
  416. -o-transition: all 0.4s ease-in-out;
  417. -ms-transition: all 0.4s ease-in-out;
  418. transition: all 0.4s ease-in-out;
  419. }
  420.  
  421. .nav1:hover .nav1text a {
  422. opacity:1;
  423. }
  424.  
  425. .nav2 {
  426. position:fixed;
  427. font-family: ronda;
  428. margin-left:275px;
  429. margin-top:-170px;
  430. border: 2px solid {color:Nav2 Border};
  431. width:50px;
  432. height:36px;
  433. background-color:{color:Nav2 BG};
  434. -moz-border-top-right-radius: 25px;
  435. -webkit-border-top-right-radius: 25px;
  436. border-top-right-radius: 25px;
  437. -moz-border-bottom-right-radius: 15px;
  438. -webkit-border-bottom-right-radius: 15px;
  439. border-bottom-right-radius: 15px;
  440. -moz-border-bottom-left-radius: 15px;
  441. -webkit-border-bottom-left-radius: 15px;
  442. border-bottom-left-radius: 15px;
  443. -moz-border-top-left-radius: 25px;
  444. -webkit-border-top-left-radius: 25px;
  445. border-top-left-radius: 25px;
  446. }
  447.  
  448. .nav2text a {
  449. position: fixed;
  450. opacity:0;
  451. margin-top:10px;
  452. margin-left: -7px;
  453. font-size:8px;
  454. color:{color:Nav2};
  455. text-decoration: none;
  456. -webkit-transition: all 0.4s ease-in-out;
  457. -moz-transition: all 0.4s ease-in-out;
  458. -o-transition: all 0.4s ease-in-out;
  459. -ms-transition: all 0.4s ease-in-out;
  460. transition: all 0.4s ease-in-out;
  461. }
  462.  
  463. .nav2:hover .nav2text a {
  464. opacity:1;
  465. }
  466.  
  467. .nav3 {
  468. position:fixed;
  469. font-family: ronda;
  470. margin-left:275px;
  471. margin-top:-125px;
  472. border: 2px solid {color:Nav3 Border};
  473. width:50px;
  474. height:36px;
  475. z-index:999;
  476. background-color:{color:Nav3 BG};
  477. -moz-border-top-right-radius: 25px;
  478. -webkit-border-top-right-radius: 25px;
  479. border-top-right-radius: 25px;
  480. -moz-border-bottom-right-radius: 15px;
  481. -webkit-border-bottom-right-radius: 15px;
  482. border-bottom-right-radius: 15px;
  483. -moz-border-bottom-left-radius: 15px;
  484. -webkit-border-bottom-left-radius: 15px;
  485. border-bottom-left-radius: 15px;
  486. -moz-border-top-left-radius: 25px;
  487. -webkit-border-top-left-radius: 25px;
  488. border-top-left-radius: 25px;
  489. }
  490.  
  491. .nav3text a {
  492. opacity:0;
  493. position: fixed;
  494. margin-top:10px;
  495. margin-left:-9px;
  496. font-size:8px;
  497. text-decoration: none;
  498. color:{color:Nav3};
  499. z-index:1000;
  500. -webkit-transition: all 0.4s ease-in-out;
  501. -moz-transition: all 0.4s ease-in-out;
  502. -o-transition: all 0.4s ease-in-out;
  503. -ms-transition: all 0.4s ease-in-out;
  504. transition: all 0.4s ease-in-out;
  505. }
  506.  
  507. .nav3:hover .nav3text a {
  508. opacity:1;
  509. }
  510.  
  511. .nav4 {
  512. position:fixed;
  513. font-family: ronda;
  514. margin-left:275px;
  515. margin-top:-80px;
  516. border: 2px solid {color:Nav4 Border};
  517. width:50px;
  518. height:36px;
  519. z-index:999;
  520. background-color:{color:Nav4 BG};
  521. -moz-border-top-right-radius: 25px;
  522. -webkit-border-top-right-radius: 25px;
  523. border-top-right-radius: 25px;
  524. -moz-border-bottom-right-radius: 15px;
  525. -webkit-border-bottom-right-radius: 15px;
  526. border-bottom-right-radius: 15px;
  527. -moz-border-bottom-left-radius: 15px;
  528. -webkit-border-bottom-left-radius: 15px;
  529. border-bottom-left-radius: 15px;
  530. -moz-border-top-left-radius: 25px;
  531. -webkit-border-top-left-radius: 25px;
  532. border-top-left-radius: 25px;
  533. }
  534.  
  535. .nav4text a {
  536. position: fixed;
  537. opacity:0;
  538. margin-left:-13px;
  539. margin-top:10px;
  540. text-decoration: none;
  541. font-size:8px;
  542. color:{color:Nav4};
  543. z-index:1000;
  544. -webkit-transition: all 0.4s ease-in-out;
  545. -moz-transition: all 0.4s ease-in-out;
  546. -o-transition: all 0.4s ease-in-out;
  547. -ms-transition: all 0.4s ease-in-out;
  548. transition: all 0.4s ease-in-out;
  549. }
  550.  
  551. .nav4:hover .nav4text a {
  552. opacity:1;
  553. }
  554.  
  555. /* CONTENT */
  556.  
  557. #content {
  558. font-size:10px;
  559. {block:ifNotSidebarLeft}
  560. {block:if400Posts}
  561. margin-left: 160px;
  562. {/block:if400Posts}
  563. {block:ifnot400Posts}
  564. margin-left: 110px;
  565. {/block:ifnot400Posts}
  566. {/block:ifNotSidebarLeft}
  567. {block:ifSidebarLeft}
  568. margin-left: 490px;
  569. {/block:ifSidebarLeft}
  570. margin-top:30px;
  571. margin-bottom: 30px;
  572. padding: 20px;
  573. float: left;
  574. }
  575.  
  576.  
  577. #post {
  578. overflow:visible;
  579. {block:ifPixelFont}
  580. font-family: Ronda;
  581. font-size: 8px;
  582. line-height:13px;
  583. {/block:ifPixelFont}
  584. {block:ifnotPixelFont}
  585. font-family: Calibri;
  586. font-size: 11px;
  587. line-height:15px;
  588. {/block:ifnotPixelFont}
  589. margin-top:30px;
  590. padding: 7px;
  591. {block:if400Posts}
  592. width: 400px;
  593. {/block:if400Posts}
  594. {block:ifnot400Posts}
  595. width: 500px;
  596. {/block:ifnot400Posts}
  597. background-color:{color:post bg};
  598. background-image: url('{image:Post Background}');
  599. color:{color:text};
  600. }
  601.  
  602. /*POST TITLES*/
  603.  
  604. .posttitle {
  605. color: {color:Post Title};
  606. font-family: just realize;
  607. line-height: 0px;
  608. font-size: 18px;
  609. }
  610.  
  611. /*LINK TITLES*/
  612.  
  613. .linktitle a {
  614. color: {color:Link};
  615. font-family: just realize;
  616. font-size: 18px;
  617. transition-duration: 0.5s;
  618. -moz-transition-duration: 0.5s;
  619. -webkit-transition-duration: 0.5s;
  620. -o-transition-duration: 0.5s;
  621. }
  622.  
  623. .linktitle a:hover {
  624. color: {color:Link Hover};
  625. border-bottom: 0px;
  626. }
  627.  
  628. /*QUOTE*/
  629.  
  630. .quote {
  631. text-align: center;
  632. font-family: just realize;
  633. line-height:25px;
  634. font-size:20px;
  635. margin-top:5px;
  636. }
  637.  
  638. .source {
  639. text-align: right;
  640. padding-bottom:7px;
  641. }
  642.  
  643. /*AUDIO*/
  644.  
  645. #audioplayer {
  646. background: #fff;
  647. position: absolute;
  648. float:left;
  649. overflow:hidden;
  650. width:9px;
  651. height:9px;
  652. padding-top:10px;
  653. padding-left:12px;
  654. padding-right:23px;
  655. padding-bottom:26px;
  656. z-index:999;
  657. {block:if400Posts}
  658. margin-left:80px;
  659. margin-top:80px;
  660. {/block:if400Posts}
  661. {block:ifnot400Posts}
  662. margin-left:102px;
  663. margin-top:102px;
  664. {/block:ifnot400Posts}
  665. opacity: 1;
  666. -webkit-transition: all 0.4s ease-in-out;
  667. -moz-transition: all 0.4s ease-in-out;
  668. -o-transition: all 0.4s ease-in-out;
  669. -ms-transition: all 0.4s ease-in-out;
  670. transition: all 0.4s ease-in-out;
  671. }
  672.  
  673. #post:hover #audioplayer {
  674. opacity: 0.8;
  675. }
  676.  
  677. .basealbum img {
  678. position:relative;
  679. {block:if400Posts}
  680. height:200px;
  681. width:200px;
  682. {/block:if400Posts}
  683. {block:ifnot400Posts}
  684. height:250px;
  685. width:250px;
  686. {/block:ifnot400Posts}
  687. z-index:0;
  688. }
  689.  
  690. .album img {
  691. position:absolute;
  692. {block:if400Posts}
  693. height:200px;
  694. width:200px;
  695. margin-top:-202px;
  696. {/block:if400Posts}
  697. {block:ifnot400Posts}
  698. height:250px;
  699. width:250px;
  700. margin-top:-252px;
  701. {/block:ifnot400Posts}
  702. z-index:100;
  703. }
  704.  
  705. .audioinfo {
  706. position:absolute;
  707. padding:7px;
  708. {block:if400Posts}
  709. margin-left:200px;
  710. margin-top:-202px;
  711. width: 186px;
  712. height: 186px;
  713. {/block:if400Posts}
  714. {block:ifnot400Posts}
  715. margin-left:250px;
  716. margin-top:-252px;
  717. width: 236px;
  718. height: 236px;
  719. {/block:ifnot400Posts}
  720. background-color: {color:Audio Info BG};
  721. color: {color:Audio Info};
  722. opacity: 1;
  723. }
  724.  
  725. /*ASK*/
  726.  
  727. #ask {
  728. overflow:auto;
  729. {block:if400Posts}
  730. width: 385px;
  731. height: auto;
  732. padding: 7px;
  733. {/block:if400Posts}
  734. {block:ifnot400Posts}
  735. width: 485px;
  736. height: auto;
  737. padding: 7px;
  738. {/block:ifnot400Posts}
  739. background-color: {color:Ask BG};
  740. color: {color:Ask Text};
  741. }
  742.  
  743. .triangle {
  744. position:absolute;
  745. margin-top:-1px;
  746. margin-left:35px;
  747. color: {color:Ask BG};
  748. font-family:arial;
  749. font-size:30px;
  750. }
  751.  
  752. .asker {
  753. position: relative;
  754. left: 66px;
  755. margin-top: 0px;
  756. }
  757.  
  758. .asker a {
  759. margin-left:-65px;
  760. }
  761.  
  762. .answer {
  763. margin-top:-7px;
  764. margin-bottom:-10px;
  765. position: relative;
  766. height: auto;
  767. {block:if400Posts}
  768. width: 300px;
  769. {/block:if400Posts}
  770. {block:ifnot400Posts}
  771. width: 500px;
  772. {/block:ifnot400Posts}
  773. }
  774.  
  775. /*CHAT*/
  776.  
  777. .line.even {
  778. background-color: {color:Chat BG Even};
  779. padding: 2px;
  780. color: {color:Chat Text Even};
  781. }
  782.  
  783. .line.even b {
  784. color: {color:Chat Text Even};
  785. }
  786.  
  787. .line.odd {
  788. background-color: {color:Chat BG Odd};
  789. padding:2px;
  790. color: {color:Chat Text Odd};
  791. }
  792.  
  793. .line.odd b {
  794. color: {color:Chat Text Odd};
  795. }
  796.  
  797. /*PERMALINK*/
  798.  
  799. .permalink {
  800. position: absolute;
  801. height: 100px;
  802. padding-right: 10px;
  803. padding-top:2px;
  804. padding-left: 10px;
  805. {block:ifNotSidebarLeft}
  806. margin-left: -25px;
  807. {/block:ifNotSidebarLeft}
  808. {block:ifSidebarLeft}
  809. {block:if400Posts}
  810. margin-left: 385px;
  811. {/block:if400Posts}
  812. {block:ifnot400Posts}
  813. margin-left: 485px;
  814. {/block:ifnot400Posts}
  815. {/block:ifSidebarLeft}
  816. float:top;
  817. opacity: 0;
  818. margin-top:-6px;
  819. text-align:left;
  820. transition-duration: 0.5s;
  821. -moz-transition-duration: 0.5s;
  822. -webkit-transition-duration: 0.5s;
  823. -o-transition-duration: 0.5s;
  824. }
  825.  
  826. #post:hover .permalink {
  827. {block:ifNotSidebarLeft}
  828. margin-left: -40px;
  829. {/block:ifNotSidebarLeft}
  830. {block:ifSidebarLeft}
  831. {block:if400Posts}
  832. margin-left: 400px;
  833. {/block:if400Posts}
  834. {block:ifnot400Posts}
  835. margin-left: 500px;
  836. {/block:ifnot400Posts}
  837. {/block:ifSidebarLeft}
  838. opacity:1;
  839. }
  840.  
  841. .permalink a {
  842. opacity:0.3;
  843. transition-duration: 0.6s;
  844. -moz-transition-duration: 0.6s;
  845. -webkit-transition-duration: 0.6s;
  846. -o-transition-duration: 0.6s;
  847. }
  848.  
  849. .permalink a:hover {
  850. opacity:0.6;
  851. border-bottom: 0px;
  852. }
  853.  
  854. /*TAGS*/
  855.  
  856. .tags {
  857. opacity: 1;
  858. {block:if400Posts}
  859. width: 400px;
  860. {/block:if400Posts}
  861. {block:ifnot400Posts}
  862. width:500px;
  863. {/block:ifnot400Posts}
  864. height:auto;
  865. text-align:left;
  866. font-family: littlefont;
  867. text-transform: none;
  868. font-size: 8px;
  869. line-height:8px;
  870. margin-top:3px;
  871. margin-left:7px;
  872. letter-spacing: 1px;
  873. color:{color:Tags};
  874. z-index:1000;
  875. -webkit-transition: all 0.6s ease-in-out;
  876. -moz-transition: all 0.6s ease-in-out;
  877. -o-transition: all 0.6s ease-in-out;
  878. -ms-transition: all 0.6s ease-in-out;
  879. transition: all 0.6s ease-in-out;
  880. }
  881.  
  882. .tags a {
  883. color:{color:Tags};
  884. }
  885.  
  886. .tags a:hover {
  887. color:{color:Tags Hover};
  888. }
  889.  
  890. </style>
  891. </head>
  892. <body>
  893.  
  894. {block:ifSmallCursor}
  895. <style type="text/css">body, a, a:hover {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), progress;}</style>
  896. {/block:ifSmallCursor}
  897.  
  898. <div id="sidebar">
  899.  
  900. <div class="dango">
  901.  
  902. <div id="description">
  903. {block:Description}{Description}
  904. {/block:Description}
  905.  
  906. </div>
  907.  
  908. <div id="eye1"></div>
  909. <div id="eye2"></div>
  910. <div class="dangofilter"></div>
  911.  
  912. </div>
  913.  
  914. <center>
  915. <div id="title">
  916. <a href="/">{Title}</a>
  917. </div>
  918. </center>
  919.  
  920. <div class="nav1">
  921. <div class="nav1text">
  922. <center><a href="/">home</a></center></div>
  923. </div>
  924.  
  925. <div class="nav2">
  926. <div class="nav2text">
  927. <center><a href="/ask">ask</a></center></div>
  928. </div>
  929.  
  930. <div class="nav3">
  931. <div class="nav3text">
  932. <center><a href="/archive">past</a></center></div>
  933. </div>
  934.  
  935. <div class="nav4">
  936. <div class="nav4text">
  937. <center><a href="http://mfe-themes.tumblr.com/">theme</a></center></div>
  938. </div>
  939.  
  940. {block:IfNotInfiniteScroll}
  941. <div id="pagination">
  942. {block:Pagination}<center>
  943. {block:PreviousPage}<a class="jump_page" href="{PreviousPage}">«</a>
  944. {/block:PreviousPage}
  945.  
  946. {block:JumpPagination length="5"}
  947. {block:CurrentPage}
  948. <span class="current_page">{PageNumber}</span>
  949. {/block:CurrentPage}
  950.  
  951. {block:JumpPage}
  952. <a class="jump_page" href="{URL}">{PageNumber}</a>
  953. {/block:JumpPage}
  954. {/block:JumpPagination}
  955.  
  956. {block:NextPage}
  957. <a class="jump_page" href="{NextPage}">»</a>
  958. {/block:NextPage}
  959. </center>
  960. {/block:Pagination}
  961. </div>
  962. {/block:IfNotInfiniteScroll}
  963.  
  964. <select style="position:fixed;margin-top:-5px;margin-left:25px;width: 200px; border: 0px solid; padding: 1px; color: #000; background-color: #f1f1f1; font-family: ronda; text-transform: lowercase; font-size: 8px; letter-spacing: 1px; z-index:999; cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), progress;" onChange="location.href=this.options[this.selectedIndex].value;">
  965. <style type="text/css">a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  966. <div class="link">
  967. <option value="/">links</option>
  968. <option value="{text:Link 1 URL}">{text:Link 1}</option>
  969. <option value="{text:Link 2 URL}">{text:Link 2}</option>
  970. <option value="{text:Link 3 URL}">{text:Link 3}</option>
  971. <option value="{text:Link 4 URL}">{text:Link 4}</option>
  972. <option value="{text:Link 5 URL}">{text:Link 5}</option>
  973. </div>
  974. </select>
  975.  
  976. </div>
  977.  
  978.  
  979. <div id="content">
  980.  
  981. {block:Posts}
  982.  
  983. {block:IfInfiniteScroll}
  984. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  985. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  986. {/block:IfInfiniteScroll}
  987.  
  988.  
  989. <div id="post">
  990.  
  991. {block:IndexPage}
  992. <div class="permalink"><a href="{Permalink}" title="permalink"><img src="http://static.tumblr.com/fp8s385/l6fmklvuu/star.gif"></a><br><a href="{Permalink}" title="{NoteCount} notes"><img src="http://static.tumblr.com/fp8s385/6tpmklvqh/heart.gif"></a><br><a href="{ReblogURL}" title="reblog?"><img src="http://static.tumblr.com/fp8s385/nximklvsq/loop.gif"></a></div>
  993. {/block:IndexPage}
  994.  
  995. {block:Text}
  996. {block:Title}
  997. <div style="padding-top: 9px;">
  998. <div class="posttitle"><center>{Title}</center></div>
  999. </div>
  1000. {/block:Title}
  1001. <div style="margin-top:-2px;margin-bottom: -7px;">{Body}</div>
  1002. {/block:Text}
  1003.  
  1004. {block:Photo}
  1005. {block:if400Posts}
  1006. <center>
  1007. <img src="{PhotoURL-400}">
  1008. </center>
  1009. {/block:if400Posts}
  1010. {block:ifnot400Posts}
  1011. <center>
  1012. <img src="{PhotoURL-500}">
  1013. </center>
  1014. {/block:ifnot400Posts}
  1015. {block:IndexPage}
  1016. {block:ifShowCaption}
  1017. {block:Caption}<div style="margin-top:-7px; margin-bottom: -14px !important;">{Caption}</div>{/block:Caption}
  1018. {/block:ifShowCaption}
  1019. {/block:IndexPage}
  1020. {block:PermalinkPage}
  1021. {Caption}
  1022. {/block:PermalinkPage}
  1023. {/block:Photo}
  1024.  
  1025. {block:Photoset}
  1026. {block:if400Posts}
  1027. <center>
  1028. {Photoset-400}
  1029. </center>
  1030. {/block:if400Posts}
  1031. {block:ifnot400Posts}
  1032. <center>
  1033. {Photoset-500}
  1034. </center>
  1035. {/block:ifnot400Posts}
  1036. {block:IndexPage}
  1037. {block:ifShowCaption}
  1038. {block:Caption}<div style="margin-bottom: -7px;">{Caption}</div>{/block:Caption}
  1039. {/block:ifShowCaption}
  1040. {/block:IndexPage}
  1041. {block:PermalinkPage}
  1042. {Caption}
  1043. {/block:PermalinkPage}
  1044. {/block:Photoset}
  1045.  
  1046. {block:Quote}
  1047. <div class="quote">{Quote}</div>
  1048. {block:Source}<div style="margin-bottom: -7px;"><div class="source">— {Source}</div></div>{/block:Source}
  1049. {/block:Quote}
  1050.  
  1051. {block:Link}
  1052. <div style="padding-top: 3px;">
  1053. <div class="linktitle"><center><a href="{URL}">{Name}</a></center></div>
  1054. </div>
  1055. {block:Description} <div style="margin-top:-3px;margin-bottom: -7px;">{Description} {/block:Description}</div>
  1056. {/block:Link}
  1057.  
  1058. {block:Chat}
  1059. {block:Title} <div class=posttitle> {Title} </div>{/block:Title}
  1060. {block:Lines}
  1061. <div class="line {Alt}">{block:Label}<b>{Label}</b>
  1062. {/block:Label}
  1063. {Line}<br></div>
  1064. {/block:Lines}
  1065. {/block:Chat}
  1066.  
  1067. {block:Video}
  1068. {block:if400Posts}
  1069. {Video-400}
  1070. {/block:if400Posts}
  1071. {block:ifnot400Posts}
  1072. {Video-500}
  1073. {/block:ifnot400Posts}
  1074. {block:IndexPage}
  1075. {block:ifShowCaption}
  1076. {block:Caption}<div style="margin-bottom: -7px;">{Caption}</div>{/block:Caption}
  1077. {/block:ifShowCaption}
  1078. {/block:IndexPage}
  1079. {block:PermalinkPage}
  1080. {Caption}
  1081. {/block:PermalinkPage}
  1082. {/block:Video}
  1083.  
  1084. {block:Answer}
  1085. <div id="ask">
  1086. {Question}
  1087. </div>
  1088. <div class="triangle">◥</div> <div class="asker">asked by {Asker}</div>
  1089. <div class="answer">
  1090. {Answer}</div>
  1091. {/block:Answer}
  1092.  
  1093. {block:Audio}
  1094. {block:AudioPlayer}<div id="audioplayer">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1095. <div class="basealbum"><img src="http://static.tumblr.com/e1ydrvt/yutma3ebm/default.png"></div>
  1096. <div class="album">
  1097. {block:AlbumArt}
  1098. <img src="{AlbumArtURL}">
  1099. {/block:AlbumArt}
  1100. </div>
  1101. <div class="audioinfo"><div style="margin-top:40px;">{block:TrackName}Track: {TrackName}{/block:TrackName} <br><br>
  1102. {block:Artist}
  1103. Artist: {Artist}
  1104. {/block:Artist}<br><br>
  1105. {block:Album}Album: {Album}{/block:Album}
  1106. </div>
  1107. </div>
  1108.  
  1109. {block:IndexPage}
  1110. {block:ifShowCaption}
  1111. {block:Caption}<div style="margin-top:-9px; margin-bottom: -10px;">{Caption}</div>{/block:Caption}
  1112. {/block:ifShowCaption}
  1113. {/block:IndexPage}
  1114. {block:PermalinkPage}
  1115. {Caption}
  1116. {/block:PermalinkPage}
  1117. {/block:Audio}
  1118.  
  1119. {block:IndexPage}
  1120.  
  1121. {/block:IndexPage}
  1122.  
  1123. {block:PermalinkPage}
  1124.  
  1125. <center>
  1126. <div style="line-height:20px;">
  1127. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp &nbsp{/block:Tags}{/block:HasTags}
  1128. </div>
  1129.  
  1130. {block:RebloggedFrom}
  1131. <b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1132. &nbsp;|&nbsp;
  1133. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1134. {/block:RebloggedFrom}
  1135. </center>
  1136.  
  1137. <center>
  1138. {block:ContentSource}
  1139. source: <a href="{SourceURL}">{SourceTitle}</a>
  1140. {/block:ContentSource}
  1141. ♥&nbsp
  1142. <a href="{Permalink}">{NoteCount} notes</a>
  1143. &nbsp♥&nbsp
  1144. {block:Date}
  1145. {24Hour}:{Minutes} on {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}&nbsp♥
  1146. {/block:Date}
  1147. </center>
  1148. {block:PostNotes}
  1149. <center>
  1150. <div style = "width: 90%; margin-top: 3px; margin-bottom: -3px; border-top: dashed 1px {color:Text};"></div>
  1151. </center>
  1152. {PostNotes}
  1153. {/block:PostNotes}
  1154.  
  1155. {/block:PermalinkPage}
  1156.  
  1157. </div>
  1158.  
  1159. {block:IfShowTags}{block:HasTags}
  1160. <div class="tags">♥ Tags:
  1161. {block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp {/block:Tags}
  1162. </div>
  1163. {/block:HasTags}
  1164. {/block:IfShowTags}
  1165.  
  1166. {/block:Posts}
  1167.  
  1168.  
  1169. </div>
  1170.  
  1171. </div>
  1172. </body>
  1173. </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!