Template:LlamaSpearsTimberlake/Profile

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   {Title}   {block:Description}  {/block:Description}            <meta name="color:Content Border" content="#fcfdfd" /> <meta name="color:Content Text Shadow" content="#fdfdfd" /> <meta name="color:Info BG" content="#d0e9ec" /> <meta name="color:Info Border" content="#adcace" /> <meta name="color:Body Dark Shadow" content="#c0c0c0" /> <meta name="color:Header BG" content="#d0e9ec" /> <meta name="text:Text Size" content="11px" /> <meta name="text:Link 1 URL" content="http://" /> <meta name="text:Link 1" content="Link 1" /> <meta name="text:Link 2 URL" content="http://" /> <meta name="text:Link 2" content="Link 2" /> <meta name="text:Link 3 URL" content="http://" /> <meta name="text:Link 3" content="Link 3" /> <meta name="text:Link 4 URL" content="http://" /> <meta name="text:Link 4" content="Link 4" /> <meta name="text:Link 5 URL" content="http://" /> <meta name="text:Link 5" content="Link 5" /> <meta name="text:Hidden Link 1 URL" content="http://" /> <meta name="text:Hidden Link 1" content="Link 1" /> <meta name="text:Hidden Link 2 URL" content="http://" /> <meta name="text:Hidden Link 2" content="Link 2" /> <meta name="text:Hidden Link 3 URL" content="http://" /> <meta name="text:Hidden Link 3" content="Link 3" /> <style type="text/css"> /* MAIN */ body { background-color:{color:Background}; background-image: url('{image:Background}'); color:{color:Text}; font-family: calibri; font-size: {text:Text Size}; margin: 0px; padding: 0px;} a:link, a:active { text-decoration:none; color: {color:Link}; } a:visited { text-decoration:none; color: {color:Link}; } a:hover { text-decoration:none; color: {color:Italic};} b, strong, .strong {color:{color:Bold};font-weight:bold;} blockquote { border-left:2px solid {color:Text}; padding-left:6px; } #tumblr_controls{ position:fixed!important; right: 0px; top:0px;} i, em, .em {color:{color:Italic};} /* CREDIT -- DON'T REMOVE! */   #cred  { font-size:8px; letter-spacing:1px; opacity:0.3; font-weight:bold; color: #000000; font-family: calibri; background-color: #FFFFFF; padding:4px; border:1px dashed #514a4d; text-transform:uppercase; bottom:10px; right:10px; position:fixed; text-decoration:none;} #cred a:link, #cred a:active, #cred a:visited, #cred a:hover { color:#000000; text-decoration:none; border:0;} #cred:hover { font-size:8px; letter-spacing:1px; font-weight:bold; color: #000000; opacity:1.0; font-family: calibri; background-color: #FFFFFF; padding:4px; border:1px dashed #514a4d; text-transform:uppercase; bottom:10px; right:10px; position:fixed; text-decoration:none; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;} /* TITLES */ .ttitle { font-size:25px; font-style:italic; color:{color:Text}; font-family: 'Open Sans Condensed', sans-serif;} /* TOP NAVIGATION */ .topnav { width:800px; height:50px; text-align:center; margin-left:270px; margin-top:-53px; } .topnav a { height:31px; width:80px; margin-left:30px; text-shadow:none; text-align:center; padding:12px 15px 11px 15px; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans Condensed', sans-serif; font-size:20pt; display:inline-block; color:{color:Content Border}; text-shadow:0px 0px 5px {color:Bold}; -webkit-transition: opacity 0.3s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .topnav a:hover { color:{color:Bold}; text-shadow:0px 0px 2px {color:Content BG}; font-size:25pt; font-style:none; height:31px; padding:5px 15px 11px 15px; -webkit-transition: opacity 0.3s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} /* CONTENT */ .header { width:110%; height:62px; z-index: 1000; background-image: url('{image:Header Background}'); background-color: {color:Header BG}; border:4px solid {color:Content Border}; border-right:none; box-shadow:{color:Body Dark Shadow} 0px 0px 6px; background-repeat:repeat; position:fixed; margin:0; top:-3px; left:-10px; } #titleimg { width:260px; height:55px; text-transform:lowercase; text-align:center; letter-spacing:-2px; text-shadow: {color:Content Text Shadow} 1px 1px 1px; font-size:50px; color:{color:Bold}; font-family: 'Open Sans Condensed', sans-serif; margin-left:50px; font-style:none; margin-top:0px; -webkit-transition: opacity 0.3s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #titleimg a { color:{color:Bold}; opacity:0.6; font-style:none;} #titleimg:hover { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); -webkit-transition: opacity 0.3s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .contentwhole { width:520px; margin-top:100px; margin-bottom:50px; margin-left:550px; height:100%;} .content { width: 500px; height: auto; padding:10px; margin-top:20px; background-image:url('{image:Content Background}'); text-shadow: {color:Content Text Shadow} 1px 1px 1px; background-repeat:no-repeat; background-position:bottom; background-color: {color:Content BG}; box-shadow: {color:Content Text Shadow} 0px 0px 4px; border:6px solid {color:Content Border};} .info { height:20px; padding-top:10px; float:center; margin-bottom:10px; opacity:0.8; text-align:left; font-size:8px; font-family:arial; letter-spacing:1px; color:{color:Link}; background-color:{color:Info BG}; border-top: 1px solid {color:Info Border}; border-bottom: 1px solid {color:Info Border}; width: 500px; text-transform:uppercase; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; } .info a { font-size:8px; padding:20px;} .info:hover { opacity:1.0; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; } .reblogged { margin:2px; } #pagination { width:350px; left:60px; position:fixed; top:470px; font-size:20px; margin-left:50px; text-align:center; margin:20px;} #pagination a { text-decoration:none; background-color:{color:Content BG}; background-image:url('{image:Content Background}'); border:1px solid {color:Content Border}; box-shadow: {color:Content Text Shadow} 0px 0px 4px; background-repeat:no-repeat; background-position:bottom; padding:2px 4px 2px 4px; color:{color:Text};} #pagination a:hover { background-color:{color:Bold}; background-image:none; color:{color:Content Border};} /* SIDEBAR */ #sidebar { width:420px; position:fixed; top:120px; text-align:left; background-color:transparent; padding: 2px 0px 2px 0px; left:0px; height:auto;} .hiddenlinks { z-index:20000; width:260px; height:60px; top:370px; float:left; left:280px; opacity:0.0; text-align:justify; padding:5px; position:fixed; overflow:auto; border:0; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .hiddenlinks a { height:30px; border:2px solid {color:Content BG}; margin-left:5px; text-shadow:none; text-align:center; padding:12px; text-transform:uppercase; text-decoration:none; border:1px solid {color:Content Border}; font-family: 'Open Sans Condensed', sans-serif; background-color:{color:Content BG}; background-image:url('{image:Content Background}'); background-repeat:no-repeat; background-position:bottom; font-size:12pt; display:inline-block; color:{color:Content Border}; text-shadow:0px 0px 5px {color:Bold}; -webkit-transition: opacity 0.6s linear; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;} .hiddenlinks a:hover { color:{color:Bold}; background-color:{color:Content Border}; background-image:none; -webkit-transition: opacity 0.6s linear; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;} .hover:hover .hiddenlinks { opacity:1.0; top:410px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .sidebartext { width:340px; height:230px; top:150px; z-index:0; float:left; left:90px; opacity:0.0; text-align:justify; padding:5px; position:fixed; overflow:auto; background-color:{color:Content BG}; background-image:url('{image:Content Background}'); background-repeat:no-repeat; background-position:bottom; box-shadow: {color:Content Text Shadow} 0px 0px 4px; border:6px solid {color:Content Border}; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .hover:hover .sidebartext { opacity:1.0; left:170px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .sidebarimg { width:295px; z-index:1000; height:295px; margin:10px; margin-left:100px; -moz-border-radius: 290px; border-radius: 290px; margin-bottom:10px; opacity:1.0; overflow:auto; box-shadow: {color:Content Text Shadow} 0px 0px 4px; border:10px solid {color:Content Border}; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .hover:hover .sidebarimg { opacity:1.0; margin:10px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .hover:hover .sidebarimg { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .lW { float: left; clear: left; height: 15px; } .rW { float: right; clear: right; height: 15px; } .quote { font-family: 'Open Sans Condensed', sans-serif; font-style:italic; font-size: 20px; color:{color:Bold}; text-align: justify; width:80%; margin:auto; letter-spacing: 0px; line-height: 25px; text-transform: none; } .source { font-family: 'Open Sans Condensed', sans-serif; font-style:italic; font-size: 10px; text-align: justify; letter-spacing: 1px; line-height: 12px; text-align:right; text-transform: none; text-indent: 15px; } /* AUDIO POSTS */ .playbutton { width: 20px; height: 20px; overflow: hidden; position: relative; opacity:0.5; left:60px; top:60px; z-index: 2; } .cover { position: relative; z-index: 1; width:150px; height:150px; margin:5px; box-shadow:{color:Body Dark Shadow} 0px 0px 7px; } .playbox:hover { opacity:0.8; } .playbox {background-color: #FFFFFF; position: absolute; z-index: 2; opacity:0.5; width:150px; height:150px; margin-left:5px; margin-top:5px;} .playbutton:hover { opacity:1.0; } .audiocaption { width:300px; opacity:0.5; height:100px; margin:10px; overflow:auto; padding:10px; font-size:8pt; } /* ASK QUESTIONS */ .question { background-color:{color:Info BG}; position:relative; width:94%; height: relative; text-align:justify; padding:10px; box-shadow:{color:Body Dark Shadow} 0px 0px 7px; } .question:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .question:after { border-color: rgba(240, 240, 240, 0); border-right-color: {color:Info BG}; border-width: 30px; top: 50%; margin-top: -30px; } .question:before { border-color: rgba(152, 158, 166, 0); border-right-color: {color:Info BG}; border-width: 36px; top: 50%; margin-top: -36px; } .answer { background-color:transparent; margin:0px; padding:10px; margin-top:0px;} .asker { width:64px; height:64px; position:relative; opacity:0.6; margin:10px; border:3px solid #FFFFFF; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .asker:hover { opacity:1.0; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} {block:ifDisplayTags} /* TAGS */ .tags { opacity:0.0; padding-top:10px; text-transform:uppercase; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .content:hover .tags{ opacity:1.0; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .tags a { opacity:0.4; padding:10px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .tags a:hover { opacity:1.0; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} {/block:ifDisplayTags} /* FONTS */ @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> <script type="text/javascript"> WebFontConfig = { google: { families: [ 'Open+Sans+Condensed:300,300italic,700:latin' ] } }; (function {    var wf = document.createElement('script');    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +     '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';    wf.type = 'text/javascript';    wf.async = 'true';    var s = document.getElementsByTagName('script')[0];    s.parentNode.insertBefore(wf, s);  }); <a href="http://sarahcaths.tumblr.com" target="_blank">THEME BY SARAHCATHS+</a> <a href="/">{Title}</a> <a href="{text:Link 1 URL}">{text:Link 1}</a> <a href="{text:Link 2 URL}">{text:Link 2}</a> <a href="{text:Link 3 URL}">{text:Link 3}</a> <a href="{text:Link 4 URL}">{text:Link 4}</a> <a href="{text:Link 5 URL}">{text:Link 5}</a> <a href="{text:Hidden Link 1 URL}">{text:Hidden Link 1}</a> <a href="{text:Hidden Link 2 URL}">{text:Hidden Link 2}</a> <a href="{text:Hidden Link 3 URL}">{text:Hidden Link 3}</a> {Description} <img src="{image:Sidebar Image}" class="sidebarimg" /> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:JumpPagination length="8"}{block:CurrentPage} <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber} {/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage} {/block:Pagination} {block:Posts} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="source © {ReblogRootName}">source</a>{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" title="reblog this post!">reblog</a> {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel} → {/block:NoteCount}</a> {block:Text} {block:Title} <a href="{Permalink}" class="ttitle">{Title}</a> {/block:Title} {Body} {/block:Text} {block:Photo} <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /> {block:Caption}{Caption}{/block:Caption} {/block:Photo} {block:Photoset} {Photoset-500} {block:Caption}{Caption}{/block:Caption} {/block:Photoset} {block:Quote} {Quote} {block:Source}- {Source}{/block:Source} {/block:Quote} {block:Link} <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a> {block:Description} {Description} {/block:Description} {/block:Link} {block:Chat} {block:Title} {Title} {/block:Title} {block:Lines}{block:Label}{Label}{/block:Label} {Line} {/block:Lines} {/block:Chat} {block:Audio} {/block:Audio} {block:Video} {Video-500} {block:Caption}{Caption}{/block:Caption} {/block:Video} {block:Answer} {Answer} {/block:Answer} {block:ifDisplayTags} {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} {/block:ifDisplayTags} {block:PermalinkPage} {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource} {block:PostNotes} {PostNotes} {/block:PostNotes} {/block:PermalinkPage} {/block:Posts}