Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!--
- NETWORK II
- by alydae
- - do not steal any part of this code
- - do not even TOUCH the credit
- - direct questions to enchantedthemes.tumblr.com
- if you want to add filters to this page, go to
- http://enchantedthemes.tumblr.com/networks/filters
- thank you for using!!!
- -->
- <title>main muses</title>
- <link rel="shortcut icon" href="{Favicon}">
- <!-- scripts - DO NOT TOUCH -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <script src="https://npmcdn.com/[email protected]/dist/masonry.pkgd.min.js"></script>
- <script>
- $(window).load(function () {
- $('#content').masonry({
- itemSelector : ".box",
- });
- });
- </script>
- <!-- custom font -->
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
- <style type="text/css">
- @keyframes fadein {
- from { opacity:0; }
- to { opacity:1; }
- }
- @-moz-keyframes fadein {
- from { opacity:0; }
- to { opacity:1; }
- }
- @-webkit-keyframes fadein {
- from { opacity:0; }
- to { opacity:1; }
- }
- @-ms-keyframes fadein {
- from { opacity:0; }
- to { opacity:1; }
- }
- @-o-keyframes fadein {
- from { opacity:0; }
- to { opacity:1; }
- }
- /*-- selection --*/
- ::-moz-selection { background:#eee; color:#222; }
- ::selection { background:#eee; color:#222; }
- /*-- scrollbar --*/
- ::-webkit-scrollbar {
- width:2px;
- height:2px;
- }
- ::-webkit-scrollbar-thumb { background-color:#aaa; } /* scrollbar colour */
- /*-- tooltips --*/
- #s-m-t-tooltip {
- color:#666;
- background-color:#fff;
- font-size:8px;
- font-family:'Open Sans', helvetica, sans-serif;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:center;
- position:absolute;
- padding:0px 5px 0px 5px;
- margin-top:30px;
- border:1px solid #eee;
- z-index:999999;
- }
- /*-- tumblr controls --*/
- .tmblr-iframe, .iframe-controls–desktop {
- display:none !important;
- }
- /*-- general customisation --*/
- body {
- color:#666; /* text colour */
- background-color:#fafafa; /* background colour */
- font-style:normal;
- font-family:'Open Sans', helvetica, sans-serif;
- font-size:10px;
- font-weight:400;
- text-decoration:none;
- line-height:180%;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-smoothing: antialiased;
- -webkit-animation: fadein 1.5s;
- -moz-animation: fadein 1.5s;
- -o-animation: fadein 1.5s;
- animation: fadein 1.5s;
- }
- a, .links i {
- text-decoration:none;
- color:#444; /* links colour */
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s
- }
- a:hover, .links i:hover {
- color:#bad1e7; /* links hover colour */
- cursor:pointer;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s
- }
- b, strong { font-weight:700; color:#444; }
- i, em { color:#444; font-style:italic; }
- /*-- header --*/
- #topbar {
- position:fixed;
- top:0;
- width:100vw;
- height:80px;
- background:#fff;
- border-bottom:1px solid #eee;
- z-index:99999;
- }
- .icon {
- height:50px;
- width:50px;
- margin:0px auto;
- padding:15px;
- }
- .icon img { height:50px; width:50px; }
- .title {
- margin-top:-50px;
- margin-left:calc(50% - 150px);
- text-align:left;
- text-transform:uppercase;
- font-size:14px;
- font-weight:bold;
- letter-spacing:1px;
- color:#222; /* title colour */
- }
- .links {
- margin-top:-17.5px;
- margin-left:calc(50% + 65px);
- }
- .links a {
- display:inline;
- padding-right:10px;
- font-size:12px;
- }
- /*-- members --*/
- #content {
- position:relative;
- margin:-60px auto 75px auto;
- width:calc((250px + 20px + 2px) * 3);
- /* ((box width + 2*margin + 2*border width) * number of columns) */
- }
- #label {
- position:relative;
- text-align:center;
- margin:100px auto 75px auto;
- }
- #label2 {
- position:relative;
- text-align:center;
- margin:30px auto 75px auto;
- }
- #label3 {
- clear:both!important;
- position:relative;
- text-align:center;
- margin-bottom:-135px;
- margin-top:275px!important;
- }
- #content2 {
- position:relative;
- margin:155px auto 75px auto;
- width:calc((250px + 20px + 2px) * 3);
- /* ((box width + 2*margin + 2*border width) * number of columns) */
- }
- #content3 {
- position:relative;
- margin:155px auto 0px auto; margin-bottom:100px!important;
- width:calc((250px + 20px + 2px) * 3);
- /* ((box width + 2*margin + 2*border width) * number of columns) */
- }
- .box {
- position:block;
- margin:10px;
- height:45px; /* box height */
- width:250px; /* box width */
- float:left;
- background:#fff;
- border:1px solid #eee;
- }
- .box h1 {
- margin-top:-43px;
- padding-left:70px;
- position:relative;
- text-transform:uppercase;
- text-align:left;
- font-weight:600;
- font-size:11px;
- color:#444;
- }
- .box img {
- width:45px; /* icon height */
- height:45px; /* icon width */
- }
- .box:hover .overlay { opacity:1; }
- .sub {
- position:relative;
- margin-left:70px;
- margin-top:-10px;
- font-style:italic;
- text-transform:lowercase;
- padding-right:5px;
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
- }
- .show {
- position:absolute;
- margin-top:-40px;
- margin-left:45px;
- height:45px;
- width:205px;
- text-align:center;
- line-height:45px;
- opacity:0;
- background-color:#fff;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s
- }
- .box:hover .show {
- opacity:1;
- margin-top:-40px;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s
- }
- /*-- credit - DO NOT TOUCH --*/
- .credit a {
- font-size:10px;
- bottom:15px;
- right:20px;
- position:fixed;
- text-transform:uppercase;
- }
- </style>
- </head>
- <body>
- <div id="topbar">
- <!-- the default is your icon. if you want to change it, remove {PortraitURL-128} and replace it with the image url of the one you want. -->
- <div class="icon"><img src="{PortraitURL-128}"/></div>
- <div class="title">main muses</div> <!-- title -->
- <div class="links">
- <!-- this is where your header links are. feel free to add more. to change the icon, go to https://fontawesome.com/icons. -->
- <a href="/" title="index"><i class="fas fa-home"></i></a>
- <a href="/ask" title="message"><i class="fas fa-envelope"></i></a>
- <a href="/request" title="by request"><i class="fas fa-bars"></i></a>
- <!-- do not remove this one!!! -->
- <a href="https://enchantedthemes.tumblr.com" title="theme"><i class="fas fa-code"></i></a>
- </div>
- </div>
- <div id="label">
- <h2>MAIN.</h2>
- </div>
- <div id="content">
- <!-- BOX CUSTOMISATION
- template:
- <div class="box">
- <img src=""/>
- <h1>name</h1>
- <div class="sub">subtitle</div>
- <div class="show"><a href="">* more info</a></div>
- </div>
- if you do not want the text on hover, just delete these lines.
- <div class="show"><a href="">* more info</a></div>
- -->
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/2d37eaa73c2c2c07ae277e2d73c464a7/8b3bfed4929f9b0d-b5/s540x810/6f62f9dd2c1cb835cdd3020442a0fae22da66d9e.png"/>
- <h1>angelica</h1>
- <div class="sub">pirates of the caribbean</div>
- <div class="show"><a href="/angelica">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/c524dbd68e39c6929c15911d5023ea4a/8b3bfed4929f9b0d-aa/s540x810/2db3c13da051bbafb21cf326ad4bada06efa406f.png"/>
- <h1>autumn mills</h1>
- <div class="sub">oc / superhero</div>
- <div class="show"><a href="/autumn">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/04a35a794496ab6fc0a49e30d0543f82/8b3bfed4929f9b0d-b4/s540x810/ea0871c49a91e5a78c113a0a43b37c52e2a8fb92.png"/>
- <h1>brianna randall fraser</h1>
- <div class="sub">outlander / show based</div>
- <div class="show"><a href="/brianna">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/54f621711cf550f4d391b11c78e875f2/8b3bfed4929f9b0d-c2/s540x810/604be2aea7328a530978961600817ac84fd8917f.png"/>
- <h1>carina smyth</h1>
- <div class="sub">pirates of the caribbean</div>
- <div class="show"><a href="/carina">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/3deaad9ca8b567aca254563c0b9f0755/8b3bfed4929f9b0d-36/s540x810/56dd70fa21fe964a40191770b870b0b7915ff1fc.png"/>
- <h1>carol danvers</h1>
- <div class="sub">marvel / earth-616 based</div>
- <div class="show"><a href="/carol">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/d034a1d532ae3f99df3df8f701998a07/8b3bfed4929f9b0d-19/s540x810/2ebd53f095750c6862d301af975ca63adf1b8681.png"/>
- <h1>caroline forbes</h1>
- <div class="sub">the vampire diaries</div>
- <div class="show"><a href="/caroline">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/96bc116ee5367957263a8e0c8cc3865b/8b3bfed4929f9b0d-76/s540x810/da668be9f86cb16ffcaa141be59a170e7f5a24b2.png"/>
- <h1>catherine lucas</h1>
- <div class="sub">oc / historical & potc based</div>
- <div class="show"><a href="/catherine">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/c744450daeb73d74ede38d287155d9bf/8b3bfed4929f9b0d-3d/s540x810/9a533fd00fe6b1bdbef67d4a533c41b9acbce1e4.png"/>
- <h1>charlotte foster</h1>
- <div class="sub">oc / fandomless</div>
- <div class="show"><a href="/charlotte">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/73c0fa82924e8cd2829a03c5094de765/8b3bfed4929f9b0d-77/s540x810/5f7b707b5417b44f43ab8efe6e97c7715c12d990.png"/>
- <h1>claire fraser</h1>
- <div class="sub">outlander / mostly show based</div>
- <div class="show"><a href="/claire">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/ecf8e9a8e5523296725affd816f66f64/8b3bfed4929f9b0d-97/s540x810/a9379173197b99e07c54b86f12f40754b327a77f.png"/>
- <h1>elizabeth bennet</h1>
- <div class="sub">pride and prejudice</div>
- <div class="show"><a href="/elizabeth">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/9017fb55d0c22023f0f8c59bda80c8ed/8b3bfed4929f9b0d-9e/s540x810/663f1883f37aed794ca05d3df298c0493db35ee2.png"/>
- <h1>gwen stacy</h1>
- <div class="sub">marvel / mix of tasm and spider-gwen</div>
- <div class="show"><a href="/gwen">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/1208dacbe5e0bc2d92718813b823d363/8b3bfed4929f9b0d-8b/s540x810/0cbf376b32e7ee0668988ede5537c1469fcf8a34.png"/>
- <h1>hattie price</h1>
- <div class="sub">oc / victorian era</div>
- <div class="show"><a href="/hattie">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6cff8559d6a7f7e1a5c5136c83328bd9/8b3bfed4929f9b0d-43/s540x810/aae1d532c3b877e836946b3113d8e979f27f1500.png"/>
- <h1>jacqueline rousseau</h1>
- <div class="sub">oc / historical</div>
- <div class="show"><a href="/jacqueline">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/720505428332963d4479565857e8ccd2/2343f652f267b9c4-d9/s540x810/b64cd788122b7c984acc6a7f139663f76e7b4648.png"/>
- <h1>janie barrett</h1>
- <div class="sub">oc / westworld based</div>
- <div class="show"><a href="/janie">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/415c243de786372a517551dd8be4a48d/8b3bfed4929f9b0d-83/s540x810/fa20405d0f0ab72a1cbb3b84593910b692080a04.png"/>
- <h1>julia watson</h1>
- <div class="sub">oc / historical & outlander based</div>
- <div class="show"><a href="/julia">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/655ed6aff7ae601e8f472aea9767c241/8b3bfed4929f9b0d-7f/s540x810/82f2fd20e0ae16d62d16a1f0395a4da8db96b4a7.png"/>
- <h1>lucy preston</h1>
- <div class="sub">timeless</div>
- <div class="show"><a href="/lucy">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/055a540bd60693d3862a114d96d3f525/8b3bfed4929f9b0d-67/s540x810/3e868184f9d3e6c6b6011a9f30f1be22e1115d09.png"/>
- <h1>lydia shaw</h1>
- <div class="sub">oc / historical</div>
- <div class="show"><a href="/lydia">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/83d91eabc60ccd66e4e2cfe6a7e35373/8b3bfed4929f9b0d-6f/s540x810/eb13b59d79b57e667597a8d402e75814bf6e9e43.png"/>
- <h1>nerissa</h1>
- <div class="sub">oc / lore & potc based</div>
- <div class="show"><a href="/nerissa">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/fa4c2c76d0c71c5a8f8a6c2e478d5259/8b3bfed4929f9b0d-61/s540x810/7f2fa7a01980ec4d5e520e7c4516a65240e13cc4.png"/>
- <h1>peggy carter</h1>
- <div class="sub">mcu based</div>
- <div class="show"><a href="/peggy">* more info</a></div>
- </div>
- </div>
- <div id="label2"><h2>BY REQUEST.</h2></div>
- <div id="content">
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- </div>
- <div id="label3"><h2>ORIGINAL.</h2></div>
- <div id="content3">
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- <div class="box">
- <img src="https://66.media.tumblr.com/6153982030b1240719cdb60ca2338b3f/8b3bfed4929f9b0d-85/s540x810/e94cacf02613bda26dca1ed51bdbffc5d66eacb3.png"/>
- <h1>alex reid</h1>
- <div class="sub">saving hope</div>
- <div class="show"><a href="/alex">* more info</a></div>
- </div>
- </div>
- <!-- credit - DO NOT TOUCH -->
- <div class="credit">
- <a href="https://enchantedthemes.tumblr.com" title="alydae">A.</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment