API tools faq
paste
Advertisement
nofacesface

Akuma (revamp)

nofacesface
Jan 3rd, 2014
816
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.60 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.  
  10. <meta name="color:Link" content="#16645e"/>
  11. <meta name="color:permalink" content="#fff"/>
  12. <meta name="color:border" content="#fff"/>
  13. <meta name="color:Background" content="#000" />
  14. <meta name="color:Text" content="#fff" />
  15. <meta name="color:Title" content="#000" />
  16. <meta name="color:Title First Letter" content="#00d1c1" />
  17. <meta name="color:blogtitle" content="#000" />
  18. <meta name="color:Underline" content="#00d1c1" />
  19. <meta name="color:Blogtitle First Letter" content="#00d1c1" />
  20. <meta name="color:Bold" content="#00b2a5" />
  21. <meta name="color:Italic" content="#318b84" />
  22. <meta name="color:border" content="#000" />
  23. <meta name="color:desc" content="#000" />
  24. <meta name="color:navigation" content="#000" />
  25. <meta name="color:Scroll" content="#000" />
  26. <meta name="color:Hover" content="#009c90" />
  27. <meta name="color:Permalink Icon" content="#000" />
  28. <meta name="color:Permalink Icon Hover" content="#000" />
  29. <meta name="color:Navigation Icon" content="#000" />
  30. <meta name="color:Navigation Text Color" content="#000" />
  31. <meta name="color:Music Icon" content="#00d1c1" />
  32. <meta name="color:Navigation Icon Hover" content="#00d1c1" />
  33.  
  34. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  35.  
  36. <meta name="image:sidebar" content="http://static.tumblr.com/cbjpgjf/MG8mw4whn/fotor1111213558.png"/>
  37. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/r8vmyukoh/yooooesdhtfgh.png" />
  38. <meta name="image:Second Background" content="http://static.tumblr.com/cbjpgjf/lKYmyukr1/dotodoot.jpg" />
  39.  
  40. <meta name="text:link1" content="" />
  41. <meta name="text:link1name" content="" />
  42. <meta name="text:link2" content="" />
  43. <meta name="text:link2name" content="" />
  44. <meta name="text:link3" content="" />
  45. <meta name="text:link3name" content="" />
  46. <meta name="text:link4" content="" />
  47. <meta name="text:link4name" content="" />
  48. <meta name="text:music code" content="" />
  49.  
  50.  
  51. <meta name="if:caption" content="0"/>
  52. <meta name="if:photoeffect" content="0"/>
  53. <meta name="if:musicplayer" content="1"/>
  54. <meta name="if:posttype1" content="0"/>
  55. <meta name="if:posttype2" content="0"/>
  56. <meta name="if:posttype3" content="1"/>
  57.  
  58.  
  59. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description goes here along with any other codes you want (ex. music codes, hits counter)"
  60. content="{MetaDescription}" />{/block:Description}
  61. <link rel="shortcut icon" href="{Favicon}">
  62.  
  63. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  64.  
  65. <style>
  66. div#qTip {
  67. padding: 4px;
  68. display: none;
  69. text-align: center;
  70. position: absolute;
  71. font-family: consolas;
  72. font-size:8px;
  73. line-height:10px;
  74. z-index: 1000;
  75. background-color: rgba(255,255,255,0.6);
  76. color: #000;
  77. text-transform:uppercase;
  78. letter-spacing: 3px;
  79.  
  80. }
  81. </style>
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  84.  
  85. <style type="text/css">
  86.  
  87. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  88.  
  89. /* fontawesome */
  90. [class*="fontawesome-"]:before {
  91. font-family: 'FontAwesome', sans-serif;
  92. }
  93.  
  94. #tumblr_controls {
  95. position: fixed !important;
  96. }
  97.  
  98. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  99.  
  100. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  101.  
  102.  
  103.  
  104. ::-webkit-scrollbar {width: 5px;height:5px;background:#FFF;}
  105. ::-webkit-scrollbar-thumb {background:{color:Scroll};}
  106.  
  107.  
  108.  
  109. /* GENERAL */
  110.  
  111. body{
  112. margin:0px;
  113. font-family: tahoma;
  114. font-size: 9px;
  115. font-style: oblique;
  116. letter-spacing:2px;
  117. line-height: 11px;
  118. color: {color:text};
  119. }
  120.  
  121.  
  122.  
  123. body {
  124. background-color: {color:Background};
  125.  
  126. background-image: url({image:Background});
  127. margin: 0;
  128. word-wrap: break-word;
  129. background-attachment: fixed;
  130.  
  131. }
  132.  
  133.  
  134. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  135. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  136. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  137.  
  138. a:hover{color:{color:Hover};}
  139.  
  140. /* POSTS */
  141.  
  142.  
  143. #content{
  144. width:500px;
  145. position: relative;
  146. margin-top:30px;
  147. {block:ifposttype2}
  148. width: 400px;
  149. right: 150px;
  150. {/block:ifposttype2}
  151. {block:ifposttype1}
  152. width: 250px;
  153. right: 180px;
  154. {/block:ifposttype1}
  155. {block:ifposttype3}
  156. width: 500px;
  157. right: 150px;
  158. {/block:ifposttype3}
  159. float: right;
  160. }
  161.  
  162. .entry{
  163. margin: 20px; 20px;
  164. {block:ifposttype2}
  165. width: 400px;
  166. {/block:ifposttype2}
  167. {block:ifposttype1}
  168. width: 250px;
  169. {/block:ifposttype1}
  170. {block:ifposttype3}
  171. width: 500px;
  172. {/block:ifposttype3}
  173. padding: 30px;
  174. background-image: url({image:Second Background});
  175. -webkit-transition: opacity 0.6s linear;
  176. -webkit-transition: all 0.6s ease-in-out;
  177. -moz-transition: all 0.6s ease-in-out;
  178. -o-transition: all 0.6s ease-in-out;}
  179. .entry img{max-width:100%;
  180. opacity: 0.7px;
  181. -webkit-transition: opacity 0.6s linear;
  182. -webkit-transition: all 0.6s ease-in-out;
  183. -moz-transition: all 0.6s ease-in-out;
  184. -o-transition: all 0.6s ease-in-out;}
  185.  
  186.  
  187. .entry {
  188. {block:ifphotoeffect}
  189. opacity: 1;
  190. -webkit-filter: grayscale(100%);
  191. {/block:ifphotoeffect} }
  192.  
  193. .entry:hover {
  194. opacity: 1;
  195. -webkit-filter:none;
  196. -webkit-transition: opacity 0.6s linear;
  197. -webkit-transition: all 0.6s ease-in-out;
  198. -moz-transition: all 0.6s ease-in-out;
  199. -o-transition: all 0.6s ease-in-out;
  200. }
  201.  
  202.  
  203. /* SIDEBAR */
  204.  
  205. .container {
  206. position: fixed;
  207. width: 270px;
  208. height: 300px;
  209. z-index: 99;
  210. {block:ifposttype1}
  211. right: 445px;
  212. {block:ifposttype1}
  213. {block:ifposttype2}
  214. right: 565px;
  215. {block:ifposttype2}
  216. {block:ifposttype3}
  217. right: 665px;
  218. {block:ifposttype3}
  219. margin-top: 330px;
  220. opacity: 1;
  221. border-bottom-left-radius: 150px;
  222. }
  223.  
  224. .image {
  225. background-image: url({image:Second Background});
  226. z-index: 1;
  227. overflow: hidden;
  228. position: fixed;
  229. border-top-left-radius: 500px;
  230. border-top-right-radius: 500px;
  231. border-bottom-left-radius: 500px;
  232. border-bottom-right-radius: 5px;
  233. width: 220px;
  234. height: 220px;
  235. margin-left: 5px;
  236. margin-top: 40px;
  237. opacity: 1;
  238. padding-top: 20px;
  239. padding-bottom: 20px;
  240. padding-left: 20px;
  241. padding-right: 20px;
  242. -webkit-transition: all 1s ease;transition: all 1s ease;
  243. -moz-transition: all 1s ease;-o-transition: all 1s ease;
  244.  
  245. }
  246.  
  247.  
  248.  
  249. .image img {
  250. border-top-left-radius: 500px;
  251. border-top-right-radius: 500px;
  252. border-bottom-left-radius: 500px;
  253. border-bottom-right-radius: 5px;
  254. width: 100%;
  255. height: 220px;
  256. -webkit-transition: all 1s ease;transition: all 1s ease;
  257. -moz-transition: all 1s ease;-o-transition: all 1s ease;}
  258.  
  259. .container:hover .image {
  260. border-top-left-radius: 5px;
  261. border-top-right-radius: 500px;
  262. border-bottom-left-radius: 500px;
  263. border-bottom-right-radius: 500px;
  264. }
  265.  
  266. .container:hover .image img{
  267. opacity: 0.8;
  268. border-top-left-radius: 5px;
  269. border-top-right-radius: 500px;
  270. border-bottom-left-radius: 500px;
  271. border-bottom-right-radius: 500px; }
  272.  
  273. .titlewrapper {
  274. width: 100px;
  275. height: 15px;
  276. margin-top: 0px;
  277. margin-left: 125px;
  278. position: absolute;
  279. -webkit-transition: all 2.5s ease;transition: all 2.5s ease;
  280. -moz-transition: all 2.5s ease;-o-transition: all 2.5s ease;
  281. }
  282.  
  283. .container:hover .titlewrapper {
  284. opacity: 0;
  285. -webkit-transition: all .3s ease;transition: all .3s ease;
  286. -moz-transition: all .3s ease;-o-transition: all .3s ease;
  287. }
  288.  
  289. .blogtitle {
  290. font-family: tahoma;
  291. font-size: 8px;
  292. letter-spacing: 7px;
  293. font-style: normal;
  294. text-transform: uppercase;
  295. padding-top: 5px;
  296. text-align: right;
  297. color: {color:blogtitle};
  298. }
  299.  
  300. .blogtitle:first-letter {
  301. color: {color:Blogtitle First Letter};
  302. }
  303.  
  304. .descc{
  305. z-index: 20;
  306. border-top-left-radius: 500px;
  307. border-top-right-radius: 500px;
  308. border-bottom-left-radius: 500px;
  309. border-bottom-right-radius: 5px;
  310. margin-top:60px;
  311. margin-left: 26px;
  312. width: 220px;
  313. height: 220px;
  314. opacity: 0;
  315. position: fixed;
  316. background-color: rgba(0,0,0,.1);
  317. -webkit-transition: all .9s ease;transition: all .9s ease;
  318. -moz-transition: all .9s ease;-o-transition: all .9s ease;}
  319.  
  320.  
  321. .descbox{
  322. border-top-left-radius: 500px;
  323. border-top-right-radius: 500px;
  324. border-bottom-left-radius: 500px;
  325. border-bottom-right-radius: 5px;
  326. margin-top: 5px;
  327. margin-left: 5px;
  328. width: 210px;
  329. height: 210px;
  330. position: absolute;
  331. background-color: rgba(255,255,255,.6);
  332. -webkit-transition: all .9s ease;transition: all .9s ease;
  333. -moz-transition: all .9s ease;-o-transition: all .9s ease;}
  334.  
  335. .desc {
  336. font-family: tahoma;
  337. font-size: 9px;
  338. font-style: oblique;
  339. letter-spacing:1px;
  340. padding-left: 20px;
  341. padding-right: 40px;
  342. padding-top: 40px;
  343. color: {color:desc};
  344. }
  345.  
  346. .container:hover .descc {
  347. border-top-left-radius: 5px;
  348. border-top-right-radius: 500px;
  349. border-bottom-left-radius: 500px;
  350. border-bottom-right-radius: 500px;
  351. opacity: 1;
  352. }
  353.  
  354. .container:hover .descbox {
  355. border-top-left-radius: 5px;
  356. border-top-right-radius: 500px;
  357. border-bottom-left-radius: 500px;
  358. border-bottom-right-radius: 500px; }
  359.  
  360. /* NAVIGATION */
  361.  
  362. .navtext {
  363. color: {color:Navigation Text Color};
  364. text-align: right;
  365. font-family: tahoma;
  366. font-size: 9px;
  367. text-transform: lowercase;
  368. font-style: oblique;
  369. letter-spacing: 4px;
  370. padding-top: 9px;
  371. }
  372.  
  373. .navbox {
  374. position: fixed;
  375. z-index: 999;
  376. opacity: 0;
  377. height: 15px;
  378. width: 125px;
  379. margin-top: 43px;
  380. margin-left: 25px;
  381. -webkit-transition: all .4s ease;transition: all .4s ease;
  382. -moz-transition: all .4s ease;-o-transition: all .4s ease;
  383. }
  384.  
  385. .container:hover .navbox {
  386. opacity: 1;
  387. -webkit-transition: all 2.9s ease;transition: all 2.9s ease;
  388. -moz-transition: all 2.9s ease;-o-transition: all 2.9s ease;
  389. }
  390.  
  391. .navbox1 {
  392. position: absolute;
  393. height: 15px;
  394. width: 15px;
  395. color: {color:Navigation Icon};
  396. font-size: 13px;
  397. font-style: normal;
  398. margin-top: 3px;
  399. margin-left: 0px;
  400. -webkit-transition: all .7s ease;transition: all .7s ease;
  401. -moz-transition: all .7s ease;-o-transition: all .7s ease;}
  402.  
  403. .navbox1:hover {
  404. color: {color:Navigation Icon Hover};
  405. }
  406.  
  407. .nav1line {
  408. overflow: hidden;
  409. position: absolute;
  410. opacity: 0;
  411. width: 120px;
  412. height: 22px;
  413. margin-left: -116px;
  414. margin-top: 0px;
  415. -webkit-transition: all .9s ease;transition: all .9s ease;
  416. -moz-transition: all .9s ease;-o-transition: all .9s ease;
  417. }
  418.  
  419. .navbox1:hover .nav1line {
  420. margin-left: -143px;
  421. opacity: 1;
  422. }
  423.  
  424.  
  425.  
  426. .navbox2 {
  427. position: fixed;
  428. height: 15px;
  429. width: 15px;
  430. color: {color:Navigation Icon};
  431. font-size: 13px;
  432. font-style: normal;
  433. margin-top: 3px;
  434. margin-left: 23px;
  435. -webkit-transition: all .7s ease;transition: all .7s ease;
  436. -moz-transition: all .7s ease;-o-transition: all .7s ease;}
  437.  
  438. .navbox2:hover {
  439. color: {color:Navigation Icon Hover};
  440. }
  441.  
  442. .nav2line {
  443. overflow: hidden;
  444. position: absolute;
  445. opacity: 0;
  446. width: 120px;
  447. height: 22px;
  448. margin-left: -140px;
  449. margin-top: 40px;
  450. -webkit-transition: all .9s ease;transition: all .9s ease;
  451. -moz-transition: all .9s ease;-o-transition: all .9s ease;
  452. }
  453.  
  454. .navbox2:hover .nav2line {
  455. margin-left: -163px;
  456. opacity: 1;
  457. }
  458.  
  459. .navbox3 {
  460. position: fixed;
  461. height: 15px;
  462. width: 15px;
  463. color: {color:Navigation Icon};
  464. font-size: 13px;
  465. font-style: normal;
  466. margin-top: 3px;
  467. margin-left: 51px;
  468. -webkit-transition: all .7s ease;transition: all .7s ease;
  469. -moz-transition: all .7s ease;-o-transition: all .7s ease;}
  470.  
  471. .navbox3:hover {
  472. color: {color:Navigation Icon Hover};
  473. }
  474.  
  475. .nav3line {
  476. overflow: hidden;
  477. position: absolute;
  478. opacity: 0;
  479. width: 120px;
  480. height: 22px;
  481. margin-left: -168px;
  482. margin-top: 80px;
  483. -webkit-transition: all .9s ease;transition: all .9s ease;
  484. -moz-transition: all .9s ease;-o-transition: all .9s ease;
  485. }
  486.  
  487. .navbox3:hover .nav3line {
  488. margin-left: -190px;
  489. opacity: 1;
  490. }
  491.  
  492. .navbox4 {
  493. position: fixed;
  494. height: 15px;
  495. width: 15px;
  496. color: {color:Navigation Icon};
  497. font-size: 13px;
  498. font-style: normal;
  499. margin-top: 3px;
  500. margin-left: 79px;
  501. -webkit-transition: all .7s ease;transition: all .7s ease;
  502. -moz-transition: all .7s ease;-o-transition: all .7s ease;}
  503.  
  504. .navbox4:hover {
  505. color: {color:Navigation Icon Hover};
  506. }
  507.  
  508. .nav4line {
  509. overflow: hidden;
  510. position: absolute;
  511. opacity: 0;
  512. width: 120px;
  513. height: 22px;
  514. margin-left: -200px;
  515. margin-top: 120px;
  516. -webkit-transition: all .9s ease;transition: all .9s ease;
  517. -moz-transition: all .9s ease;-o-transition: all .9s ease;
  518. }
  519.  
  520. .navbox4:hover .nav4line {
  521. margin-left: -220px;
  522. width: 120px;
  523. opacity: 1;
  524. }
  525.  
  526.  
  527. .navbox5 {
  528. overflow: hidden;
  529. position: fixed;
  530. height: 15px;
  531. width: 15px;
  532. margin-top: 0px;
  533. margin-left: 105px;}
  534.  
  535.  
  536. .five1 {
  537. color: {color:Music Icon};
  538. position: absolute;
  539. height: 15px;
  540. width: 15px;
  541. margin-top: 1px;
  542. margin-left: 0px;
  543. font-size: 12px;
  544. font-style: normal;
  545. -webkit-transition: all .5s ease;transition: all .5s ease;
  546. -moz-transition: all .5s ease;-o-transition: all .5s ease;}
  547.  
  548. .five1 img {
  549. margin-top: 2px;
  550. width: 100%;
  551. height: 11px;
  552. }
  553.  
  554. .navbox5:hover .five1 {
  555. margin-top: -15px;
  556. }
  557.  
  558. .musicp {
  559. position: absolute;
  560. height: 15px;
  561. width: 15px;
  562. margin-top: 15px;
  563. margin-left: 0px;
  564. -webkit-transition: all .5s ease;transition: all .5s ease;
  565. -moz-transition: all .5s ease;-o-transition: all .5s ease;}
  566.  
  567. .navbox5:hover .musicp {
  568. margin-top: 0px;
  569. }
  570.  
  571. .music {
  572. position: absolute;
  573. height: 15px;
  574. width: 150px;
  575. margin-top: -1.5px;
  576. margin-left: -22.5px;
  577. }
  578.  
  579.  
  580.  
  581.  
  582. /* TITLES */
  583.  
  584. .title a{color:{color:Text};}
  585. .title {font-family: tahoma;
  586. font-size:11px;
  587. letter-spacing: 3px;
  588. font-style:normal;
  589. padding: 10px;
  590. text-transform: uppercase;
  591. margin:0px 0px 0px 0px;
  592. color: {color:Title};
  593. text-align: right;
  594. -webkit-transition: all 0.9s ease;
  595. -moz-transition: all 0.9s ease;
  596. }
  597.  
  598. .title:first-letter {
  599. color: {color:Title First Letter};
  600. }
  601.  
  602. .entry:hover .title {
  603. margin-right: 22px;
  604. }
  605.  
  606. .quote {
  607. padding:15px;
  608. font-size:9px;
  609. letter-spacing: 2px;
  610. text-transform:none;
  611. color: {color:Text};}
  612.  
  613. .source {
  614. font-size:9px;
  615. letter-spacing: 1px;
  616. padding: 15px;
  617. text-align:right;
  618. font-style:none;
  619. font-weight:none;
  620. text-transform:none;}
  621.  
  622. .answer {margin:10px;}
  623.  
  624. /* PERMALINKS */
  625.  
  626. .entry:hover .perma {
  627. opacity:1;
  628. z-index:999;
  629. -webkit-transition: all 0.9s ease;
  630. -moz-transition: all 0.9s ease;}
  631.  
  632. .perma a {
  633. cursor:help;
  634. color:{color:Link};
  635. font-size:9px;
  636. font-family: consolas;
  637. text-transform:normal;}
  638.  
  639. .perma a:hover {
  640. color:{color:Hover};
  641. }
  642.  
  643.  
  644. .perma {
  645. margin-left:0px;
  646. text-transform: normal;
  647. position:absolute;
  648. font-size: 9px;
  649. text-transform: uppercase;
  650. line-height:10px;
  651. text-align:center;
  652. margin-top: 0px;
  653. width: 1px;
  654. height: 1px;
  655. opacity: 0;
  656. padding: 8px;
  657. z-index: 999;
  658. -webkit-transition: all 0.9s ease;
  659. -moz-transition: all 0.9s;
  660. }
  661.  
  662.  
  663. .permanumberbox {
  664. background-image: url({image:Second Background});
  665. position: absolute;
  666. margin-top: 0px;
  667. {block:ifposttype2}
  668. margin-left: 361px;
  669. {block:ifposttype2}
  670. {block:ifposttype1}
  671. margin-left: 210px;
  672. {block:ifposttype1}
  673. {block:ifposttype3}
  674. margin-left: 460px;
  675. {block:ifposttype3}
  676. height: 20px;
  677. width: 20px;
  678. padding: 2px;
  679. opacity: 1;
  680. border-bottom-left-radius: 500px;
  681. border-top-left-radius: 500px;
  682. border-top-right-radius: 500px;
  683. border-bottom-right-radius: 0px;
  684. -webkit-transition: all 0.9s ease;
  685. -moz-transition: all 0.9s;
  686.  
  687. }
  688.  
  689. .permanumberbox:hover {
  690. border-bottom-left-radius: 500px;
  691. border-top-left-radius: 0px;
  692. border-top-right-radius: 500px;
  693. border-bottom-right-radius: 500px;
  694. }
  695.  
  696. .permanumberbox:hover .permanumber {
  697. color: {color:Permalink Icon Hover};
  698. }
  699.  
  700.  
  701. .permanumber {
  702. margin-left: 1px;
  703. margin-top: 3px;
  704. color: {color:Permalink Icon};
  705. padding: 2px;
  706. font-size: 12px;
  707. text-align: center;
  708. font-style: normal;
  709. -webkit-transition: all 0.9s ease;
  710. -moz-transition: all 0.9s;
  711. }
  712.  
  713. .permareblogbox {
  714. background-image: url({image:Second Background});
  715. position: absolute;
  716. margin-top: 0px;
  717. margin-left: 0px;
  718. height: 20px;
  719. width: 20px;
  720. opacity: 1;
  721. letter-spacing: 2px;
  722. padding: 2px;
  723. overflow:hidden;
  724. border-bottom-left-radius: 0px;
  725. border-top-left-radius: 500px;
  726. border-top-right-radius: 500px;
  727. border-bottom-right-radius: 500px;
  728. -webkit-transition: all 0.9s ease;
  729. -moz-transition: all 0.9s;
  730.  
  731. }
  732.  
  733. .permareblogbox:hover {
  734. border-bottom-left-radius: 500px;
  735. border-top-left-radius: 500px;
  736. border-top-right-radius: 0px;
  737. border-bottom-right-radius: 500px;
  738. }
  739.  
  740. .permareblogbox:hover .permareblog {
  741. color: {color:Permalink Icon Hover};
  742. }
  743.  
  744. .permareblog {
  745. margin-left: 2px;
  746. margin-top: 4px;
  747. color: {color:Permalink Icon};
  748. padding: 1px;
  749. font-size: 12px;
  750. text-align: center;
  751. font-style: normal;
  752. -webkit-transition: all 0.9s ease;
  753. -moz-transition: all 0.9s;
  754. }
  755.  
  756.  
  757. #permalink{
  758. {block:PermalinkPage}
  759. text-align:center;
  760. margin-top:15px;
  761. padding:5px;
  762. {block:ifposttype1}
  763. font-size:9px;
  764. {block:ifposttype1}
  765. {block:ifposttype3}
  766. font-size:10px;
  767. {block:ifposttype3}
  768. letter-spacing: 3px;
  769. font-style:normal;
  770. text-transform:lowercase;
  771. color: {color:Text};
  772. {/block:PermalinkPage}
  773. }
  774.  
  775. .tags {
  776. padding:10px;
  777. font-size:8px;
  778. }
  779.  
  780.  
  781. /* AUDIO */
  782.  
  783. .newplayerbutton {
  784. position: relative;
  785. width: 28px;
  786. height: 27px;
  787. overflow: hidden;
  788. }
  789.  
  790. .playerbuttonhug {
  791. position: absolute;
  792. top: -11px;
  793. left: 0px;
  794. }
  795.  
  796.  
  797. .tumblr_audio_player {
  798. border: none;
  799. padding: 0px;
  800. margin: 0px;
  801. height: 50px;
  802. width: 500px;
  803. }
  804.  
  805. .playerbuttonbg {
  806. position: absolute;
  807. left: 15px;
  808. top: 15px;
  809. width: 28px;
  810. height: 28px;
  811. background-color: #ffffff;
  812. padding: 10px;
  813. -webkit-border-radius: 40px;
  814. -moz-border-radius: 40px;
  815. border-radius: 40px;
  816. opacity: .4;
  817. filter: alpha(opacity=40);
  818. -moz-opacity: 0.4;
  819. -khtml-opacity: 0.4;
  820. transition: opacity .7s ease-in-out;
  821. -moz-transition: opacity .7s ease-in-out;
  822. -webkit-transition: opacity .7s ease-in-out;
  823. }
  824.  
  825. .playerbuttonbg:hover {
  826. opacity: 1;
  827. filter: alpha(opacity=100);
  828. -moz-opacity: 1;
  829. -khtml-opacity: 1;
  830. }
  831.  
  832. .audioimgwrapper {
  833. position: absolute;
  834. left: 0px;
  835. top: 0px;
  836. -webkit-border-radius: 50px;
  837. -moz-border-radius: 50px;
  838. border-radius: 50px;
  839. overflow: hidden;
  840. width: 78px;
  841. height: 78px;
  842. }
  843.  
  844. .audioimgwrapper img {
  845. width: 100%;
  846. height: auto;
  847. -webkit-border-radius: 50px;
  848. -moz-border-radius: 50px;
  849. border-radius: 50px;
  850. }
  851.  
  852. .trackdetails {
  853. width: auto;
  854. display:inline-block;
  855. margin-left: 100px;
  856. min-height: 85px;
  857. }
  858.  
  859. .audiowrapper {
  860. position: relative;
  861. display:inline-block;
  862. }
  863.  
  864. /* TEXT */
  865.  
  866. i, em{color:{color:Italic};}
  867. b{color:{color:Bold}; letter-spacing: 1px; font-style: normal;}
  868. b, strong{color:{color:Title}; letter-spacing: 2px;}
  869. ul,ol{margin:0px;margin-left:-10px;}
  870. p{padding:0px;margin:10px;}
  871. u{text-decoration:none;color: {color:Underline}; letter-spacing: 1px;
  872. border-bottom:1px solid {color:Underline};}
  873. blockquote {margin:2px; margin-left:10px;
  874. padding:2px;border-left:2px solid #CCC;}
  875.  
  876. /* MISC */
  877.  
  878. #caution {
  879. z-index: -10000;
  880. position: fixed;
  881. top: 0;left: 0;
  882. width: 100%;
  883. height: 100%;
  884. background-color: rgba(255,255,255,0.8);
  885. color: #000;
  886. text-align: center;
  887. text-transform: uppercase;
  888. padding-top: 250px;
  889. font-family: consolas;
  890. font-size: 13px;
  891. letter-spacing: 4px;
  892. opacity: 0;
  893. {block:ifposttype1}
  894. {block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}
  895. {block:ifposttype2}opacity: 1;z-index:10000;{/block:ifposttype2}
  896. {block:ifposttype2}{block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}{/block:ifposttype2}
  897. {/block:ifposttype1}
  898. {block:ifposttype2}{block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}{/block:ifposttype2}
  899. {block:ifnotposttype1}{block:ifnotposttype2}{block:ifnotposttype3}opacity: 1;z-index:10000;{/block:ifnotposttype3}{/block:ifnotposttype2}{/block:ifnotposttype1}
  900. }
  901.  
  902.  
  903. .c img{
  904. padding-left: 2.5px;
  905. padding-top: 2px;
  906. border-radius: 500px;
  907. opacity: 0;
  908. width:25px;
  909. height: 25px;
  910. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  911. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  912.  
  913. .c{overflow: hidden; position:fixed;right:7px;bottom:7px; background-color: rgba(0,0,0,0.3);
  914. width: 30px; height: 30px; border-radius: 500px;}
  915.  
  916.  
  917. .c img:hover{
  918. opacity: 1;
  919. }
  920.  
  921.  
  922.  
  923. .popup_block{
  924. display:none;
  925. padding:20px;
  926. float:left;
  927. position:fixed;
  928. top:50%;left:50%;
  929. z-index: 99999;}
  930.  
  931. img.btn_close {float: right;margin: -20 -20px 0 0;}
  932. *html #fade {position: absolute;}
  933. *html .popup_block {position: absolute;}
  934. #fade {display:none;background:#fff;position:fixed;left:0;top:0;
  935. width:100%;height:100%;opacity:0.8;z-index:9999;}
  936.  
  937. .l .odd{display:block;padding:5px 5px;}
  938. .l .even{display:block;background:#F7F7F7;padding:5px 5px;}
  939.  
  940. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  941. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  942. border-radius:10px;border-top-left-radius:0px;background:#000;}
  943.  
  944. ::selection {color: {color:Hover};}
  945. ::-moz-selection {color: {color:Hover};}
  946. ::-webkit-selection{color: {color:Hover};}
  947.  
  948. img{ margin-bottom:-3px;}
  949.  
  950. /* POSTNOTES */
  951.  
  952. ol.notes a{letter-spacing:2px;}
  953. ol.notes {
  954. list-style:none;
  955. font-size:9px;
  956. margin-top:20px;
  957. line-height: 15px;
  958. text-transform:lowercase;}
  959.  
  960. ol.notes li.note img.avatar {
  961. vertical-align:-5px;
  962. margin-right:5px;
  963. width:20px;
  964. padding:4px;
  965. border-bottom-left-radius: 500px;
  966. border-top-left-radius: 500px;
  967. border-top-right-radius: 500px;}
  968.  
  969. ol.notes li.note {margin:5px 0px 10px -20px;}
  970. ol.notes li.note span.action {font-style: normal;}
  971. ol.notes li.note .answer_content {font-weight: normal;}
  972. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  973.  
  974. </style>
  975. </head>
  976. <body>
  977.  
  978. {block:indexpage}
  979. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  980.  
  981. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  982. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  983. {/block:indexpage}
  984.  
  985. <div id="caution">Please select one post type</div>
  986.  
  987. <div class="container">
  988.  
  989. <div class="image"><img src="{image:sidebar}"/>
  990. <div class="titlewrapper">
  991. <div class="blogtitle">{Title}</div></div>
  992.  
  993. </div>
  994.  
  995. <div class="descc">
  996. <div class="descbox"><div class="desc">{Description}</div></div>
  997. </div>
  998.  
  999. <div class="navbox">
  1000. <a href="{text:link1}"><div class="navbox1"><span class="fontawesome-home"></span>
  1001. <div class="nav1line"><div class="navtext">{text:link1name}</div></div>
  1002. </div></a>
  1003.  
  1004.  
  1005. <a href="{text:link2}"><div class="navbox2"><span class="fontawesome-envelope"></span>
  1006. <div class="nav2line"><div class="navtext">{text:link2name}</div></div>
  1007. </div></a>
  1008.  
  1009. <a href="{text:link3}"><div class="navbox3"><span class="fontawesome-calendar"></span>
  1010. <div class="nav3line"><div class="navtext">{text:link3name}</div></div>
  1011. </div></a>
  1012.  
  1013. <a href="{text:link4}"><div class="navbox4"><span class="fontawesome-tag"></span>
  1014. <div class="nav4line"><div class="navtext">{text:link4name}</div></div>
  1015. </div></a>
  1016.  
  1017. {block:ifmusicplayer}
  1018. <div class="navbox5">
  1019. <div class="five1"><span class="fontawesome-music">
  1020. </div>
  1021. <div class="musicp">
  1022. <div class="music">
  1023.  
  1024. {text:music code}
  1025.  
  1026. </div>
  1027. </div>
  1028. </div>
  1029. {/block:ifmusicplayer}
  1030.  
  1031. </div>
  1032.  
  1033. </div>
  1034.  
  1035. <div id="content">
  1036. {block:Posts}
  1037.  
  1038. <div class="entry">
  1039.  
  1040. {block:IndexPage}
  1041.  
  1042. <div class="perma">
  1043. <a href="{Permalink}" title="{NoteCount}" >
  1044. <div class="permanumberbox">
  1045. <div class="permanumber"><span class="fontawesome-link"></span></div>
  1046. </div></a>
  1047.  
  1048. <a href="{ReblogURL}" target="_blank" title="reblog" >
  1049. <div class="permareblogbox">
  1050. <div class="permareblog"><span class="fontawesome-retweet"></span></div>
  1051. </div></a>
  1052.  
  1053. </span></div>
  1054.  
  1055. {/block:IndexPage}
  1056.  
  1057. {block:Text}
  1058. <div class="title">{Title}</div>{Body}
  1059. {/block:Text}
  1060.  
  1061. {block:Link}
  1062. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  1063. {block:Description}{Description}{/block:Description}
  1064. {/block:Link}
  1065.  
  1066. {block:Photo}
  1067. <a href="{Permalink}">
  1068. {block:IndexPage}
  1069. {block:ifposttype1}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype1}
  1070. {block:ifposttype2}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype2}
  1071. {block:ifposttype3}<center><img src="{PhotoURL-500}"></center>{/block:ifposttype3}
  1072. {/block:IndexPage}
  1073. {block:PermalinkPage}
  1074. {block:ifposttype1}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype1}
  1075. {block:ifposttype2}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype2}
  1076. {block:ifposttype3}<center><img src="{PhotoURL-500}"></center>{/block:ifposttype3}
  1077. {/block:PermalinkPage}
  1078. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1079. {/block:Photo}
  1080.  
  1081. {block:Photoset}
  1082. {block:IndexPage}
  1083. {block:ifposttype1}{Photoset-250}{/block:ifposttype1}
  1084. {block:ifposttype2}{Photoset-400}{/block:ifposttype2}
  1085. {block:ifposttype3}{Photoset-500}{/block:ifposttype3}
  1086. {/block:IndexPage}
  1087. {block:PermalinkPage}
  1088. {block:ifposttype1}{Photoset-250}{/block:ifposttype1}
  1089. {block:ifposttype2}{Photoset-400}{/block:ifposttype2}
  1090. {block:ifposttype3}{Photoset-500}{/block:ifposttype3}
  1091. {/block:PermalinkPage}
  1092. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1093. {/block:Photoset}
  1094.  
  1095. {block:Quote}
  1096. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  1097. {/block:Quote}
  1098.  
  1099. {block:Chat}
  1100. <div class="title">{Title}</div>{block:Lines}
  1101. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  1102. {block:Label}<b>{Label} </b>{/block:Label}
  1103. {Line}</div></div>{/block:Lines}
  1104. {/block:Chat}
  1105.  
  1106. {block:AudioPlayer}
  1107. <div class="audiowrapper">
  1108. {block:AlbumArt}
  1109. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1110. {/block:AlbumArt}
  1111.  
  1112. <div class="playerbuttonbg">
  1113. <div class="newplayerbutton">
  1114. <div class="playerbuttonhug">
  1115.  
  1116. {AudioPlayerWhite}
  1117.  
  1118. </div>
  1119. </div>
  1120. </div>
  1121.  
  1122. <div class="trackdetails">
  1123.  
  1124. {block:TrackName}<b>TITLE:</b> {TrackName}{/block:TrackName}<br><br>
  1125. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br><br>
  1126. {block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br><br>
  1127. <b>PLAYS:</b> {PlayCountWithLabel}
  1128.  
  1129. </div>
  1130. </div>
  1131. {block:Caption}{Caption}{/block:Caption}
  1132. {/block:AudioPlayer}
  1133.  
  1134. {block:Video}
  1135. {block:IndexPage}
  1136. {block:ifposttype1}{Video-250}{/block:ifposttype1}
  1137. {block:ifposttype2}{Video-400}{/block:ifposttype2}
  1138. {block:ifposttype3}{Video-500}{/block:ifposttype3}
  1139. {/block:IndexPage}
  1140. {block:PermalinkPage}
  1141. {block:ifposttype1}{Video-250}{/block:ifposttype1}
  1142. {block:ifposttype2}{Video-400}{/block:ifposttype2}
  1143. {block:ifposttype3}{Video-500}{/block:ifposttype3}
  1144. {/block:PermalinkPage}
  1145. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1146. {/block:Video}
  1147.  
  1148. {block:Answer}
  1149. <table style="border-bottom:1px solid #aaa;padding-bottom:10px;margin-bottom:5px; width: 100%;">
  1150. <tr>
  1151. <td style="vertical-align:top;padding-right:5px; width:40px;"><img src="{AskerPortraitURL-64}" style="border-radius: 500px;"></td>
  1152. <td style="vertical-align:top;"><b>{Asker} asked:</b> {Question}</td>
  1153. </tr>
  1154. </table>
  1155. {Answer}
  1156. {/block:Answer}
  1157.  
  1158. <div id="permalink">
  1159. <div class="tags">
  1160. {block:IfShowTags}
  1161. {block:HasTags}
  1162. {block:Tags}
  1163. <a href="{TagURL}">#{Tag}</a>
  1164. {/block:Tags}
  1165. {/block:HasTags}
  1166. {/block:IfShowTags}
  1167. </div></div>
  1168. {/block:IndexPage}
  1169.  
  1170. {block:PermalinkPage}
  1171. <div id="permalink">
  1172. {block:Date}
  1173. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  1174. {block:NoteCount} |
  1175. <a href="{Permalink}">{NoteCount}%</a>{block:NoteCount}
  1176. {block:RebloggedFrom}
  1177. | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">origin</a>
  1178. {/block:RebloggedFrom}
  1179.  
  1180. <div class="tags">
  1181. {block:HasTags}
  1182. filed under:
  1183. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1184. {/block:Tags}
  1185. {/block:HasTags}
  1186. </div></div>
  1187. {/block:PermalinkPage}
  1188.  
  1189.  
  1190. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1191.  
  1192. </div>
  1193. {/block:Posts}
  1194. </div>
  1195.  
  1196.  
  1197.  
  1198. <div class="c">
  1199. <a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a>
  1200. </div>
  1201.  
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207. </body>
  1208. </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!