juliaroleplays

Spy Multimuse pink

Jan 21st, 2026
3,712
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.33 KB | None | 0 0
  1. <! DOCTYPE HTML>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10.  
  11. <!----------------
  12.  
  13. CUSTOM THEME by FRAGDOLL
  14.  
  15. — please do not steal, this theme is not avalible for public/personal use
  16. — sidebar inspired by the basecode Khruseos by iniziare
  17. — icon font by @themehive
  18. — tabs basecode by @neonbikethemes (used for sidebar tabs)
  19. — like button by @shythemes
  20. — popup tabs by @agirlingrey
  21. — character hover effects by @roxiestheme/@lirrynouis
  22. — popups code by @acutie (prv. str-wrs)
  23. — tooltips by malihu
  24.  
  25. ---------------->
  26.  
  27. <!-------------------- DEFAULT VARIABLES -------------------->
  28.  
  29. <!------------ IMAGES ------------>
  30.  
  31. <meta name="image:Background" content="https://static.tumblr.com/69c6edc800b73e63f5cc2feb09858abb/heoago8/Xblpepu0r/tumblr_static_94ngwu8621gc4sw4o4kswogc0.png"/>
  32. <meta name="image:Sidebar 1" content="https://static.tumblr.com/4d2f40cb3842e40da8a45f016b05d252/heoago8/m5Gpeptyp/tumblr_static_9d25psd2zs4kgsos8sccws0oo.png"/>
  33. <meta name="image:Sidebar 2" content="https://static.tumblr.com/41c24c4cdd55735d4137e548d9b8d918/heoago8/XZ5peptyp/tumblr_static_etn9peymh7488css00gckggs4.png"/>
  34. <meta name="image:Sidebar 3" content="https://static.tumblr.com/e8a02519eb144566435aefd880964283/heoago8/Rl0peptyp/tumblr_static_7b960r80ik08cgooo080o0cw8.png"/>
  35. <meta name="image:Sidebar 4" content="https://static.tumblr.com/9317311541d144f3128f76f7a4c8bf5c/heoago8/epgpeptyp/tumblr_static_a28zns9qhj40kwg88k04occw8.png"/>
  36. <meta name="image:Tooltip BG" content=""/>
  37. <meta name="image:" content=""/>
  38.  
  39. <!------------ GENERAL COLORS ------------>
  40.  
  41. <meta name="color:Background" content="#000"/>
  42. <meta name="color:Text" content="#dbdbdb"/>
  43. <meta name="color:Special Text" content=""/>
  44. <meta name="color:Link" content=""/>
  45. <meta name="color:Link Hover" content=""/>
  46. <meta name="color:Strike" content=""/>
  47.  
  48. <!------------ GENERAL STYLING COLORS ------------>
  49.  
  50. <meta name="color:Sidebar BG" content=""/>
  51. <meta name="color:Sidebar Scroll" content=""/>
  52.  
  53. <meta name="color:Post BG" content="#000"/>
  54. <meta name="color:Outline Color" content="#dbdbdb"/>
  55. <meta name="color:" content=""/>
  56. <meta name="color:" content=""/>
  57.  
  58. <!------------ POST COLORS ------------>
  59.  
  60. <meta name="color:Black" content="#000"/>
  61. <meta name="color:Grey" content="#dbdbdb"/>
  62. <meta name="color:Brown" content="#901616"/>
  63.  
  64. <!------------ SCRIPTS ------------>
  65.  
  66. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  67.  
  68. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  69.  
  70. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  71.  
  72. <!------------ FONTS ------------>
  73.  
  74. <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
  75.  
  76. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  77.  
  78. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  79.  
  80. <style type="text/css">
  81.  
  82. /*---------------- TOOLTIPS ----------------*/
  83.  
  84. #s-m-t-tooltip {
  85. margin: 24px 14px 7px 12px;
  86. padding: 8px;
  87. font-family: Raleway;
  88. font-size: 10px;
  89. font-weight: 700;
  90. letter-spacing: 2px;
  91. text-transform: uppercase;
  92. outline: 1px solid {color:Outline Color};
  93. outline-offset: 2px;
  94. color: {color:Grey};
  95. background: {color:Post BG} url('{image:Tooltip BG}');
  96. background-repeat: no-repeat;
  97. background-position: fixed;
  98. background-attachment: fixed;
  99. -webkit-background-size: cover;
  100. -moz-background-size: cover;
  101. -o-background-size: cover;
  102. z-index: 99999999999999;
  103. }
  104.  
  105. /*---------------- SCROLLBAR ----------------*/
  106.  
  107.  
  108. ::-webkit-scrollbar {
  109. width: 3px;
  110. height: 8px;
  111. }
  112.  
  113. ::-webkit-scrollbar-button {
  114. width: 0px;
  115. height: 0px;
  116. }
  117.  
  118. ::-webkit-scrollbar-thumb {
  119. background: {color:Brown};
  120. }
  121.  
  122. ::-webkit-scrollbar-track {
  123. background: {color:Black};
  124. }
  125.  
  126.  
  127. /*---------------- GENERAL ----------------*/
  128.  
  129. body {
  130. margin: 0;
  131. font-family: helvetica;
  132. font-size: 12px;
  133. line-height: 1.25;
  134. color: {color:Text};
  135. background: {color:Background} url('{image:Background}');
  136. background-repeat: no-repeat;
  137. background-position: fixed;
  138. background-attachment: fixed;
  139. -webkit-background-size: cover;
  140. -moz-background-size: cover;
  141. -o-background-size: cover;
  142. }
  143.  
  144. sub, sup, small {
  145. font-size: 12px;
  146. }
  147.  
  148. a {
  149. text-decoration: none;
  150. color: {color:Brown};
  151. transition: 0.8s;
  152. -webkit-transition: all 0.8s ease;
  153. -moz-transition: all 0.8s ease;
  154. -o-transition: all 0.8s ease;
  155. }
  156.  
  157. a:hover {
  158. color: {color:Link Hover};
  159. transition: 0.8s;
  160. -webkit-transition: all 0.8s ease;
  161. -moz-transition: all 0.8s ease;
  162. -o-transition: all 0.8s ease;
  163. }
  164.  
  165. ul {
  166. list-style-type: circle;
  167. }
  168.  
  169. blockquote {
  170. padding: 1px 10px;
  171. margin: 3px 0px 3px 15px;
  172. border-left: 3px solid {color:Brown};
  173. background: {color:Black};
  174. }
  175.  
  176. blockquote img {
  177. max-width: 100%;
  178. height: auto;
  179. }
  180.  
  181. img {
  182. max-width: 500px;
  183. }
  184.  
  185. h1 {
  186. font-family: Raleway;
  187. text-align: center;
  188. }
  189.  
  190. h3 {
  191. font-family: Raleway;
  192. font-size: 15px;
  193. letter-spacing: 2px;
  194. text-transform: uppercase;
  195. color: {color:Brown};
  196. }
  197.  
  198. i, em, bold, strong, strike, code {
  199. color: {color:Brown};
  200. }
  201.  
  202. b, strong {
  203. letter-spacing: 1px;
  204. text-transform: uppercase;
  205. }
  206.  
  207. /*---------------- CONTAINERS ----------------*/
  208.  
  209. #container {
  210. margin: auto;
  211. width: 820px;
  212. height: 100%;
  213. }
  214.  
  215. .tabcontent {
  216. position: static;
  217. margin-top: 20px;
  218. margin-left: 275px;
  219. width: 500px;
  220. padding: 20px;
  221. margin-bottom: 20px;
  222. background: {color:Post BG};
  223. outline: 1px solid {color:Outline Color};
  224. outline-offset: 4px;
  225. }
  226.  
  227. #postblock {
  228. margin-top: 35px;
  229. margin-bottom: 35px;
  230. margin-left: 275px;
  231. width: 500px;
  232. }
  233.  
  234. /*---------------- SIDEBAR ----------------*/
  235.  
  236. #sidebar {
  237. position: fixed;
  238. float: left;
  239. top: 50%;
  240. transform: translateY(-50%);
  241. width: 214px;
  242. padding: 15px;
  243. background: {color:Post BG};
  244. outline: 1px solid {color:Outline Color};
  245. outline-offset: 4px;
  246. }
  247.  
  248. #sidebar img {
  249. margin: 10px;
  250. width: 85px;
  251. height: 85px;
  252. outline: 1px solid {color:Outline Color};
  253. outline-offset: 4px;
  254. }
  255.  
  256. #blgtitle {
  257. margin: auto;
  258. margin-top: 5px;
  259. width: 196px;
  260. padding 5px;
  261. font-family: Raleway;
  262. font-size: 12px;
  263. letter-spacing: 2px;
  264. text-transform: uppercase;
  265. color: {color:Grey};
  266. outline: 1px solid {color:Outline Color};
  267. outline-offset: 4px;
  268. text-align: center;
  269. }
  270.  
  271. #description {
  272. margin: auto;
  273. margin-top: 20px;
  274. margin-bottom: 10px;
  275. width: 176px;
  276. height: 85px;
  277. padding: 10px;
  278. outline: 1px solid {color:Outline Color};
  279. outline-offset: 4px;
  280. font-family: ;
  281. font-size: 12px;
  282. text-align: justify;
  283. color: ;
  284. /*overflow-y: auto;*/
  285. }
  286.  
  287. #navigation {
  288. margin: auto;
  289. margin-top: 20px;
  290. margin-bottom: 10px;
  291. width: 196px;
  292. padding 5px;
  293. outline: 1px solid {color:Outline Color};
  294. outline-offset: 4px;
  295. text-align: center;
  296. }
  297.  
  298. .tabs {
  299. width: 100%;
  300. margin-left: 0px;
  301. display: inline-block;
  302. }
  303.  
  304. .tab-links {
  305. margin-left: -5px;
  306. display: inline-block;
  307. list-style: none;
  308. text-transform: uppercase;
  309. }
  310.  
  311. .tab-links a {
  312. padding: 0px 4px;
  313. display: inline-block;
  314. font-family: Raleway;
  315. font-size: 14px;
  316. font-weight: 900;
  317. color: {color:Brown};
  318. transition: all linear 0.15s;
  319. }
  320.  
  321. .tab-links a:hover {
  322. text-decoration: none;
  323. color: {color:Grey};
  324. }
  325.  
  326. .tab-content {
  327. }
  328.  
  329. .tab {
  330. display: none;
  331. }
  332.  
  333. .tab.active {
  334. display: block;
  335. }
  336.  
  337. /*---------------- PAGINATION ----------------*/
  338.  
  339. #pagination {
  340. margin: auto;
  341. margin-top: 5px;
  342. width: 196px;
  343. padding 5px;
  344. font-family: Raleway;
  345. text-transform: uppercase;
  346. color: {color:Grey};
  347. outline: 1px solid {color:Outline Color};
  348. outline-offset: 4px;
  349. text-align: center;
  350. }
  351.  
  352. #pagination a {
  353. margin-right: 5px;
  354. margin-left: 5px;
  355. font-size: 15px;
  356. }
  357.  
  358. /*---------------- POSTS ----------------*/
  359.  
  360. .posts {
  361. width: 500px;
  362. padding: 20px;
  363. margin-bottom: 20px;
  364. background: {color:Post BG};
  365. outline: 1px solid {color:Outline Color};
  366. outline-offset: 4px;
  367. }
  368.  
  369. .posttitle {
  370. padding: 10px 15px;
  371. font-family: Raleway;
  372. font-size: 20px;
  373. font-weight: 400;
  374. letter-spacing: 2px;
  375. text-align: right;
  376. text-transform: uppercase;
  377. color: {color:Grey};
  378. background: url('{image:Background}');
  379. background-repeat: no-repeat;
  380. background-position: fixed;
  381. background-attachment: fixed;
  382. -webkit-background-size: cover;
  383. -moz-background-size: cover;
  384. -o-background-size: cover;
  385. }
  386.  
  387. .more {
  388. width: 500px;
  389. text-align: center;
  390. }
  391.  
  392. .more a {
  393. font-family: Raleway;
  394. font-size: 15px;
  395. font-weight: 600;
  396. text-transform: uppercase;
  397. color: {color:Brown};
  398. transition: 0.8s;
  399. -webkit-transition: all 0.8s ease;
  400. -moz-transition: all 0.8s ease;
  401. -o-transition: all 0.8s ease;
  402. }
  403.  
  404. .more a:hover {
  405. color: {color:Color Grey};
  406. transition: 0.8s;
  407. -webkit-transition: all 0.8s ease;
  408. -moz-transition: all 0.8s ease;
  409. -o-transition: all 0.8s ease;
  410. }
  411.  
  412. /*-------- AUDIO --------*/
  413.  
  414. .audio {
  415. border: 1px solid {color:Grey};
  416. }
  417.  
  418. .playbutton {
  419. position: relative;
  420. margin-top: 45px;
  421. margin-left: 44px;
  422. z-index: 9;
  423. width: 33px;
  424. height: 30px;
  425. overflow: hidden;
  426. }
  427.  
  428. .albumart img {
  429. position: relative;
  430. margin-top: -75px;
  431. margin-left: 0px
  432. height: 120px;
  433. width: 120px;
  434. }
  435.  
  436. .trackinfo {
  437. margin-bottom: 10px;
  438. background: {color:Black};
  439. color: {color:Brown};
  440. position: relative;
  441. margin-left: 120px;
  442. height: 120px;
  443. margin-top: -123px;
  444. }
  445.  
  446. .trackname {
  447. position: relative;
  448. padding-top: 30px;
  449. text-align: center;
  450. font-size: 14px;
  451. text-transform: uppercase;
  452. font-weight: bold;
  453. letter-spacing: 2px;
  454. }
  455.  
  456. .artist {
  457. text-align: center;
  458. font-size: 12px;
  459. text-transform: uppercase;
  460. letter-spacing: 4px;
  461. }
  462.  
  463. .album {
  464. text-align: center;
  465. font-style: italic;
  466. letter-spacing: 4px;
  467. }
  468.  
  469. /*-------- CHAT --------*/
  470.  
  471. .chat li {
  472. width: 484px;
  473. margin-left: -40px;
  474. list-style: none;
  475. text-align: justify;
  476. margin-bottom: 3px;
  477. padding: 8px;
  478. }
  479.  
  480. .chat li:before {
  481. content: none;
  482. }
  483.  
  484. li.line {
  485. list-style: none;
  486. margin-top: 3px;
  487. }
  488.  
  489. .line.odd {
  490. padding: 10px;
  491. color: {color:Grey};
  492. background: {color:Brown};
  493. }
  494.  
  495. .line.even {
  496. padding: 10px;
  497. color: {color:Grey};
  498. background: {color:Outline Color};
  499. }
  500.  
  501. .label.odd {
  502. font-family: Raleway;
  503. text-transform: uppercase;
  504. font-size: 11px;
  505. letter-spacing: 2px;
  506. font-weight: 900;
  507. color: {color:Grey};
  508. }
  509.  
  510. .label.even {
  511. font-family: Raleway;
  512. text-transform: uppercase;
  513. font-size: 11px;
  514. letter-spacing: 2px;
  515. font-weight: 900;
  516. color: {color:Grey};
  517. }
  518.  
  519. /*--------QUOTES --------*/
  520.  
  521. .quote {
  522. font-family: Raleway;
  523. text-transform: uppercase;
  524. font-size: 20px;
  525. font-weight: 500;
  526. letter-spacing: 2px;
  527. line-height: 120%;
  528. text-align: center;
  529. color:{color:Grey};
  530. }
  531.  
  532. .quotesource {
  533. text-align: left
  534. margin-bottom: 10px;
  535. }
  536.  
  537. /*-------- QUESTIONS --------*/
  538.  
  539. .ask {
  540. width: 500px;
  541. min-height: 75px;
  542. margin-bottom: 15px;
  543. }
  544.  
  545. .answer {
  546. width: 500px;
  547. min-height: 75px;
  548. margin-top: 15px;
  549. margin-left: 5px;
  550. }
  551.  
  552. .portrait {
  553. float: left;
  554. width: 64px;
  555. height: 64px;
  556. margin-top: -2px;
  557. border-radius: 100%;
  558. }
  559.  
  560. .portrait2 {
  561. float: right;
  562. width: 64px;
  563. height: 64px;
  564. margin-top: -2px;
  565. margin-right: 10px;
  566. border-radius: 100%;
  567. }
  568.  
  569. .questionblock {
  570. width: 380px;
  571. padding: 10px;
  572. margin-left: 90px;
  573. border: 1px solid {color:Outline Color};
  574. text-align: justify;
  575. background: {color:Black};
  576. }
  577.  
  578. .replyblock {
  579. width: 380px;
  580. padding: 10px;
  581. margin-right: 90px;
  582. border: 1px solid {color:Outline Color};
  583. text-align: justify;
  584. background: {color:Black};
  585. }
  586.  
  587. .askertri {
  588. position: absolute;
  589. margin-left: 82px;
  590. margin-top: 25px;
  591. width: 15px;
  592. height: 15px;
  593. background: {color:Black};
  594. border-bottom: 1px solid {color:Outline Color};
  595. border-left: 1px solid {color:Outline Color};
  596. transform: rotate(45deg);
  597. z-index: 1;
  598. }
  599.  
  600. .answertri {
  601. position: absolute;
  602. margin-left: 394px;
  603. margin-top: 25px;
  604. width: 15px;
  605. height: 15px;
  606. background: {color:Black};
  607. border-top: 1px solid {color:Outline Color};
  608. border-right: 1px solid {color:Outline Color};
  609. transform: rotate(45deg);
  610. z-index: 1;
  611. }
  612.  
  613. .asker {
  614. margin-left: 5px;
  615. font-family: Raleway;
  616. font-size: 15px;
  617. font-weight: 600;
  618. letter-spacing: 1px;
  619. text-transform: uppercase;
  620. color: {color:Brown};
  621. }
  622.  
  623. .asker a {
  624. margin-left: 0px;
  625. font-weight: 600;
  626. color: {color:Brown};
  627. transition: 0.8s;
  628. -webkit-transition: all 0.8s ease;
  629. -moz-transition: all 0.8s ease;
  630. -o-transition: all 0.8s ease;
  631. }
  632.  
  633. .asker a:hover {
  634. color: {color:Grey};
  635. transition: 0.8s;
  636. -webkit-transition: all 0.8s ease;
  637. -moz-transition: all 0.8s ease;
  638. -o-transition: all 0.8s ease;
  639. }
  640.  
  641. .answerer {
  642. margin-left: 5px;
  643. font-family: Raleway;
  644. font-size: 15px;
  645. font-weight: 600;
  646. text-align: right;
  647. text-transform: uppercase;
  648. color: {color:Brown};
  649. }
  650.  
  651. .answerer a {
  652. margin-left: 0px;
  653. font-weight: 600;
  654. color: {color:Brown};
  655. transition: 0.8s;
  656. -webkit-transition: all 0.8s ease;
  657. -moz-transition: all 0.8s ease;
  658. -o-transition: all 0.8s ease;
  659. }
  660.  
  661. .answerer a:hover {
  662. color: {color:Grey};
  663. transition: 0.8s;
  664. -webkit-transition: all 0.8s ease;
  665. -moz-transition: all 0.8s ease;
  666. -o-transition: all 0.8s ease;
  667. }
  668.  
  669. .subtitle {
  670. margin-top: -3px;
  671. padding-bottom: 5px;
  672. margin-left: 5px;
  673. font-size: 11px;
  674. letter-spacing: 2px;
  675. color: {color:Grey};
  676. }
  677.  
  678. .subtitle2 {
  679. margin-top: -3px;
  680. padding-bottom: 5px;
  681. margin-left: 5px;
  682. font-size: 11px;
  683. letter-spacing: 2px;
  684. text-align: right;
  685. color: {color:Grey};
  686. }
  687.  
  688. .question {
  689. width: 370px;
  690. margin-left: 5px;
  691. min-height: 10px;
  692. padding: 10px
  693. padding-right: 5px;
  694. color: ;
  695. }
  696.  
  697.  
  698. .reply {
  699. width: 370px;
  700. margin-left: 5px;
  701. min-height: 10px;
  702. padding: 10px
  703. padding-right: 5px;
  704. color: ;
  705. }
  706.  
  707. /*---------------- LINKS ----------------*/
  708.  
  709. .postlink {
  710. font-family: Raleway;
  711. font-size: 20px;
  712. font-weight: 400;
  713. text-align: center;
  714. text-transform: uppercase;
  715. }
  716.  
  717. .postlink a {
  718. letter-spacing: 2px;
  719. color: {color:Grey};
  720. transition: 0.8s;
  721. -webkit-transition: all 0.8s ease;
  722. -moz-transition: all 0.8s ease;
  723. -o-transition: all 0.8s ease;
  724. }
  725.  
  726. .postlink a:hover {
  727. letter-spacing: 3px;
  728. color: {color:Brown};
  729. transition: 0.8s;
  730. -webkit-transition: all 0.8s ease;
  731. -moz-transition: all 0.8s ease;
  732. -o-transition: all 0.8s ease;
  733. }
  734.  
  735.  
  736. /*---------------- POST INFO ----------------*/
  737.  
  738. .postinfo {
  739. margin-top: 10px;
  740. font-size: 13px;
  741. background: url('{image:Background}');
  742. background-repeat: no-repeat;
  743. background-position: fixed;
  744. background-attachment: fixed;
  745. -webkit-background-size: cover;
  746. -moz-background-size: cover;
  747. -o-background-size: cover;
  748. }
  749.  
  750. .controls {
  751. text-align: center;
  752. }
  753.  
  754. .postinfo span {
  755. position: inline-block;
  756. margin: 5px;
  757. padding: 5px;
  758. border-radius: 5px;
  759. text-align: center;
  760. color: {color:Grey};
  761. background: {color:Black};
  762. }
  763.  
  764. svg {
  765. width: 15px;
  766. height: auto;
  767. padding: 1px;
  768. display: block;
  769. overflow: visible;
  770. }
  771.  
  772. .like svg {
  773. position: relative;
  774. display: inline-block;
  775. overflow: hidden;
  776. margin: 5px;
  777. top: 3.5px;
  778. padding: 5px;
  779. border-radius: 5px;
  780. width: 13px;
  781. height: 13px;
  782. fill: {color:Grey};
  783. background: {color:Black};
  784. }
  785.  
  786. .controls a {
  787. position: relative;
  788. display: inline-block;
  789. overflow: hidden;
  790. /*padding: 3px;*/
  791. }
  792.  
  793. .controls .reblog {
  794. opacity: .93;
  795. }
  796.  
  797. .controls .reblog svg {
  798. width: 9px;
  799. margin-top: 1px;
  800. }
  801.  
  802. .controls .like .liked + svg {
  803. opacity: 1;
  804. }
  805.  
  806. .controls .like .liked + svg path {
  807. fill: #ec5a5a;
  808. }
  809.  
  810. .controls .like .like_button {
  811. position: relative;
  812. }
  813.  
  814. .controls .like .like_button iframe {
  815. position: absolute;
  816. top: 0;
  817. left: 0;
  818. bottom: 0;
  819. right: 0;
  820. z-index: 2;
  821. opacity: 0.000000001;
  822. }
  823.  
  824. /*---------------- POST TAGS ----------------*/
  825.  
  826. .tags {
  827. margin-top: 10px;
  828. font-family: Raleway;
  829. font-weight: 700;
  830. text-transform: uppercase;
  831. color: {color:Grey};
  832. }
  833.  
  834. .tags a {
  835. color: {color:Brown};
  836. }
  837.  
  838. .tags a:hover {
  839. color: {color:Grey};
  840. }
  841.  
  842. /*---------------- POST NOTES ----------------*/
  843.  
  844. ol.notes {
  845. padding: 0px;
  846. list-style-type: none;
  847. /*border-bottom: solid 1px {color:Grey};*/
  848. }
  849.  
  850. ol.notes li.note {
  851. border-top: solid 1px {color:Grey};
  852. padding: 10px 0px;
  853. }
  854.  
  855. ol.notes li.note img.avatar {
  856. vertical-align: -4px;
  857. margin-right: 10px;
  858. width: 16px;
  859. height: 16px;
  860. }
  861.  
  862. li.note.reply {
  863. margin-left: -1px;
  864. width: 500px;
  865. }
  866.  
  867. /*---------------- TUMBLR CONTROLS STUFF ----------------*/
  868.  
  869. iframe.tmblr-iframe {
  870. z-index:99999999999999!important;
  871. top: 2px!important;
  872. right:2px!important;
  873. opacity:0;
  874. padding-right:38px;
  875. /* delete invert(1) from here */
  876. /*filter:invert(1) contrast(150%);*/
  877. /*-webkit-filter:invert(1) contrast(150%);*/
  878. /*-o-filter:invert(1) contrast(150%);*/
  879. /*-moz-filter:invert(1) contrast(150%);*/
  880. /*-ms-filter:invert(1) contrast(150%);*/
  881. /* to here if your blog has a dark background */
  882. transform:scale(0.65);
  883. transform-origin:100% 0;
  884. -webkit-transform:scale(0.65);
  885. -webkit-transform-origin:100% 0;
  886. -o-transform:scale(0.65);
  887. -o-transform-origin:100% 0;
  888. -moz-transform:scale(0.65);
  889. -moz-transform-origin:100% 0;
  890. -ms-transform:scale(0.65);
  891. -ms-transform-origin:100% 0;
  892. transition: 0.8s;
  893. -webkit-transition: all 0.8s ease;
  894. -moz-transition: all 0.8s ease;
  895. -o-transition: all 0.8s ease;
  896. }
  897.  
  898. iframe.tmblr-iframe:hover {
  899. opacity:0.6!important;
  900. transition: 0.8s;
  901. -webkit-transition: all 0.8s ease;
  902. -moz-transition: all 0.8s ease;
  903. -o-transition: all 0.8s ease;
  904. }
  905.  
  906. .hcontrols {
  907. position:fixed;
  908. top:0;
  909. right:0;
  910. z-index:99999999999999;
  911. }
  912.  
  913. .hcontrols svg {
  914. width: 18px;
  915. height: 18px;
  916. padding: 10px;
  917. }
  918.  
  919. .hcontrols svg path {
  920. fill: {color:Grey};
  921. }
  922.  
  923. /*---------------- CHARACTER IMGS ----------------*/
  924.  
  925. .tabcontent h1 {
  926. margin: 0px;
  927. font-size: 20px;
  928. font-weight: 400;
  929. color: {color:Grey};
  930. padding-left: 10px;
  931. border-left: 15px solid {color:Outline Color};
  932. line-height: 90%;
  933. }
  934.  
  935. .tabcontent section {
  936. width: 400px;
  937. float: left;
  938. margin: 20px;
  939. margin-bottom: 80px;
  940. }
  941.  
  942. .tabcontent figure {
  943. width: 480px;
  944. height: 270px;
  945. position: relative;
  946. margin: 0px;
  947. margin-top: 10px;
  948. overflow: hidden;
  949. }
  950.  
  951. .tabcontent figure img {
  952. display: block;
  953. width: 100%;
  954. height: 100%;
  955. }
  956.  
  957. .tabcontent figure figcaption {
  958. color: {color:Grey};
  959. line-height: 100%;
  960. padding: 0px;
  961. }
  962.  
  963. .tabcontent figure figcaption h2 {
  964. margin: 0px;
  965. font-family: Raleway;
  966. font-size: 40px;
  967. font-weight: 500;
  968. text-transform: uppercase;
  969. text-shadow: 2px 2px {color:Black}; /*NAME SHADOW COLOR*/
  970. letter-spacing: 2px;
  971. }
  972.  
  973. .tabcontent figure figcaption h2 span {
  974. font-family: Raleway;
  975. font-weight: 1000;
  976. }
  977.  
  978. .tabcontent figure figcaption p {
  979. margin-top: 15px;
  980. font-family: Raleway;
  981. font-size: 15px;
  982. letter-spacing: 1px;
  983. text-transform: uppercase;
  984. text-shadow: 2px 2px {color:Black}; /*NAME SHADOW FOLOR*/
  985. }
  986.  
  987. .tabcontent figure a {
  988. display: inline-block;
  989. padding: 3px 5px;
  990. line-height: 130%;
  991. margin: 2.5px;
  992. font-size: 11px;
  993. letter-spacing: 2px;
  994. background-color: {color:Grey};
  995. text-transform: uppercase;
  996. color: {color:Black};
  997. }
  998.  
  999. .box figure a:hover {
  1000. color: {color:Grey};
  1001. background-color: {color:Black};
  1002. }
  1003.  
  1004.  
  1005. figure.hover {
  1006. display: inline-block;
  1007. margin: 11px;
  1008. outline: 1px solid {color:Outline Color};
  1009. outline-offset: 4px;
  1010. background: {color:Black};
  1011. }
  1012.  
  1013. figure.hover img {
  1014. opacity: 1;
  1015. -webkit-transition: all 0.3s ease-in-out;
  1016. -moz-transition: all 0.3s ease-in-out;
  1017. -o-transition: all 0.3s ease-in-out;
  1018. -ms-transition: all 0.3s ease-in-out;
  1019. transition: all 0.3s ease-in-out;
  1020. }
  1021.  
  1022. figure.hover:hover img {
  1023. opacity: 0.5;
  1024. /* zoom in */
  1025. -webkit-transform:scale3d(1.5,1.5,1);
  1026. -moz-transform:scale3d(1.5,1.5,1);
  1027. -o-transform:scale3d(1.5,1.5,1);
  1028. -ms-transform:scale3d(1.5,1.5,1);
  1029. transform:scale3d(1.5,1.5,1);
  1030. /* speed */
  1031. -webkit-transition: all 0.3s ease-in-out;
  1032. -moz-transition: all 0.3s ease-in-out;
  1033. -o-transition: all 0.3s ease-in-out;
  1034. -ms-transition: all 0.3s ease-in-out;
  1035. transition: all 0.3s ease-in-out;
  1036. }
  1037.  
  1038. figure.hover figcaption {
  1039. position: absolute;
  1040. width: 100%;
  1041. height: 100%;
  1042. /* text position */
  1043. top: 0px;
  1044. left: 0px;
  1045. opacity: 0.9;
  1046. font-size: 10px;
  1047. text-align: center;
  1048. /* zoom in */
  1049. -webkit-transform:scale3d(0.8,0.8,1);
  1050. -moz-transform:scale3d(0.8,0.8,1);
  1051. -o-transform:scale3d(0.8,0.8,1);
  1052. -ms-transform:scale3d(0.8,0.8,1);
  1053. transform:scale3d(0.8,0.8,1);
  1054. /* speed */
  1055. -webkit-transition: all 0.3s ease-in-out;
  1056. -moz-transition: all 0.3s ease-in-out;
  1057. -o-transition: all 0.3s ease-in-out;
  1058. -ms-transition: all 0.3s ease-in-out;
  1059. transition: all 0.3s ease-in-out;
  1060. }
  1061.  
  1062. figure.hover:hover figcaption {
  1063. opacity: 0.9;
  1064. /* zoom in */
  1065. -webkit-transform:scale3d(1,1,1);
  1066. -moz-transform:scale3d(1,1,1);
  1067. -o-transform:scale3d(1,1,1);
  1068. -ms-transform:scale3d(1,1,1);
  1069. transform:scale3d(1,1,1);
  1070. /* speed */
  1071. -webkit-transition: all 0.3s ease-in-out;
  1072. -moz-transition: all 0.3s ease-in-out;
  1073. -o-transition: all 0.3s ease-in-out;
  1074. -ms-transition: all 0.3s ease-in-out;
  1075. transition: all 0.3s ease-in-out;
  1076. }
  1077.  
  1078. /* border before hover*/
  1079. figure.hover figcaption::before {
  1080. position: absolute;
  1081. top: 15px;
  1082. right: 15px;
  1083. bottom: 15px;
  1084. left: 15px;
  1085. border:1px solid {color:Outline Color}; /*BOX BORDER HOVER */
  1086. content: '';
  1087. z-index: -1;
  1088. opacity: 0;
  1089. /* before zoom out */
  1090. -webkit-transform:scale3d(1.3,1.3,1);
  1091. -moz-transform:scale3d(1.3,1.3,1);
  1092. -o-transform:scale3d(1.3,1.3,1);
  1093. -ms-transform:scale3d(1.3,1.3,1);
  1094. transform:scale3d(1.3,1.3,1);
  1095. /* speed */
  1096. -webkit-transition: all 0.3s ease-in-out;
  1097. -moz-transition: all 0.3s ease-in-out;
  1098. -o-transition: all 0.3s ease-in-out;
  1099. -ms-transition: all 0.3s ease-in-out;
  1100. transition: all 0.3s ease-in-out;
  1101. }
  1102.  
  1103. /* border after hover*/
  1104. figure.hover:hover figcaption::before {
  1105. /* zoom out */
  1106. -webkit-transform:scale3d(1,1,1);
  1107. -moz-transform:scale3d(1,1,1);
  1108. -o-transform:scale3d(1,1,1);
  1109. -ms-transform:scale3d(1,1,1);
  1110. transform:scale3d(1,1,1);
  1111. opacity: 1;
  1112. /* speed */
  1113. -webkit-transition: all 0.3s ease-in-out;
  1114. -moz-transition: all 0.3s ease-in-out;
  1115. -o-transition: all 0.3s ease-in-out;
  1116. -ms-transition: all 0.3s ease-in-out;
  1117. transition: all 0.3s ease-in-out;
  1118. }
  1119.  
  1120. /* title position before hover */
  1121. figure.hover figcaption h2 {
  1122. padding-top: 235px;
  1123. /* speed */
  1124. -webkit-transition: all 0.3s ease-in-out;
  1125. -moz-transition: all 0.3s ease-in-out;
  1126. -o-transition: all 0.3s ease-in-out;
  1127. -ms-transition: all 0.3s ease-in-out;
  1128. transition: all 0.3s ease-in-out;
  1129. }
  1130.  
  1131. /* title position after hover */
  1132. figure.hover:hover figcaption h2 {
  1133. padding-top: 115px;
  1134. /* speed */
  1135. -webkit-transition: all 0.3s ease-in-out;
  1136. -moz-transition: all 0.3s ease-in-out;
  1137. -o-transition: all 0.3s ease-in-out;
  1138. -ms-transition: all 0.3s ease-in-out;
  1139. transition: all 0.3s ease-in-out;
  1140. }
  1141.  
  1142. figure.hover figcaption p {
  1143. margin-top: 20px;
  1144. /* hidden before hover */
  1145. opacity: 0;
  1146. font-size: 18px;
  1147. letter-spacing: 3px;
  1148. /* speed */
  1149. -webkit-transition: all 0.3s ease-in-out;
  1150. -moz-transition: all 0.3s ease-in-out;
  1151. -o-transition: all 0.3s ease-in-out;
  1152. -ms-transition: all 0.3s ease-in-out;
  1153. transition: all 0.3s ease-in-out;
  1154. }
  1155.  
  1156. figure.hover:hover figcaption p {
  1157. opacity: 0.9;
  1158. /* speed */
  1159. -webkit-transition: all 0.3s ease-in-out;
  1160. -moz-transition: all 0.3s ease-in-out;
  1161. -o-transition: all 0.3s ease-in-out;
  1162. -ms-transition: all 0.3s ease-in-out;
  1163. transition: all 0.3s ease-in-out;
  1164. }
  1165.  
  1166. figure.hover a {
  1167. /* hidden before hover */
  1168. opacity: 0;
  1169. /* speed */
  1170. -webkit-transition: all 0.3s ease-in-out;
  1171. -moz-transition: all 0.3s ease-in-out;
  1172. -o-transition: all 0.3s ease-in-out;
  1173. -ms-transition: all 0.3s ease-in-out;
  1174. transition: all 0.3s ease-in-out;
  1175. }
  1176.  
  1177. figure.hover:hover a{
  1178. /* showed after hover */
  1179. opacity: 1;
  1180. /* speed */
  1181. -webkit-transition: all 0.3s ease-in-out;
  1182. -moz-transition: all 0.3s ease-in-out;
  1183. -o-transition: all 0.3s ease-in-out;
  1184. -ms-transition: all 0.3s ease-in-out;
  1185. transition: all 0.3s ease-in-out;
  1186. }
  1187.  
  1188. /*---------------- POPUPS ----------------*/
  1189.  
  1190. .popup_block {
  1191. display: none;
  1192. float: left;
  1193. position: fixed;
  1194. top: 50%;
  1195. left: 50%;
  1196. z-index: 99999;
  1197. }
  1198.  
  1199. .popinfo {
  1200. width: 500px;
  1201. height: 400px;
  1202. padding: 20px;
  1203. background: {color:Post BG};
  1204. outline: 1px solid {color:Outline Color};
  1205. outline-offset: 4px;
  1206. overflow-y: auto;
  1207. }
  1208.  
  1209. .poptitle {
  1210. padding: 10px 15px;
  1211. background: url('{image:Background}');
  1212. background-repeat: no-repeat;
  1213. background-position: fixed;
  1214. background-attachment: fixed;
  1215. -webkit-background-size: cover;
  1216. -moz-background-size: cover;
  1217. -o-background-size: cover;
  1218. }
  1219.  
  1220. .popinfo h4 {
  1221. margin: 0;
  1222. font-family: Raleway;
  1223. font-weight: 700;
  1224. font-size: 24px;
  1225. letter-spacing: 3px;
  1226. text-align: center;
  1227. text-transform: uppercase;
  1228. color: {color:Grey}; /*POP UP NAME COLOR*/
  1229. }
  1230.  
  1231. .popinfo h2 {
  1232. margin: 0;
  1233. font-family: Raleway;
  1234. font-size: 15px;
  1235. font-weight: 500;
  1236. letter-spacing: 3px;
  1237. text-align: center;
  1238. text-transform: uppercase;
  1239. color: {color:Grey}; /*POP UP EXTRA INFO*/
  1240. }
  1241.  
  1242. .popinfo a {
  1243. margin-top: -120px;
  1244. transition: 0.8s;
  1245. -webkit-transition: all 0.8s ease;
  1246. -moz-transition: all 0.8s ease;
  1247. -o-transition: all 0.8s ease;
  1248. }
  1249.  
  1250. .popinfo a:hover {
  1251. transition: 0.8s;
  1252. -webkit-transition: all 0.8s ease;
  1253. -moz-transition: all 0.8s ease;
  1254. -o-transition: all 0.8s ease;
  1255. }
  1256.  
  1257. .popinfo b {
  1258. text-transform: uppercase;
  1259. color: {color:Brown};
  1260. }
  1261.  
  1262. *html #fade {position: absolute;}
  1263. *html .popup_block {position: absolute;}
  1264. #fade {
  1265. display: none;
  1266. position: fixed;
  1267. left: 0px;
  1268. top: 0px;
  1269. width: 100%;
  1270. height: 100%;
  1271. margin: 0;
  1272. /*background: url('{image:Background}');*/
  1273. background-repeat: no-repeat;
  1274. background-position: fixed;
  1275. background-attachment: fixed;
  1276. -webkit-background-size: cover;
  1277. -moz-background-size: cover;
  1278. -o-background-size: cover;
  1279. z-index: 9999;
  1280. }
  1281.  
  1282.  
  1283. /*---------------- POP UP TABS ----------------*/
  1284.  
  1285. .tabmenu {
  1286. float: right;
  1287. margin-top: -13px;
  1288. width: 130px;
  1289. }
  1290.  
  1291. ul#tabs {
  1292. display: inline-block;
  1293. list-style: none;
  1294. font-family: Raleway;
  1295. font-size: 11px;
  1296. letter-spacing: 2px;
  1297. text-transform: uppercase;
  1298. text-align: center;
  1299. }
  1300.  
  1301. ul#tabs li {
  1302. display: inline-block;
  1303. margin-left: -30px;
  1304. margin-bottom: 15px;
  1305. width: 120px;
  1306. padding: 5px;
  1307. cursor: pointer;
  1308. background: black;
  1309. outline: 1px solid {color:Outline Color};
  1310. outline-offset: 2px;
  1311. transition: 0.8s;
  1312. -webkit-transition: all 0.8s ease;
  1313. -moz-transition: all 0.8s ease;
  1314. -o-transition: all 0.8s ease;
  1315. }
  1316.  
  1317. ul#tabs li:hover {
  1318. color: {color:Brown};
  1319. background-color: {color:Black};
  1320. transition: 0.8s;
  1321. -webkit-transition: all 0.8s ease;
  1322. -moz-transition: all 0.8s ease;
  1323. -o-transition: all 0.8s ease;
  1324. }
  1325.  
  1326. ul#tabs li.active {
  1327. color: {color:Brown};
  1328. }
  1329.  
  1330. ul#tab {
  1331. list-style-type: none;
  1332. margin: 0;
  1333. padding: 0;
  1334. }
  1335.  
  1336. ul#tab li {
  1337. display: none;
  1338. }
  1339.  
  1340. ul#tab li.active {
  1341. display: block;
  1342. }
  1343.  
  1344. #tab h3 {
  1345. font-family: Raleway;
  1346. font-size: 16px;
  1347. letter-spacing: 3px;
  1348. text-align: left;
  1349. text-transform: uppercase;
  1350. }
  1351.  
  1352. /*---------------- TAB RELATIONSHIPS ----------------*/
  1353.  
  1354. /*---------------- TAB NAVIGATION & GENERAL NAVIGATION ----------------*/
  1355.  
  1356. .gennav a, .popnav a {
  1357. display: inline-block;
  1358. margin: 3px;
  1359. margin-top: 3px;
  1360. width: 137px;
  1361. padding: 5px;
  1362. padding-left: 10px;
  1363. font-family: Raleway;
  1364. font-weight: 600;
  1365. font-size: 11px;
  1366. letter-spacing: 1px;
  1367. text-transform: uppercase;
  1368. color: {color:Grey};
  1369. border-left: 5px solid {color:Brown};
  1370. background: {color:Outline Color};
  1371. background-image: linear-gradient(to left,
  1372. transparent,
  1373. transparent 50%,
  1374. {color:Brown} 50%,
  1375. {color:Brown});
  1376. background-position: 100% 0;
  1377. background-size: 200% 100%;
  1378. background-position: 100% 0;
  1379. background-size: 200% 100%;
  1380. transition: all 0.8s ease-in;
  1381. -webkit-transition: all 0.8s ease;
  1382. -moz-transition: all 0.8s ease;
  1383. -o-transition: all 0.8s ease;
  1384. }
  1385.  
  1386. .gennav a:hover, .popnav a:hover {
  1387. background-position: 0 0;
  1388. color: {color:Grey};
  1389. transition: 0.8s;
  1390. -webkit-transition: all 0.8s ease-in;
  1391. -moz-transition: all 0.8s ease;
  1392. -o-transition: all 0.8s ease;
  1393. }
  1394.  
  1395. </style>
  1396. </head>
  1397. <body>
  1398.  
  1399. <!-------- XENIA POPUP START -------->
  1400.  
  1401. <div id="xenia" class="popup_block">
  1402.  
  1403. <!-------- POPUP TABS START -------->
  1404.  
  1405. <div class="tabmenu">
  1406. <ul id="tabs">
  1407. <li class="active">Biography</li>
  1408. <li>Verses</li>
  1409. <li>Relationships</li>
  1410. <li>Navigation</li>
  1411. </ul>
  1412. </div>
  1413.  
  1414. <!-------- POPUP TABS START -------->
  1415.  
  1416. <!-------- POPUP INFO START -------->
  1417.  
  1418. <div class="popinfo">
  1419. <ul id="tab">
  1420.  
  1421. <!-------- BIO INFO START -------->
  1422.  
  1423. <li class="active">
  1424.  
  1425. <div class="poptitle">
  1426. <h4>Xenia Onatopp</h4>
  1427. <h2>Goldeneye</h2>
  1428. </div>
  1429.  
  1430. <h3>GENERAL INFO</h3>
  1431.  
  1432. <b>NAME:</b> xenia sergeyevna onatopp
  1433. <br><b>KNOWN ALIAS:</b> tbd
  1434. <br><b>AGE:</b> 32
  1435. <br><b>BIRTHDAY:</b> 1986/1965 depending on verse
  1436. <br><b>BIRTHPLACE:</b> Georgian Soviet Socialist Republic; Modern Day Georgia
  1437. <br><b>CURRENT LOCATION:</b> traveling around Europe and Asia
  1438. <br><b>RESIDENCE:</b> St. Petersburg, Russia
  1439. <br><b>OCCUPATION:</b> member of the Janus Crime Syndicate
  1440. <br><b>FACECLAIM:</b> katrina law
  1441. <br><b>ORIGINAL ACTRESS:</b> famke janssen
  1442.  
  1443. <h3>BIOGRAPHY</h3>
  1444.  
  1445. <p>please note that my version of Xenia’s biography differs from her GoldenEye backstory due to her main verse being set in modern day. To see her GoldenEye bio, you can check out her <a href="https://jamesbond.wikia.com/wiki/Xenia_Onatopp_(Famke_Janssen)">Wiki page</a>.
  1446.  
  1447. <p> warnings:
  1448.  
  1449. <p>Born in the former Georgian Soviet Socialist Republic, today known as Georgia, Xenia was an orphan from a young age and was sent to an orphanage that was overcrowded and understaffed, leaving the children to govern themselves. Warring groups within the orphanage struggled for power with factions splintering off, merging and dying constantly, the most ambitions always finding way to be on top.
  1450.  
  1451. <p>Xenia quickly learned that being useful always meant you were protected, so as a child she mastered the skills of negotiation, manipulation and art of making a deal, making her a valuable resource for the ambitious. Never wanting to be a leader herself, Xenia was more often than not seen at the right hand of those who governed, carrying out their orders regardless of . As she grew older, the other children stopped going easier on her and the ability to fight and defend herself was added to her arsenal of abilities. For the first time, she had an outlet to unleash her feelings; there was something about causing other pain that made Xenia feel good and as she began to explore this new sensation,
  1452.  
  1453. <p>At sixteen, she was placed in the care of the Georgian Armed Forces having caused a little too much trouble and deemed old enough to be moved out of the orphanage. Military life suited Xenia and she thrived, not just allowed to use what she had learned in the orphanage, but able to
  1454. finding herself a place in the Air Force as a fighter pilot. But aviation wasn’t the only skill she picked up,
  1455.  
  1456.  
  1457. </li>
  1458.  
  1459. <!-------- BIO INFO END -------->
  1460.  
  1461. <!-------- VERSES INFO START -------->
  1462.  
  1463. <li>
  1464.  
  1465. <div class="poptitle">
  1466. <h4>Verses</h4>
  1467. </div>
  1468.  
  1469. </li>
  1470.  
  1471. <!-------- VERSES INFO END -------->
  1472.  
  1473. <!-------- RELATIONSHIPS START -------->
  1474.  
  1475. <li>
  1476.  
  1477. <div class="poptitle">
  1478. <h4>Relationships</h4>
  1479. </div>
  1480.  
  1481. </li>
  1482.  
  1483. <!-------- RELATIONSHIPS END -------->
  1484.  
  1485. <!-------- CHARACTER NAVIGATION START -------->
  1486.  
  1487. <li>
  1488.  
  1489. <div class="poptitle">
  1490. <h4>Navigation</h4>
  1491. </div>
  1492.  
  1493. <div class="popnav">
  1494.  
  1495. <p><a href="/tagged/(-muse-%7Cdoll-with-a-gun-)">everything xenia</a>
  1496. <a href="/tagged/(-headcanon-%7C-doll-with-a-gun-)">headcanons</a>
  1497. <a href="/tagged/(-question-%7C-xenia-)">questions</a></p>
  1498.  
  1499. <p><strong>interactions:</strong></p>
  1500.  
  1501. <p><a href="/tagged/(-starter-%7C-xenia-)">Open Starters</a>
  1502. <a href="/tagged/(-interaction-%7C-xenia-)">All Interactions</a>
  1503. <a href="/tagged/(-ask-meme-%7C-xenia-)">Answered Memes</a>
  1504. <a href="/tagged/(-chat-%7C-xenia-)">Chats</a>
  1505. <a href="/tagged/(-Para-%7C-xenia-)">Paras</a>
  1506. <a href="/tagged/(-Text-%7C-xenia-)">Texts</a></p>
  1507.  
  1508. <p><strong>inspiration:</strong></p>
  1509. <p><a href="/tagged/(-inspiration-%7C-xenia-)">All Inspiration</a>
  1510. <a href="/tagged/(-Aesthetic-%7C-xenia-)">Aesthetics</a>
  1511. <a href="/tagged/(-edit-|-xenia-)">Edits</a>
  1512. <a href="/tagged/(-gif-|-xenia-)">Gifs</a>
  1513. <a href="/tagged/(-music-|-xenia-)">Music</a>
  1514. <a href="/tagged/(-photo-|-xenia-)">Photos</a>
  1515. <a href="/tagged/(-picspam-|-xenia-)">Picspams</a>
  1516. <a href="/tagged/(-playlist-|-xenia-)">Playlists</a>
  1517. <a href="/tagged/(-words-|-xenia-)">Words &amp; Quotes</a>
  1518. <a href="/tagged/(-wardrobe-|-xenia-)">Wardrobe</a>
  1519. <a href="/tagged/(-wants-|-xenia-)">Wants Tag</a></p>
  1520.  
  1521. <p><strong>verses:</strong></p>
  1522. <p>Verse 1&nbsp;Verse 2&nbsp;</p>
  1523.  
  1524. </div>
  1525.  
  1526. </li>
  1527.  
  1528. <!-------- CHARACTER NAVIGATION END -------->
  1529.  
  1530. </ul>
  1531.  
  1532. </div>
  1533.  
  1534. <!-------- POPUP INFO END -------->
  1535.  
  1536. </div>
  1537.  
  1538. </div></div></div></div></div></div></div></div></div></div>
  1539.  
  1540. <!-------- XENIA POPUP END -------->
  1541.  
  1542. <!-------- M POPUP START -------->
  1543.  
  1544. <div id="M" class="popup_block">
  1545.  
  1546. <!-------- POPUP TABS START -------->
  1547.  
  1548. <div class="tabmenu">
  1549. <ul id="tabs">
  1550. <li class="active">Biography</li>
  1551. <li>Verses</li>
  1552. <li>Relationships</li>
  1553. <li>Navigation</li>
  1554. </ul>
  1555. </div>
  1556.  
  1557. <!-------- POPUP TABS START -------->
  1558.  
  1559. <!-------- POPUP INFO START -------->
  1560.  
  1561. <div class="popinfo">
  1562. <ul id="tab">
  1563.  
  1564. <!-------- BIO INFO START -------->
  1565.  
  1566. <li class="active">
  1567.  
  1568. <div class="poptitle">
  1569. <h4>M</h4>
  1570. <h2>Head of MI6</h2>
  1571. </div>
  1572.  
  1573. <h3>GENERAL INFO</h3>
  1574.  
  1575. <b>codename:</b> M
  1576. <br><b>Name:</b> Olivia Mansfield
  1577. <br><b>age:</b> Seventies
  1578. <br><b>birthday:</b>
  1579. <br><b>birthplace:</b>
  1580. <br><b>current location:</b> London
  1581. <br><b>occupation:</b>
  1582. <br><b>faceclaim:</b> Judi Dench
  1583.  
  1584. <h3>BIOGRAPHY</h3>
  1585.  
  1586. </li>
  1587.  
  1588. <!-------- BIO INFO END -------->
  1589.  
  1590. <!-------- VERSES INFO START -------->
  1591.  
  1592. <li>
  1593.  
  1594. <div class="poptitle">
  1595. <h4>Verses</h4>
  1596. </div>
  1597.  
  1598. </li>
  1599.  
  1600. <!-------- VERSES INFO END -------->
  1601.  
  1602. <!-------- RELATIONSHIPS START -------->
  1603.  
  1604. <li>
  1605.  
  1606. <div class="poptitle">
  1607. <h4>Relationships</h4>
  1608. </div>
  1609.  
  1610. </li>
  1611.  
  1612. <!-------- RELATIONSHIPS END -------->
  1613.  
  1614. <!-------- CHARACTER NAVIGATION START -------->
  1615.  
  1616. <li>
  1617.  
  1618. <div class="poptitle">
  1619. <h4>Navigation</h4>
  1620. </div>
  1621.  
  1622. <div class="popnav">
  1623.  
  1624. <h3>General</h3>
  1625.  
  1626. <a href="/">Headcanons</a>
  1627.  
  1628. <h3>Inspiration</h3>
  1629. <h3>By Verse</h3>
  1630. <h3>By Interaction</h3>
  1631.  
  1632. <a href="/">All</a>
  1633. <a href="/">Ask Memes</a>
  1634. <a href="/">Chats</a>
  1635. <a href="/">Texts</a>
  1636. <a href="/">Para</a>
  1637.  
  1638. </div>
  1639.  
  1640. </li>
  1641.  
  1642. <!-------- CHARACTER NAVIGATION END -------->
  1643.  
  1644. </ul>
  1645.  
  1646. </div>
  1647.  
  1648. <!-------- POPUP INFO END -------->
  1649.  
  1650. </div>
  1651.  
  1652. </div></div></div></div></div></div></div></div></div></div>
  1653.  
  1654. <!-------- XENIA POPUP END -------->
  1655.  
  1656. <!---------------- CONTAINER START ---------------->
  1657.  
  1658. <div id="container">
  1659.  
  1660. <!---------------- SIDEBAR START ---------------->
  1661.  
  1662. <div id="sidebar">
  1663.  
  1664. <img src="{image:Sidebar 1}">
  1665. <img src="{image:Sidebar 2}">
  1666.  
  1667. <div id="blgtitle">{Title}</div>
  1668.  
  1669. <div id="description">{description}</div>
  1670.  
  1671. <div id="navigation">
  1672. <div class="tabs">
  1673. <div class="tab-links">
  1674. <a href="/" title="home">.001</a>
  1675. <a href="/ask" title="ask">.002</a>
  1676. <a href="/guidelines." title="guidelines">.003</a>
  1677. <a href="#tab2" title="muses">.004</a>
  1678. <a href="/navigation." title="navigation">.005</a>
  1679. </div>
  1680. </div>
  1681. </div>
  1682.  
  1683. <img src="{image:Sidebar 3}">
  1684. <img src="{image:Sidebar 4}">
  1685.  
  1686. {block:Pagination}
  1687. <div id="pagination">
  1688.  
  1689. {block:PreviousPage}
  1690. <a href="{PreviousPage}">←</a>
  1691. {/block:PreviousPage}
  1692.  
  1693. {CurrentPage} of {TotalPages}
  1694.  
  1695. {block:NextPage}
  1696. <a href="{NextPage}">→</a>
  1697. {/block:NextPage}
  1698.  
  1699. </div>
  1700. {/block:Pagination}
  1701.  
  1702. <!---------------- PAGINATION END ---------------->
  1703.  
  1704. </div>
  1705.  
  1706. <!---------------- SIDEBAR END ---------------->
  1707.  
  1708. <!-- --------------------------- TABS -------------------------- -->
  1709.  
  1710.  
  1711. <div class="tabs">
  1712.  
  1713.  
  1714. <!---------------- POSTS TAB START ---------------->
  1715.  
  1716. <div class="tab-content">
  1717. <div id="tab1" class="tab active">
  1718.  
  1719. <!---------------- POST BLOCK START ---------------->
  1720.  
  1721. <div id="postblock">
  1722.  
  1723. <!---------------- POSTS START ---------------->
  1724.  
  1725. {block:Posts}
  1726.  
  1727. <!---------------- POSTS START ---------------->
  1728.  
  1729. <div class="posts" id="{PostID}">
  1730.  
  1731. <!-------- GENERAL POSTS START -------->
  1732.  
  1733. {block:Text}
  1734. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1735. {Body}
  1736.  
  1737. {block:More}
  1738. <div class="more">
  1739. <a href="{Permalink}">「 READ MORE 」</a>
  1740. </div>
  1741. {/block:More}
  1742.  
  1743. {/block:Text}
  1744.  
  1745. <!-------- GENERAL POSTS END -------->
  1746. <!---------------- ASK POSTS START ---------------->
  1747.  
  1748. {block:Answer}
  1749.  
  1750. <div class="ask">
  1751. <img src="{AskerPortraitUrl-64}" class="portrait">
  1752. <div class="askertri"></div>
  1753. <div class="questionblock">
  1754. <div class="asker">{Asker}</div>
  1755. <div class="subtitle">sent a message</div>
  1756. <div class="question">{Question}</div>
  1757. </div>
  1758.  
  1759. {block:Answerer}
  1760. <div class="answer">
  1761. <img src="{AnswererPortraitURL-64}" class="portrait2">
  1762. <div class="answertri"></div>
  1763. <div class="replyblock">
  1764. <div class="answerer">{Answerer}</div>
  1765. <div class="subtitle2">replied</div>
  1766. <div class="reply">{Answer}</div>
  1767. </div>
  1768. </div>
  1769. {/block:Answerer}
  1770.  
  1771. {Replies}
  1772.  
  1773. {block:More}
  1774. <div class="more">
  1775. <a href="{Permalink}">「 READ MORE 」</a>
  1776. </div>
  1777. {/block:More}
  1778.  
  1779. </div>
  1780.  
  1781. {/block:Answer}
  1782.  
  1783. <!---------------- ASKS POSTS END ---------------->
  1784.  
  1785. <!-------- SINGLE PHOTO POSTS START -------->
  1786.  
  1787. {block:Photo}
  1788. <div class="oddhour-high-res">
  1789. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1790. </div>
  1791. {block:Caption}{Caption}{/block:Caption}
  1792.  
  1793. {block:More}
  1794. <div class="more">
  1795. <a href="{Permalink}">「 READ MORE 」</a>
  1796. </div>
  1797. {/block:More}
  1798.  
  1799. {/block:Photo}
  1800.  
  1801. {block:Panorama}
  1802. {LinkOpenTag}
  1803. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1804. {LinkCloseTag}
  1805. {block:Caption}{Caption}{/block:Caption}
  1806.  
  1807. {block:More}
  1808. <div class="more">
  1809. <a href="{Permalink}">「 READ MORE 」</a>
  1810. </div>
  1811. {/block:More}
  1812.  
  1813. {/block:Panorama}
  1814.  
  1815.  
  1816. <!-------- SINGLE PHOTO POSTS END -------->
  1817.  
  1818. <!-------- PHOTOSET POSTS START -------->
  1819.  
  1820. {block:Photoset}
  1821. {Photoset-500}
  1822. {block:Caption}{Caption}{/block:Caption}
  1823.  
  1824. {block:More}
  1825. <div class="more">
  1826. <a href="{Permalink}">「 READ MORE 」</a>
  1827. </div>
  1828. {/block:More}
  1829.  
  1830. {/block:Photoset}
  1831.  
  1832. <!-------- PHOTOSET POSTS END -------->
  1833.  
  1834. <!-------- QUOTE POSTS START -------->
  1835.  
  1836. {block:Quote}
  1837. <div class="quote">❝ {Quote} ❞ </div>
  1838. {block:Source}
  1839. <div class="quotesource">{Source}</div>
  1840. {/block:Source}
  1841. {/block:Quote}
  1842.  
  1843.  
  1844. <!-------- QUOTE POSTS END -------->
  1845.  
  1846. <!-------- LINK POSTS START -------->
  1847.  
  1848. {block:Link}
  1849. <div class="postlink">
  1850. <a href="{URL}" {Target}>{Name}</a>
  1851. </div>
  1852. {block:Description}{Description}{/block:Description}
  1853. {/block:Link}
  1854.  
  1855. <!-------- LINK POSTS END -------->
  1856.  
  1857. <!-------- CHAT POSTS START -------->
  1858.  
  1859. {block:Chat}
  1860. {block:Title}
  1861. <div class="posttitle">{Title}</div>
  1862. {/block:Title}
  1863.  
  1864. <ul class="chat">
  1865. {block:Lines}
  1866. <li class="line {Alt}">
  1867. {block:Label}
  1868. <span class="label {Alt}">{label}</span>
  1869. {/block:Label} {Line}
  1870.  
  1871. </li>{/block:Lines}</ul>
  1872.  
  1873. {/block:Chat}
  1874.  
  1875. <!-------- CHAT POSTS END -------->
  1876.  
  1877. <!-------- VIDEO POSTS START -------->
  1878.  
  1879. {block:Video}
  1880. {Video-500}
  1881. {block:Caption}{Caption}{/block:Caption}
  1882. {/block:Video}
  1883.  
  1884. <!-------- VIDEO POSTS END -------->
  1885.  
  1886. <!-------- AUDIO POSTS START -------->
  1887.  
  1888. {block:Audio}
  1889. {block:AudioPlayer}
  1890. <div class="audio">
  1891.  
  1892. <div class="playbutton">{AudioPlayerGrey}</div>
  1893. {block:AlbumArt}
  1894. <div class="albumart">
  1895. <img src="{AlbumArtURL}">
  1896. </div>
  1897. {/block:AlbumArt}
  1898. <div class="trackinfo">
  1899. <div class="trackname">
  1900. {block:TrackName}{TrackName}{/block:TrackName}
  1901. </div>
  1902. <div class="artist">
  1903. {block:Artist}{Artist}{/block:Artist}
  1904. </div>
  1905. <div class="album">
  1906. {block:Album}{Album}{/block:Album}
  1907. </div>
  1908. </div>
  1909. </div>
  1910. {/block:AudioPlayer}
  1911. {/block:Audio}
  1912.  
  1913. <!-------- AUDIO POSTS END -------->
  1914.  
  1915. <!---------------- POST INFO START ---------------->
  1916.  
  1917. <div class="postinfo">
  1918.  
  1919. <div class="controls">
  1920.  
  1921. {block:Date}
  1922. <a href="{Permalink}" title="posted on: {Month} {DayofMonth}, {Year}">
  1923. <span class="th th-calendar-1-o"></span>
  1924. </a>
  1925.  
  1926. {block:NoteCount}
  1927. <a href="{Permalink}" title="{NoteCountWithLabel}">
  1928. <span class="th th-list-o"></span>
  1929. </a>
  1930. {/block:NoteCount}
  1931.  
  1932.  
  1933. <a href="{ReblogURL}" target="_blank" class="reblog" title="reblog this post">
  1934. <span class="th th-reblog"></span>
  1935. </a>
  1936.  
  1937. <a href="#" class="like" title="like this post">{LikeButton}
  1938. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1939. </a>
  1940.  
  1941. {/block:Date}
  1942.  
  1943. </div>
  1944.  
  1945. </div>
  1946.  
  1947. <!---------------- POST INFO END ---------------->
  1948.  
  1949. <!---------------- TAGS START ---------------->
  1950.  
  1951. {block:HasTags}
  1952. <div class="tags">
  1953. {block:Tags}#<a href="{TagURL}">{Tag}</a>
  1954. {/block:Tags}
  1955. </div>
  1956. {/block:HasTags}
  1957.  
  1958. <!---------------- TAGS END ---------------->
  1959.  
  1960. <!-------- POST NOTES START -------->
  1961.  
  1962.  
  1963. {block:PostNotes}
  1964. <div class="notes">
  1965. {PostNotes}
  1966. </div>
  1967. {/block:PostNotes}
  1968.  
  1969. <!-------- POST NOTES END -------->
  1970.  
  1971. <!---------------- POSTS END ---------------->
  1972.  
  1973.  
  1974.  
  1975. </div>
  1976.  
  1977. {/block:Posts}
  1978.  
  1979. <!---------------- POSTS END ---------------->
  1980.  
  1981. </div>
  1982.  
  1983. <!---------------- POST BLOCK END ---------------->
  1984.  
  1985. </div>
  1986. </div>
  1987.  
  1988. <!---------------- POSTS TAB END ---------------->
  1989.  
  1990. <!---------------- MUSES TAB START ---------------->
  1991.  
  1992. <div id="tab2" class="tab">
  1993. <div class="tabcontent">
  1994.  
  1995. <div class="posttitle">MUSES</div>
  1996.  
  1997. <br>hover over each image and select "more inforamtion" to access each character's bio, verse information
  1998.  
  1999. <p>page/bios etc. under construction
  2000.  
  2001. <!------------ KATHERINE START ------------>
  2002.  
  2003. <figure class="hover">
  2004. <img src="">
  2005. <figcaption>
  2006. <h2>Katherine <span>Liu</span></h2>
  2007. <p>MI6 Field Agent</p>
  2008. <a href="#?w=680" rel="Kat" class="poplight">More Information</a>
  2009. </figcaption>
  2010. </figure>
  2011.  
  2012. <!------------ KATHERINE END ------------>
  2013.  
  2014. <!------------ XENIA ONATOPP START ------------>
  2015.  
  2016. <figure class="hover">
  2017. <img src="https://78.media.tumblr.com/b19ad0f6f281f578b19a45aba2ff5891/tumblr_inline_pf8jvm8v9w1w4nnx4_1280.png">
  2018. <figcaption>
  2019. <h2>Xenia <span>Onatopp</span></h2>
  2020. <p>goldeneye</p>
  2021. <a href="#?w=680" rel="xenia" class="poplight">More Information</a>
  2022. </figcaption>
  2023. </figure>
  2024.  
  2025. <!------------ XENIA ONNATOP END ------------>
  2026.  
  2027. <!------------ M START ------------>
  2028.  
  2029. <!--<figure class="hover">-->
  2030. <!--<img src="">-->
  2031. <!-- <figcaption>-->
  2032. <!-- <h2><span>M</span></h2>-->
  2033. <!-- <p>Head of mi6</p>-->
  2034. <!-- <a href="#?w=680" rel="M" class="poplight">More Information</a>-->
  2035. <!-- </figcaption>-->
  2036. <!--</figure>-->
  2037.  
  2038. <!------------ M END ------------>
  2039.  
  2040. </div>
  2041. </div>
  2042.  
  2043. <!---------------- MUSES TAB END ---------------->
  2044.  
  2045. <!-- -------------------------- TAB 3 -------------------------- -->
  2046.  
  2047. <div id="tab3" class="tab">
  2048. <div class="tabcontent">
  2049. Tab three content here
  2050. </div>
  2051. </div>
  2052.  
  2053.  
  2054. <!-- -------------------------- TAB 4 -------------------------- -->
  2055.  
  2056. <div id="tab4" class="tab">
  2057. <div class="tabcontent">
  2058. Tab four content here
  2059. <br>yo yo yo
  2060. </div>
  2061. </div>
  2062.  
  2063.  
  2064. <!-- -------------------------- TAB 5 -------------------------- -->
  2065.  
  2066. <div id="tab5" class="tab">
  2067. <div class="tabcontent">
  2068. Tab five content here
  2069. </div>
  2070. </div>
  2071.  
  2072. </div>
  2073.  
  2074. <!---------------- CONTAINER END ---------------->
  2075.  
  2076. <!---------------- TUMBLR CONTROLS START ---------------->
  2077.  
  2078. <div class="hcontrols">
  2079. <i class="fas fa-bars"></i>
  2080. </div>
  2081.  
  2082. <!---------------- TUMBLR CONTROLS END ---------------->
  2083.  
  2084. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  2085.  
  2086. <script>
  2087. $(document).ready(function() {
  2088. $('.tabs .tab-links a').on('click', function(e) {
  2089. var currentAttrValue = $(this).attr('href');
  2090.  
  2091. // Show/Hide Tabs
  2092. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  2093.  
  2094. // Change/remove current tab to active
  2095. $(this).parent('li').addClass('active').siblings().removeClass('active');
  2096.  
  2097. e.preventDefault();
  2098. });
  2099. });
  2100. </script>
  2101.  
  2102. <script>
  2103. $(document).ready(function() {
  2104. $('#filterOptions li a').click(function() {
  2105. // fetch the class of the clicked item
  2106. var ourClass = $(this).attr('class');
  2107.  
  2108. // reset the active class on all the buttons
  2109. $('#filterOptions li').removeClass('active');
  2110. // update the active state on our clicked button
  2111. $(this).parent().addClass('active');
  2112.  
  2113. if(ourClass == 'all') {
  2114. // show all our items
  2115. $('#ourHolder').children('div.item').show();
  2116. }
  2117. else {
  2118. // hide all elements that don't share ourClass
  2119. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  2120. // show all elements that do share ourClass
  2121. $('#ourHolder').children('div.' + ourClass).show();
  2122. }
  2123. return false;
  2124. });
  2125. });
  2126. </script>
  2127.  
  2128. <!-- MUSES TABS -->
  2129.  
  2130. <script>
  2131.  
  2132. $(document).ready(function(){
  2133. $("ul#tabs li").click(function(e){
  2134. if (!$(this).hasClass("active")) {
  2135. var tabNum = $(this).index();
  2136. var nthChild = tabNum+1;
  2137. $("ul#tabs li.active").removeClass("active");
  2138. $(this).addClass("active");
  2139. $("ul#tab li.active").removeClass("active");
  2140. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  2141. }
  2142. });
  2143. });
  2144.  
  2145. </script>
  2146.  
  2147. <!------------ POP UPS ------------>
  2148.  
  2149. <script>
  2150. $(document).ready(function() {
  2151. //
  2152. $('a.poplight[href^=#]').click(function() {
  2153. var popID = $(this).attr('rel'); //Get Popup Name
  2154. var popURL = $(this).attr('href'); //Get Popup href to define size
  2155. var query= popURL.split('?');
  2156. var dim= query[1].split('&');
  2157. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  2158. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  2159. var popMargTop = ($('#' + popID).height() + 80) / 2;
  2160. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  2161. //Apply Margin to Popup
  2162. $('#' + popID).css({
  2163. 'margin-top' : -popMargTop,
  2164. 'margin-left' : -popMargLeft
  2165. });
  2166. $('body').append('<div id="fade"></div>');
  2167. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  2168. return false;
  2169. });
  2170. $('a.close, #fade').live('click', function() {
  2171. $('#fade , .popup_block').fadeOut(function() {
  2172. $('#fade, a.close').remove(); //fade them both out
  2173. });
  2174. return false;
  2175. });
  2176. });
  2177.  
  2178. </script>
  2179.  
  2180. <!------------ TOOLTIPS ------------>
  2181.  
  2182. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  2183. <script src="https://static.tumblr.com/heoago8/FMJp3v4h6/jquery.style-my-tooltips.js"></script>
  2184.  
  2185. <script>
  2186. $("[title]").style_my_tooltips({
  2187. tip_follows_cursor:false,
  2188. tip_delay_time:700,
  2189. tip_fade_speed:300,
  2190. attribute:"title"
  2191. });
  2192. </script>
  2193.  
  2194. </body>
  2195. </html>
Advertisement
Add Comment
Please, Sign In to add comment