Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <! DOCTYPE HTML>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <!----------------
- CUSTOM THEME by FRAGDOLL
- — please do not steal, this theme is not avalible for public/personal use
- — sidebar inspired by the basecode Khruseos by iniziare
- — icon font by @themehive
- — tabs basecode by @neonbikethemes (used for sidebar tabs)
- — like button by @shythemes
- — popup tabs by @agirlingrey
- — character hover effects by @roxiestheme/@lirrynouis
- — popups code by @acutie (prv. str-wrs)
- — tooltips by malihu
- ---------------->
- <!-------------------- DEFAULT VARIABLES -------------------->
- <!------------ IMAGES ------------>
- <meta name="image:Background" content="https://static.tumblr.com/69c6edc800b73e63f5cc2feb09858abb/heoago8/Xblpepu0r/tumblr_static_94ngwu8621gc4sw4o4kswogc0.png"/>
- <meta name="image:Sidebar 1" content="https://static.tumblr.com/4d2f40cb3842e40da8a45f016b05d252/heoago8/m5Gpeptyp/tumblr_static_9d25psd2zs4kgsos8sccws0oo.png"/>
- <meta name="image:Sidebar 2" content="https://static.tumblr.com/41c24c4cdd55735d4137e548d9b8d918/heoago8/XZ5peptyp/tumblr_static_etn9peymh7488css00gckggs4.png"/>
- <meta name="image:Sidebar 3" content="https://static.tumblr.com/e8a02519eb144566435aefd880964283/heoago8/Rl0peptyp/tumblr_static_7b960r80ik08cgooo080o0cw8.png"/>
- <meta name="image:Sidebar 4" content="https://static.tumblr.com/9317311541d144f3128f76f7a4c8bf5c/heoago8/epgpeptyp/tumblr_static_a28zns9qhj40kwg88k04occw8.png"/>
- <meta name="image:Tooltip BG" content=""/>
- <meta name="image:" content=""/>
- <!------------ GENERAL COLORS ------------>
- <meta name="color:Background" content="#000"/>
- <meta name="color:Text" content="#dbdbdb"/>
- <meta name="color:Special Text" content=""/>
- <meta name="color:Link" content=""/>
- <meta name="color:Link Hover" content=""/>
- <meta name="color:Strike" content=""/>
- <!------------ GENERAL STYLING COLORS ------------>
- <meta name="color:Sidebar BG" content=""/>
- <meta name="color:Sidebar Scroll" content=""/>
- <meta name="color:Post BG" content="#000"/>
- <meta name="color:Outline Color" content="#dbdbdb"/>
- <meta name="color:" content=""/>
- <meta name="color:" content=""/>
- <!------------ POST COLORS ------------>
- <meta name="color:Black" content="#000"/>
- <meta name="color:Grey" content="#dbdbdb"/>
- <meta name="color:Brown" content="#901616"/>
- <!------------ SCRIPTS ------------>
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <!------------ FONTS ------------>
- <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
- <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <style type="text/css">
- /*---------------- TOOLTIPS ----------------*/
- #s-m-t-tooltip {
- margin: 24px 14px 7px 12px;
- padding: 8px;
- font-family: Raleway;
- font-size: 10px;
- font-weight: 700;
- letter-spacing: 2px;
- text-transform: uppercase;
- outline: 1px solid {color:Outline Color};
- outline-offset: 2px;
- color: {color:Grey};
- background: {color:Post BG} url('{image:Tooltip BG}');
- background-repeat: no-repeat;
- background-position: fixed;
- background-attachment: fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- z-index: 99999999999999;
- }
- /*---------------- SCROLLBAR ----------------*/
- ::-webkit-scrollbar {
- width: 3px;
- height: 8px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Brown};
- }
- ::-webkit-scrollbar-track {
- background: {color:Black};
- }
- /*---------------- GENERAL ----------------*/
- body {
- margin: 0;
- font-family: helvetica;
- font-size: 12px;
- line-height: 1.25;
- color: {color:Text};
- background: {color:Background} url('{image:Background}');
- background-repeat: no-repeat;
- background-position: fixed;
- background-attachment: fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- }
- sub, sup, small {
- font-size: 12px;
- }
- a {
- text-decoration: none;
- color: {color:Brown};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- a:hover {
- color: {color:Link Hover};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- ul {
- list-style-type: circle;
- }
- blockquote {
- padding: 1px 10px;
- margin: 3px 0px 3px 15px;
- border-left: 3px solid {color:Brown};
- background: {color:Black};
- }
- blockquote img {
- max-width: 100%;
- height: auto;
- }
- img {
- max-width: 500px;
- }
- h1 {
- font-family: Raleway;
- text-align: center;
- }
- h3 {
- font-family: Raleway;
- font-size: 15px;
- letter-spacing: 2px;
- text-transform: uppercase;
- color: {color:Brown};
- }
- i, em, bold, strong, strike, code {
- color: {color:Brown};
- }
- b, strong {
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- /*---------------- CONTAINERS ----------------*/
- #container {
- margin: auto;
- width: 820px;
- height: 100%;
- }
- .tabcontent {
- position: static;
- margin-top: 20px;
- margin-left: 275px;
- width: 500px;
- padding: 20px;
- margin-bottom: 20px;
- background: {color:Post BG};
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- }
- #postblock {
- margin-top: 35px;
- margin-bottom: 35px;
- margin-left: 275px;
- width: 500px;
- }
- /*---------------- SIDEBAR ----------------*/
- #sidebar {
- position: fixed;
- float: left;
- top: 50%;
- transform: translateY(-50%);
- width: 214px;
- padding: 15px;
- background: {color:Post BG};
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- }
- #sidebar img {
- margin: 10px;
- width: 85px;
- height: 85px;
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- }
- #blgtitle {
- margin: auto;
- margin-top: 5px;
- width: 196px;
- padding 5px;
- font-family: Raleway;
- font-size: 12px;
- letter-spacing: 2px;
- text-transform: uppercase;
- color: {color:Grey};
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- text-align: center;
- }
- #description {
- margin: auto;
- margin-top: 20px;
- margin-bottom: 10px;
- width: 176px;
- height: 85px;
- padding: 10px;
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- font-family: ;
- font-size: 12px;
- text-align: justify;
- color: ;
- /*overflow-y: auto;*/
- }
- #navigation {
- margin: auto;
- margin-top: 20px;
- margin-bottom: 10px;
- width: 196px;
- padding 5px;
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- text-align: center;
- }
- .tabs {
- width: 100%;
- margin-left: 0px;
- display: inline-block;
- }
- .tab-links {
- margin-left: -5px;
- display: inline-block;
- list-style: none;
- text-transform: uppercase;
- }
- .tab-links a {
- padding: 0px 4px;
- display: inline-block;
- font-family: Raleway;
- font-size: 14px;
- font-weight: 900;
- color: {color:Brown};
- transition: all linear 0.15s;
- }
- .tab-links a:hover {
- text-decoration: none;
- color: {color:Grey};
- }
- .tab-content {
- }
- .tab {
- display: none;
- }
- .tab.active {
- display: block;
- }
- /*---------------- PAGINATION ----------------*/
- #pagination {
- margin: auto;
- margin-top: 5px;
- width: 196px;
- padding 5px;
- font-family: Raleway;
- text-transform: uppercase;
- color: {color:Grey};
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- text-align: center;
- }
- #pagination a {
- margin-right: 5px;
- margin-left: 5px;
- font-size: 15px;
- }
- /*---------------- POSTS ----------------*/
- .posts {
- width: 500px;
- padding: 20px;
- margin-bottom: 20px;
- background: {color:Post BG};
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- }
- .posttitle {
- padding: 10px 15px;
- font-family: Raleway;
- font-size: 20px;
- font-weight: 400;
- letter-spacing: 2px;
- text-align: right;
- text-transform: uppercase;
- color: {color:Grey};
- background: url('{image:Background}');
- background-repeat: no-repeat;
- background-position: fixed;
- background-attachment: fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- }
- .more {
- width: 500px;
- text-align: center;
- }
- .more a {
- font-family: Raleway;
- font-size: 15px;
- font-weight: 600;
- text-transform: uppercase;
- color: {color:Brown};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .more a:hover {
- color: {color:Color Grey};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- /*-------- AUDIO --------*/
- .audio {
- border: 1px solid {color:Grey};
- }
- .playbutton {
- position: relative;
- margin-top: 45px;
- margin-left: 44px;
- z-index: 9;
- width: 33px;
- height: 30px;
- overflow: hidden;
- }
- .albumart img {
- position: relative;
- margin-top: -75px;
- margin-left: 0px
- height: 120px;
- width: 120px;
- }
- .trackinfo {
- margin-bottom: 10px;
- background: {color:Black};
- color: {color:Brown};
- position: relative;
- margin-left: 120px;
- height: 120px;
- margin-top: -123px;
- }
- .trackname {
- position: relative;
- padding-top: 30px;
- text-align: center;
- font-size: 14px;
- text-transform: uppercase;
- font-weight: bold;
- letter-spacing: 2px;
- }
- .artist {
- text-align: center;
- font-size: 12px;
- text-transform: uppercase;
- letter-spacing: 4px;
- }
- .album {
- text-align: center;
- font-style: italic;
- letter-spacing: 4px;
- }
- /*-------- CHAT --------*/
- .chat li {
- width: 484px;
- margin-left: -40px;
- list-style: none;
- text-align: justify;
- margin-bottom: 3px;
- padding: 8px;
- }
- .chat li:before {
- content: none;
- }
- li.line {
- list-style: none;
- margin-top: 3px;
- }
- .line.odd {
- padding: 10px;
- color: {color:Grey};
- background: {color:Brown};
- }
- .line.even {
- padding: 10px;
- color: {color:Grey};
- background: {color:Outline Color};
- }
- .label.odd {
- font-family: Raleway;
- text-transform: uppercase;
- font-size: 11px;
- letter-spacing: 2px;
- font-weight: 900;
- color: {color:Grey};
- }
- .label.even {
- font-family: Raleway;
- text-transform: uppercase;
- font-size: 11px;
- letter-spacing: 2px;
- font-weight: 900;
- color: {color:Grey};
- }
- /*--------QUOTES --------*/
- .quote {
- font-family: Raleway;
- text-transform: uppercase;
- font-size: 20px;
- font-weight: 500;
- letter-spacing: 2px;
- line-height: 120%;
- text-align: center;
- color:{color:Grey};
- }
- .quotesource {
- text-align: left
- margin-bottom: 10px;
- }
- /*-------- QUESTIONS --------*/
- .ask {
- width: 500px;
- min-height: 75px;
- margin-bottom: 15px;
- }
- .answer {
- width: 500px;
- min-height: 75px;
- margin-top: 15px;
- margin-left: 5px;
- }
- .portrait {
- float: left;
- width: 64px;
- height: 64px;
- margin-top: -2px;
- border-radius: 100%;
- }
- .portrait2 {
- float: right;
- width: 64px;
- height: 64px;
- margin-top: -2px;
- margin-right: 10px;
- border-radius: 100%;
- }
- .questionblock {
- width: 380px;
- padding: 10px;
- margin-left: 90px;
- border: 1px solid {color:Outline Color};
- text-align: justify;
- background: {color:Black};
- }
- .replyblock {
- width: 380px;
- padding: 10px;
- margin-right: 90px;
- border: 1px solid {color:Outline Color};
- text-align: justify;
- background: {color:Black};
- }
- .askertri {
- position: absolute;
- margin-left: 82px;
- margin-top: 25px;
- width: 15px;
- height: 15px;
- background: {color:Black};
- border-bottom: 1px solid {color:Outline Color};
- border-left: 1px solid {color:Outline Color};
- transform: rotate(45deg);
- z-index: 1;
- }
- .answertri {
- position: absolute;
- margin-left: 394px;
- margin-top: 25px;
- width: 15px;
- height: 15px;
- background: {color:Black};
- border-top: 1px solid {color:Outline Color};
- border-right: 1px solid {color:Outline Color};
- transform: rotate(45deg);
- z-index: 1;
- }
- .asker {
- margin-left: 5px;
- font-family: Raleway;
- font-size: 15px;
- font-weight: 600;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: {color:Brown};
- }
- .asker a {
- margin-left: 0px;
- font-weight: 600;
- color: {color:Brown};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .asker a:hover {
- color: {color:Grey};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .answerer {
- margin-left: 5px;
- font-family: Raleway;
- font-size: 15px;
- font-weight: 600;
- text-align: right;
- text-transform: uppercase;
- color: {color:Brown};
- }
- .answerer a {
- margin-left: 0px;
- font-weight: 600;
- color: {color:Brown};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .answerer a:hover {
- color: {color:Grey};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .subtitle {
- margin-top: -3px;
- padding-bottom: 5px;
- margin-left: 5px;
- font-size: 11px;
- letter-spacing: 2px;
- color: {color:Grey};
- }
- .subtitle2 {
- margin-top: -3px;
- padding-bottom: 5px;
- margin-left: 5px;
- font-size: 11px;
- letter-spacing: 2px;
- text-align: right;
- color: {color:Grey};
- }
- .question {
- width: 370px;
- margin-left: 5px;
- min-height: 10px;
- padding: 10px
- padding-right: 5px;
- color: ;
- }
- .reply {
- width: 370px;
- margin-left: 5px;
- min-height: 10px;
- padding: 10px
- padding-right: 5px;
- color: ;
- }
- /*---------------- LINKS ----------------*/
- .postlink {
- font-family: Raleway;
- font-size: 20px;
- font-weight: 400;
- text-align: center;
- text-transform: uppercase;
- }
- .postlink a {
- letter-spacing: 2px;
- color: {color:Grey};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .postlink a:hover {
- letter-spacing: 3px;
- color: {color:Brown};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- /*---------------- POST INFO ----------------*/
- .postinfo {
- margin-top: 10px;
- font-size: 13px;
- background: url('{image:Background}');
- background-repeat: no-repeat;
- background-position: fixed;
- background-attachment: fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- }
- .controls {
- text-align: center;
- }
- .postinfo span {
- position: inline-block;
- margin: 5px;
- padding: 5px;
- border-radius: 5px;
- text-align: center;
- color: {color:Grey};
- background: {color:Black};
- }
- svg {
- width: 15px;
- height: auto;
- padding: 1px;
- display: block;
- overflow: visible;
- }
- .like svg {
- position: relative;
- display: inline-block;
- overflow: hidden;
- margin: 5px;
- top: 3.5px;
- padding: 5px;
- border-radius: 5px;
- width: 13px;
- height: 13px;
- fill: {color:Grey};
- background: {color:Black};
- }
- .controls a {
- position: relative;
- display: inline-block;
- overflow: hidden;
- /*padding: 3px;*/
- }
- .controls .reblog {
- opacity: .93;
- }
- .controls .reblog svg {
- width: 9px;
- margin-top: 1px;
- }
- .controls .like .liked + svg {
- opacity: 1;
- }
- .controls .like .liked + svg path {
- fill: #ec5a5a;
- }
- .controls .like .like_button {
- position: relative;
- }
- .controls .like .like_button iframe {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- z-index: 2;
- opacity: 0.000000001;
- }
- /*---------------- POST TAGS ----------------*/
- .tags {
- margin-top: 10px;
- font-family: Raleway;
- font-weight: 700;
- text-transform: uppercase;
- color: {color:Grey};
- }
- .tags a {
- color: {color:Brown};
- }
- .tags a:hover {
- color: {color:Grey};
- }
- /*---------------- POST NOTES ----------------*/
- ol.notes {
- padding: 0px;
- list-style-type: none;
- /*border-bottom: solid 1px {color:Grey};*/
- }
- ol.notes li.note {
- border-top: solid 1px {color:Grey};
- padding: 10px 0px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- li.note.reply {
- margin-left: -1px;
- width: 500px;
- }
- /*---------------- TUMBLR CONTROLS STUFF ----------------*/
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top: 2px!important;
- right:2px!important;
- opacity:0;
- padding-right:38px;
- /* delete invert(1) from here */
- /*filter:invert(1) contrast(150%);*/
- /*-webkit-filter:invert(1) contrast(150%);*/
- /*-o-filter:invert(1) contrast(150%);*/
- /*-moz-filter:invert(1) contrast(150%);*/
- /*-ms-filter:invert(1) contrast(150%);*/
- /* to here if your blog has a dark background */
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .hcontrols {
- position:fixed;
- top:0;
- right:0;
- z-index:99999999999999;
- }
- .hcontrols svg {
- width: 18px;
- height: 18px;
- padding: 10px;
- }
- .hcontrols svg path {
- fill: {color:Grey};
- }
- /*---------------- CHARACTER IMGS ----------------*/
- .tabcontent h1 {
- margin: 0px;
- font-size: 20px;
- font-weight: 400;
- color: {color:Grey};
- padding-left: 10px;
- border-left: 15px solid {color:Outline Color};
- line-height: 90%;
- }
- .tabcontent section {
- width: 400px;
- float: left;
- margin: 20px;
- margin-bottom: 80px;
- }
- .tabcontent figure {
- width: 480px;
- height: 270px;
- position: relative;
- margin: 0px;
- margin-top: 10px;
- overflow: hidden;
- }
- .tabcontent figure img {
- display: block;
- width: 100%;
- height: 100%;
- }
- .tabcontent figure figcaption {
- color: {color:Grey};
- line-height: 100%;
- padding: 0px;
- }
- .tabcontent figure figcaption h2 {
- margin: 0px;
- font-family: Raleway;
- font-size: 40px;
- font-weight: 500;
- text-transform: uppercase;
- text-shadow: 2px 2px {color:Black}; /*NAME SHADOW COLOR*/
- letter-spacing: 2px;
- }
- .tabcontent figure figcaption h2 span {
- font-family: Raleway;
- font-weight: 1000;
- }
- .tabcontent figure figcaption p {
- margin-top: 15px;
- font-family: Raleway;
- font-size: 15px;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-shadow: 2px 2px {color:Black}; /*NAME SHADOW FOLOR*/
- }
- .tabcontent figure a {
- display: inline-block;
- padding: 3px 5px;
- line-height: 130%;
- margin: 2.5px;
- font-size: 11px;
- letter-spacing: 2px;
- background-color: {color:Grey};
- text-transform: uppercase;
- color: {color:Black};
- }
- .box figure a:hover {
- color: {color:Grey};
- background-color: {color:Black};
- }
- figure.hover {
- display: inline-block;
- margin: 11px;
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- background: {color:Black};
- }
- figure.hover img {
- opacity: 1;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- figure.hover:hover img {
- opacity: 0.5;
- /* zoom in */
- -webkit-transform:scale3d(1.5,1.5,1);
- -moz-transform:scale3d(1.5,1.5,1);
- -o-transform:scale3d(1.5,1.5,1);
- -ms-transform:scale3d(1.5,1.5,1);
- transform:scale3d(1.5,1.5,1);
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- figure.hover figcaption {
- position: absolute;
- width: 100%;
- height: 100%;
- /* text position */
- top: 0px;
- left: 0px;
- opacity: 0.9;
- font-size: 10px;
- text-align: center;
- /* zoom in */
- -webkit-transform:scale3d(0.8,0.8,1);
- -moz-transform:scale3d(0.8,0.8,1);
- -o-transform:scale3d(0.8,0.8,1);
- -ms-transform:scale3d(0.8,0.8,1);
- transform:scale3d(0.8,0.8,1);
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- figure.hover:hover figcaption {
- opacity: 0.9;
- /* zoom in */
- -webkit-transform:scale3d(1,1,1);
- -moz-transform:scale3d(1,1,1);
- -o-transform:scale3d(1,1,1);
- -ms-transform:scale3d(1,1,1);
- transform:scale3d(1,1,1);
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /* border before hover*/
- figure.hover figcaption::before {
- position: absolute;
- top: 15px;
- right: 15px;
- bottom: 15px;
- left: 15px;
- border:1px solid {color:Outline Color}; /*BOX BORDER HOVER */
- content: '';
- z-index: -1;
- opacity: 0;
- /* before zoom out */
- -webkit-transform:scale3d(1.3,1.3,1);
- -moz-transform:scale3d(1.3,1.3,1);
- -o-transform:scale3d(1.3,1.3,1);
- -ms-transform:scale3d(1.3,1.3,1);
- transform:scale3d(1.3,1.3,1);
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /* border after hover*/
- figure.hover:hover figcaption::before {
- /* zoom out */
- -webkit-transform:scale3d(1,1,1);
- -moz-transform:scale3d(1,1,1);
- -o-transform:scale3d(1,1,1);
- -ms-transform:scale3d(1,1,1);
- transform:scale3d(1,1,1);
- opacity: 1;
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /* title position before hover */
- figure.hover figcaption h2 {
- padding-top: 235px;
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /* title position after hover */
- figure.hover:hover figcaption h2 {
- padding-top: 115px;
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- figure.hover figcaption p {
- margin-top: 20px;
- /* hidden before hover */
- opacity: 0;
- font-size: 18px;
- letter-spacing: 3px;
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- figure.hover:hover figcaption p {
- opacity: 0.9;
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- figure.hover a {
- /* hidden before hover */
- opacity: 0;
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- figure.hover:hover a{
- /* showed after hover */
- opacity: 1;
- /* speed */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /*---------------- POPUPS ----------------*/
- .popup_block {
- display: none;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- }
- .popinfo {
- width: 500px;
- height: 400px;
- padding: 20px;
- background: {color:Post BG};
- outline: 1px solid {color:Outline Color};
- outline-offset: 4px;
- overflow-y: auto;
- }
- .poptitle {
- padding: 10px 15px;
- background: url('{image:Background}');
- background-repeat: no-repeat;
- background-position: fixed;
- background-attachment: fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- }
- .popinfo h4 {
- margin: 0;
- font-family: Raleway;
- font-weight: 700;
- font-size: 24px;
- letter-spacing: 3px;
- text-align: center;
- text-transform: uppercase;
- color: {color:Grey}; /*POP UP NAME COLOR*/
- }
- .popinfo h2 {
- margin: 0;
- font-family: Raleway;
- font-size: 15px;
- font-weight: 500;
- letter-spacing: 3px;
- text-align: center;
- text-transform: uppercase;
- color: {color:Grey}; /*POP UP EXTRA INFO*/
- }
- .popinfo a {
- margin-top: -120px;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .popinfo a:hover {
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .popinfo b {
- text-transform: uppercase;
- color: {color:Brown};
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display: none;
- position: fixed;
- left: 0px;
- top: 0px;
- width: 100%;
- height: 100%;
- margin: 0;
- /*background: url('{image:Background}');*/
- background-repeat: no-repeat;
- background-position: fixed;
- background-attachment: fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- z-index: 9999;
- }
- /*---------------- POP UP TABS ----------------*/
- .tabmenu {
- float: right;
- margin-top: -13px;
- width: 130px;
- }
- ul#tabs {
- display: inline-block;
- list-style: none;
- font-family: Raleway;
- font-size: 11px;
- letter-spacing: 2px;
- text-transform: uppercase;
- text-align: center;
- }
- ul#tabs li {
- display: inline-block;
- margin-left: -30px;
- margin-bottom: 15px;
- width: 120px;
- padding: 5px;
- cursor: pointer;
- background: black;
- outline: 1px solid {color:Outline Color};
- outline-offset: 2px;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- ul#tabs li:hover {
- color: {color:Brown};
- background-color: {color:Black};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- ul#tabs li.active {
- color: {color:Brown};
- }
- ul#tab {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- ul#tab li {
- display: none;
- }
- ul#tab li.active {
- display: block;
- }
- #tab h3 {
- font-family: Raleway;
- font-size: 16px;
- letter-spacing: 3px;
- text-align: left;
- text-transform: uppercase;
- }
- /*---------------- TAB RELATIONSHIPS ----------------*/
- /*---------------- TAB NAVIGATION & GENERAL NAVIGATION ----------------*/
- .gennav a, .popnav a {
- display: inline-block;
- margin: 3px;
- margin-top: 3px;
- width: 137px;
- padding: 5px;
- padding-left: 10px;
- font-family: Raleway;
- font-weight: 600;
- font-size: 11px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: {color:Grey};
- border-left: 5px solid {color:Brown};
- background: {color:Outline Color};
- background-image: linear-gradient(to left,
- transparent,
- transparent 50%,
- {color:Brown} 50%,
- {color:Brown});
- background-position: 100% 0;
- background-size: 200% 100%;
- background-position: 100% 0;
- background-size: 200% 100%;
- transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .gennav a:hover, .popnav a:hover {
- background-position: 0 0;
- color: {color:Grey};
- transition: 0.8s;
- -webkit-transition: all 0.8s ease-in;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- </style>
- </head>
- <body>
- <!-------- XENIA POPUP START -------->
- <div id="xenia" class="popup_block">
- <!-------- POPUP TABS START -------->
- <div class="tabmenu">
- <ul id="tabs">
- <li class="active">Biography</li>
- <li>Verses</li>
- <li>Relationships</li>
- <li>Navigation</li>
- </ul>
- </div>
- <!-------- POPUP TABS START -------->
- <!-------- POPUP INFO START -------->
- <div class="popinfo">
- <ul id="tab">
- <!-------- BIO INFO START -------->
- <li class="active">
- <div class="poptitle">
- <h4>Xenia Onatopp</h4>
- <h2>Goldeneye</h2>
- </div>
- <h3>GENERAL INFO</h3>
- <b>NAME:</b> xenia sergeyevna onatopp
- <br><b>KNOWN ALIAS:</b> tbd
- <br><b>AGE:</b> 32
- <br><b>BIRTHDAY:</b> 1986/1965 depending on verse
- <br><b>BIRTHPLACE:</b> Georgian Soviet Socialist Republic; Modern Day Georgia
- <br><b>CURRENT LOCATION:</b> traveling around Europe and Asia
- <br><b>RESIDENCE:</b> St. Petersburg, Russia
- <br><b>OCCUPATION:</b> member of the Janus Crime Syndicate
- <br><b>FACECLAIM:</b> katrina law
- <br><b>ORIGINAL ACTRESS:</b> famke janssen
- <h3>BIOGRAPHY</h3>
- <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>.
- <p> warnings:
- <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.
- <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,
- <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
- finding herself a place in the Air Force as a fighter pilot. But aviation wasn’t the only skill she picked up,
- </li>
- <!-------- BIO INFO END -------->
- <!-------- VERSES INFO START -------->
- <li>
- <div class="poptitle">
- <h4>Verses</h4>
- </div>
- </li>
- <!-------- VERSES INFO END -------->
- <!-------- RELATIONSHIPS START -------->
- <li>
- <div class="poptitle">
- <h4>Relationships</h4>
- </div>
- </li>
- <!-------- RELATIONSHIPS END -------->
- <!-------- CHARACTER NAVIGATION START -------->
- <li>
- <div class="poptitle">
- <h4>Navigation</h4>
- </div>
- <div class="popnav">
- <p><a href="/tagged/(-muse-%7Cdoll-with-a-gun-)">everything xenia</a>
- <a href="/tagged/(-headcanon-%7C-doll-with-a-gun-)">headcanons</a>
- <a href="/tagged/(-question-%7C-xenia-)">questions</a></p>
- <p><strong>interactions:</strong></p>
- <p><a href="/tagged/(-starter-%7C-xenia-)">Open Starters</a>
- <a href="/tagged/(-interaction-%7C-xenia-)">All Interactions</a>
- <a href="/tagged/(-ask-meme-%7C-xenia-)">Answered Memes</a>
- <a href="/tagged/(-chat-%7C-xenia-)">Chats</a>
- <a href="/tagged/(-Para-%7C-xenia-)">Paras</a>
- <a href="/tagged/(-Text-%7C-xenia-)">Texts</a></p>
- <p><strong>inspiration:</strong></p>
- <p><a href="/tagged/(-inspiration-%7C-xenia-)">All Inspiration</a>
- <a href="/tagged/(-Aesthetic-%7C-xenia-)">Aesthetics</a>
- <a href="/tagged/(-edit-|-xenia-)">Edits</a>
- <a href="/tagged/(-gif-|-xenia-)">Gifs</a>
- <a href="/tagged/(-music-|-xenia-)">Music</a>
- <a href="/tagged/(-photo-|-xenia-)">Photos</a>
- <a href="/tagged/(-picspam-|-xenia-)">Picspams</a>
- <a href="/tagged/(-playlist-|-xenia-)">Playlists</a>
- <a href="/tagged/(-words-|-xenia-)">Words & Quotes</a>
- <a href="/tagged/(-wardrobe-|-xenia-)">Wardrobe</a>
- <a href="/tagged/(-wants-|-xenia-)">Wants Tag</a></p>
- <p><strong>verses:</strong></p>
- <p>Verse 1 Verse 2 </p>
- </div>
- </li>
- <!-------- CHARACTER NAVIGATION END -------->
- </ul>
- </div>
- <!-------- POPUP INFO END -------->
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <!-------- XENIA POPUP END -------->
- <!-------- M POPUP START -------->
- <div id="M" class="popup_block">
- <!-------- POPUP TABS START -------->
- <div class="tabmenu">
- <ul id="tabs">
- <li class="active">Biography</li>
- <li>Verses</li>
- <li>Relationships</li>
- <li>Navigation</li>
- </ul>
- </div>
- <!-------- POPUP TABS START -------->
- <!-------- POPUP INFO START -------->
- <div class="popinfo">
- <ul id="tab">
- <!-------- BIO INFO START -------->
- <li class="active">
- <div class="poptitle">
- <h4>M</h4>
- <h2>Head of MI6</h2>
- </div>
- <h3>GENERAL INFO</h3>
- <b>codename:</b> M
- <br><b>Name:</b> Olivia Mansfield
- <br><b>age:</b> Seventies
- <br><b>birthday:</b>
- <br><b>birthplace:</b>
- <br><b>current location:</b> London
- <br><b>occupation:</b>
- <br><b>faceclaim:</b> Judi Dench
- <h3>BIOGRAPHY</h3>
- </li>
- <!-------- BIO INFO END -------->
- <!-------- VERSES INFO START -------->
- <li>
- <div class="poptitle">
- <h4>Verses</h4>
- </div>
- </li>
- <!-------- VERSES INFO END -------->
- <!-------- RELATIONSHIPS START -------->
- <li>
- <div class="poptitle">
- <h4>Relationships</h4>
- </div>
- </li>
- <!-------- RELATIONSHIPS END -------->
- <!-------- CHARACTER NAVIGATION START -------->
- <li>
- <div class="poptitle">
- <h4>Navigation</h4>
- </div>
- <div class="popnav">
- <h3>General</h3>
- <a href="/">Headcanons</a>
- <h3>Inspiration</h3>
- <h3>By Verse</h3>
- <h3>By Interaction</h3>
- <a href="/">All</a>
- <a href="/">Ask Memes</a>
- <a href="/">Chats</a>
- <a href="/">Texts</a>
- <a href="/">Para</a>
- </div>
- </li>
- <!-------- CHARACTER NAVIGATION END -------->
- </ul>
- </div>
- <!-------- POPUP INFO END -------->
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <!-------- XENIA POPUP END -------->
- <!---------------- CONTAINER START ---------------->
- <div id="container">
- <!---------------- SIDEBAR START ---------------->
- <div id="sidebar">
- <img src="{image:Sidebar 1}">
- <img src="{image:Sidebar 2}">
- <div id="blgtitle">{Title}</div>
- <div id="description">{description}</div>
- <div id="navigation">
- <div class="tabs">
- <div class="tab-links">
- <a href="/" title="home">.001</a>
- <a href="/ask" title="ask">.002</a>
- <a href="/guidelines." title="guidelines">.003</a>
- <a href="#tab2" title="muses">.004</a>
- <a href="/navigation." title="navigation">.005</a>
- </div>
- </div>
- </div>
- <img src="{image:Sidebar 3}">
- <img src="{image:Sidebar 4}">
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {CurrentPage} of {TotalPages}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- <!---------------- PAGINATION END ---------------->
- </div>
- <!---------------- SIDEBAR END ---------------->
- <!-- --------------------------- TABS -------------------------- -->
- <div class="tabs">
- <!---------------- POSTS TAB START ---------------->
- <div class="tab-content">
- <div id="tab1" class="tab active">
- <!---------------- POST BLOCK START ---------------->
- <div id="postblock">
- <!---------------- POSTS START ---------------->
- {block:Posts}
- <!---------------- POSTS START ---------------->
- <div class="posts" id="{PostID}">
- <!-------- GENERAL POSTS START -------->
- {block:Text}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- {Body}
- {block:More}
- <div class="more">
- <a href="{Permalink}">「 READ MORE 」</a>
- </div>
- {/block:More}
- {/block:Text}
- <!-------- GENERAL POSTS END -------->
- <!---------------- ASK POSTS START ---------------->
- {block:Answer}
- <div class="ask">
- <img src="{AskerPortraitUrl-64}" class="portrait">
- <div class="askertri"></div>
- <div class="questionblock">
- <div class="asker">{Asker}</div>
- <div class="subtitle">sent a message</div>
- <div class="question">{Question}</div>
- </div>
- {block:Answerer}
- <div class="answer">
- <img src="{AnswererPortraitURL-64}" class="portrait2">
- <div class="answertri"></div>
- <div class="replyblock">
- <div class="answerer">{Answerer}</div>
- <div class="subtitle2">replied</div>
- <div class="reply">{Answer}</div>
- </div>
- </div>
- {/block:Answerer}
- {Replies}
- {block:More}
- <div class="more">
- <a href="{Permalink}">「 READ MORE 」</a>
- </div>
- {/block:More}
- </div>
- {/block:Answer}
- <!---------------- ASKS POSTS END ---------------->
- <!-------- SINGLE PHOTO POSTS START -------->
- {block:Photo}
- <div class="oddhour-high-res">
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {block:More}
- <div class="more">
- <a href="{Permalink}">「 READ MORE 」</a>
- </div>
- {/block:More}
- {/block:Photo}
- {block:Panorama}
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {block:More}
- <div class="more">
- <a href="{Permalink}">「 READ MORE 」</a>
- </div>
- {/block:More}
- {/block:Panorama}
- <!-------- SINGLE PHOTO POSTS END -------->
- <!-------- PHOTOSET POSTS START -------->
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {block:More}
- <div class="more">
- <a href="{Permalink}">「 READ MORE 」</a>
- </div>
- {/block:More}
- {/block:Photoset}
- <!-------- PHOTOSET POSTS END -------->
- <!-------- QUOTE POSTS START -------->
- {block:Quote}
- <div class="quote">❝ {Quote} ❞ </div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- <!-------- QUOTE POSTS END -------->
- <!-------- LINK POSTS START -------->
- {block:Link}
- <div class="postlink">
- <a href="{URL}" {Target}>{Name}</a>
- </div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!-------- LINK POSTS END -------->
- <!-------- CHAT POSTS START -------->
- {block:Chat}
- {block:Title}
- <div class="posttitle">{Title}</div>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label {Alt}">{label}</span>
- {/block:Label} {Line}
- </li>{/block:Lines}</ul>
- {/block:Chat}
- <!-------- CHAT POSTS END -------->
- <!-------- VIDEO POSTS START -------->
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <!-------- VIDEO POSTS END -------->
- <!-------- AUDIO POSTS START -------->
- {block:Audio}
- {block:AudioPlayer}
- <div class="audio">
- <div class="playbutton">{AudioPlayerGrey}</div>
- {block:AlbumArt}
- <div class="albumart">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="trackinfo">
- <div class="trackname">
- {block:TrackName}{TrackName}{/block:TrackName}
- </div>
- <div class="artist">
- {block:Artist}{Artist}{/block:Artist}
- </div>
- <div class="album">
- {block:Album}{Album}{/block:Album}
- </div>
- </div>
- </div>
- {/block:AudioPlayer}
- {/block:Audio}
- <!-------- AUDIO POSTS END -------->
- <!---------------- POST INFO START ---------------->
- <div class="postinfo">
- <div class="controls">
- {block:Date}
- <a href="{Permalink}" title="posted on: {Month} {DayofMonth}, {Year}">
- <span class="th th-calendar-1-o"></span>
- </a>
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCountWithLabel}">
- <span class="th th-list-o"></span>
- </a>
- {/block:NoteCount}
- <a href="{ReblogURL}" target="_blank" class="reblog" title="reblog this post">
- <span class="th th-reblog"></span>
- </a>
- <a href="#" class="like" title="like this post">{LikeButton}
- <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>
- </a>
- {/block:Date}
- </div>
- </div>
- <!---------------- POST INFO END ---------------->
- <!---------------- TAGS START ---------------->
- {block:HasTags}
- <div class="tags">
- {block:Tags}#<a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <!---------------- TAGS END ---------------->
- <!-------- POST NOTES START -------->
- {block:PostNotes}
- <div class="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- <!-------- POST NOTES END -------->
- <!---------------- POSTS END ---------------->
- </div>
- {/block:Posts}
- <!---------------- POSTS END ---------------->
- </div>
- <!---------------- POST BLOCK END ---------------->
- </div>
- </div>
- <!---------------- POSTS TAB END ---------------->
- <!---------------- MUSES TAB START ---------------->
- <div id="tab2" class="tab">
- <div class="tabcontent">
- <div class="posttitle">MUSES</div>
- <br>hover over each image and select "more inforamtion" to access each character's bio, verse information
- <p>page/bios etc. under construction
- <!------------ KATHERINE START ------------>
- <figure class="hover">
- <img src="">
- <figcaption>
- <h2>Katherine <span>Liu</span></h2>
- <p>MI6 Field Agent</p>
- <a href="#?w=680" rel="Kat" class="poplight">More Information</a>
- </figcaption>
- </figure>
- <!------------ KATHERINE END ------------>
- <!------------ XENIA ONATOPP START ------------>
- <figure class="hover">
- <img src="https://78.media.tumblr.com/b19ad0f6f281f578b19a45aba2ff5891/tumblr_inline_pf8jvm8v9w1w4nnx4_1280.png">
- <figcaption>
- <h2>Xenia <span>Onatopp</span></h2>
- <p>goldeneye</p>
- <a href="#?w=680" rel="xenia" class="poplight">More Information</a>
- </figcaption>
- </figure>
- <!------------ XENIA ONNATOP END ------------>
- <!------------ M START ------------>
- <!--<figure class="hover">-->
- <!--<img src="">-->
- <!-- <figcaption>-->
- <!-- <h2><span>M</span></h2>-->
- <!-- <p>Head of mi6</p>-->
- <!-- <a href="#?w=680" rel="M" class="poplight">More Information</a>-->
- <!-- </figcaption>-->
- <!--</figure>-->
- <!------------ M END ------------>
- </div>
- </div>
- <!---------------- MUSES TAB END ---------------->
- <!-- -------------------------- TAB 3 -------------------------- -->
- <div id="tab3" class="tab">
- <div class="tabcontent">
- Tab three content here
- </div>
- </div>
- <!-- -------------------------- TAB 4 -------------------------- -->
- <div id="tab4" class="tab">
- <div class="tabcontent">
- Tab four content here
- <br>yo yo yo
- </div>
- </div>
- <!-- -------------------------- TAB 5 -------------------------- -->
- <div id="tab5" class="tab">
- <div class="tabcontent">
- Tab five content here
- </div>
- </div>
- </div>
- <!---------------- CONTAINER END ---------------->
- <!---------------- TUMBLR CONTROLS START ---------------->
- <div class="hcontrols">
- <i class="fas fa-bars"></i>
- </div>
- <!---------------- TUMBLR CONTROLS END ---------------->
- <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
- <script>
- $(document).ready(function() {
- $('.tabs .tab-links a').on('click', function(e) {
- var currentAttrValue = $(this).attr('href');
- // Show/Hide Tabs
- $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
- // Change/remove current tab to active
- $(this).parent('li').addClass('active').siblings().removeClass('active');
- e.preventDefault();
- });
- });
- </script>
- <script>
- $(document).ready(function() {
- $('#filterOptions li a').click(function() {
- // fetch the class of the clicked item
- var ourClass = $(this).attr('class');
- // reset the active class on all the buttons
- $('#filterOptions li').removeClass('active');
- // update the active state on our clicked button
- $(this).parent().addClass('active');
- if(ourClass == 'all') {
- // show all our items
- $('#ourHolder').children('div.item').show();
- }
- else {
- // hide all elements that don't share ourClass
- $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
- // show all elements that do share ourClass
- $('#ourHolder').children('div.' + ourClass).show();
- }
- return false;
- });
- });
- </script>
- <!-- MUSES TABS -->
- <script>
- $(document).ready(function(){
- $("ul#tabs li").click(function(e){
- if (!$(this).hasClass("active")) {
- var tabNum = $(this).index();
- var nthChild = tabNum+1;
- $("ul#tabs li.active").removeClass("active");
- $(this).addClass("active");
- $("ul#tab li.active").removeClass("active");
- $("ul#tab li:nth-child("+nthChild+")").addClass("active");
- }
- });
- });
- </script>
- <!------------ POP UPS ------------>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!------------ TOOLTIPS ------------>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/heoago8/FMJp3v4h6/jquery.style-my-tooltips.js"></script>
- <script>
- $("[title]").style_my_tooltips({
- tip_follows_cursor:false,
- tip_delay_time:700,
- tip_fade_speed:300,
- attribute:"title"
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment