API tools faq
paste
Advertisement
nofacesface

Scissors

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