Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!---------------- HEY! LISTEN --------------*/
- theme made by:
- deersprouts.tumblr.com
- base code from:
- neonbike themes
- thank you lucy (animalites)
- for the coolio chat post code
- /*--------------------------------------------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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}
- <meta name="color:background" content="#e5e5e5"/>
- <meta name="color:desctext" content="#000000"/>
- <meta name="color:pagination" content="#7d7d7d"/>
- <meta name="color:text" content="#181818"/>
- <meta name="color:title" content="#151515"/>
- <meta name="color:navi" content="#ffffff"/>
- <meta name="color:link" content="#9e7e9b"/>
- <meta name="color:linkhover" content="#d6c1d2"/>
- <meta name="color:bold" content="#943968" />
- <meta name="color:italic" content="#b8878c" />
- <meta name="color:underline" content="#b8878c" />
- <meta name="color:scrollbar" content="#e3c9d3" />
- <meta name="color:border" content="#c3b8c0" />
- <meta name="color:icon border" content="#c3b8c0" />
- <meta name="color:blockquote" content="#c3b8c0" />
- <meta name="color:pretext" content="#181818"/>
- <meta name="color:prebg" content="#fcfcfc"/>
- <meta name="color:shadow" content="#d7d1d5" />
- <meta name="color:icon shadow" content="#d7d1d5" />
- <meta name="color:desc bg" content="#f8f8f8" />
- <meta name="color:muse bg" content="#fbfbfb" />
- <meta name="color:post bg" content="#f8f8f8" />
- <meta name="color:post info bg" content="#f8f8f8" />
- <meta name="color:chat user 1 bg" content="#f8f8f8" />
- <meta name="color:chat user 1 text" content="#000" />
- <meta name="color:chat user 2 bg" content="#eee" />
- <meta name="color:chat user 2 text" content="#000" />
- <meta name="text:title" content="title here"/>
- <meta name="text:username" content="username"/>
- <meta name="text:tab 3 title" content="rules"/>
- <meta name="text:tab 4 title" content="muses"/>
- <meta name="text:link 1" content="link 1"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content="link 2"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3" content="link 3"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content="link 4"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5" content="link 5"/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="image:background" content="http://static.tumblr.com/akokiaa/XD2nrrxcx/preview.png"/>
- <meta name="image:icon" content="http://static.tumblr.com/akokiaa/QrFnro95g/tumblr_nmg5h8f0y01til0cno2_250.png"/>
- <meta name="image:icon2" content="http://static.tumblr.com/akokiaa/QrFnro95g/tumblr_nmg5h8f0y01til0cno2_250.png"/>
- <meta name="if:greyscale" content="0"/>
- <meta name="if:updates" content="1"/>
- <meta name="text:text size" content="9px" />
- <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <!-- 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>
- <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script> <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js”></script> <script type=”text/javascript” charset=”utf-8”> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == “iPad” || navigator.platform == “iPhone”) return; $j(“img”).lazyload({ placeholder : “http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif”, effect: “fadeIn”, }); }); </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <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>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub").hide();
- //toggle the componenet with class msg_body
- jQuery(".cthrough").click(function()
- {
- jQuery(this).next(".sub").slideToggle(500);
- });});
- </script>
- <script>
- /* questions? ask oddhour.tumblr.com */
- var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 400px; } .photoset .photoset_row.photoset_row_2 img { max-width: 198px; } .photoset .photoset_row.photoset_row_3 img { max-width: 130px; } .photoset .photoset_row { text-align: center; width: 400px; } .photoset { width: 400px; }</style>";
- function updatePhotoset() {
- $(".photoset").each( function (i, e) {
- if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
- $(this.contentDocument).find("head").append(updatePhotosetCss);
- var photoset = $(this.contentDocument).find(".photoset");
- var photosetRows = photoset.find(".photoset_row");
- photoset.find(".photoset_photo")
- .each(function () {
- var hiResSrc = $(this).attr("href");
- var img = $(this).find('img');
- img.attr("src", hiResSrc );
- img.attr("style", "");
- });
- photosetRows.attr("style", "").css("margin-bottom", "-5px");
- photoset.attr("style","");
- $(this).height($(this.contentDocument.body).height());
- });
- }
- updatePhotoset();
- var photosetTimer = setInterval(updatePhotoset, 1500);
- $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
- <script type="text/javascript">
- $('article').fitVids();
- </script>
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {
- height:10px; border:2px solid {color:post bg}; background-color:{color:scrollbar};}
- ::-webkit-scrollbar-thumb:horizontal {
- border:0px solid #eee; background-color:{color:scrollbar}; }
- ::-webkit-scrollbar {
- width:7px; height:5px;
- border:3px solid {color:post bg};
- background:{color:scrollbar};
- -webkit-border-fill-color: transparent;
- }
- ::-moz-selection {
- color:{color:italic};
- background-color:transparent;
- }
- ::selection {
- color:{color:italic};
- background-color:transparent;
- }
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s
- ease-out;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- -webkit-transform:scale(.8);
- white-space:nowrap!important;
- opacity:.67!important;
- padding:10px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{
- -webkit-transition: opacity 0.7s ease-out;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;}
- #vignette,
- #tumblr_lightbox_left_image,
- #tumblr_lightbox_right_image,
- #tumblr_lightbox_caption {
- visibility:hidden;
- }
- #tumblr_lightbox {
- background-color:transparent!important;
- }
- #tumblr_lightbox img {
- border-radius:0!important;
- -webkit-box-shadow:none!important;
- box-shadow:none!important;
- }
- /*----------- UPDATES -----------*/
- #little {
- width: 10px;
- height: 10px;
- background-color: {color:navi};
- left: 855px;
- top: 120px;
- opacity:0.6;
- z-index:-9999;
- position: fixed;
- overflow:hidden;
- -webkit-transition: opacity 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- }
- #updates {
- display:block;
- position: fixed;
- left: 855px;
- top: 120px;
- z-index:9999;
- width:10px;
- height:10px;
- overflow:hidden;
- opacity: 0;
- -webkit-transition: opacity 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- #updates:hover {
- height: 300px;
- width: 140px;
- opacity: 0.9;
- -webkit-transition: all .5s ease-out;
- -moz-transition: all .5s ease-out;
- -o-transition: all .5s ease-out;
- -ms-transition: all .5s ease-out;
- transition: all .5s ease-out;
- }
- #updatesbox {
- width:130px;
- padding: 10px;
- padding-bottom:20px;
- padding-top: 8px;
- font-size: 8.5px;
- line-height: 150%;
- text-align:left;
- color: {color:text};
- background-color: transparent;
- letter-spacing: .3px;
- font-family:arial;
- width:90px;
- line-height:10px;
- }
- /*----------- UPDATES END -----------*/
- /*------- BODY ---------*/
- body {
- background-color:{color:background};
- background-image: url('{image:background}');
- background-position: top left;
- background-repeat: repeat;
- background-attachment: fixed;
- line-height:110%;
- color:{color:text};
- font-family: 'Helvetica', sans-serif;
- font-size: {text:text size};
- letter-spacing:0.5px;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- a:hover {
- color:{color:linkhover};
- text-shadow:1px 1px 1px {color:shadow};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- hr {
- width: 40%;
- margin-left: auto;
- margin-right: auto;
- margin-top: 20px;
- margin-bottom: 20px;
- opacity:0.5;
- color:{color:text};
- }
- blockquote {
- padding:2px 8px;
- margin:3px 0 3px 8px;
- border-left:1px dotted {color:blockquote};
- background-color:transparent;}
- blockquote img {
- max-width:100%;
- height:auto;}
- b, strong {
- color:{color:bold};}
- i, em {
- color:{color:italic};
- }
- u {
- color:{color:underline};
- }
- small,sup,sub {
- font-size:{text:Text Size}}
- big {
- font-size:12px;}
- pre {
- color:{color:pretext};
- background-color:{color:prebg};
- opacity:0.6;
- font-size:8px;
- padding:20px;
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */}
- /*------- BODY END ---------*/
- /*------- HEADINGS ---------*/
- h1 {
- font-size:16px;
- font-family: 'Montserrat', sans-serif;
- line-height:120%;
- font-weight:300;
- padding:5px;
- margin:0px;
- letter-spacing:2px;
- text-transform:uppercase;
- text-shadow: 0px 1px 1px {color:shadow};
- text-align:left;
- color:{color:text};
- }
- h2 {
- font-size:13px;
- font-family: 'Montserrat', sans-serif;
- line-height:120%;
- font-weight:400;
- padding:5px;
- font-style:italic;
- margin:0px;
- letter-spacing:0px;
- text-shadow: 0px 1px 1px {color:shadow};
- text-transform:lowercase;
- text-align:left;
- color:{color:text};
- }
- h3 {
- font-size:12px;
- font-family: 'Montserrat', sans-serif;
- line-height:18px;
- padding:5px;
- margin:0px;
- font-weight:300;
- letter-spacing:3px;
- text-transform:uppercase;
- text-align:center;
- color:{color:italic};
- }
- h4 {
- font-size:9.5px;
- line-height:18px;
- letter-spacing:2.5px;
- font-family: 'Montserrat', sans-serif;
- font-weight:bold;
- text-transform:uppercase;
- padding:3.5px;
- border:{color:blockquote} 1px solid;
- text-shadow: 0px 1px 1px {color:shadow};
- color:{color:text};
- }
- h5 {
- font-size:9.5px;
- line-height:13px;
- letter-spacing:.5px;
- font-family: 'Montserrat', sans-serif;
- font-weight:normal;
- text-decoration:none;
- font-style:normal;
- text-align: center;
- margin-left:20px;
- margin-right:20px;
- border:{color:text} 1px dotted;
- opacity:0.8;
- padding:8px;
- color:{color:bold};
- }
- h6 {
- font-size:8.5px;
- line-height:150%;
- font-family: 'Montserrat', sans-serif;
- letter-spacing:1px;
- font-weight:400;
- text-transform:uppercase;
- padding:2px;
- text-align:center;
- margin-top: 0em;
- margin-bottom: 5px;
- margin-left: 0;
- margin-right: 0;
- border-bottom:{color:blockquote} 4px double;
- color:{color:text};
- background:transparent;
- }
- /*------- HEADINGS END ---------*/
- {block:IfGreyscale}
- img {
- -webkit-filter:grayscale(100%);
- -webkit-transition: all 0.9s ease-out-out;
- -moz-transition: all 0.9s ease-out-out;
- -o-transition: all 0.9s ease-out-out;
- -ms-transition: all 0.9s ease-out-out;
- transition: all 0.9s ease-out-out;}
- img:hover {
- -webkit-filter:none;}
- .html_photoset {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.9s ease-out-out;
- -moz-transition: all 0.9s ease-out-out;
- -o-transition: all 0.9s ease-out-out;
- -ms-transition: all 0.9s ease-out-out;
- transition: all 0.9s ease-out-out;}
- .html_photoset:hover {
- -webkit-filter: none;}
- {/block:IfGreyscale}
- img {
- max-width:100%;
- height:auto;}
- /* ---------- TITLE --------*/
- .listen{
- position:fixed;
- top: 90px;
- left:400px;
- text-align:left;
- width:420px;
- height:10px;
- padding:10px;
- font-size:12px;
- text-transform:uppercase;
- background:transparent;
- opacity:0.8;
- font-weight:400;
- letter-spacing:1.5px;
- z-index:999;
- border: 2px solid transparent;
- color:{color:title};
- text-shadow: 0px 2px 2px {color:shadow};
- font-family: 'Montserrat', sans-serif;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- /*------- NAVI ---------*/
- .hey {
- position:fixed;
- top: 88px;
- left:703px;
- height:100px;
- z-index:9999;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- /*----- Tab Links -----*/
- /* Clearfix */
- .tab-links:after {
- display:inline-block;
- clear:both;
- content:'';
- }
- .tab-links li {
- margin:6px;
- display:inline-block;
- list-style:none;
- }
- .tab-links a {
- margin-bottom:10px;
- opacity:0.9;
- padding:0px;
- border-radius:100%;
- width:9px;
- height:9px;
- display:inline-block;
- text-align:left;
- opacity:0.4;
- background-color:{color:navi};
- box-shadow:0px 0px 0px 0px #ebeff1 inset;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- .tab-links a:hover {
- color:{color:linkhover};
- text-shadow:0px 2px 2px {color:text} inset;
- opacity:1.0;
- -webkit-transition: all .2s ease-out;
- -moz-transition: all .2s ease-out;
- -o-transition: all .2s ease-out;
- -ms-transition: all .2s ease-out;
- transition: all .2s ease-out;
- }
- li.active a, li.active a:hover {
- color:{color:linkhover};
- text-shadow: none 0px 2px 2px {color:shadow} inset;
- opacity:1.0;
- -webkit-transition: all .2s ease-out;
- -moz-transition: all .2s ease-out;
- -o-transition: all .2s ease-out;
- -ms-transition: all .2s ease-out;
- transition: all .2s ease-out;
- }
- #sprouty{
- position:fixed;
- top: 180px;
- left:285px;
- height:80px;
- }
- #sprouty a{
- width:65px;
- display:block;
- height:8px;
- font-size:8px;
- line-height:130%;
- letter-spacing:1.5px;
- font-family: 'inconsolata', sans-serif;
- text-transform:uppercase;
- text-decoration:none;
- text-align:left;
- padding:3px;
- margin:0px;
- opacity:1.0;
- background:none;
- color:{color:link};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #sprouty a:before {
- content:'';
- position:absolute;
- margin-left:-20px;
- margin-top:2px;
- -moz-border-radius:100%;
- -webkit-border-radius:100%;
- border-radius:100%;
- width:7px;
- height:7px;
- border:1px solid {color:navi};
- opacity:1;
- transition:0.4s;
- -o-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -moz-transition-duration:0.4s;
- }
- #sprouty a:hover {
- color:{color:linkhover};
- padding-left:10px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #sprouty a:hover::before {
- background:{color:navi};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #icon {
- position:fixed;
- top: 180px;
- left:180px;
- padding:0px;
- z-index:999;
- border:1px dotted {color:icon border};
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- #iconbg {
- position:fixed;
- top: 190px;
- left:190px;
- width:60px;
- height:60px;
- padding:3px;
- background-color: {color:icon shadow};
- opacity:0.5;
- z-index:-999;
- border:0px dotted {color:border};
- }
- #icon2 {
- DISPLAY:NONE;
- position:fixed;
- top: 180px;
- left:265px;
- padding:0px;
- z-index:999;
- border:1px dotted {color:icon border};
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- #iconbg2 {
- DISPLAY:NONE;
- position:fixed;
- top: 190px;
- left:275px;
- width:60px;
- height:60px;
- padding:3px;
- background-color: {color:icon shadow};
- opacity:0.5;
- z-index:-999;
- border:0px dotted {color:border};
- }
- #icon img, #icon2 img {
- width:60px;
- height:60px;
- padding:5px;
- opacity:1.0;
- overflow:hidden;
- }
- /*------- NAVI END ---------*/
- /*------- ENTRIES ---------*/
- .tabs {
- width:100%;
- margin-left:0px;
- display:inline-block;
- }
- /*----- Content of Tabs -----*/
- .deer {
- position:fixed;
- width:440px;
- background:transparent;
- height:380px;
- top: 120px;
- left:400px;
- overflow-y:auto;
- overflow-x:hidden;
- margin-bottom:-10px;
- padding:0px;
- border:1px dotted {color:border};
- -webkit-transition:0.3s;
- -moz-transition:0.3s;
- transition:0.3s;
- }
- .tab {
- display:none;
- }
- .tab.active {
- display:block;
- }
- #deerbg {
- position:fixed;
- width:400px;
- background:{color:post bg};
- height:340px;
- top: 120px;
- left:400px;
- overflow-y:hidden;
- overflow-x:hidden;
- opacity:0.7;
- padding:20px;
- border:1px dotted {color:border};
- box-shadow: 5px 5px 0px 0px {color:shadow};
- }
- #deerbgshadow {
- position:fixed;
- width:400px;
- background:{color:post bg};
- height:340px;
- top: 120px;
- left:400px;
- overflow-y:hidden;
- overflow-x:hidden;
- opacity:0.7;
- padding:20px;
- border:1px dotted {color:border};
- }
- .entries {
- width:420px;
- background:transparent;
- height:380px;
- margin:0px;
- overflow-y:auto;
- overflow-x:hidden;
- padding: 0px 10px 0px 10px;
- opacity:1.0;
- border:0px solid {color:border};
- }
- .posts {
- width: 400px;
- padding: 10px;
- background:transparent;
- margin-bottom:30px;
- margin-left:0px;
- line-height:140%;
- color: {color:text};
- text-align:justify;
- }
- .posts img, .posts .photoset{
- display:block;
- max-width:100%;
- height:auto;
- }
- .poopset { width: 400px; height:auto; }
- .videothing { width: 320px; height:auto; }
- #message {
- padding:30px;
- }
- #deertab {
- padding:20px;
- overflow:auto;
- line-height:140%;
- }
- #sprout{
- width:400px;
- padding-top:5px;
- margin-bottom:20px;
- }
- #sprout a{
- width:400px;
- display:block;
- height:20px;
- font-size:10px;
- line-height:130%;
- letter-spacing:1.5px;
- font-family: 'Montserrat', sans-serif;
- text-transform:uppercase;
- text-decoration:none;
- font-weight:300;
- text-align:center;
- padding-top:5px;
- background:{color:post bg}; /*change section title background color */
- opacity:1.0;
- color:{color:text}; /*change section title color*/
- margin-top:20px;
- margin-bottom:10px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #sprout a:hover .cthrough{ /*change section title background hover color */
- opacity:0.7; /*change section title hover color*/
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- /*------- ENTRIES END ---------*/
- /*------- DESCRIPTION ---------*/
- .description{
- display:static;
- position:fixed;
- top: 270px;
- left:180px;
- width:140px;
- height:120px;
- padding:10px;
- border: 1px dotted {color:border};
- font-weight:300;
- font-family: 'Montserrat', sans-serif;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- .descriptionbg {
- display:static;
- position:fixed;
- background:{color:desc bg};
- opacity:0.6;
- top: 270px;
- left:180px;
- width:140px;
- height:120px;
- padding:10px;
- border: 1px dotted {color:border};
- font-weight:300;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- .description:hover #realdesc {
- opacity:0.8;
- font-weight:300;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- .description:hover #desc {
- opacity:0;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- #descbox {
- position:fixed;
- top: 270px;
- left:180px;
- width:inherit;
- height:inherit;
- padding:10px;
- background:transparent;
- border: 2px solid transparent;
- color:{color:desctext};
- font-size:9px;
- line-height:130%;
- font-weight:300;
- overflow:hidden;
- letter-spacing:0.5px;
- padding:10px;
- }
- #desc {
- position:absolute;
- top: 0;
- left:0;
- width:inherit;
- height:inherit;
- margin-top:5px;
- text-align:center;
- padding:10px;
- letter-spacing:1px;
- line-height:150%;
- background:none;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- #realdesc {
- position:absolute;
- top: 0;
- left:0;
- width:inherit;
- height:inherit;
- margin: 0 auto;
- text-align:center;
- padding:10px;
- letter-spacing:0.5px;
- line-height:150%;
- opacity:0.0;
- background:none;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- .description b{
- color:{color:bold};
- letter-spacing:1px;
- font-weight:400;
- opacity:0.9;
- }
- .description i{
- color:{color:italic};
- }
- /*------- DESCRIPTION END ---------*/
- /*------- MUSES ---------*/
- .musey{
- display:inline-block;
- width:115px;
- height:115px;
- margin-left:5px;
- margin-right:10px;
- margin-top:5px;
- margin-bottom:10px;
- background:{color:muse bg};
- border: 0px solid {color:muse bg};
- font-weight:600;
- font-family: 'Montserrat', sans-serif;
- opacity:1.0;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- .musey:hover {
- opacity:1.0;
- background:{color:muse bg};
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- .musey a {
- display: block;
- }
- #musepic {
- margin: 10px 10px 10px 10px;
- width:100px;
- height:100px;
- padding:0px;
- z-index:-99;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- -ms-transition: all .4s ease-out;
- transition: all .4s ease-out;
- }
- #musepic img {
- width:75px;
- height:75px;
- border:10px solid {color:post bg};
- overflow:hidden;
- z-index:-999;
- -webkit-transition-duration:400ms;-o-transition-duration:400ms;-ms-transition-duration:400ms;-moz-transition-duration:400ms;
- }
- #museyurl {
- position:relative;
- bottom:120px;
- left:0px;
- text-align:center;
- padding:0px;
- line-height:110%;
- width:115px;
- height:105px;
- z-index:999;
- opacity:0.0;
- background:{color:muse bg};
- -webkit-transition: all .4s ease;
- -moz-transition: all .4s ease;
- -o-transition: all .4s ease;
- -ms-transition: all .4s ease;
- transition: all .4s ease;
- }
- #urlstuf {
- margin-left:auto;
- margin-right:auto;
- z-index:999;
- background:{color:post bg};
- }
- #urlstuf a{
- display:block;
- color:{color:text};
- padding:4px;
- font-size:13px;
- padding-top:40px;
- letter-spacing:1px;
- font-weight:400;
- line-height:140%;
- width:inherit;
- height:inherit;
- font-family: 'Montserrat', sans-serif;
- text-transform:lowercase;
- text-decoration:none;
- text-align:center;
- font-weight:400;
- background:{color:muse bg};
- opacity:1.0;
- margin:10px auto;
- margin-top:10px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #urlstuf a:hover{text-shadow:1px 1px 2px {color:shadow};
- }
- .corgi {
- margin-left:5px;
- margin-right:5px;
- font-style:normal;
- line-height:120%;
- font-weight:normal;
- color: {color:text}; /* change muse sub text color */
- font-family: 'Inconsolata', ;
- text-transform:uppercase;
- letter-spacing:0.5px;
- font-size:8.5px;
- margin-top:-25px;
- -webkit-transition: all .4s ease;
- -moz-transition: all .4s ease;
- -o-transition: all .4s ease;
- -ms-transition: all .4s ease;
- transition: all .4s ease;
- }
- .musey:hover .corgi {
- margin-top:-12px;
- -webkit-transition: all .4s ease;
- -moz-transition: all .4s ease;
- -o-transition: all .4s ease;
- -ms-transition: all .4s ease;
- transition: all .4s ease;
- }
- .musey:hover #museyurl {
- opacity:1.0;
- background:{color:muse bg};
- -webkit-transition: all .4s ease;
- -moz-transition: all .4s ease;
- -o-transition: all .4s ease;
- -ms-transition: all .4s ease;
- transition: all .4s ease;
- }
- .musey:hover #musepic {
- opacity:1.0;
- -webkit-transition: all .4s ease;
- -moz-transition: all .4s ease;
- -o-transition: all .4s ease;
- -ms-transition: all .4s ease;
- transition: all .4s ease;
- }
- /*------- MUSES END ---------*/
- /*------- OTHER FUN STUF ---------*/
- #pagination {
- position:fixed;
- top: 415px;
- left:180px;
- font-family:'Montserrat', sans-serif;
- padding:5px;
- letter-spacing:1.5px;
- text-transform:uppercase;
- font-weight:400;
- text-size:7.5px;
- text-align:right;
- word-spacing:5px;
- margin-bottom:0px;
- width:150px;
- }
- #pagination a{
- color:{color:pagination};
- opacity:0.5;
- }
- #pagination a:hover{
- opacity:0.9;
- }
- /*------ chat stuff ----*/
- .convo li{
- margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative
- }
- .convo b, .user_1 b,.user_3 b,.user_5 b,.user_7 b,.user_9 b,.user_11 b{color:{color:chat user 1 text};}
- .convo b, .user_2 b,.user_4 b,.user_6 b,.user_8 b,.user_10 b,.user_12 b{color:{color:chat user 2 text};}
- .user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
- float:left;background:{color:chat user 1 bg};color:{color:chat user 1 text};left:3px
- }
- .user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
- content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:chat user 1 bg};border-bottom-right-radius:1em .5em
- }
- .user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
- right:3px;float:right;background-color:{color:chat user 2 bg};color:{color:chat user 2 text}
- }
- .user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:chat user 2 bg};border-bottom-left-radius:1em .5em
- }
- .user_3{background-color:{color:chat user 1 bg};color:{color:chat user 1 text}}.user_3::after{border-color:{color:chat user 1 bg}}
- .user_4{background-color:{color:chat user 2 bg};color:{color:chat user 2 text}}.user_4::after{border-color:{color:chat user 2 bg}}
- .user_5{background-color:{color:chat user 1 bg};color:{color:chat user 1 text}}.user_5::after{border-color:{color:chat user 1 bg}}
- .user_6{background-color:{color:chat user 2 bg};color:{color:chat user 2 text}}.user_6::after{border-color:{color:chat user 2 bg}}
- .user_7{background-color:{color:chat user 1 bg};color:{color:chat user 1 text}}.user_7::after{border-color:{color:chat user 1 bg}}
- .user_8{background-color:{color:chat user 2 bg};color:{color:chat user 2 text}}.user_8::after{border-color:{color:chat user 2 bg}}
- .user_9{background-color:{color:chat user 1 bg};color:{color:chat user 1 text}}.user_9::after{border-color:{color:chat user 1 bg};}
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 0;
- margin: 0;
- }
- #message {
- padding:30px;
- }
- #ask {
- background:#fff;
- opacity:0.7;
- padding:10px;
- }
- #asker {
- z-index:9999999999 !important;
- margin-left:20px;
- margin-top:10px;
- margin-right:10px;}
- #askurl {
- font-size:14px;
- font-weight:400;
- font-family: 'Montserrat', sans-serif;
- letter-spacing:3px;
- margin-left:70px;
- margin-top:-25px;
- margin-right:5px;}
- #question {
- font-size: {text:text size};
- margin-left:70px;
- margin-right:40px;
- padding:10px;
- text-align:justify;}
- #quote {
- font-size:16px;
- font-family:'Montserrat', sans-serif;
- text-align: center;
- font-weight: 400;
- letter-spacing: 1.5px;
- line-height: 130%;
- padding-bottom: 10px;}
- #quotesrc {
- font-size:11px;
- font-family: 'Montserrat', sans-serif;
- font-weight: 300;
- letter-spacing:1px;
- text-align:center;
- color:{color:link};}
- #quote:before {
- content: "❝ ";
- font-size:16px;
- font-family: 'Montserrat', sans-serif;
- font-weight: 500;
- color:{color:bold};}
- #quote:after {
- content: " ❞";
- font-size:16px;
- font-family: 'Montserrat', sans-serif;
- font-weight: 500;
- color:{color:bold};}
- #cover {
- position: relative;
- z-index: 1;
- height: 80px;
- float:left;
- margin:4px;
- box-shadow:0px 0px 5px {color:box shadow};}
- #button {
- width:20px;
- height:30px;
- overflow: hidden;
- position: relative;
- z-index: 99;
- margin: 15px 24px 13px 16px;}
- #buttons {
- background-color: #fff;
- position: absolute;
- z-index: 99;
- margin-top: 15px;
- margin-left: 15px;
- opacity: 0;
- -webkit-transition: opacity 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;}
- #post:hover #buttons {
- opacity:1;}
- #musicinfo {
- margin-left: 110px;
- font-size:10px;
- min-height:70px;
- text-align:left;
- position: relative;}
- .note {
- color:{color:text};
- text-transform:uppercase;
- width:290px;
- font-style:normal;
- letter-spacing:1px;
- font-size: 7.5px;
- text-align:left;
- line-height:150%;
- margin-left:-15px;}
- .note li {
- list-style-type:none;
- padding:10px 15px 10px 15px;
- text-align:left;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .note img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;}
- .tags {
- font-size:7.5px;
- text-transform:uppercase;
- letter-spacing:0.5px;
- padding-top:5px;
- margin-top:-20px;
- opacity:0;
- text-align:center;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;}
- .posts:hover .tags {
- opacity:1.0;
- margin-top:0px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;}
- #permalink {
- font-size:7.5px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:0.5px;
- margin-top:10px;
- background:{color:post info bg};
- padding:5px;
- opacity:0.8;
- }
- .credit, .credit a {
- font-size:10px;
- color:{color:pagination};
- letter-spacing:1px;
- text-transform:uppercase;
- position:fixed;
- top:509px;
- left:834px;
- opacity:0.7;
- }
- .credit a:hover {
- opacity:0.9;
- }
- div#qTip {
- border:0px dotted #fff;
- padding: 3px;
- display: none;
- margin-left:10px;
- margin-top:-7px;
- text-align: center;
- font-style:normal;
- background:{color:shadow};
- opacity:0.8;
- font-weight:400;
- position: absolute;
- text-transform:uppercase;
- font-size:7.5px;
- font-family: 'Montserrat', sans-serif;
- line-height:10px;
- z-index: 9999999;
- color: {color:desctext};
- letter-spacing: 0.5px;}
- {CustomCSS}</style></head><body>
- <div class="listen">{text:title}</div>
- <div class="descriptionbg"></div>
- <div class="description">
- <div id="descbox">
- <div id="desc">
- <br>This is where your <i>description</i> goes.<br>
- If you <u>hover</u> over this, it'll show your <s>hidden</s> description. <b>Neat</b> huh?
- </div>
- <div id="realdesc">
- {block:Description}
- {Description}
- {/block:Description}
- </div>
- </div>
- </div>
- </div></div></div>
- <div id="sprouty">
- {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
- {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
- {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink1}
- {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink1}
- </div>
- <div id="icon"><img src="{image:icon}"></div>
- <div id="icon2"><img src="{image:icon2}"></div>
- <div id="iconbg"></div>
- <div id="iconbg2"></div>
- <div class="tabs">
- <div class="hey">
- <ul class="tab-links">
- <li class="active"><a href="/" title="refresh"></a></li>
- <li><a href="#tab2" title="message"></a></li>
- <li><a href="#tab3" title="{text:tab 3 title}"></a></li>
- <li><a href="#tab4" title="{text:tab 4 title}"></a></li>
- </ul>
- </div>
- <div id="pagination">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">forth</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- <!-- --------------------------- TABS -------------------------- -->
- <div id="deerbg"></div>
- <div class="tabs">
- <!-- --------------------------- TAB 1 -------------------------- -->
- <div id="tab1" class="tab active">
- <div class="deer">
- <div class="entries">
- {block:Posts}
- <div class="posts">
- <!--TEXT POST-->
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}
- <div class="poopset">{Photoset}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div id="quotesrc">{Source}</div></b>{/block:Source}{/block:Quote}
- {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
- {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<br><br>
- {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
- {block:Video}<div class="videothing">{Video-400}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Chat}
- {block:Title}
- <h2>{Title}</h2>{/block:Title}<br>
- <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div>
- <div id="question">{Question}</div></div>{Answer}{/block:Answer}
- {block:Date}
- <div id="permalink">
- <a href="{Permalink}">{TimeAgo}</a>
- {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
- {block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}">source</a> / <a href="{ReblogURL}">reblog</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
- </div>
- {block:HasTags}<div class="tags">{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Date}
- {block:PostNotes}
- <div class="note">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- </div>
- <!-- -------------------------- TAB 2 -------------------------- -->
- <div id="tab2" class="tab">
- <div class="deer">
- <div id="message"><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
- </div>
- </div>
- </div>
- <!-- -------------------------- TAB 3 -------------------------- -->
- <div id="tab3" class="tab">
- <div class="deer">
- <div id="deertab">
- <h3>Rules & Stuff</h3>
- <h4>this is a header</h4>
- You can put your rules and guidelines here, or perhaps a little About Me page if you prefer.
- <h5>another header</h5>
- This could be a navigation page if you wish. Add anything you want!
- </div>
- </div>
- </div>
- <!-- -------------------------- TAB 4 -------------------------- -->
- <div id="tab4" class="tab">
- <div class="deer">
- <div id="deertab">
- <!----------------------- START OF NEW MUSE SECTION ---------------------->
- <div id="sprout">
- <a href="#" class="cthrough" title="main muses" style="cursor:help">Primary<!-- GROUP TITLE GOES HERE --></a>
- <div class="sub">
- <table><tr>
- <!-------------- NEW MUSE --------------->
- <td class="musey">
- <div id="musepic"><img src="https://38.media.tumblr.com/90b9cf282c4d03a03a7cb9383ce4c1b4/tumblr_inline_ncipiyfKnC1rm8kwk.png"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
- <div id="museyurl">
- <div id="urlstuf"><a href="/YOUR URL HERE">athena.<!-- MUSE NAME GOES HERE --></a></div>
- <div class="corgi">{ the wise }<!-- MUSE SUBTEXT GOES HERE --></div>
- </div>
- </td>
- <!-- END OF MUSE -->
- <!-------------- NEW MUSE --------------->
- <td class="musey">
- <div id="musepic"><img src="https://40.media.tumblr.com/7bc1ec061cf7b0122bb38860d3adeb24/tumblr_nn4burmj5c1up609jo4_250.png"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
- <div id="museyurl">
- <div id="urlstuf"><a href="/YOUR URL HERE">hades.<!-- MUSE NAME GOES HERE --></a></div>
- <div class="corgi">{ the unseen }<!-- MUSE SUBTEXT GOES HERE --></div>
- </div>
- </td>
- <!-- END OF MUSE -->
- <!-------------- NEW MUSE --------------->
- <td class="musey">
- <div id="musepic"><img src="https://41.media.tumblr.com/8f7fad4e7df7b62e1b01750a606cf764/tumblr_nowf05cKrH1rjniu3o2_250.jpg"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
- <div id="museyurl">
- <div id="urlstuf"><a href="/YOUR URL HERE">artemis.<!-- MUSE NAME GOES HERE --></a></div>
- <div class="corgi">{ the huntress }<!-- MUSE SUBTEXT GOES HERE --></div>
- </div>
- </td>
- <!-- END OF MUSE -->
- </tr></table>
- </div></div>
- <!------------------------- END OF MUSE SECTION ------------------------>
- <!----------------------- START OF NEW MUSE SECTION ---------------------->
- <div id="sprout">
- <a href="#" class="cthrough" title="side muses" style="cursor:help">secondary<!-- GROUP TITLE GOES HERE --></a>
- <div class="sub">
- <table><tr>
- <!-------------- NEW MUSE --------------->
- <td class="musey">
- <div id="musepic"><img src="https://40.media.tumblr.com/6812080748d9f0f2fb76b3df9779b23f/tumblr_nq1zduYKuT1ttmes9o2_250.png"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
- <div id="museyurl">
- <div id="urlstuf"><a href="/YOUR URL HERE">anubis.<!-- MUSE NAME GOES HERE --></a></div>
- <div class="corgi">{ the protector }<!-- MUSE SUBTEXT GOES HERE --></div>
- </div>
- </td>
- <!-- END OF MUSE -->
- <!-------------- NEW MUSE --------------->
- <td class="musey">
- <div id="musepic"><img src="https://40.media.tumblr.com/2c8e7aab18749c09118314ae5561d742/tumblr_nrwp8dkQGB1slgxxho1_250.jpg"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
- <div id="museyurl">
- <div id="urlstuf"><a href="/YOUR URL HERE">nike.<!-- MUSE NAME GOES HERE --></a></div>
- <div class="corgi">{ the victorious }<!-- MUSE SUBTEXT GOES HERE --></div>
- </div>
- </td>
- <!-- END OF MUSE -->
- <!-------------- NEW MUSE --------------->
- <td class="musey">
- <div id="musepic"><img src="https://40.media.tumblr.com/a6a662fc18a4718eb90f83d9130ea06f/tumblr_nqt7dictnZ1sji7ozo4_250.jpg"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
- <div id="museyurl">
- <div id="urlstuf"><a href="/YOUR URL HERE">poseidon.<!-- MUSE NAME GOES HERE --></a></div>
- <div class="corgi">{ the stormy sea }<!-- MUSE SUBTEXT GOES HERE --></div>
- </div>
- </td>
- <!-- END OF MUSE -->
- </tr></table>
- </div></div>
- <!------------------------- END OF MUSE SECTION ------------------------>
- <!--------////// INSTRUCTIONS /////-------------
- To add a whole new section:
- - copy the entire code from the START OF NEW MUSE SECTION
- to END OF NEW MUSE SECTION
- To add only one member:
- - copy the code from NEW MUSE to END OF MUSE
- *Muse icons will automatically be resized to 80x80 pixels
- If you have any more questions, you can reach me at deersprouts.tumblr.com
- -------- END OF INSTRUCTIONS /////-------------->
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- END OF TABS -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <!------- UPDATES START --------->
- {block:IfUpdates}
- <div id="little"></div>
- <div id="updates">
- <div id="updatesbox">
- <h6>updates</h6>
- Add whatever you want here.
- <br>
- <h6>about</h6>
- Write something neat here. Use the < h6 > html tag to add a new header. This is how <b>bold</b> text looks like. <i>Whoops,</i> there goes italic. And then there was <u>underline.</u> Don't forget your <a>link</a>!
- <br><br>
- </div>
- </div>
- {/block:IfUpdates}
- <!------- UPDATES END --------->
- <!------- PLEASE DON'T REMOVE THE CREDIT! --------->
- <div class="credit"><a href="http://deersprouts.tumblr.com" title="theme">✖︎</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement