API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 29th, 2017
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. WINTER'S LADY THEMES
  7. ♛ this code was made by AGIRLINGREY@TUMBLR.
  8. ♛ do not remove credit or claim as your own.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20.  
  21.  
  22. <!--
  23. CUSTOM FONTS
  24. -->
  25.  
  26.  
  27. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  28. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  29. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  30. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  31.  
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36.  
  37.  
  38. /* THE CUSTOM SIDEBAR THING */
  39. /* http://meyerweb.com/eric/tools/css/reset/
  40. v2.0 | 20110126
  41. License: none (public domain)
  42. */
  43.  
  44. /* /!\ RESET CSS ------ DO NOT TOUCH !!!!! */
  45.  
  46. html, body, div, span, applet, object, iframe,
  47. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  48. a, abbr, acronym, address, big, cite, code,
  49. del, dfn, em, img, ins, kbd, q, s, samp,
  50. small, strike, strong, sub, sup, tt, var,
  51. b, u, i, center,
  52. dl, dt, dd, ol, ul, li,
  53. fieldset, form, label, legend,
  54. table, caption, tbody, tfoot, thead, tr, th, td,
  55. article, aside, canvas, details, embed,
  56. figure, figcaption, footer, header, hgroup,
  57. menu, nav, output, ruby, section, summary,
  58. time, mark, audio, video {
  59. margin: 0;
  60. padding: 0;
  61. border: 0;
  62. font-size: 100%;
  63. font: inherit;
  64. vertical-align: baseline;
  65. }
  66. /* HTML5 display-role reset for older browsers */
  67. article, aside, details, figcaption, figure,
  68. footer, header, hgroup, menu, nav, section {
  69. display: block;
  70. }
  71. body {
  72. line-height: 1;
  73. }
  74. ol, ul {
  75. list-style: none;
  76. }
  77. blockquote, q {
  78. quotes: none;
  79. }
  80. blockquote:before, blockquote:after,
  81. q:before, q:after {
  82. content: '';
  83. content: none;
  84. }
  85. table {
  86. border-collapse: collapse;
  87. border-spacing: 0;
  88. }
  89.  
  90. /* /!\ END RESET CSS ---- DO NOT TOUCH !!!!!! */
  91.  
  92.  
  93. #bite
  94. #bite a{
  95. display:block
  96. }
  97. #bite .death {
  98. margin-top:0px;filter: alpha(opacity = 1.0);
  99. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  100. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  101. }
  102.  
  103. #bite:hover .death {
  104. margin-top:0px;
  105. -webkit-transition: all 0.8s ease-out;
  106. -moz-transition: all 0.8s ease-out;
  107. transition: all 0.8s ease-out;
  108. filter: alpha(opacity = 100);
  109. filter: alpha(opacity = 100);
  110. opacity:100;
  111. }
  112.  
  113.  
  114.  
  115. /* SELECTION FONT AND BACKGROUND */
  116. ::selection {
  117. background: #625156;
  118. color:#fff;
  119. opacity: 0.8;
  120. }
  121.  
  122. ::-moz-selection {
  123. background: #625156;
  124. color:#fff;
  125. opacity: 0.8;
  126. }
  127.  
  128.  
  129.  
  130. /* SCROLLBAR DETAILS */
  131. ::-webkit-scrollbar {
  132. height: 0px;
  133. width: 2px;
  134. background:transparent;
  135. border-left:0px solid transparent;
  136. border-right:0px solid transparent;}
  137.  
  138. ::-webkit-scrollbar-thumb {
  139. background:transparent;}
  140.  
  141.  
  142.  
  143.  
  144. /* THE CURSOR */
  145. {block:iftinycursor}
  146. body, a, a:hover{
  147. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  148. {/block:iftinycursor}
  149.  
  150. iframe#tumblr_controls {
  151. right:3px !important;
  152. position: fixed !important;
  153. -webkit-transition: opacity 0.7s
  154. linear;opacity: 0.2;
  155. -webkit-transition: all 0.8s ease-out;
  156. -moz-transition: all 0.8s ease-out;
  157. transition: all 0.8s ease-out;}
  158.  
  159. iframe#tumblr_controls:hover{
  160. -webkit-transition: opacity 0.7s linear;
  161. opacity: 1;
  162. -webkit-transition: all 0.4s ease-out;
  163. -moz-transition: all 0.4s ease-out;
  164. transition: all 0.4s ease-out;}
  165.  
  166.  
  167.  
  168. /* GENERAL LOOK AND BACKGROUND */
  169.  
  170.  
  171. body {
  172. background:#030303;
  173. background-image:url('http://nsa38.casimages.com/img/2017/03/29/17032908153892291.jpg');
  174.  
  175. background-attachment: fixed;
  176. background-repeat: no-repeat;
  177. background-position: left top;
  178. color:#000000;
  179. font-family: arial;
  180. text-align:justify;
  181. font-size: 11px;
  182. letter-spacing:0.5px;
  183. line-height:135%;
  184. overflow: hidden;
  185. }
  186.  
  187. /* LINKS */
  188.  
  189.  
  190. a:link, a:active, a:visited {
  191.  
  192. text-decoration: none;
  193. color: #e3e3e3;
  194. -moz-transition-duration:.6s;
  195. -webkit-transition-duration:.6s;
  196. -o-transition-duration:.6s;
  197. font-weight: bolder;
  198. }
  199.  
  200. a:hover {
  201. color: #c0c0c0;
  202. -moz-transition-duration:.6s;
  203. -webkit-transition-duration:.6s;
  204. -o-transition-duration:.6s;
  205. }
  206.  
  207.  
  208.  
  209. #links a {
  210. padding:5px;
  211. margin-right:0px;
  212.  
  213. }
  214.  
  215.  
  216. #links a:hover {
  217. padding:5px;
  218. margin-right:0px;
  219.  
  220. -moz-transition-duration:0.6s;
  221. -webkit-transition-duration:0.6s;
  222. -o-transition-duration:0.6s;
  223. }
  224.  
  225.  
  226.  
  227.  
  228. /* OTHER TEXT STUFF */
  229.  
  230.  
  231.  
  232. h1 {
  233. background-color: transparent;
  234. font-family: 'Josefin Sans', sans-serif;
  235. font-size: 16px;
  236. line-height: 20px;
  237. letter-spacing: 2px;
  238. text-align: center;
  239. text-transform:uppercase;
  240. color: #ffffff;
  241.  
  242. }
  243.  
  244.  
  245. h2 {
  246. background-color: transparent;
  247. font-family: 'Josefin Sans', sans-serif;
  248. font-size: 15px;
  249. line-height: 16px;
  250. letter-spacing: 2px;
  251. text-align: left;
  252. text-transform:uppercase;
  253. color: #e3e3e3;
  254. }
  255.  
  256.  
  257.  
  258. h3 {
  259. background-image: url('http://nsa37.casimages.com/img/2017/03/17/1703170507367005.gif');
  260. min-height: 8px;
  261. background-repeat:repeat;
  262. background-attachment:fixed;
  263. border-left: 1px solid #1d1d1d;
  264. border-top: 1px solid #1d1d1d;
  265. border-right: 1px solid #1d1d1d;
  266. border-bottom: 1px solid #1d1d1d;
  267. padding:2px;
  268. color:#e6e6e6;
  269. text-shadow:1px 1px 0px #000,
  270. 1px -1px 0px #000,
  271. -1px -1px 0px #000,
  272. -1px 1px 0px #000,
  273. 0px 1px 0px #000,
  274. 0px -1px 0px #000,
  275. 1px 0px 0px #000,
  276. -1px 0px 0px #000;
  277. font-size:12px;
  278. font-family:calibri;
  279. text-transform:uppercase;
  280. letter-spacing:1px;
  281. text-align:center;}
  282.  
  283.  
  284.  
  285.  
  286. h4 {
  287. background-image: url('http://nsa37.casimages.com/img/2017/01/16/170116111500378664.gif');
  288. background-repeat:repeat;
  289. min-height: 8px;
  290. background-attachment:fixed;
  291. border-left: 1px solid #1d1d1d;
  292. border-top: 1px solid #1d1d1d;
  293. border-right: 1px solid #1d1d1d;
  294. border-bottom: 1px solid #1d1d1d;
  295. padding:2px;
  296. color:#e6e6e6;
  297. text-shadow:1px 1px 0px #000,
  298. 1px -1px 0px #000,
  299. -1px -1px 0px #000,
  300. -1px 1px 0px #000,
  301. 0px 1px 0px #000,
  302. 0px -1px 0px #000,
  303. 1px 0px 0px #000,
  304. -1px 0px 0px #000;
  305. font-size:9px;
  306. font-family:calibri;
  307. text-transform:uppercase;
  308. letter-spacing:1px;
  309. text-align:center;}
  310.  
  311.  
  312.  
  313. hr {
  314. color:#818181;
  315. display: block;
  316. margin-top: 0.5em;
  317. margin-bottom: 0.5em;
  318. margin-left: auto;
  319. margin-right: auto;
  320. border-style: inset;
  321. border-width: 1px;
  322. }
  323.  
  324.  
  325.  
  326.  
  327. quotetext {
  328. background-color: transparent;
  329. font-family: times;
  330. font-size: 16px;
  331. line-height: 20px;
  332. letter-spacing: 2px;
  333. text-align: center;
  334. text-transform:uppercase;
  335. color: #e3e3e3;
  336. }
  337.  
  338.  
  339.  
  340. blockquote {
  341. word-wrap: break-word;
  342. padding:2px 7px;
  343. margin:3px 0 3px 10px;
  344. border-left:1px solid {color:border};
  345. background-color:transparent;}
  346.  
  347.  
  348. blockquote img{
  349. max-width:100%;
  350. height:auto;
  351. }
  352.  
  353. blockquote blockquote img{
  354. max-width:100%;
  355. height:auto;
  356. }
  357.  
  358.  
  359.  
  360.  
  361. b, bold {
  362. font-size:10px;
  363. text-transform:uppercase;
  364. letter-spacing:1px;
  365. font-family: 'Josefin Sans', sans-serif;
  366. color: #e3e3e3;
  367. text-shadow:1px 1px 0 #000;
  368. }
  369.  
  370.  
  371.  
  372. i, italic {
  373. font-size:13px;
  374. color: #e3e3e3;
  375. font-family: 'Bad Script', cursive;
  376. text-shadow: 0px 0px 0px #5a5a5a;
  377. letter-spacing:1px;
  378. text-transform:lowercase;
  379. }
  380.  
  381.  
  382.  
  383. p { margin-top:5px; margin-bottom:5px;}
  384. ol { list-style:normal; }
  385. ul {list-style:square; }
  386. small { font-size:10px; }
  387. sup,sub { font-size:11px; }
  388.  
  389.  
  390. pre {
  391. font-size: 10px;
  392. letter-spacing:3px;
  393. background-color:#000;
  394. font-family: "Times New Roman", Times, serif;
  395. font-style: none;
  396. text-align:center;
  397. white-space: pre-wrap; /* css-3 */
  398. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  399. white-space: -pre-wrap; /* Opera 4-6 */
  400. white-space: -o-pre-wrap; /* Opera 7 */
  401. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  402.  
  403.  
  404.  
  405. big {
  406. font-size:14px;
  407. text-transform:uppercase;
  408. letter-spacing:2px;
  409. font-family: "Times New Roman", Times, serif;
  410. color: #91a3ac;
  411. text-shadow: 0px 0px 2px #383838;
  412. }
  413.  
  414.  
  415.  
  416. /* IMAGES, PHOTOSETS AND WHATNOT */
  417.  
  418. {block:IfGreyscale}
  419.  
  420. img {
  421. -webkit-filter:grayscale(100%);
  422. -webkit-transition: all 0.9s ease-in-out;
  423. -moz-transition: all 0.9s ease-in-out;
  424. -o-transition: all 0.9s ease-in-out;
  425. -ms-transition: all 0.9s ease-in-out;
  426. transition: all 0.9s ease-in-out;}
  427.  
  428. img:hover {
  429. -webkit-filter:none;}
  430.  
  431. .html_photoset {
  432. -webkit-filter: grayscale(100%);
  433. -webkit-transition: all 0.9s ease-in-out;
  434. -moz-transition: all 0.9s ease-in-out;
  435. -o-transition: all 0.9s ease-in-out;
  436. -ms-transition: all 0.9s ease-in-out;
  437. transition: all 0.9s ease-in-out;}
  438.  
  439. .html_photoset:hover {
  440. -webkit-filter: none;}
  441.  
  442. {/block:IfGreyscale}
  443.  
  444.  
  445.  
  446. /* CONTAINER AND POSTS */
  447.  
  448. #placement-cont{
  449. position:relative;
  450.  
  451.  
  452. }
  453.  
  454. #container {
  455. background-image: url('http://nsa37.casimages.com/img/2017/03/29/170329091114580469.jpg');
  456. width:452px;
  457. height:483px;
  458.  
  459.  
  460.  
  461. overflow-y:scroll;
  462. overflow-x:hidden;
  463. }
  464.  
  465. #container:hover{
  466. background-image: url('http://nsa37.casimages.com/img/2017/03/29/170329091401914890.jpg');
  467. }
  468.  
  469.  
  470. #container img {
  471. height:auto;
  472. max-width:100%;
  473. }
  474.  
  475. #content {
  476.  
  477. }
  478.  
  479. #posts {
  480. width:422px;
  481. padding: 10px 10px 10px 10px;
  482. overflow-y:hidden;
  483. overflow-x:hidden;
  484. color: white;
  485. opacity:0;
  486. }
  487.  
  488. #posts:hover{
  489. opacity:1;
  490. }
  491.  
  492.  
  493. #description {
  494. margin-left: 0px;
  495. margin-top: -0px;
  496. width:180px;
  497. color:transparent;}
  498.  
  499. /* CUSTOM SIDEBAR SETTINGS */
  500. #actualnews {
  501. font-family: calibri;
  502. font-size:10px;
  503. background:transparent;
  504. color: white;
  505. width: 213px;
  506. height:410px;
  507. padding-top:3px;
  508. border:0px solid #131313;
  509. left: 645px;
  510. top: 75px;
  511. text-align:center;
  512. position:fixed;
  513. -webkit-filter: blur(0px);
  514. -webkit-transition: 0.8s ease-in;
  515. -moz-transition: 1s ease-in;
  516. transition: 1s ease-in;
  517. opacity:0.8;
  518. -webkit-transition: all 0.6s ease-in-out;
  519. -moz-transition: all 0.6s ease-in-out;
  520. -o-transition: all 0.6s ease-in-out;
  521. -ms-transition: all 0.6s ease-in-out;
  522. transition: all 0.6s ease-in-out;
  523. overflow-x:hidden;
  524. }
  525.  
  526.  
  527.  
  528. #actualnews:hover {
  529. -webkit-filter:none;
  530. -webkit-transition: all 0.6s ease-in-out;
  531. opacity:1;
  532. -webkit-transition: all 0.6s ease-in-out;
  533. -moz-transition: all 0.6s ease-in-out;
  534. -o-transition: all 0.6s ease-in-out;
  535. -ms-transition: all 0.6s ease-in-out;
  536. transition: all 0.6s ease-in-out;
  537. }
  538.  
  539.  
  540.  
  541.  
  542. #thekey {
  543. position:fixed;
  544. color:#7c7470;
  545. text-shadow: 0px 0px 2px #fff;
  546. margin-top:175px;
  547. margin-left:55px;
  548. width:710px;
  549. padding:9px;
  550. letter-spacing:2px;
  551. word-spacing:5px; /*this defines the separation of each word of the links*/
  552. font-family: helvetica;
  553. font-size:12px;
  554. text-align:center;
  555. background:transparent;
  556. text-transform:uppercase;
  557. -webkit-transform: rotate(-90deg);
  558. -moz-transform: rotate(-90deg);
  559. -o-transform: rotate(-90deg);
  560. }
  561.  
  562.  
  563.  
  564. /* JUMBLED LINKS */
  565.  
  566.  
  567.  
  568. .blinks {
  569. position:fixed;
  570. left:740px;
  571. top:50px;
  572. /*transform: rotate(90deg);*/
  573. text-align: center;
  574. font-family: 'Josefin Sans', sans-serif;
  575. line-height:20px;
  576. font-size: 18px;
  577.  
  578. }
  579.  
  580.  
  581. .blinks a {
  582. padding:10px;
  583. color:#ffffff;
  584. margin-right:0px;
  585.  
  586.  
  587. }
  588.  
  589. .blinks a:hover {
  590. -webkit-transition: all 0.6s ease-in-out;
  591. -moz-transition: all 0.6s ease-in-out;
  592. -o-transition: all 0.6s ease-in-out;
  593. -ms-transition: all 0.6s ease-in-out;
  594. transition: all 0.6s ease-in-out;
  595. color: #000000;
  596.  
  597. }
  598.  
  599.  
  600. .elinks {
  601. float:left;
  602. top: 340px;
  603. width: 290px;
  604. position:relative;
  605. font-size:30px;
  606. padding-right:10px;
  607. text-decoration:none;
  608. text-transform: uppercase;
  609. font-family: arial;
  610. text-align:right;
  611. -webkit-transition: all 0.5s ease-out;
  612. -moz-transition: all 0.5s ease-out;
  613. transition: all 0.5s ease-out;
  614. line-height: 20px;
  615. color:#e3e3e3;
  616. font-weight: bold;
  617.  
  618. }
  619.  
  620. .elinks a {
  621. font-weight: bold;
  622. -webkit-transition: all 0.5s ease-out;
  623. -moz-transition: all 0.5s ease-out;
  624. transition: all 0.5s ease-out;
  625. }
  626.  
  627. .elinks:hover {
  628. -webkit-transition: all 0.5s ease-out;
  629. -moz-transition: all 0.5s ease-out;
  630. transition: all 0.5s ease-out;
  631. }
  632.  
  633.  
  634. .credit {
  635. position:fixed;
  636. text-shadow: 0px 0px 11px #7C6868;
  637. right:15px;
  638. bottom:15px;
  639. transform: rotate(0deg);
  640. font-family: 'Josefin Sans', sans-serif;
  641. font-size: 17px; }
  642.  
  643.  
  644. .credit a {
  645. padding:10px;
  646. color:#000000;
  647. margin-right:0px;
  648. -webkit-filter: blur(1px);
  649. -webkit-transition: 0.8s ease-in;
  650. -moz-transition: 1s ease-in;
  651. transition: 1s ease-in;
  652. }
  653.  
  654. .credit a:hover {
  655. -webkit-transition: all 0.6s ease-in-out;
  656. -moz-transition: all 0.6s ease-in-out;
  657. -o-transition: all 0.6s ease-in-out;
  658. -ms-transition: all 0.6s ease-in-out;
  659. transition: all 0.6s ease-in-out;
  660. color: #000000;
  661. text-shadow: 7px 7px 3px #000000;
  662. }
  663.  
  664.  
  665.  
  666.  
  667. /* PAGINATION */
  668.  
  669.  
  670.  
  671.  
  672. .pagination {
  673. position:relative;
  674. font-family: 'Josefin Sans', sans-serif;
  675. font-size:35px;
  676. letter-spacing:3px;
  677. z-index:99999999;
  678. color:#ffffff;
  679. top: -10px;
  680. left: 700px;
  681. }
  682.  
  683. .pagination a {
  684. text-transform:uppercase;
  685. color:#ffffff;
  686. -webkit-filter: blur(0px);
  687. -webkit-transition: 0.8s ease-in;
  688. -moz-transition: 1s ease-in;
  689. transition: 1s ease-in;
  690. }
  691.  
  692. .pagination a:hover {
  693. color:#fff;
  694. -webkit-filter: blur(1px);
  695. -webkit-transition: 0.2s ease-in;
  696. -moz-transition: 1s ease-in;
  697. transition: 1s ease-in;
  698. }
  699.  
  700.  
  701.  
  702.  
  703. /* MISC */
  704.  
  705.  
  706.  
  707. .audio {
  708. width:450px;
  709. padding-bottom:10px;
  710. background-color:{color:#0b0b0b};}
  711.  
  712. .albumart {
  713. float:left;
  714. padding:0px 10px 10px 0px;}
  715.  
  716. .albumart img {
  717. width:65px;
  718. height:65px;}
  719.  
  720. .playercontainer {
  721. text-align:left;
  722. padding:10px;
  723. background-color:#0b0b0b;
  724. width:450px;}
  725.  
  726. .audioinfo {
  727. padding:10px;
  728. color:#a1a0a0;}
  729.  
  730.  
  731.  
  732.  
  733. /* QUESTIONS & ANSWERS DETAILS */
  734.  
  735.  
  736. #asker {
  737. width: 400px;
  738. font-family: 'Raleway', sans-serif;
  739. text-align:center;
  740. padding-top: 10px;
  741. margin-left:0px;
  742. text-transform:uppercase;
  743. color: #91a3ac;
  744. font-size:20px;
  745. padding:5px;
  746. letter-spacing:0px
  747. text-shadow:0 0 2px #aeaeae;
  748. }
  749.  
  750.  
  751. #asker a{
  752. font-family: 'Raleway', sans-serif;
  753. text-transform:uppercase;
  754. font-size:20px;
  755. letter-spacing: 0px;
  756. text-shadow: none;
  757. color: #91a3ac;
  758. text-shadow:0 0 2px #1a1a1a;
  759. -webkit-filter: blur(0.5px);
  760. }
  761.  
  762.  
  763. #asker a:hover {
  764. color: #656565;
  765.  
  766. text-shadow:0 0 2px #000;
  767. -webkit-filter: blur(1px);
  768. -webkit-transition:all .5s ease-in-out;
  769. -moz-transition:all .5s ease-in-out;
  770. transition:all .5s ease-in-out;
  771. }
  772.  
  773.  
  774.  
  775. #ask {
  776. width: 400px;
  777. padding:2px;
  778. font-size:7px;
  779. text-align:center;
  780. padding-top: 5px;
  781. margin-left:0px;
  782. text-transform:auto;
  783. letter-spacing:3px
  784. margin-top:-10px;
  785. padding:5px;
  786. background: #000;
  787. background: url("http://nsa38.casimages.com/img/2017/03/29/170329104628892348.jpg");
  788. background-repeat:repeat;
  789. padding:2px;
  790. color:#e3e3e3;
  791. text-transform: uppercase;
  792. border: 1px solid #1d1d1d;
  793. padding:10px;
  794. letter-spacing:2px;
  795.  
  796. }
  797.  
  798.  
  799. .ans {
  800. text-align:center;
  801. padding:10px;
  802. }
  803.  
  804.  
  805.  
  806. /* POST INFO DETAILS */
  807.  
  808.  
  809. #info {
  810. margin: 0 auto;
  811. width:300px;
  812. margin-top: 15px;
  813. padding-top:4px;
  814. padding-bottom:1px;
  815. font-size:10px;
  816. color:#683b47;
  817. text-transform:uppercase;
  818. letter-spacing:1px;
  819. font-style:normal;
  820. text-align:center;
  821. padding:5px;
  822. border-top:1px solid #202020;
  823. -moz-transition-duration:0.2s;
  824. -webkit-transition-duration:0.2s;
  825. -o-transition-duration:0.2s;}
  826.  
  827.  
  828. #info a {
  829. font-family:calibri;
  830. font-size:11px;
  831. color:#ffffff;
  832.  
  833. padding:5px;
  834. font-style:normal;
  835.  
  836. }
  837.  
  838.  
  839. #info a:hover {
  840. color:#912022;
  841. -webkit-filter: blur(0px);
  842. -moz-transition-duration:0.2s;
  843. -webkit-transition-duration:0.2s;
  844. -o-transition-duration:0.2s;}
  845.  
  846. .infolink{
  847. position:relative;
  848. float: right
  849. font-size:12px;
  850. margin-top:-5px;
  851. text-shadow: 0px 0px 5px #919191;
  852. }
  853.  
  854. #tags {
  855. color:#ffffff;
  856. margin-top:5px;
  857. padding-left:13px;
  858. text-align:right;
  859. line-height:9px;
  860. text-transform:uppercase;
  861. font-size:12px;
  862. padding-right:10px;}
  863.  
  864. #tags a {
  865. font-family:calibri;
  866. color:#ffffff;}
  867.  
  868. #tags a:hover {
  869. color:#42679c;}
  870.  
  871.  
  872.  
  873. /* MISC 02. */
  874.  
  875.  
  876.  
  877. .note {
  878. text-transform:uppercase;
  879. font-style:normal;
  880. letter-spacing:0px;
  881. font-size: 10px;
  882. text-align:left;
  883. line-height:90%;
  884. margin-left:-40px;}
  885.  
  886. .note li {
  887. list-style-type:none;
  888. border-bottom:0px solid {color:border};
  889. padding:10px 25px 10px 25px;
  890. text-align:left;
  891. margin:0px;
  892. -moz-transition-duration:0.5s;
  893. -webkit-transition-duration:0.5s;
  894. -o-transition-duration:0.5s;}
  895.  
  896. .note img.avatar {
  897. margin-right: 10px;
  898. width: 16px;
  899. height: 16px;}
  900.  
  901.  
  902.  
  903.  
  904. /* BASIC POP-UP DETAILS */
  905.  
  906.  
  907.  
  908. .popup_block{
  909. display:none;
  910. background:#000;
  911. padding:20px;
  912. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  913. float:left;
  914. height: 350px;
  915. top:415px; left:590px;
  916. position:fixed;
  917. z-index: 99999;
  918. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  919. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  920. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  921. }
  922.  
  923.  
  924. *html #fade {position: absolute;}
  925. *html .popup_block {position: absolute;}
  926. #fade {
  927. display:none;
  928. position:fixed;
  929. left:0px;
  930. top:0px;
  931. width:100%;
  932. height:100%;
  933. z-index:9999;
  934. background:#000; /* change to #fff for solid white */
  935. opacity:0; /* change to opacity:1; */
  936. }
  937.  
  938.  
  939.  
  940. .popupnavlinks {
  941. padding-top:5px;
  942. text-align:center; }
  943.  
  944.  
  945. .popupnavlinks a {
  946. display:inline-block;
  947. width:90px; height:4px;
  948. margin:2px; padding:3px 6px 10px;
  949. text-align:center;
  950. background-image: url('');
  951. background:#0d0d0d;
  952. background-repeat:repeat;
  953. background-attachment:fixed;
  954. border-left: double 3px #000;
  955. border-top: double 3px #000;
  956. border-right: double 3px #000;
  957. border-bottom: double 3px #000;
  958. color:#e6e6e6;
  959. font-size:9px;
  960. font-family:calibri;
  961. text-shadow:1px 1px 0px #000,
  962. 1px -1px 0px #000,
  963. -1px -1px 0px #000,
  964. -1px 1px 0px #000,
  965. 0px 1px 0px #000,
  966. 0px -1px 0px #000,
  967. 1px 0px 0px #000,
  968. -1px 0px 0px #000;
  969. display: inline-block;
  970. cursor: pointer;
  971. }
  972.  
  973.  
  974.  
  975. .popupnavlinks a:hover {
  976. display:inline-block;
  977. letter-spacing:2px; }
  978.  
  979.  
  980.  
  981. .popupclose {
  982. float:right; top:0px; right:0px;
  983. margin-top:-10px; margin-right:-10px;
  984. font-family:'Scada', sans serif;
  985. font-size:10px;
  986. font-weight:bold }
  987.  
  988. .popupclose a {
  989. color:#aaa }
  990.  
  991.  
  992.  
  993. /* TOOLTIP DETAILS */
  994.  
  995.  
  996.  
  997. #s-m-t-tooltip{
  998. max-width:400px;
  999. margin:15px;
  1000. padding:2px 8px;
  1001. background: #0b0b0b;
  1002. background-image:url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  1003. background-repeat:repeat;
  1004. background-attachment:fixed;
  1005. border-left: double 3px #000;
  1006. border-top: double 3px #000;
  1007. border-right: double 3px #000;
  1008. border-bottom: double 3px #000;
  1009. color:#e6e6e6;
  1010. text-shadow:1px 1px 0px #000,
  1011. 1px -1px 0px #000,
  1012. -1px -1px 0px #000,
  1013. -1px 1px 0px #000,
  1014. 0px 1px 0px #000,
  1015. 0px -1px 0px #000,
  1016. 1px 0px 0px #000,
  1017. -1px 0px 0px #000;
  1018. z-index:99999999999999999999;
  1019. font-size:9px;
  1020. letter-spacing:2px;
  1021. font-style:bold;
  1022. letter-spacing:2px;
  1023. font-family: calibri;
  1024. text-transform:uppercase;
  1025. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1026.  
  1027. #aurescere-text{
  1028. position:relative;
  1029. top: 100px;
  1030. left: 20px;
  1031. color: white;
  1032. text-transform: uppercase;
  1033. font-family: 'Oswald', sans-serif;
  1034. width: 300px;
  1035. }
  1036.  
  1037. #aurescere-desc{
  1038. background-image:url('http://nsa38.casimages.com/img/2017/03/29/170329081537426535.jpg');
  1039. /*position:relative;
  1040. top: -325px;
  1041. left: 778px;*/
  1042. color: white;
  1043. height: 483px;
  1044. overflow-y:scroll;
  1045. overflow-x:hidden;
  1046. width: 152px;
  1047. }
  1048.  
  1049. #aurescere-desc-cont{
  1050. padding: 3px;
  1051.  
  1052. }
  1053.  
  1054. #aurescere-desc p{ padding: 0px 5px 5px 5px; }
  1055.  
  1056. .aurescere-link{
  1057. -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  1058. filter: grayscale(100%);
  1059. transition: 0.2s;
  1060. }
  1061.  
  1062. .aurescere-link a{color: white;}
  1063.  
  1064. .aurescere-link:hover{
  1065. -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  1066. filter: grayscale(0%);
  1067. transition: 0.2s;
  1068. }
  1069.  
  1070. </style>
  1071.  
  1072. </head>
  1073.  
  1074. <body>
  1075.  
  1076.  
  1077.  
  1078. <!--
  1079. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1080. -->
  1081.  
  1082.  
  1083. <div id="content">
  1084.  
  1085.  
  1086. <div id="sidebar">
  1087.  
  1088. <img src="{image:Sidebar}" />
  1089.  
  1090. <div id="description">{description}</div>
  1091.  
  1092. </div>
  1093.  
  1094.  
  1095.  
  1096. <!--
  1097. ♛ CUSTOM LINKS
  1098. -->
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110.  
  1111.  
  1112. <div class="pagination">
  1113. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1114. </div>
  1115.  
  1116.  
  1117.  
  1118.  
  1119.  
  1120.  
  1121. <div class="credit">
  1122. <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1123. </div>
  1124.  
  1125.  
  1126. </div>
  1127.  
  1128.  
  1129. <!--
  1130. ♛ CUSTOM LINKS ENDS
  1131. -->
  1132.  
  1133.  
  1134. <div id="placement-cont" style="width: 930px">
  1135.  
  1136.  
  1137. <div class="elinks" >
  1138.  
  1139. <!-- You can add links if you want! -->
  1140. <a href="https://aurescere.tumblr.com" title="index" class="aurescere-link">♦</a><br><br>
  1141. <a href="https://laevitest2.tumblr.com/ask" title="ask" class="aurescere-link">♦</a><br><br>
  1142. <a href="https://aurescere.tumblr.com/archive" title="archive" class="aurescere-link">♦</a><br><br>
  1143. <a href="https://aurescere.tumblr.com/desc" title="desc" class="aurescere-link">♦</a><br><br>
  1144. <!-- <a href="" class="aurescere-link">♦</a><br><br> -->
  1145. <!-- <a href="" class="aurescere-link">♦</a><br><br> -->
  1146.  
  1147. </div>
  1148.  
  1149. <div id="aurescere-desc" style="float:right;">
  1150. <div id="aurescere-desc-cont">
  1151. <h3> </h3>
  1152.  
  1153. <p>
  1154. ❝whoever fights monsters should see to it that in the process he does not become a monster. and if you gaze long enough into an abyss, the abyss will gaze back into you.❞ — friedrich nietzche.
  1155. </p>
  1156.  
  1157. <h3> </h3>
  1158.  
  1159. <p>
  1160. independent, unaffiliated depiction of ravus nox fleuret as interpreted by tea. susceptible to mature content; please read rules before interacting.
  1161. <p>
  1162. </div>
  1163. </div>
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169. <div id="container">
  1170.  
  1171.  
  1172.  
  1173. <div id="content"><div id="posts">
  1174. {block:Posts}
  1175.  
  1176.  
  1177. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1178. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1179. {block:Text}{Body}{/block:Text}
  1180.  
  1181. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1182.  
  1183. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1184.  
  1185. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1186. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1187.  
  1188. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1189.  
  1190. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1191.  
  1192.  
  1193. {block:Answer}<div id="asker" style="margin-left:-5px;width:250px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1194.  
  1195.  
  1196. {block:Audio}<div class="audio">
  1197.  
  1198. {block:AlbumArt}
  1199. {/block:AlbumArt}
  1200.  
  1201.  
  1202. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1203. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1204. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1205. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1206.  
  1207.  
  1208. <!--
  1209. ♛ INFO AND SYMBOLS
  1210. -->
  1211.  
  1212. <div id="info">
  1213. {block:Date}
  1214. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" class="infolink"> ✦ </a> {/block:Date}
  1215.  
  1216. {block:RebloggedFrom}
  1217. <a title="via. {ReblogParentName}" href="{ReblogParentURL}" class="infolink"> ✦ </a>
  1218. {/block:RebloggedFrom}
  1219.  
  1220. {block:ContentSource}
  1221. <a title="src. {SourceTitle}" href="{SourceURL}" class="infolink"> ✶ </a>
  1222. {/block:ContentSource}
  1223.  
  1224. {block:NoteCount}
  1225. <a href="{Permalink}" title="{NoteCount} notes" class="infolink"> ✧ </a>
  1226. {/block:NoteCount}
  1227.  
  1228. <a href="{ReblogURL}"target="_blank" title="reblog" class="infolink"> ✧ </a></br>
  1229. {/block:RebloggedFrom}
  1230.  
  1231.  
  1232. <br>
  1233.  
  1234.  
  1235. <!--
  1236. ♛ INFO AND SYMBOLS ENDS
  1237. -->
  1238.  
  1239.  
  1240. <div id="tags" style="margin-bottom:40px">{block:HasTags}{block:Tags} ○ <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1241.  
  1242. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1243. {/block:Posts}
  1244. </div>
  1245. </div>
  1246.  
  1247. </div>
  1248.  
  1249.  
  1250.  
  1251. <div>
  1252.  
  1253. </body>
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!