API tools faq
paste
Advertisement
nofacesface

Bespectacled Beauty (Revamp)

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