Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--------------------------------------------
- tylergaciaposey's theme #209 - LIGHT
- https://tylergaciaposey.tumblr.com/
- PLEASE DO NOT,
- remove the credits; claim as your own; use as a base, take parts
- of the theme.
- YOU CAN:
- edit as much as you want for your own personal use only.
- --------------------------------------------->
- <!DOCTYPE html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!----- fonts ---->
- <link href="https://fonts.googleapis.com/css?family=Hind:400,500,700|Muli:400,400i,700,700i|Open+Sans:400,400i,700,700i|Lato:400,400i,700,700i|Roboto:400,400i,500,500i,700,700i|ABeeZee:400,400i|Rubik:400,400i,500,500i,700,700i|Montserrat:400,400i,500,500i,600,600i,700,700i|Source+Sans+Pro:400,400i,700,700i|Work+Sans:400,500,700|Mansalva" rel="stylesheet">
- <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <!----- scripts ---->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
- <!----- pop up ---->
- <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();
- $('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>
- <style type="text/css">
- /* GUIDE HOW TO CUSTOMIZE (it looks like hell, but it's really simple)
- ----------------------------
- ALL THE COLORS
- - GENERAL COLOR
- body text: #111111
- italic: #818181
- & WHERE TO FIND THEIR CLASSES / SELECTORS:
- body: body {
- italic: i, italic, em {
- - BORDERS COLOR: #F5F5F5
- & WHERE TO FIND THEIR CLASSES / SELECTORS:
- scrollbar: ::-webkit-scrollbar-thumb { background-color
- hr: hr { border-color
- container border: .container { outline
- headerfooter border: .headerfooter {
- each muse box border: .muse_container { outline
- muse name: .muse_name { border-botom
- muse description: .muse_description { border-color
- navigation popup: #navigation_popup { outline
- navigation title: .navigation_title { border-bottom
- navigation description: .navigation_description { border-color
- - MAIN COLOR #151515
- title, bold, links, h1, h2
- selection (when you select a text and there's a bg and text change color),
- headerfooterlinks hover, close button,
- muse title before the hover, the 'i' icon before specifications on muses and navigation
- & WHERE TO FIND THEIR CLASSES / SELECTORS:
- title: .title {
- bold: b, strong {
- links: a {
- h1, h2: h1, h2 {
- selection: ::selection {
- headerfooterlinks: headerfooterlinks hover {
- close button: .close a {
- muse title: .muse_title {
- the i icon: li:before {
- - BACKGROUND COLORS:
- main theme background & inside muse container: #FCFCFC
- header and footer background & each muse box background: #FFFFFF
- & WHERE TO FIND THEIR CLASSES / SELECTORS:
- main theme background: body {
- inside muse container: .muse_wrap {
- header and footer background: .headerfooter {
- each muse box background: .muse_overlay {
- ----------------------------
- HOW TO CHANGE ALL THE COLORS AT ONCE:
- (please be careful, never save unless you're sure or make a copy of the code before going hardcore with the changes)
- 1. you press CTRL + F (COMMAND + F on mac), at the top it will appear two boxes "Search for" and "Replace with" along with "Replace" and "All"
- 2. pick the color you want, example body text #111111, place that on "Search for", then add the color you want on "Replace with", for example #000 (black color)
- 3. you change it one by one pressing "Replace" (recommended)
- **** DO NOT USE "ALL" OR IT WILL REPLACE THE COLORS ON THIS GUIDE AS WELL AND THEN IT'S GONNA BE MESSY ****
- ----------------------------
- THE FONTS AND SIZES
- body: 'Work Sans', Calibri,sans-serif
- size: 10px
- title: 'Helvetica Neue', Arial,sans-serif
- size: 20px
- header & footer & navigation pop links: 'Open Sans', Calibri,sans-serif;
- size: 13px
- & WHERE TO FIND THEIR CLASSES / SELECTORS:
- body: body {
- title: .title {
- header & footer: .headerfooterlinks {
- ----------------------------
- HOW TO CHANGE THE FONTS, SIZE, TEXT CUSTOMIZATIONS, etc:
- * list of custom fonts to use: Hind, Muli, Open Sans, Lato, Roboto, ABeeZee, Rubik, Montserrat, Source Sans Pro, Work+Sans, Mansalva *
- it works as the same 3 steps as the color change, but now you replace the fonts, the body font for example:
- 1. place Work Sans on "Search for" and the other font, like Open Sans on "Replace with"
- 2. repeat the process with "Replace" (recommended)
- **** DO NOT USE "ALL" OR IT WILL REPLACE THE SETTINGS ON THIS GUIDE AS WELL AND THEN IT'S GONNA BE MESSY ****
- ABOUT THE SIZE, TEXT CUSTOMIZATIONS:
- just as any other change, on the class/selector of the part you want to change, you will find text-size, text-transform, font weight, etc. you can also add if doesn't have any of it there, you can customize as you want
- example, change the header & footer & navigation pop links:
- 1. search for the class/ selector (as it is above, class is .headerfooterlinks)
- 2. change font-family to Arial (font-family:Arial), or any other custom one like Muli (font-family:'Muli', Calibri,sans-serif)
- 3. there is font-size there too, and all the other customizations
- **** DO NOT USE "ALL" OR IT WILL REPLACE THE SETTINGS ON THIS GUIDE AS WELL AND THEN IT'S GONNA BE MESSY ****
- */
- /* scrollbar */
- ::-webkit-scrollbar {
- width:3px;
- height:3px;
- }
- ::-webkit-scrollbar {
- background-color:transparent;
- }
- ::-webkit-scrollbar-track {
- border:8px solid transparent;
- background-color:transparent;
- }
- ::-webkit-scrollbar-thumb {
- border:3px solid transparent;
- background-color:#F5F5F5;
- min-height:24px;
- min-width:24px;
- }
- body {
- color:#111111;
- font-size: 10px;
- font-family: 'Work Sans', Calibri,sans-serif;
- word-wrap:break-word;
- margin:0;
- padding:0;
- width: 100%;
- height: 100%;
- line-height:16px;
- background-color:#FCFCFC;
- background-image:url('');
- background-repeat: repeat;
- background-attachment: fixed;
- background-position:center;
- }
- blockquote {
- border-left:1px solid #F5F5F5;
- padding-left:8px;
- margin:5px 10px 10px 5px;
- }
- a {
- color:#151515;
- text-decoration:none;
- transition:all .3s linear;
- -webkit-transition:all .3s linear;
- -o-transition:all .3s linear;
- -moz-transition:all .3s linear;
- }
- a:hover {
- color:#151515;
- transition:all 0.3s;}
- b, strong {
- font-weight:700;
- color: #151515!important;
- }
- i, italic, em {
- color: #818181;
- }
- h1, h2 {
- margin-bottom:10px;
- text-align:left;
- text-transform:none;
- color:#151515;
- font-weight:700;
- }
- hr {
- width:100px;
- margin:10px 0 10px 0;
- border-width: 1px 0px 0px 0px;
- border-style: solid;
- border-color: #F5F5F5;
- }
- ::-moz-selection {
- background-color: #151515;
- color:#fff;
- }
- ::selection {
- background-color: #151515;
- color:#fff;
- }
- /* the 'i' icon before specifications on muses and navigation */
- li:before {
- content:"\ebe3";
- font-family:'honeybee';
- font-size:9px;
- color:#151515;
- }
- .title {
- max-width:400px;
- margin:10px 13px;
- color:#151515;
- font-style:normal;
- font-size:20px;
- font-family:'Helvetica Neue', Arial,sans-serif;
- text-transform:lowercase;
- letter-spacing:-0.1px;
- word-spacing:0px;
- font-weight:700!important;
- }
- .headerfooter {
- width:950px;
- height:40px;
- margin:0;
- padding:0px;
- display:flex;
- justify-content:space-between;
- flex-shrink: 0;
- z-index:9;
- background-color:#FFFFFF;
- outline: 1px solid #F5F5F5;
- }
- .headerfooterlinks {
- padding:7px;
- font-style:normal;
- font-size:13px;
- font-family:'Open Sans', Calibri,sans-serif;
- text-transform:uppercase;
- letter-spacing:-0.1px;
- word-spacing:0px;
- list-style:none;
- }
- .headerfooterlinks a {
- font-weight:600!important;
- margin:0px 16px;
- display:inline-block;
- position:relative;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- box-sizing:border-box;
- padding:5px;
- border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
- -webkit-border-radius: 5px 5px 5px 5px;
- }
- .headerfooterlinks a:hover {
- color:#fff;
- background-color:#151515;
- text-decoration:none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
- -webkit-border-radius: 5px 5px 5px 5px;
- }
- .headerfooterlinks .sf {
- font-size:calc(13px + 3px);
- font-weight:600;
- padding:1px;
- }
- .headerfooterlinks span {
- display:inline-block;
- position:relative;
- box-sizing:border-box;
- padding:5px;
- font-size: 10px;
- font-family: 'Work Sans', Calibri,sans-serif;
- letter-spacing:0.5px;
- word-spacing:0px;
- text-transform:none;
- }
- .moreiconpopup {
- margin-right:13px;
- }
- /* main content */
- .container {
- margin:auto;
- left:0px;
- right:0px;
- top:0px;
- bottom:0px;
- position:absolute;
- height:590px;
- width:950px;
- display: flex;
- flex-direction: column;
- align-items: stretch;
- overflow:hidden;
- outline: 1px solid #F5F5F5;
- }
- .postscontainer {
- flex-shrink: 0;
- bottom:0px;
- left:0px;
- position:relative;
- padding:15px;
- width:920px;
- height:480px;
- z-index:8;
- background-repeat: repeat;
- }
- /* POP UP */
- .popup_block{
- overflow-x:hidden;
- overflow-y:scroll;
- position: absolute;
- right:0;
- top: 0;
- z-index:12;
- display:none;
- }
- /* close pop up icon */
- .close {
- z-index:13;
- position: absolute;
- top:0;
- right: 0;
- cursor:pointer;
- }
- /* if you change the background color of the pop ups, you'll need to change the colors here too or the button might not appear. */
- .close a {
- margin-right:-5px;
- font-weight:600!important;
- color:;
- }
- .close a:hover {
- text-decoration:none;
- background-color:#151515;
- }
- .close .sf {
- font-size:calc(13px + 3px);
- font-weight:600;
- padding:1px;
- }
- /* navigation pop up */
- #navigation_popup {
- background-color:#FFFFFF;
- outline: 1px solid #F5F5F5;
- }
- .navigation_popup {
- height:509px;
- }
- .navigation_wrap {
- height:450px;
- display:flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: center;
- align-items:center;
- margin:15px 10px 15px 10px;
- top:0;
- left:0px;
- right:0px;
- bottom:0px;
- position:absolute;
- box-sizing:border-box;
- }
- .navigation_container {
- position: relative;
- display:block;
- height: auto;
- margin:15px 10px 15px 10px;
- box-sizing:border-box;
- padding:15px;
- line-height:130%;
- text-align: center;
- }
- /* navigation title */
- .navigation_title {
- display:inline-block;
- text-transform: uppercase;
- padding:7px;
- margin:2px 0 5px;
- border-bottom:1px solid #F5F5F5;
- }
- /* navigation links box */
- .navigation_links_box {
- padding:7px;
- margin:2px 0 5px;
- overflow:hidden;
- }
- .navigation_links_box li {
- display:inline-block;
- list-style:none;
- margin:0 px 0;
- padding: 0;
- }
- /* navigation links */
- .navigation_links {
- text-align: center;
- overflow:hidden;
- }
- .navigation_links a {
- margin:3px;
- }
- .navigation_links ul {
- margin:0;
- padding:0;
- list-style:none;
- }
- .navigation_links li {
- margin:0 auto;
- }
- .navigation_links ul li:before {
- content:none;
- }
- /* navigation description */
- .navigation_description {
- text-transform: lowercase;
- padding:7px;
- margin:-1px 0;
- line-height:18px;
- text-align: center;
- border-style: solid;
- border-color:#F5F5F5;
- border-width:0 0 1px 0;
- }
- /* navigation list of description */
- .navigation_description ul {
- margin:0;
- padding:0;
- list-style:none;
- }
- .navigation_description li {
- margin:0 auto 7px;
- }
- /* muses */
- #muses_popup {
- z-index:11;
- }
- #muses_popup2 {
- z-index:11;
- }
- .muse_popup {
- width:950px;
- height:510px;
- }
- .main_muses{
- position: absolute;
- right:0;
- top: 0;
- z-index:11;
- }
- .muse_wrap {
- width:950px;
- height:510px;
- overflow-x:hidden;
- overflow-y:scroll;
- display:flex;
- flex-wrap: wrap;
- justify-content: center;
- align-items:center;
- padding:10px;
- top:1;
- left:0px;
- right:0px;
- bottom:1px;
- position:absolute;
- box-sizing:border-box;
- background-color:#FCFCFC;
- background-image:url('');
- background-repeat: repeat;
- background-attachment: fixed;
- background-position:center;
- }
- .muse_container {
- position: relative;
- display:block;
- overflow:hidden;
- width: 210px;
- height:210px;
- margin:10px 15px;
- background-color:transparent;
- box-sizing:border-box;
- outline: 1px solid #F5F5F5;
- }
- .muse_container img {
- margin:0 auto;
- display: block;
- object-fit:cover;
- }
- /* muses main name background that appears before hover, you can change the opacity on 0.4 */
- .muse_title_box {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background-color: rgba(0, 0, 0, 0.4);
- transition: .5s ease-in-out;
- z-index:1;
- }
- /* muses main name that appear before hover */
- .muse_title {
- color: #fff;
- margin:70% 0;
- text-align:center;
- font-style:normal;
- font-size:18px;
- font-family:'Helvetica Neue', Arial,sans-serif;
- text-transform:lowercase;
- letter-spacing:-0.1px;
- word-spacing:0px;
- font-weight:700!important;
- z-index:1;
- }
- .muse_overlay {
- overflow-x:hidden;
- overflow-y:scroll;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- opacity: 0;
- transition: .5s ease-in-out;
- background: #FFFFFF; /* muses box background */
- }
- .muse_container:hover .muse_overlay {
- opacity: 1;
- transition: .5s ease-in-out;
- }
- .muse_container:hover .muse_title_box {
- opacity: 0;
- transition: .5s ease-in-out;
- z-index:-1;
- }
- .muse_content {
- width:100%;
- text-align: center;
- color:;
- }
- /* muses name */
- .muse_name {
- display:inline-block;
- text-transform: uppercase;
- padding:7px;
- margin:2px 0 5px;
- border-bottom:1px solid #F5F5F5;
- }
- /* muses links box */
- .muse_links_box {
- padding:7px;
- margin:2px 0 5px;
- overflow:hidden;
- }
- .muse_links_box li {
- display:inline-block;
- list-style:none;
- margin:0 px 0;
- padding: 0;
- }
- /* muses links */
- .muse_links {
- text-transform: lowercase;
- text-align: center;
- overflow:hidden;
- }
- .muse_links a {
- margin:5px;
- }
- .muse_links ul {
- margin:0;
- padding:0;
- list-style:none;
- }
- .muse_links li {
- margin:0 auto;
- }
- .muse_links ul li:before {
- content:none;
- }
- /* muses more information */
- .muse_description {
- padding:7px;
- margin:-1px 0;
- text-align: center;
- border-style: solid;
- border-color:#F5F5F5;
- border-width:1px 0;
- }
- /* muses list of information */
- .muse_description ul {
- margin:0;
- padding:0;
- list-style:none;
- }
- .muse_description li {
- margin:2px auto;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="headerfooter">
- <div class="title">
- lorem ipsum consectetuer
- </div>
- <nav class="headerfooterlinks">
- <a href="/">go back</a>
- <a href="#?w=950" rel="muses_popup" class="poplight">secondary</a>
- <a href="#?w=950" rel="muses_popup2" class="poplight">tertiary</a>
- <a href="#">link 1</a>
- <a href="#">link 2</a>
- </nav>
- <div class="moreiconpopup headerfooterlinks">
- <a href="#?w=350" rel="navigation_popup" class="poplight">
- <span class="sf sf-more-o" title="more"></span>
- </a>
- </div>
- </div>
- <section class="postscontainer"><!-- don't touch -->
- <!-- START THE NAVIGATION POP UP -->
- <div id="navigation_popup" class="popup_block"> <!-- DO NOT TOUCH. main navigation pop up -->
- <span class="close headerfooterlinks" onclick="this.parentElement.style.display='none';">
- <a href="#"><span class="sf sf-cross-2-o" title="close"></span></a>
- </span>
- <div class="navigation_popup"> <!-- DO NOT TOUCH. navigation pop up -->
- <div class="navigation_wrap"> <!-- DO NOT TOUCH. navigation container -->
- <div class="navigation_container"> <!-- start of the navigation content -->
- <div class="navigation_title">
- Description
- </div>
- <div class="navigation_description">
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- <div class="navigation_links_box">
- <div class="navigation_links headerfooterlinks">
- <ul>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- </ul>
- </div>
- </div>
- <div class="navigation_title">
- kinda a to-do list or wtv
- </div>
- <div class="navigation_description">
- <ul>
- <li><strong>something</strong> blah blah blah</li>
- <li><strong>something</strong> blah blah blah</li>
- <li><strong>something</strong> blah blah blah</li>
- <li><strong>something</strong> blah blah blah</li>
- </ul>
- </div>
- </div> <!-- closes the navigation content -->
- </div> <!-- DO NOT TOUCH. closes navigation container -->
- </div> <!-- DO NOT TOUCH. closes navigation pop up -->
- </div> <!-- DO NOT TOUCH. closes main navigation pop up -->
- <!-- END THE NAVIGATION POP UP -->
- <!-- START THE MAIN MUSES -->
- <div class="main_muses"> <!-- DO NOT TOUCH. main muses pop up -->
- <div class="muse_popup"> <!-- DO NOT TOUCH. muses pop up -->
- <div class="muse_wrap"> <!-- DO NOT TOUCH. muses container -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/lNEq7zlyz/2.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/lNEq7zlyz/2.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- <li><strong>add more:</strong> anything you want tbh</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna. adipiscing elit. </p>
- </div>
- <div class="muse_description">
- <p><strong>even more information if you want</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna. adipiscing elit. aliquam nisi lorem, pulvinar id, commodo.</p>
- <p>feugiat, vehicula et, aliquam mattis porta urna. lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <p><strong>more links too</strong></p>
- <ul>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- <li><a href="/tagged/">more links</a></li>
- </ul>
- </div>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/lNEq7zlyz/2.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>doesn't have to be</strong> name here
- </div>
- <div class="muse_description">
- <p><strong>create your thing as you wish</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/lNEq7zlyz/2.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/lNEq7zlyz/2.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/lNEq7zlyz/2.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- </div> <!-- DO NOT TOUCH. closes the muses container -->
- </div> <!-- DO NOT TOUCH. closes the muses pop up -->
- </div> <!-- DO NOT TOUCH. closes the main pop up -->
- <!-- END THE MAIN MUSES -->
- <!-- START THE SECONDARY MUSES POP UP -->
- <div id="muses_popup" class="popup_block"> <!-- DO NOT TOUCH. main muses pop up -->
- <span class="close headerfooterlinks" onclick="this.parentElement.style.display='none';">
- <a href="#"><span class="sf sf-cross-2-o" title="close"></span></a>
- </span>
- <div class="muse_popup"> <!-- DO NOT TOUCH. muses pop up -->
- <div class="muse_wrap"> <!-- DO NOT TOUCH. muses container -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- </div> <!-- DO NOT TOUCH. closes the muses container -->
- </div> <!-- DO NOT TOUCH. closes the muses pop up -->
- </div> <!-- DO NOT TOUCH. closes the main pop up -->
- <!-- END THE SECONDARY MUSE POP UP -->
- <!-- START THE TERTIARY MUSES POP UP -->
- <div id="muses_popup2" class="popup_block"> <!-- DO NOT TOUCH. main muses pop up -->
- <span class="close headerfooterlinks" onclick="this.parentElement.style.display='none';">
- <a href="#"><span class="sf sf-cross-2-o" title="close"></span></a>
- </span>
- <div class="muse_popup"> <!-- DO NOT TOUCH. muses pop up -->
- <div class="muse_wrap"> <!-- DO NOT TOUCH. muses container -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
- <div class="muse_title_box">
- <div class="muse_title"> <!-- main name that appear before hover -->
- muse name here
- </div>
- </div>
- <img src="https://static.tumblr.com/0siu224/uJVq7zlz7/1.png">
- <div class="muse_overlay"> <!-- box from each muse hover -->
- <div class="muse_content"> <!-- box from each muse inside content -->
- <div class="muse_name">
- <strong>name here</strong> last name
- </div>
- <div class="muse_links_box">
- <div class="muse_links">
- <ul>
- <li><a href="/tagged/">interactions</a></li>
- <li><a href="/tagged/">photography</a></li>
- <li><a href="/tagged/">musings</a></li>
- <li><a href="/tagged/">starter</a></li>
- <li><a href="/tagged/">likes</a></li>
- <li><a href="/tagged/">texts</a></li>
- </ul>
- </div>
- </div>
- <div class="muse_description">
- <ul>
- <li><strong>pronouns:</strong> she/he/them</li>
- <li><strong>sexuality: </strong>sexuality</li>
- <li><strong>occupation: </strong>occupation</li>
- <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
- <li><strong>faceclaim:</strong> faceclaim here</li>
- </ul>
- </div>
- <div class="muse_description">
- <p><strong>more information</strong></p>
- <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
- </div>
- </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
- </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
- </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
- </div> <!-- DO NOT TOUCH. closes the muses container -->
- </div> <!-- DO NOT TOUCH. closes the muses pop up -->
- </div> <!-- DO NOT TOUCH. closes the main pop up -->
- <!-- END THE TERTIARY MUSE POP UP -->
- </section>
- <footer class="headerfooter">
- <div class="headerfooterlinks">
- <span>
- edit this line on class <em>.headerfooterlinks span</em> - write anything else here. it needs to occupy one line! <strong>bold</strong>, <em>italic</em>, <u>underline</u>, <s>stroke</s>
- </span>
- </div>
- <div class="headerfooterlinks">
- <a href="https://tylergaciaposey.tumblr.com/">© tylergaciaposey</a>
- </div>
- </footer>
- </div>
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement