Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- theme by aesthesos
- ╔╔═╗╗
- ║║ ║║ Rules:
- ║║ ║║ -do not steal
- ║║ ║║ -do not remove credit
- ╚╚══╚╚═ -do not use as base code
- -->
- <!-- base code by neonbike themes.-->
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="image:background" content=""/>
- <meta name="image:Header" content=""/>
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:links" content="#aaaaaa" />
- <meta name="color:links hover" content="#f3f3f3" />
- <meta name="color:text" content="#3b3b3b" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="color:blockquote" content="#f7f7f7" />
- <meta name="color:gradient 1" content="#bee5e3" />
- <meta name="color:gradient 2" content="#edc2d9" />
- <meta name="color:gradient 3" content="#ffd885" />
- <meta name="text:username" content="" />
- <meta name="text:Blog Title Size" content="20" />
- <meta name="text:Tab 1 Title" content="Tab 1 Title" />
- <meta name="text:Tab 2 Title" content="Tab 2 Title" />
- <meta name="text:Tab 3 Title" content="Tab 3 Title" />
- <meta name="text:Tab 4 Title" content="Tab 4 Title" />
- <meta name="text:Tab 5 Title" content="Tab 5 Title" />
- <meta name="if:hide captions" content="0"/>
- <meta name="if:infinitescroll" content="0"/>
- <meta name="select:Background Image" content="color" title="None">
- <meta name="select:Background Image" content="cover" title="Cover">
- <meta name="select:Background Image" content="repeat" title="Repeat">
- <meta name="select:Background Image" content="gradient" title="Gradient">
- <meta name="select:Postwidth" content="post-width-400" title="400px">
- <meta name="select:Postwidth" content="post-width-250" title="250px">
- <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>
- <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
- <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>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /* ---------------------------- GENERAL ----------------------------- */
- /* -------- SELECTION TOOL ------- */
- ::-moz-selection {background: {color:text};color: {color:background};}
- ::selection {background: {color:text};color: {color:background};}
- /* -------- SCROLLBAR ------- */
- ::-webkit-scrollbar { height: 5px; width: 5px; }
- /* Track */
- ::-webkit-scrollbar-track {background:{color:background};}
- /* Handle */
- ::-webkit-scrollbar-thumb {background-color:{color:links}; border:2px {color:blockquote}; solid;}
- ::-webkit-scrollbar-thumb:window-inactive {background: transparent;}
- /* ------- TOOLTIPS ------ */
- #s-m-t-tooltip{
- font-size:9px;
- position:absolute;
- margin: 20px;
- letter-spacing:1px;
- z-index:9999;
- background:white;
- color:{color:text};
- text-transform:uppercase;
- padding:2px 3px 2px 3px;
- transition:all 0.3s;}
- /* -------- BASICS ------- */
- body {
- font-size:10px;
- text-align:justify;
- margin:0 auto;
- height:100%;
- line-height:130%;
- font-family: 'Libre Baskerville', serif;
- color:{color:text};}
- .color {background:{color:background};}
- .cover {background: url({image:Background});background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;}
- .repeat {background: url({image:Background});background-repeat:repeat;background-attachment: fixed;}
- .gradient {background: {color:Gradient 1}; /* Old browsers */background-image:-moz-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-webkit-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-o-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-ms-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,{color:Gradient 1}), color-stop(50%,{color:Gradient 2}),color-stop(100%,{color:Gradient 3}));background-attachment:fixed;}
- a {font-size:11px;color: {color:links};text-decoration: none;letter-spacing:1px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
- a:hover{color:{color:links hover};-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
- iframe, img, embed, object, video {max-width: 100%;}
- p {margin-top:5px;margin-bottom:5px}
- ol {list-style-type: lower-greek;}
- ul {list-style-type: lower-greek;}
- blockquote {padding:2px;}
- blockquote blockquote {padding:0 0 0 8px;margin:0 0 0 12px;color:{color:text}; }
- blockquote img {max-width:100%;}
- blockquote blockquote img {max-width:100%;}
- blockquote blockquote blockquote img {max-width:100%;}
- #bigcon{width:100%;}
- .tabcontent {position:static;text-align:center;margin-top:250px;}
- #postcontainer {position:static;text-align:center;margin-top:250px;}
- .post-width-500 .tabcontent, .post-width-500 #postcontainer { width: 500px;}
- .post-width-400 .tabcontent, .post-width-400 #postcontainer { width: 400px;}
- .post-width-250 .tabcontent, .post-width-250 #postcontainer { width: 250px;}
- /* ----------------------------- HEADER STUFF ---------------------------*/
- header{z-index:20;margin-top:50px;position:fixed;width:100%;}
- #topbar{position:relative;top:0px;background:rgba(245, 245, 245, 0.4);padding:25px 15px;}
- .blogtitle{padding:10px;;}
- .blogtitle a{color:{color:links};font-size:{text:Blog Title Size}px;letter-spacing:-1px}
- .description{padding:11px;font-style:italic;line-height:130%;font-size:11px;}
- #navbar{display:inline-block;text-align:center;left:0px;top:0px;z-index:999999999;margin:0px;width:100%;}
- #navbar a{color:{color:links};}
- .post-width-500 header { width:620px;left:50%;margin-left:-310px;}
- .post-width-400 header { width:520px;left:50%;margin-left:-260px;}
- .post-width-250 header { width:380px;left:50%;margin-left:-190px;}
- /* ------------------------------ TABS ------------------------------ */
- .tabs {width:100%;margin-left:0px;display:inline-block;}
- /*----- Tab Links -----*/
- /* Clearfix */
- .tab-links:after {display:block;clear:both;content:'';}
- .tab-links li {margin-right:5px;display:inline-block;list-style:none;text-transform:uppercase;}
- .tab-links a {display:inline-block;color:{color:links};transition:all linear 0.15s;border-bottom:1px solid transparent;font-weight:600;}
- li.active a, li.active a:hover {
- background:transparent;
- font-weight:400;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;}
- /*----- Content of Tabs -----*/
- .tab-content {}
- .tab {display:none;}
- .tab.active {display:block;}
- /* --------------------------- POSTS (articles) --------------------- */
- article {
- float:left;
- position:relative;
- color:{color:text};
- padding: 10px;
- text-align:left;
- margin-bottom:80px;}
- .post-width-500 article { width: 500px;}
- .post-width-400 article { width: 400px;}
- .post-width-250 article { width: 250px;}
- .post-width-500 .element-width-400, .post-width-500 .element-width-250 {display:none;}
- .post-width-400 .element-width-500, .post-width-400 .element-width-250 {display:none;}
- .post-width-250 .element-width-500, .post-width-250 .element-width-400 {display:none;}
- img{padding:5px;background:{color:blockquote};}
- /************EDIT PERMALINK/TAGS/CAPTIONS HERE************/
- article:hover #permalink{opacity:1;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
- #permalink {opacity:0;font-size:8px;text-align:center;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
- #permalink a {margin:0 5px;}
- article:hover .tags{opacity:1; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s; -ms-transition: all .3s;transition: all .3s;}
- .tags {word-break:break-all;text-align:center;font-size:8px; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;opacity:0;margin-top:2px;}
- .tags a{font-style:italic;text-transform:none;}
- .caption{color:{color:text};margin:0px 15px;}
- /* ---------------------------- POST NOTES ------------------------- */
- #notes{width:400px;text-align:left;}
- #notes li{list-style-type: lower-greek;}
- #notes li a{color:{color:links};}
- ol.notes li.note {padding: 2px;display:block;margin-left:0px;list-style-type: lower-greek;line-height:130%;}
- #notes img.avatar {display:none;}
- /* -------------------------- POST TYPES -------------------------- */
- /* CHAT */
- .chat{margin:0px;line-height:130%;}
- .chat li{list-style-type:none;margin:3px 0px; padding:5px; }
- .chat li:nth-child(even){ text-align:left; }
- .title{margin-left:10px;}
- /* QUOTES */
- .quote{font-size:16px;line-height:150%;text-align:center;background:{color:blockquote};padding:10px;}
- .quotesource{text-align:center;margin:10px;}
- /* QUESTIONS */
- .answer {font-size:10px;padding:5px;}
- .question{font-size:10px;line-height:130%;border-bottom:1px solid #eee;padding:5px;}
- /* AUDIO */
- #player {
- position:relative;z-index:999;width:30px;height:30px;padding-top:30px;
- padding-left:20px;overflow:hidden;}
- #audio {text-align:left;padding:10px;margin-top:-50px;margin-left:80px;
- margin-bottom:5px;height:50px;border-left:1px solid #eee;}
- .audio {text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #eee;padding:5px 0px;}
- /* ------------------------- PAGINATION ------------------------- */
- #pagination{text-align:center;}
- .pagibutton{position:relative;display:inline-block;padding:15px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
- .pagibutton:hover{color:{color:links hover};-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
- /* --------------------------- Custom CSS -------------------------- */
- {CustomCSS}
- </style>
- </head>
- <body>
- <body class="{select:Background Image}">
- <div id="bigcon" class="{select:Postwidth}">
- <!--TOPBAR-->
- <center><header><div id="topbar">
- <div class="blogtitle">
- <a href="/">{Title}</a>
- </div>
- <div class="description">{description}</div>
- <div id="navbar">
- <div class="tabs">
- <ul class="tab-links">
- <li class="active" style="margin-left:-20px;">
- <a href="#tab1" a title="{text:Tab 1 Title}">I</a></li>
- <li><a href="#tab2" a title="{text:Tab 2 Title}">II</a></li>
- <li><a href="#tab3" a title="{text:Tab 3 Title}">III</a></li>
- <li><a href="#tab4" a title="{text:Tab 4 Title}">IV</a></li>
- <li><a href="#tab5" a title="{text:Tab 5 Title}">V</a></li>
- </ul>
- </div>
- </div>
- </div></header>
- <!-- --------------------------- TABS -------------------------- -->
- <div class="tabs">
- <!-- --------------------------- TAB 1 -------------------------- -->
- <div class="tab-content">
- <div id="tab1" class="tab active">
- <div id="postcontainer" class="{select:Postwidth}"><center>
- {block:Posts}
- <article>
- <!--TEXT POST-->
- {block:Text}
- {block:Title}
- <h1 class="title">
- <a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {/block:Text}
- <!--PHOTO POST-->
- {block:Photo}
- {block:IndexPage}
- <img class="element-width-400" src="{PhotoURL-400}" alt="{PhotoAlt}"/>
- <img class="element-width-250" src="{PhotoURL-250}" alt="{PhotoAlt}"/>
- {block:ifnothidecaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
- {LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- <!--PHOTOSET POST-->
- {block:Photoset}<div class="photograph">
- {block:IndexPage}
- <div class="element-width-400">{Photoset-400}</div>
- <div class="element-width-250">{Photoset-250}</div>
- {block:ifnothidecaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifnothidecaptions}
- {/block:IndexPage}
- </div>
- {/block:Photoset}
- <!--QUOTE POST-->
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- <!--LINK POST-->
- {block:Link}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!--CHAT POST-->
- {block:Chat}
- <section class="chat">{block:Title}<section class="title"><h1>{Title}</h1></section>{/block:title}
- {block:Lines}<li><b>{block:Label}{Label}{/block:Label}</b> {Line}</li>{/block:Lines}</section>
- {/block:Chat}
- <!--AUDIO POST-->
- {block:Audio}
- <div id="player"><div class="audio_player">{AudioPlayerGrey}</div></div>
- <div id="audio">
- <div class="audio">
- {block:TrackName}{TrackName}{/block:TrackName}
- </div>
- <div style="letter-spacing:1px;margin-top:5px;">
- {block:Artist}{Artist}{/block:Artist}
- </div></div>
- {/block:Audio}
- <!--VIDEO POST-->
- {block:Video}
- <div class="video">
- <div class="video-player">
- <div class="element-width-400">{Video-400}</div>
- <div class="element-width-250">{Video-250}</div></div>
- {/block:Video}
- <!--ANSWER POST-->
- {block:Answer}
- <div class="question"><span style="text-transform:uppercase;font-weight:700;">{Asker} whispered:</span> {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:IndexPage}
- <div id="permalink">{block:Date}<a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{/block:Date}{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:IndexPage}
- <!--POST NOTES-->
- {block:PermalinkPage}
- {block:Caption}<div style="padding:5px;">{Caption}{/block:Caption}
- {block:Date}Reblogged on: {DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}{/block:Date} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}<br>
- <br>{block:HasTags}Filed under:{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}
- <div id="notes">
- <div style="margin:0px 0px 0px 25px;"><h1>Notes:</h1></div></br><div style="list-style-type: lower-greek;">{PostNotes}</div></div>
- {/block:PostNotes}
- {/block:permalinkpage}
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- </article>
- {/block:Posts}
- <!--Close of article-->
- <!--PAGINATION-->
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton">Previous</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <div class="pagibutton">Next</div></a>
- {/block:NextPage}
- </div>
- </br></br>
- {/block:Pagination}
- </div>
- </div>
- <!-- -------------------------- TAB 2 -------------------------- -->
- <div id="tab2" class="tab">
- <div class="tabcontent" style="text-align:left;">
- <!-- -------------------------- INTRODUCE FAQ -------------------------- -->
- <p><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]--></p>
- </div>
- </div>
- <!-- -------------------------- TAB 3 -------------------------- -->
- <div id="tab3" class="tab">
- <div class="tabcontent" >
- <!-- -------------------------- INTRODUCE TEXT -------------------------- -->
- Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
- Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu.
- No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore.
- Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.
- Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.
- </div></div>
- </div>
- <!-- -------------------------- TAB 4 -------------------------- -->
- <div id="tab4" class="tab">
- <div class="tabcontent" style="text-align:left;">
- <!-- -------------------------- INTRODUCE TEXT -------------------------- -->
- Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
- Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu.
- No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore.
- Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.
- Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.
- </div>
- </div>
- <!-- -------------------------- TAB 5 -------------------------- -->
- <div id="tab5" class="tab">
- <div class="tabcontent" style="text-align:left;">
- <!-- -------------------------- INTRODUCE TEXT -------------------------- -->
- Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
- Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu.
- No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore.
- Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.
- Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.
- </div>
- </div>
- <!-- END OF TABS -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 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>
- </style>
- <div id="credit"><a href="http://aesthesos.com/" a title="Theme by Aesthesos"><i class="fa fa-rocket"></i></a></div><style type="text/css">
- #credit{position:fixed;bottom:15px;right:15px;width:10px;text-align:right;height:10px;overflow:hidden;padding:5px;overflow: hidden;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;color:{color:link};}</style>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment