API tools faq
paste
Advertisement
nofacesface

Champloo Theme

nofacesface
Jun 10th, 2013
732
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat (◡‿◡✿)
  6. -->
  7.  
  8. <head>
  9. <meta name="color:Link" content="#000"/>
  10. <meta name="color:Hover" content="#9c9b9b"/>
  11. <meta name="color:Background" content="#fff"/>
  12. <meta name="color:Desc" content="#9c9b9b" />
  13. <meta name="color:Text" content="#000" />
  14. <meta name="color:posttriangle3" content="#943115" />
  15. <meta name="color:posttriangle2" content="#403030" />
  16. <meta name="color:posttriangle1" content="#7b3b37" />
  17. <meta name="color:triangle4" content="#943115" />
  18. <meta name="color:triangle5" content="#7b3b37" />
  19. <meta name="color:triangle6" content="#403030" />
  20. <meta name="color:pagintext" content="#000" />
  21. <meta name="color:pagintexthover" content="#000" />
  22. <meta name="color:notes" content="#943115" />
  23. <meta name="color:reblog" content="#7b3b37" />
  24.  
  25.  
  26. <meta name="image:circle" content="http://static.tumblr.com/cbjpgjf/fmemvefbp/sc.gif"/>
  27. <meta name="image:circle2" content="http://static.tumblr.com/cbjpgjf/jQTmvefcc/fu-my-bby.gif"/>
  28. <meta name="image:postcircle" content="http://static.tumblr.com/cbjpgjf/0Pgmvefcu/yassss.gif"/>
  29. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/c7Vmvefaw/tumblr_mom5e1rpij1rpz2goo3_250.png" />
  30.  
  31. <meta name="if:caption" content="0"/>
  32.  
  33.  
  34. <meta name="text:Link 1" content="" />
  35. <meta name="text:Link 1 Title" content="" />
  36. <meta name="text:Link 2" content="" />
  37. <meta name="text:Link 2 Title" content="" />
  38. <meta name="text:Link 3" content="" />
  39. <meta name="text:Link 3 Title" content="" />
  40. <meta name="text:Link 4" content="" />
  41. <meta name="text:Link 4 Title" content="" />
  42. <meta name="text:Link 5" content="" />
  43. <meta name="text:Link 5 Title" content="" />
  44.  
  45. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description"
  46. content="{MetaDescription}" />{/block:Description}
  47. <link rel="shortcut icon" href="{Favicon}">
  48.  
  49. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  50.  
  51. <style>
  52. div#qTip {
  53. padding-bottom: 4px;
  54. padding-right: 4px;
  55. padding-top: 4px;
  56. padding-left: 4px;
  57. display: none;
  58. text-align: center;
  59. position: absolute;
  60. font-size:9px;
  61. line-height:10px;
  62. font-family:consolas;
  63. z-index: 1000;
  64. background-color: rgba(0,0,0,0.5);
  65. color: #fff;
  66. text-transform:uppercase;
  67. letter-spacing: 2px;
  68. }
  69. </style>
  70.  
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75. ::-webkit-scrollbar {width: 5px;height:5px;background:#ffffff;}
  76. ::-webkit-scrollbar-thumb {background:{color:Hover};}
  77.  
  78.  
  79.  
  80. /* GENERAL */
  81.  
  82.  
  83. @font-face {
  84. font-family: "bamq";
  85. src: url('http://static.tumblr.com/cbjpgjf/G42mvd3k1/amaticsc-regular.ttf');
  86. }
  87.  
  88.  
  89. body{
  90. margin:0px;
  91. font-family: consolas;
  92. font-size: 12px;
  93. line-height: 12px;
  94. color: {color:text};
  95. }
  96.  
  97.  
  98.  
  99. body {
  100. background-color: {color:Background};
  101.  
  102. background-image: url({image:Background});
  103. margin: 0;
  104. word-wrap: break-word;
  105. background-attachment: fixed;
  106.  
  107. }
  108.  
  109.  
  110. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  111. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  112. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  113.  
  114. a:hover{color:{color:Hover};}
  115.  
  116. /* POSTS */
  117.  
  118. #center{margin:auto;position:relative;width:400px;}
  119. #content{width:500px;margin:0px 750px;
  120. }
  121. #entry{margin:20px;width:400px; padding: 8px; border-top-left-radius: 0px ;
  122. border-top-right-radius:0px ;
  123. border-bottom-right-radius: 0px ;
  124. border-bottom-left-radius: 0px ;
  125. opacity: .92;
  126. -webkit-transition: opacity 0.6s linear;
  127. -webkit-transition: all 0.6s ease-in-out;
  128. -moz-transition: all 0.6s ease-in-out;
  129. -o-transition: all 0.6s ease-in-out;}
  130.  
  131. #entry:hover {
  132. opacity: 1;
  133. }
  134.  
  135.  
  136.  
  137. #posttriangle1 {
  138. opacity: 0.9;
  139. width: 0px;
  140. height: 0px;
  141. border-style: solid;
  142. border-width: 0 700px 670px 0;
  143. border-color: transparent {color:posttriangle1} transparent transparent;
  144. margin-top: -50px;
  145. margin-left: 661px;
  146. position: fixed;
  147. z-index:-1;}
  148.  
  149. #posttriangle2 {
  150. opacity: 0.9;
  151. width: 0px;
  152. height: 0px;
  153. border-style: solid;
  154. border-width: 380px 0 0 400px;
  155. border-color: transparent transparent transparent {color:posttriangle2};
  156. margin-top: -20px;
  157. margin-left: 615px;
  158. position:fixed;
  159. z-index:-1;
  160. }
  161.  
  162. #posttriangle3 {
  163. opacity: 0.9;
  164. width: 0px;
  165. height: 0px;
  166. border-style: solid;
  167. border-width: 250px 350px 0 0;
  168. border-color: {color:posttriangle3} transparent transparent transparent;
  169. margin-top: 380px;
  170. margin-left: 660px;
  171. position:fixed;
  172. z-index:-1;}
  173.  
  174. #postcircle {
  175. position:fixed; margin-top:410px; margin-left:955px; width:190px; height:190px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; z-index:-1; overflow: hidden;}
  176. #postcircle img { -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; height:190px; min-width:100%; }
  177.  
  178. /* SIDEBAR */
  179.  
  180. #sidebar {
  181. width:550px;
  182. height: 120%;
  183. position:fixed;
  184. margin-left:-481px;
  185. margin-top:-80px;
  186.  
  187. }
  188.  
  189. #triangle4 {
  190. opacity: 0.9;
  191. width: 0px;
  192. height: 0px;
  193. border-style: solid;
  194. border-width: 470px 470px 0 0;
  195. border-color: {color:triangle4} transparent transparent transparent; position: fixed;
  196. margin-left: 0px;}
  197.  
  198. #tri4 {
  199. -webkit-transform:rotate(45deg);
  200. position:fixed; background-color: rgba(0, 0, 0, 0.3);
  201. height:660px; width:500px;
  202. margin-top:-230px; margin-left:-232px;
  203. opacity:0;
  204. -webkit-transition: all 0.5s ease-in-out;
  205. -moz-transition: all 0.5s ease-in-out;
  206. -o-transition: all 0.5s ease-in-out;
  207. transition: all 0.5s ease-in-out;
  208. }
  209.  
  210. #tri4:hover {opacity:0.9; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  211.  
  212.  
  213. .triangle5 {
  214. opacity: 0.9;
  215. width: 0px;
  216. height: 0px;
  217. border-style: solid;
  218. border-width: 0 210px 280px 280px;
  219. border-color: transparent transparent {color:triangle5} transparent; position: fixed;
  220. margin-top: 222px;
  221. margin-left: 0px;}
  222.  
  223. .triangle5film {
  224. overflow: hidden;
  225. opacity: 0;
  226. width: 0px;
  227. height: 0px;
  228. border-style: solid;
  229. border-width: 0 210px 280px 280px;
  230. border-color: transparent transparent rgba(0,0,0,0.4) transparent; position: fixed;
  231. margin-top: 223px;
  232. margin-left: 1px;
  233. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  234. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  235.  
  236. .fiveall:hover .triangle5film {
  237. opacity: 1;
  238. }
  239.  
  240. .tri5 {
  241. position:fixed;
  242. width:220px; height:220px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  243. margin-top:280px; margin-left:158px;
  244. opacity:0;
  245. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out
  246. }
  247.  
  248. .fiveall:hover .tri5{opacity:0.9; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  249. }
  250.  
  251. .triangle6 {
  252. opacity: 0.9;
  253. width: 0px;
  254. height: 0px;
  255. border-style: solid;
  256. border-width: 0 185px 185px 0;
  257. border-color: transparent {color:triangle6} transparent transparent;
  258. margin-top: 530px;
  259. margin-left: 400px;
  260. position: fixed; }
  261.  
  262. .triangle6film {
  263. opacity: 0.9;
  264. width: 0px;
  265. height: 0px;
  266. opacity: 0;
  267. border-style: solid;
  268. border-width: 0 185px 185px 0;
  269. border-color: transparent rgba(0,0,0,0.4) transparent transparent;
  270. margin-top: 530px;
  271. margin-left: 400px;
  272. position: fixed; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
  273.  
  274. .sixall:hover .triangle6film {
  275. opacity: 1;
  276. }
  277.  
  278.  
  279.  
  280. .circle2 {
  281. position:fixed;
  282. width:140px; height:140px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  283. top:490px; left:300px;
  284. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out
  285. }
  286. .circle2 img { -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; width:140px; height:140px; }
  287.  
  288. .twoall:hover .circle2 {opacity:0.8; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  289. transform: rotate(20deg);
  290. -ms-transform: rotate(20deg);
  291. -webkit-transform: rotate(20deg);
  292. -o-transform: rotate(20deg);
  293. -moz-transform: rotate(20deg);}
  294.  
  295. .circle2pagin {
  296. position:fixed;
  297. width:140px; height:140px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  298. top:490px; left:300px;
  299. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out
  300. }
  301.  
  302. .circle2film {
  303. position:fixed;
  304. width:140px; height:140px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  305. top:490px; left:300px;
  306. background-color: rgba(0,0,0,0.6);
  307. opacity: 0;
  308. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out
  309. }
  310.  
  311. .twoall:hover .circle2film {
  312. opacity: 1;
  313. }
  314.  
  315. .circle3 {
  316. position:fixed;
  317. width:190px; height:190px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  318. top:75px; left:325px;
  319. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out
  320. }
  321. .circle3 img { -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; width:190px; height:190px; }
  322.  
  323.  
  324. .circle3text {
  325. position:fixed;
  326. width:190px; height:190px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  327. top:75px; left:325px;
  328. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out
  329. }
  330.  
  331. .circle3all:hover .circle3 {opacity:0.8; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  332. transform: rotate(-20deg);
  333. -ms-transform: rotate(-20deg);
  334. -webkit-transform: rotate(-20deg);
  335. -o-transform: rotate(-20deg);
  336. -moz-transform: rotate(-20deg);}
  337.  
  338. .circle3film {
  339. position:fixed;
  340. background-color: rgba(0,0,0,0.4);
  341. opacity: 0;
  342. width:190px; height:190px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  343. top:75px; left:325px;
  344. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out
  345. }
  346.  
  347. .circle3all:hover .circle3film {
  348. opacity: 1;
  349. }
  350.  
  351. #navigation{
  352. font-family: consolas;
  353. font-size: 9px;
  354. line-height: 20px;
  355. padding:3px;
  356. position:fixed;
  357. margin-top:33px;
  358. width:140px;
  359. margin-left:33px;
  360. text-align: center;
  361. }
  362.  
  363.  
  364. div.button a{
  365. text-align: center;
  366. margin:0px;
  367. padding:0px 0px;
  368. color: {color:text};
  369. margin-top:2px;
  370. position:relative;
  371. width: 120px;
  372. display: block;
  373. }
  374. div.button a:hover{
  375. color:{color:text} ;
  376. background-color: rgba(255,255,255,0.7);
  377. }
  378.  
  379.  
  380.  
  381. .links a {
  382. font-family: consolas;
  383. font-size: 10px;
  384. text-decoration:none;
  385. padding: -1px;
  386. text-align: center;
  387. color: {color: Link};
  388.  
  389.  
  390. }
  391.  
  392. .links a:hover {
  393. text-decoration:none;
  394. color: {color: Hover};
  395. }
  396.  
  397.  
  398. .links {display:block;text-align:center}
  399.  
  400.  
  401. .desc {text-align:center;
  402. margin-top: 65px;
  403. padding:3px 10px;
  404. font-size: 10px;
  405. color: {color:desc};}
  406.  
  407. /* TITLES */
  408.  
  409. .title a{color:{color:Title};}
  410. .title {font-family:bamq;
  411. font-size:22px;
  412. font-style:none;
  413. margin:0px 0px 0px 0px;
  414. color:#000;
  415. text-align: center;}
  416.  
  417. .blogtitle {
  418. -webkit-transform:rotate(-45deg);
  419. font-size: 40px;
  420. line-height:30px;
  421. margin-left:200px;
  422. margin-top: 215px;
  423. font-family:bamq;
  424. color: #000;}
  425.  
  426. .quote {
  427. padding:10px;
  428. font-size:11px;
  429. text-transform:none;
  430. color: {color:Text};}
  431.  
  432. .source {
  433. font-size: 9px;
  434. text-align:right;
  435. font-style:none;
  436. font-weight:none;
  437. text-transform:none;}
  438.  
  439. .answer {margin:10px;}
  440.  
  441. /* PERMALINKS */
  442.  
  443.  
  444. #entry:hover .perma {
  445. opacity:1;
  446. overflow: hidden;
  447. z-index:99;
  448. -webkit-transition: all 0.9s ease;
  449. -moz-transition: all 0.9s ease;}
  450.  
  451. {block:PermalinkPage}
  452. width:400px;
  453. margin-left:50px;
  454. {/block:PermalinkPage}
  455.  
  456. .perma a {
  457. color:{color:Link};
  458. font-size:9px;
  459. font-family: consolas;
  460. text-transform:normal;}
  461.  
  462. .perma a:hover {
  463. color:{color:Hover};
  464. }
  465.  
  466.  
  467. .perma {
  468. margin-left:370px;
  469. text-transform: normal;
  470. position:absolute;
  471. font-size: 9px;
  472. text-transform: uppercase;
  473. line-height:10px;
  474. text-align:center;
  475. overflow:hidden;
  476. margin-top:0px;
  477. width: 100px;
  478. height: 35px;
  479. opacity:0;
  480. padding: 8px;
  481. -webkit-transition: all 0.9s ease;
  482. -moz-transition: all 0.9s;
  483. }
  484.  
  485. .permanumber {
  486. opacity: .9;
  487. position: absolute;
  488. margin-top: 0px;
  489. margin-left: 0px;
  490. background-color: {color:notes};
  491. height: 15px;
  492. width: 15px;
  493. -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  494. -webkit-transition: all 0.9s ease;
  495. -moz-transition: all 0.9s;
  496.  
  497. }
  498.  
  499. .permanumberbox {
  500. z-index: -2;
  501. position: absolute;
  502. margin-top: 5px;
  503. margin-left: 22px;
  504. height: 10px;
  505. width: 0px;
  506. opacity: 0;
  507. overflow:hidden;
  508. -webkit-transition: all 0.9s ease;
  509. -moz-transition: all 0.9s;
  510.  
  511. }
  512.  
  513. .permanumber:hover .permanumberbox {
  514. opacity: 1;
  515. background-color: rgba(255,255,255,0.7);
  516. width: 60px;
  517. }
  518.  
  519. .permanumber:hover {
  520. opacity: 1;}
  521.  
  522. .permareblog {
  523. opacity: .9;
  524. position: absolute;
  525. margin-top: 20px;
  526. margin-left: 0px;
  527. background-color: {color:reblog};
  528. height: 15px;
  529. width: 15px;
  530. -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px;
  531. -webkit-transition: all 0.9s ease;
  532. -moz-transition: all 0.9s;
  533.  
  534. }
  535.  
  536. .permareblogbox {
  537. position: absolute;
  538. margin-top: 5px;
  539. margin-left: 22px;
  540. height: 10px;
  541. width: 0px;
  542. opacity: 0;
  543. overflow:hidden;
  544. -webkit-transition: all 0.9s ease;
  545. -moz-transition: all 0.9s;
  546.  
  547. }
  548.  
  549. .permareblog:hover .permareblogbox {
  550. opacity: 1;
  551. background-color: rgba(255,255,255,0.7);
  552. width: 60px;
  553. }
  554.  
  555. .permareblog:hover {
  556. opacity: 1;
  557. }
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564. #permalink{
  565. {block:PermalinkPage}
  566. text-align:center;
  567. margin-top:10px;
  568. padding:0px;
  569. font-size:8px;
  570. text-transform:lowercase;
  571. color: #000;
  572. {/block:PermalinkPage}
  573. }
  574.  
  575. .c img{width:100%;}
  576. .c{position:fixed;right:5px;bottom:5px;
  577. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  578. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  579.  
  580. .cboth:hover .c {
  581. opacity: 0;
  582. }
  583.  
  584. .cr img{width:100%;}
  585. .cr{position:fixed;right:5px;bottom:5px; opacity: 0;
  586. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  587. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  588.  
  589. .cboth:hover .cr {
  590. opacity: 1;
  591. }
  592.  
  593. /* AUDIO */
  594.  
  595. .artcover {position:absolute;}
  596. .artcover img {width:70px;height:70px;float:left;}
  597. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  598. .audioinfo {margin-left:75px;border-left:2px solid #CCC;padding:5px;}
  599. .i{display:block;padding:6px 3px;line-height:8px;}
  600. .player{position:absolute;background:#FFF;width:30px;height:30px;
  601. opacity:0.45;padding:20px;overflow:hidden;
  602. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  603. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  604. .player:hover{opacity:0.75;}
  605.  
  606. /* TEXT */
  607.  
  608. i, em{color:#000;}
  609. b, strong{color:#000;}
  610. ul,ol{margin:0px;margin-left:-10px;}
  611. p{padding:0px;margin:10px;}
  612. u{text-decoration:none;color:#000;}
  613. blockquote {margin:2px; margin-left:10px;
  614. padding:2px;border-left:2px solid #000;}
  615.  
  616. /* MISC */
  617.  
  618. #cornerplayer
  619. {
  620. margin-top: -1px;
  621. margin-left: 20px;
  622. position:fixed;
  623. overflow:hidden;
  624. width:130px;
  625. height: 70px;
  626. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  627.  
  628.  
  629.  
  630. .l .odd{display:block;padding:5px 5px;}
  631. .l .even{display:block;padding:5px 5px;}
  632.  
  633. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  634. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  635. border-radius:10px;border-top-left-radius:0px;background:#000;}
  636.  
  637. ::selection {color: {color:Hover};}
  638. ::-moz-selection {color: {color:Hover};}
  639. ::-webkit-selection{color: {color:Hover};}
  640.  
  641. img{ margin-bottom:-3px;}
  642.  
  643. .pagination {
  644. margin-top:60px;
  645. margin-left: 20px;
  646. font-size: 30px;
  647. font-family: bamq;
  648. width: 120px;
  649. text-align: center;
  650. padding: 3px 0;
  651. color: #000;
  652. text-decoration: none;
  653. }
  654.  
  655. .pagination:hover {
  656. color: {color:Hover};
  657. }
  658.  
  659. /* POSTNOTES */
  660.  
  661. ol.notes a{letter-spacing:1px;}
  662. ol.notes {
  663. list-style:none;
  664. font-size:10px;
  665. margin-top:20px;
  666. text-transform:none;}
  667.  
  668. ol.notes li.note img.avatar {
  669. vertical-align:-5px;
  670. margin-right:5px;
  671. width:20px;
  672. padding:4px;
  673. border:1px solid #EEE;}
  674.  
  675. ol.notes li.note {margin:5px 0px 10px -20px;}
  676. ol.notes li.note span.action {font-style: normal;}
  677. ol.notes li.note .answer_content {font-weight: normal;}
  678. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  679.  
  680.  
  681. </style>
  682.  
  683. </head>
  684. <body>
  685.  
  686. <div id="posttriangle1"></div>
  687. <div id="posttriangle2"></div>
  688. <div id="posttriangle3"></div>
  689. <div id="postcircle"><img src="{image:postcircle}"></div>
  690.  
  691. <div id="center">
  692. <div id="sidebar">
  693.  
  694. <div id="triangle4"></div>
  695.  
  696. <div id="tri4"><div class="blogtitle"><a href="/">{Title}</a></div></div>
  697.  
  698. <div class="fiveall">
  699. <div class="triangle5"></div>
  700. <div class="triangle5film"></div>
  701. <div class="tri5"><div class="desc">{Description}</div></div>
  702. </div>
  703.  
  704. <div class="sixall">
  705. <div class="triangle6"></div>
  706. <div class="triangle6film">
  707.  
  708. <div id='cornerplayer'><center>
  709. <!--YOUR MUSIC CODE STARTS HERE--><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/ihgf8t2svzou5ly/Samurai%20champloo%20ending%201%20full%21%21%21-%20Shiki%20No%20Uta%20-%20Nujabes.mp3?dl=1&token_hash=AAFR7Hr_VGvOd6qmB19brA9JAR9K5LZQ_0OdtVn_1zdFdw&t0=Shiki no Uta&f1=https://dl.dropboxusercontent.com/s/padhgu5fh2eo9kv/Samurai%20Champloo%20opening%20music%20%28FULL%29.mp3?dl=1&token_hash=AAE362artaY79WU9_XnEYmphB_NkD5-ztqW9C3GJaKHSZg&t1=Battlecry&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> <!--YOUR MUSIC CODE ENDS HERE--></div>
  710. </center> </div><!--cornerplayer-->
  711.  
  712. </div>
  713. </div>
  714.  
  715. <div class="twoall">
  716. <div class="circle2"><img src="{image:circle}"></div>
  717. <div class="circle2film"></div>
  718. <div class="circle2pagin"><div class="pagination">
  719. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  720. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  721. </div></div>
  722. </div>
  723.  
  724. <div class="circle3all">
  725. <div class="circle3"><img src="{image:circle2}"></a></div>
  726. <div class="circle3film"><div class="circle3text"><div id="navigation"><div class="button">
  727. <a href="{text:link 1}" class="class1" title="{text:link 1 title}">I</a>
  728. <a href="{text:link 2}" class="class1" title="{text:link 2 title}">II</a>
  729. <a href="{text:link 3}" class="class1" title="{text:link 3 title}">III</a>
  730. <a href="{text:link 4}" class="class1" title="{text:link 4 title}">IV</a>
  731. <a href="{text:link 5}" class="class1" title="{text:link 5 title}">V</a>
  732. </div></div>
  733. </div>
  734. </div>
  735.  
  736.  
  737.  
  738. </div>
  739. </div>
  740. </div>
  741.  
  742. </div>
  743.  
  744.  
  745. <div id="content">
  746. {block:Posts}
  747.  
  748. <div id="entry">
  749.  
  750. {block:IndexPage}
  751.  
  752. <div class="perma">
  753. <div class="permanumber"><div class="permanumberbox"><a href="{Permalink}"> {NoteCount}</a></div></div>
  754.  
  755. <div class="permareblog"><div class="permareblogbox"><a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a></div></div>
  756.  
  757. </span></div>
  758.  
  759. {/block:IndexPage}
  760.  
  761. {block:Text}
  762. <div class="title">{Title}</div>{Body}
  763. {/block:Text}
  764.  
  765. {block:Link}
  766. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  767. {block:Description}{Description}{/block:Description}
  768. {/block:Link}
  769.  
  770. {block:Photo}
  771. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>
  772. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  773. {/block:Photo}
  774.  
  775. {block:Photoset}
  776. {Photoset-400}
  777. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  778. {/block:Photoset}
  779.  
  780. {block:Quote}
  781. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  782. {/block:Quote}
  783.  
  784. {block:Chat}
  785. <div class="title">{Title}</div>{block:Lines}
  786. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  787. {block:Label}<b>{Label} </b>{/block:Label}
  788. {Line}</div></div>{/block:Lines}
  789. {/block:Chat}
  790.  
  791. {block:Audio}
  792. {block:AlbumArt}
  793. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  794. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  795. <div class="audioinfo">
  796. <div class="i"><b>TITLE:</b>
  797. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  798.  
  799. <div class="i"><b>ARTIST:</b>
  800. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  801.  
  802. <div class="i"><b>PLAYS:</b>
  803. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  804. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  805. {/block:Audio}
  806.  
  807. {block:Video}
  808. {Video-400}
  809. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  810. {/block:Video}
  811.  
  812. {block:Answer}
  813. <div class="quote">{Question} → <b>{Asker}</b></div>
  814. <div class="answer">{Answer}</div>
  815. {/block:Answer}
  816.  
  817.  
  818. {block:PostNotes}{PostNotes}{/block:PostNotes}
  819. </div>
  820.  
  821. {/block:Posts}
  822.  
  823.  
  824. </div>
  825.  
  826. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  827. <script>
  828. $("#dropdown_click").click(function () {
  829. $("#dropdown_content").slideToggle("slow");
  830. });
  831. </script>
  832.  
  833.  
  834.  
  835.  
  836. <div class="cboth">
  837. <div class="c">
  838. <img src="http://static.tumblr.com/cbjpgjf/7Bcmvartf/logo2.01.png">
  839. </div>
  840.  
  841. <div class="cr">
  842. <a href="http://no-faces-face.tumblr.com">
  843. <img src="http://static.tumblr.com/cbjpgjf/H2jmvat5o/logo2.02.png"></a>
  844. </div>
  845. </div>
  846.  
  847.  
  848.  
  849. </body>
  850. </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!