<!-- -------Kaiyeol Themes by septa -------   ———————————————---  RULES! ---—————————————————————   - Do not remove the credit! - Do not use this code as your base. - Do not claim as your own. - If you have any problems Feel free to put a lovely message at opurple@tumblr - And this is my 4th time, please appreciate me!   ———————————————--- THANK YOU SO MUCH! ---——————————————————   -->       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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="#ffffff"/> <meta name="color:Text" content="#838282"/> <meta name="color:Link" content="#b8b8b8"/> <meta name="color:linkhover" content="#cecece"/> <meta name="color:background link" content="#000000" /> <meta name="color:description text" content="#777777" /> <meta name="color:bold" content="#cecece"> <meta name="color:border" content="#cecece"> <meta name="color:date bg" content="#ffffff"> <meta name="color:asker bg" content="#bbbbbb"> <meta name="color:Scrollbar" content="#000000" /> <meta name="color:Scrollbar Background" content="#ffffff" /> <meta name="color:Bg update tab" content="#ffffff" /> <meta name="color:border update tab" content="#ffffff" />  <meta name="if:Show Caption" content="0"/> <meta name="if:fade" content="0"> <meta name="if:tinycursor" content="1" />   <meta name="image:sidebar" content=""/> <meta name="image:updates" content=""/>   <meta name="text:second title" content=""/> <meta name="text:Updates here" content="" /> <meta name="text:title link 3" content="Link 3"/> <meta name="text:link 3 url" content="/"/> <meta name="text:title link 4" content="Link 4"/> <meta name="text:link 4 url" content="/"/> <meta name="text:title link 5" content="Link 5"/> <meta name="text:link 5 url" content="/"/>  <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>             <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script>     (function($){         $(document).ready(function(){             $("[title]").style_my_tooltips();         });     })(jQuery); </script>  <style type="text/css">    iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-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 linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}    {block:iffade}  img {     opacity:.75;      transition:0.4s; -o-transition-transition:0.4s; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s;     }         img:hover {          opacity:1;           transition:0.4s; -o-transition-transition:0.4s; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s;         }          {/block:iffade}   ::-webkit-scrollbar {width: 4px;}   ::-webkit-scrollbar-track-piece {background-color: {color:Scrollbar Background};}   ::-webkit-scrollbar-thumb:vertical {width:4px; background-color: {color:Scrollbar};}  {block:iftinycursor}   body, a, a:hover{     cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress; }   {/block:iftinycursor}   body {     background:{color:background};     margin:0px;     color:{color:text};     font-family:calibri;     letter-spacing:1px 2px;     font-size:10px;     line-height:100%; }       a {      color:{color:link};      text-decoration: none;     }       a:hover {      color:{color:linkhover};          transition-duration: 0.9s;       -moz-transition-duration: 0.9s;       -webkit-transition-duration: 0.9s;       -o-transition-duration: 0.9s;         }   img {     border:none; }   blockquote {     padding-left:5px;     border-left:2px solid; }     blockquote blockquote {     padding-left:5px;     border-left:2px solid; }   h1 {     font-size:15px; }   b, strong { color:{color:bold}; font-weight:bold; }     #entries {     padding:10px;     width:500px;     margin-left:380px;     margin-top:40px;     }   #post {     width:500px;     padding-bottom:20px; }     #sidebar {     width:150px;     height:150%;     position:fixed;     padding-top:100px;     margin-left:100px;     margin-top:-120px;     }         #sidebarimage {     width 150px;     margin-top:130px;     margin-left:44px;   }     #sidebarimage img {     width:150px;     height:auto; }         #links {      position:fixed;     font-family:cambria;     width:150px;     margin-top:0px;     padding:5px;     background-color:{color:background link};     margin-left:40px;     font-size:12px;     text-transform:lowercase;     text-align:center;     line-height:170%;     }     #links a{     line-height:170%;     padding:1px 5px;     margin-top:1px;     margin-left:2px;     color:{color:link};     -moz-transition-duration:.7s;     -webkit-transition-duration:.7s;     -o-transition-duration:.7s;     }         #links a:hover {         text-shadow:1px 1px 0px #d9d9d9;         -moz-transition-duration:.4s;         -webkit-transition-duration:.4s;         -o-transition-duration:.4s;                 }   #description {       width:150px;     font-size:11px;     padding:5px;     padding-bottom:-100px;     letter-spacing:0px;     margin-left:40px;     text-align:center;     line-height:125%;     margin-top:0px;     text-align:justify;   }  #pagination {     margin-left:30px;     width:150px;     margin-top:9px;     font-size:7px;     padding:5px;     text-transform:uppercase;     text-align:center; }   #info {     width:490px;     padding:5px;     font-size:7px;     color:{color:link};     margin-top:10px;     margin-bottom:5px;     text-transform:uppercase;     letter-spacing:2px;     text-align:center;     }     #question {     padding:5px;     margin-left:6px;     text-align:left;     color:{color:text};     line-height:150%;     background-color:{color:asker bg}; }     #question img {     margin-left:-2px;     margin-bottom:-6px;     padding:1px;     background-color:{color:asker bg};     border:1px solid {color:border};     border-radius:90%; }   #answer {     text-align:left;     padding:10px;     color:{color:text}; }     #tags {     margin-top:-10px;     font-size:10px;     text-align:center;     padding:5px;   }     #tags a:hover {     text-decoration:underline;     transition-duration: 0.9s;       -moz-transition-duration: 0.9s;       -webkit-transition-duration: 0.9s;       -o-transition-duration: 0.9s;     }    #credit { position:fixed; bottom:15px; right:15px; font-size:8px; padding:5px; text-transform:uppercase; border:1px solid {color:border}; padding: 2px 3px 2px 3px;}    #date {     background-color:{color:date bg};     display:inline-block; padding: 2px 10px 3px;     color:#ffffff; }   #container-bottom-right { position:fixed; right:0px; bottom:0px; z-index:999;     }       #container-bottom-right:hover #text-bottom-right { opacity:1;          -webkit-transition: all .7s ease-in-out;         -moz-transition: all .7s ease-in-out;         -o-transition: all .7s ease-in-out;     }   #text-bottom-right { font-size:10px; font-family:calibri; text-align:center; width:125px; bottom:30px; right:150px; padding:0px 5px 0px 5px; position:fixed; opacity:0; background:{color:bg update tab}; padding:3px 5px; border: 2px solid {color:border update tab};     -webkit-transition: all .7s ease-in-out;     -moz-transition: all .7s ease-in-out;     -o-transition: all .7s ease-in-out; }   #image-bottom-right img { width: 500px; height: auto; bottom:0px; right:0px; }  #s-m-t-tooltip {     display: block;     background: #000;     font-size: 11px;     font-family: calibri;     letter-spacing: 1px;     text-transform: lowercase;     color: #fff;     text-align: center;     margin-left: 18px;     padding: 5px;     border: 1px solid #fff;     min-width: 40px;     max-width: 200px;     z-index: 99999;  }      {CustomCSS}</style>    </head> <body>   <div id="container-bottom-right"> <div id="image-bottom-right"><img src="{image:Updates}" /></div> <div id="text-bottom-right">{text:updates here}</div> </div>    <div id="sidebar">    <div id="sidebarimage"><img src="{image:sidebar}"></div>   <div id="description"><p></p><b><i><center><font size=5>{text:second title}</center></font></b></i><p></p>{Description}</div>   <div id="links">     <a href="/" title="home">I</a>     <a href="/ask" title="message">II</a>     <a href="{text:link 3 url}" title={text:title link 3}>III</a>     <a href="{text:link 4 url}" title={text:title link 4}>IV</a>     <a href="{text:link 5 url}" title={text:title link 5}>V</a>     <a href="http://opurple.tumblr.com/" title=themes>VI</a>     <!--If you want to use 6th link please please messages me to change the credit on right bottom if u didn't know the way-->     </div>     <div id="pagination"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a> {/block:PreviousPage}{block:NextPage} — <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>  </div> </div> <div id="entries">{block:Posts}<div id="post">   {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}   {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{/block:Photo}   {block:Photoset}{Photoset-500}{/block:Photoset}   {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}   {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}   {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}   {block:Audio}{AudioPlayerWhite}{/block:Audio}   {block:Video}{Video-500}{/block:Video}   {block:Answer}<div id="question"><img src="{AskerPortraitURL-16}"> {Asker}: {Question}</div><div id="answer">{Answer}</div>{/block:answer}    {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}   {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:IfNotShowCaption}{/block:Photo}   {block:Date}<div id="info"><div id="date">{ShortMonth}-{DayOfMonthWithZero}</div> - <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} - <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource} - <a href={ReblogURL} target=_blank class=details>Reblog</a>{/block:Date}</div> {block:HasTags} <div id="tags"> {block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}</div> {/block:HasTags} {block:PostNotes}{PostNotes}{/block:PostNotes} </div>   {/block:Posts}      </body></html>