Simply Smart V2.6 Theme
<html lang="en">
<!--
__ _ _ _
/_ | | | | | | |
| |_ __ __| | ___ _ __ ___ _ __ __| | ___ _ __ | |_
| | '_ \ / _` |/ _ | '_ \ / _ | '_ \ / _` |/ _ | '_ \| __|
| | | | | (_| | __| |_) | __| | | | (_| | __| | | | |_
|_|_| |_|\__,_|\___| .__/ \___|_| |_|\__,_|\___|_| |_|\__|
_ _ | |
| | | ||_| 1ndependent-themes.tumblr.com
| |_| |__ ___ _ __ ___ ___ ___
| __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
| |_| | | | __/ | | | | | __/\__ \
\__|_| |_|\___|_| |_| |_|\___||___/♕
+-+-+-+-+-+-+ +-+-+-+-+-+ +-+-+-+-+
|s|i|m|p|l|y| |s|m|a|r|t| |v|2|.|6|
+-+-+-+-+-+-+ +-+-+-+-+-+ +-+-+-+-+
!-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=820" />
<meta name="color:background" content="#e0dfdf"/>
<meta name="color:main" content="#ffffff"/>
<meta name="color:shadow" content="#666668"/>
<meta name="color:title" content="#000000"/>
<meta name="color:text" content="#777171"/>
<meta name="color:Description" content="#777171"/>
<meta name="color:link" content="#042C07"/>
<meta name="color:hover" content="#00aaff"/>
<meta name="color:border" content="#525252"/>
<meta name="color:permalink" content="#FFFFFF"/>
<meta name="color:permalink background" content="#000000"/>
<meta name="color:srollbar" content="#302f2f"/>
<meta name="image:background" content="http://static.tumblr.com/ixl7mkd/K1um9fin1/grainy.png" />
<meta name="image:sidebar" content="http://24.media.tumblr.com/tumblr_ln5pzqcBqk1qlc654o1_500.jpg" />
<meta name="image:DropDown Menu" content="http://dl10.glitter-graphics.net/pub/501/501800oke7madel0.gif"/>
<meta name="if:show caption" content="0"/>
<meta name="if:rainbow hover" content="0"/>
<meta name="if:Standby Mode" content="1"/>
<meta name="font:Body" content="Geneva" />
<meta name="font:Title" content="Garamond" />
<meta name="text:Ask Title" content="message"/>
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />
{block:ifstandbymode}<script language="javascript" type="text/javascript" src="http://static.tumblr.com/c9696ln/FMVmcwe8n/1ndiestandby.js"></script>{block:ifstandbymode}
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="http://static.tumblr.com/c9696ln/iLfmctirt/tumblr1tc.js"></script>
<style type="text/css">
body {
margin: 0px;
background-color:{color:background};
background-image:url({image:Background});
background-attachment: fixed;
background-position:top left;
background-repeat: repeat;
font-family: {font:Body};
font-size: 11px;
line-height:11px;
color: {color:text};}
p {margin:0px; margin-top:5px;}
a {text-decoration: none; color: {color:Link}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
a:hover{ text-decoration: none; color: {color:Hover}; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:-moz-any-link:focus{outline: none;}
strong{font-weight: bold; color:#000;}
b{font-weight: bold;}
img{border:none;}
div#center a:hover{padding: 5px}
.permalink{
position:absolute;
float:right;
margin:10px 0px 25px 0px;
text-align:center;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
.permalink a{color:{color:Link};}
.permalink a:hover{color:{color:Hover};}
div#center{
margin-left:50px;
margin-top: 10px;
margin-bottom: 8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:500px;
padding:15px;
background-color: {color:main};
border: 2px solid {color:border};
-moz-box-shadow: 0 0 15px {color:shadow};
-webkit-box-shadow: 0 0 15px {color:shadow};}
div#entry{
width:500px;
border-bottom :1px solid {color:main};
margin-bottom: 15px;}
div#content{
margin: 0px auto 0px;
width:500px;
padding: 5px;
padding-bottom: 0px;
padding-left: 0px}
div.sidebar {
position:fixed;
margin-left: -190px;
margin-top: 80px;
padding: 5px;
padding-bottom: 10px;
width: 200px;
height: auto;
-moz-border-radius:8px; border-radius:8px;
background-color: {color:main};
border :2px solid {color:border};
-moz-box-shadow: 0 0 15px {color:shadow};
-webkit-box-shadow: 0 0 15px {color:shadow};
color: {color:text};
color-link: {color:link};}
#postnotes{text-align: justify;}
#postnotes blockquote{border: 0px;}
.title{text-transform:uppercase; text-align:left; font-family:{font:Title}; font-size:14px; line-height: 14px; letter-spacing:1px; color:{color:title};}
.title2{text-transform:uppercase; margin-top: -10px; font-size:12px; letter-spacing:1px; color:{color:title};}
blockquote{padding:0px 0px 2px 5px; margin:0px 0px 2px 1px;}
blockquote p, ul{margin:0px; padding:0px; }
ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:#969696;}
div#entry .permalink1{margin-bottom:0px; width:300px; height: 0px; padding-top: 5px; margin-top: -10px; position:absolute; background-color:{color:permalink background}; color:{color:permalink}; overflow:hidden; font-size:12px; text-align:center; letter-spacing:0.5px; line-height:20px; white-space:nowrap; opacity: 0.0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all 0.5s linear;}
div#entry .permalink1 a{color:{color:permalink};}
div#entry .permalink1 a:hover{ color:{color:permalink}; opacity: 0.6; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all 0.3s linear;}
div#entry:hover .permalink1{ width: 500px; height: 27px; padding-bottom: 50%; overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: 0.8; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all 0.2s linear;}
#answer{
margin-top: 10px;
margin-left: -34px;}
{CustomCSS}
iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: fixed !important;}
</style>
<!----- SCROLLBAR ----->
<style type="text/css">
::-webkit-scrollbar {
height: 5px;
width: 6px;
background: {color:Scrollbar};
background-image:url({image:Background});}
::-webkit-scrollbar-thumb {
border:10px solid {color:srollbar};
-webkit-border-radius: 15ex;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);}
::-webkit-scrollbar-corner {
background: #CDC9C9;}
</style>
<style type="text/css">
{CustomCSS}
</style>
<style type="text/css">
#toTop {
position:fixed;
bottom:20px;
right:50px;
cursor:pointer;
background:url(http://static.tumblr.com/c9696ln/Pnnmcwgsh/1nidiethemetop4.png) no-repeat;
text-indent:-9999px;
width:51px;
height:51px;}
</style>
<!----- S D/DOWN MENU ----->
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".links_body").hide();
$(".links_head").click(function(){
$(this).next(".links_body").slideToggle('fast');
}); }); </script>
<style type="text/css">
.links_list { margin:0px; padding:0px; width:180px;}
.links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
.links_body { padding:10px; text-align:left; color: #fff; display:none;}
</style>
<!-------- RAINBOW HOVER -------->
{block:IfRainbowHover}
<script type='text/javascript'>
//<![CDATA[
var rate = 50;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor; }
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor; }
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100); } }
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0; } }
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break; }
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100); } } }
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0; } } }
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break; }
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100); } } }
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0; } } }
function ChangeColor()
{
objActive.style.color = makeColor(); }
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV; }
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3; }
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3; }
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3; }
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3; }
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3; }
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3; }
else {
elmR = 0; elmG = 0; elmB = 0; } }
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB; }
//]]>
</script>
{/block:IfRainbowHover}
<style>
.my-like {
background-image: url(http://static.tumblr.com/b8yqvki/yxFmajxa5/amandarickathemeunliked.png) !important;
height:20px;
width:21px;
cursor:pointer;
display:inline-block;
vertical-align:top;
}
.my-liked, .my-like:hover {
background-image: url(http://static.tumblr.com/b8yqvki/CCTmajxau/amandarickathemeliked.png) !important;
height:20px;
width:21px;
cursor:pointer;
display:inline-block;
vertical-align:top;
}
</style>
<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
var myLike = event.target;
if( myLike.className.indexOf( 'my-like' ) > -1 ) {
var frame = document.getElementById( 'my-like-frame' ),
liked = ( myLike.className == 'my-liked' ),
command = liked ? 'unlike' : 'like',
reblog = myLike.getAttribute( 'data-reblog' ),
id = myLike.getAttribute( 'data-id' ),
oauth = reblog.slice( -8 );
frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
};
}, false );
};
</script>
<style>
.symbols{font-family: 'LigatureSymbols'; text-transform: none; font-size:18px; font-style: normal;}
</style>
</head><body>
<div id="content">
<div class="sidebar">
<a href="/" class="title2"><br><b><center>{title}</center></a></b><br>
{block:IfSidebarImage}
<img src="{image:Sidebar}" width=200px/><br><br>
{/block:IfSidebarImage}
{block:IfNotSidebarImage}
<div style="margin-top: 10px;">
{/block:IfNotSidebarImage}
<center><div style="color: {color:Description};">{description}</div></center><br>
<!----- LINK BEGIN FOR SDD MENU ----->
<div class="sidebarlink">
<center>
<div class="links_list">
<img src="{image:DropDown Menu}" class="links_head">
<div class="links_body">
<center>
{block:AskEnabled}<a href="/ask">{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>{/block:AskEnabled}<p>
{block:ifLink1Title}
<a href="{text:Link 1}">{text:Link 1 Title}</a><P>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}">{text:Link 2 Title}</a><P>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}">{text:Link 3 Title}</a><P>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}">{text:Link 4 Title}</a><P>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}">{text:Link 5 Title}</a><P>
{/block:ifLink5Title}
</center>
</div></div>
</center>
{block:HasPages}{block:Pages}
<a href="{URL}">{Label}</a>
{/block:Pages}{/block:HasPages}<br>
</div>
{block:IfNotSidebarImage}</div>{/block:IfNotSidebarImage}
<div style="margin-top: 5px; text-align:center;">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">{text:previous page title} </a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}"> {text:next page title}</a>
{/block:NextPage}
{/block:Pagination}<br>
</div>
</center>
</div><!-- End Siderbar -->
<div id="center">
{block:Posts}
<div id="entry">
{block:IndexPage}
<div class="permalink">
<span class="permalink1">
{block:Date}
<a href="{Permalink}">{TimeAgo}</a> |
{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
<a> </a>
<a href="{ReblogURL}"><img src="http://static.tumblr.com/b8yqvki/4n9majx8n/amandarickathemereblog.png"></a>
<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
{/block:Date}</span></div>{/block:IndexPage}
{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
{/block:Text}
{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:Link}
{block:Answer}
<table width="100%" border="0px" cellpadding="0" cellspacing="0">
<tbody style="border-spacing: 0px;">
<td width="30px" style="vertical-align: top; width: 30px; padding: 0px;">
<img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td>
<div class="padd" width="100%" style="margin-left:;">
{Asker} asked:<br>
{Question}<br><div id="answer"><em>{Answer}</em></div><br><br>
</div></td></tr></tbody></table>
{/block:Answer}
{block:Photo}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>
{block:ifshowcaption}<center>{block:Caption}{Caption}{/block:Caption}</center>{/block:ifshowcaption}
{block:PermalinkPage}
<center>{block:Caption}{Caption}{/block:Caption}</center>
{/block:PermalinkPage}
{/block:Photo}
{block:Quote}
<center><span class="title">{Quote}</span><br>
{block:Source}{Source}{/block:Source}</center>
{/block:Quote}
{block:Chat}
{block:Title}<span class="title" color="{color:link}">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}>
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}
{block:Audio}
<center><div style="width:400px; height:20px;">
<div style="float:left">{AudioPlayerWhite}</div>
<div style="margin-top:8px; float:right;"><small>
{FormattedPlayCount} plays {block:ExternalAudio} //
<a href="{ExternalAudioURL}">Download?</a>
{/block:ExternalAudio}</small></div></div></center><br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Video}
<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>
{/block:Video}<br></div>
<!-- /entry -->
<center>{block:PostNotes}
<span class="symbols"></span> Posted On: {ShortDayOfWeek}, {ShortMonth} {MonthNumber}{DayOfMonthSuffix} {Year}
{/block:Date}
<span class="symbols"></span> With:
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
{block:RebloggedFrom}
<span class="symbols"></span> Source:
<a href="{ReblogRootURL}">{ReblogRootName}</a>
<span class="symbols"></span> Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
</span><br>
{block:HasTags}
<span class="symbols"></span> Tag With: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
{/block:HasTags}</center>
<div id="postnotes">{PostNotes}</div><br>
{/block:PostNotes}<br>
{/block:Posts}
<a href="#" id="toTop">^ Scroll to Top </a>
<!� Scroll �>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/Qqfkzalyi/jquery.scroll.pack.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/7xukzalz8/jquery.easing.js"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop({speed:500,start:700});
});
</script>
<div style="margin-top: 10px; margin-bottom: 10px; text-align:center;">
<a href="http://simplysmartv20.tumblr.com/">"Simply Smart 2.6"</a>
Theme by <a href="1ndependent-themes.tumblr.com">1ndependent Themes</a></div></div></div>
</body></html> Pasted: Jul 26, 2011, 9:35:46 am
Views: 4,428