Scribd Logo
Upload

Welcome to Scribd!

  • 3D Theme

    Uploaded by

    Ian Francisco
    3 views15 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views15 pages

    3D Theme

    Uploaded by

    Ian Francisco

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 15

    <!DOCTYPE html> <!-- ---------------------------------Theme Neptune. Made by Max Davis. More free tumblr themes at: http://themes.themaxdavis.

    com ---------------------------------- --> <html lang="en"> <head> <meta charset="utf-8" /> <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}" />{/bloc k:Description} <meta <meta <meta <meta name="color:Background" content="#FFFFFF"/> name="color:Center" content="#FFFFFF"/> name="color:Text" content="#000000"/> name="color:Link Hover" content="#000000"/>

    <meta name="image:Background" content="" /> <meta name="image:Header Logo" content="" /> <meta name="image:Portrait" content="" /> <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta name="if:Infinite scrolling" content="0" /> name="if:Sidebar left or right" content="0" /> name="if:Large or Small footer" content="0" /> name="if:Show Permalinks" content="0" /> name="if:Show Permalink On Photo Posts" content="0" /> name="if:3D Effect for links" content="1" /> name="text:Header Title" content="Header title" /> name="text:Reblog Title" content="Reblog post" /> name="text:Ask Title" content="Ask" /> name="text:Link 1" content="" /> name="text:Link 1 Title" content="" /> name="text:Link 2" content="" /> name="text:Link 2 Title" content="" /> name="text:Link 3" content="" /> name="text:Link 3 Title" content="" /> name="text:Link 4" content="" /> name="text:Link 4 Title" content="" /> name="text:Link 5" content="" /> name="text:Link 5 Title" content="" />

    <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type ='text/css'> <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js" ></script> <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/s cript.js"></script> <script type="text/javascript" src="http://static.tumblr.com/twte3d7/0pellzh2t/i nfinitescroll.js"></script> <script>

    $(window).load(function(){ var $wall = $('#center'); $wall.masonry({ itemSelector: '.post', columnWidth:220 }); $wall.infinitescroll({ navSelector : ".nav", nextSelector : ".nav a", itemSelector : ".post", loading : "", donetext : "" }, function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $wall.masonry( "appended", $newElems, true ); }); }); }); </script> <script type="text/javascript"> $(window).scroll(function(){var totalHeight = $('body').height();var yPos = $(wi ndow).scrollTop();if( yPos > (totalHeight*.10) && yPos < (totalHeight*.90) ){$(" .footer").fadeIn('medium');} else {$('.footer').fadeOut('medium');}});</script> <style type="text/css"> body { padding:0; margin:0; overflow-x:hidden; font-family:'helvetica neue', 'helvetica', arial; font-size:11px; color:{color:Text}; background-color:{color:background}; background-image:url({image:Background}); background-position:center top; background-attachment:fixed;} a {text-decoration:none; color:{color:text}; font-weight:800; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:{color:link hover}; {block:if3DEffectforlinks} text-shadow:2px 0 0 rgba(255,0,0,0.4), -2px 0 0 rgba(0,255,0,0.4); {/block:if3DEffectforlinks} -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:active{outline: none;}

    a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} #container{ position:relative; width:860px; margin:0px auto; background-color:{color:Center}; padding:10px 20px 20px; overflow: hidden;} #header{ width:860px; {block:IfNotHeaderlogoimage} margin:10px 0 20px; {/block:IfNotHeaderlogoimage} {block:IfHeaderlogoimage} margin:0; {/block:IfHeaderlogoimage}} #header h1{ font-size: 93px; letter-spacing: -3px; margin: 0; word-spacing: -2px; color:{color:text}; {block:ifNotSidebarleftorright} text-align:right; {/block:ifNotSidebarleftorright} -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} #header h1:hover{ color:{color:link hover}; {block:if3DEffectforlinks} color:{color:text}; text-shadow:4px 0 0 rgba(255,0,0,0.3), -4px 0 0 rgba(0,255,0,0.3); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; {/block:if3DEffectforlinks}} #header img{ max-width:860px; max-height:300px;} #sidebar{ width:200px; position:absolute; {block:ifNotSidebarleftorright} margin-left:660px; {/block:ifNotSidebarleftorright}} #sidebar h1{ margin:5px 0; padding:0 0 10px; border-bottom:2px solid {color:text}; font-size:14px; text-transform:uppercase; line-height:14px; color:{color:titles};

    {block:ifSidebarleftorright} text-align: right; {/block:ifSidebarleftorright}} #sidebar .inner{ margin:10px 0 0;} #sidebar .portrait{ width:200px;} #sidebar .portrait img{ max-width:200px;} #sidebar .description{ margin:5px 0 10px; padding:5px 0 10px; font-weight: 700; {block:ifSidebarleftorright} text-align: right; {/block:ifSidebarleftorright} {block:AskEnabled} border-bottom:2px solid {color:text}; {/block:AskEnabled} {block:SubmissionsEnabled} border-bottom:2px solid {color:text}; {/block:SubmissionsEnabled} {block:HasPages} border-bottom:2px solid {color:text}; {/block:HasPages} {block:ifLink1Title} border-bottom:2px solid {color:text}; {/block:ifLink1Title} {block:ifLink2Title} border-bottom:2px solid {color:text}; {/block:ifLink2Title} {block:ifLink3Title} border-bottom:2px solid {color:text}; {/block:ifLink3Title} {block:ifLink4Title} border-bottom:2px solid {color:text}; {/block:ifLink4Title} {block:ifLink5Title} border-bottom:2px solid {color:text}; {/block:ifLink5Title}} #sidebar .links{ margin:0 0 10px; padding:0 0 10px; list-style:none;} #sidebar .links a{ font-weight:700; text-transform:uppercase; font-size:10px; line-height:11px; display:block; {block:ifSidebarleftorright} text-align: right; {/block:ifSidebarleftorright}} #sidebar .links a:hover{ color:{color:link hover}} #center{ width:660px; {block:ifSidebarleftorright} margin-left:220px;

    {/block:ifSidebarleftorright} {block:ifNotSidebarleftorright} margin-left:0px; {/block:ifNotSidebarleftorright}} #center .post{ width:200px; float:left; margin:0 20px 20px 0; overflow:hidden; {block:PermalinkPage} width:506px; overflow:visible; {block:ifNotSidebarleftorright} margin:0 0 0 134px !important; {/block:ifNotSidebarleftorright} {/block:PermalinkPage}} #center .photo_post{ {block:ifshowpermalinkonphotoposts} margin:0 20px 14px 0; {/block:ifshowpermalinkonphotoposts}} #center .post p{ margin:0; {block:PermalinkPage} margin:5px 0; {/block:PermalinkPage}} #center .post blockquote{ border-left: 2px solid {color:text}; margin: 5px 0 5px 10px; padding-left: 10px;} #center .post .margin{ {block:IndexPage} width:200px; {/block:IndexPage} {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #center .post .margin h1{ margin:0; padding:0; font-size:12px; text-transform:uppercase; line-height:14px; color:{color:text};} #center .post .margin .source{ margin:5px 0 0;} #center .post .margin img{ max-width:150px; height:auto; {block:PermalinkPage} max-width:500px; {/block:PermalinkPage}} #center .post .chat{ margin:0; padding:0; list-style:none;} #center .post .chat li{ font-weight:bold;

    text-transform:uppercase; font-size:9px; padding: 4px 5px;} #center .post .chat li:nth-child(even){ background:{color:text}; color:{color:center};} #center .post .chat li:last-child{ margin:0 0 8px} #center .asker_portrait { float:left; width:30px; height:30px; margin-right:10px; margin-bottom:10px; display:none;} #center .question { font-weight: bold; line-height: 11px; margin-bottom: 10px; width: 200px; {block:PermalinkPage} width:auto; {block:PermalinkPage}} #center .question span{ text-transform:uppercase;} #center .answer{ clear: both; display: block; font-style: italic; font-weight: bold; line-height: 20px; margin: 10px;} #center .answer p{ margin:0; padding:0; line-height: 13px;} #center .photoset { margin:0 0 0 -12.5px; position:relative;} #center .photoset .box{ background-color: rgba(0, 0, 0, 0.3); background-image: url("http://static.tumblr.com/8jq17g7/ZRflvr254/screen-pat tern.png"); bottom: 4px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.7) inset; height: 100%; margin: 0 0 0 12.5px; position: absolute; width: 200px; z-index: 500;} #center .photoset .hover{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); bottom: 50%; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.4), 0 3px 0 rgba(0, 0, 0, 0.4); font-family: 'Cookie',cursive; font-size: 16px; line-height: 16px; margin: 0 0 -58px 0;

    padding: 40px 0; position: absolute; text-align: center; width: 200px; z-index: 500;} #center .photoset:hover .box{ background-color: rgba(0, 0, 0, 0.6);} #center .photoset:hover .hover{ box-shadow:none; background-color: rgba(0, 0, 0, 0.0);} #center .photoset .hover a{color:white;} #center .photoset .hover a:hover{color:white;} #center .photoset .hover a.set{ display: block; font-family: 'Open Sans',arial; font-size: 9px; font-weight: bold; letter-spacing: 10px; line-height: 10px; margin: 0 0 10px 10px;} #center .post .audio{ background: none repeat scroll 0 0 black; overflow: hidden; padding: 5px 5px 1px; width: 190px; {block:PermalinkPage} width:496px; {/block:PermalinkPage}} #center .post .inner{ margin: auto; overflow: hidden; width: 28px;} #center .post .picture{ position:relative; width:200px; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #center .post .picture img{ width:200px; display:block; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #center .post .picture .hover{ position:absolute; height:100%; width:200px; background:rgba(0,0,0,0.9); opacity:0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} #center .post .picture .hover:hover{ opacity:1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;}

    #center .post .picture .hover .notes{ font-size: 9px; font-weight: bold; height: 12px; letter-spacing: 10px; line-height: 12px; margin: -12px 0 0 10px; position: absolute; text-align: center; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); text-transform: uppercase; top: 50%; width: 190px;} #center .post .picture .hover .reblog{ color: white; font-family: 'Cookie',cursive; font-size: 18px; height: 16px; line-height: 16px; margin: 16px 0 0; position: absolute; text-align: center; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); top: 50%; width: 200px;} .notes a, .reblog a{color:white;font-weight:normal;} .notes a:hover, .reblog a:hover{color:white;} #center .post .caption{ padding: 10px 5px 2px; {block:ifNotSidebarleftorright} text-align: right; {/block:ifNotSidebarleftorright}} #center .post .au_caption{ border:none;} #center .post .permalink{ margin:10px 0 0; {block:ifNotSidebarleftorright} text-align: right; {/block:ifNotSidebarleftorright} border-top:2px solid {color:text}; border-bottom:2px solid {color:text}; color:{color:borders}; {block:ifNotShowPermalinks} display:none; {/block:ifNotShowPermalinks}} #center .post .permalink a{ font-size:9px; font-weight:700; text-transform:uppercase; color:{color:text}; margin:0 10px;} #center .post .permalink a:hover{ color:{color:link hover}} #center .post .permalink a:last-child{ margin:0 0 0 10px;} #center .post .photo_perma{ {block:ifNotshowpermalinkonphotoposts} display:none; {/block:ifNotshowpermalinkonphotoposts}

    {block:ifshowpermalinkonphotoposts} display:block; margin:13px 0 0; border-top:2px solid {color:text}; {/block:ifshowpermalinkonphotoposts}} ol.notes { font-size: 9px; font-weight: normal; list-style-type: none; margin: 10px 0; padding: 0; text-transform: uppercase;} ol.notes a{ text-decoration:none; padding:0; background-color:transparent;} ol.notes li.note { padding: 2px 0; {block:ifNotSidebarleftorright} text-align: right; {/block:ifNotSidebarleftorright}} ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; display:none;} ol.notes li.note span.action a{ color:black; font-weight:bold;} ol.notes li.note .answer_content { color:black;} ol.notes li.note blockquote { border-left: medium none !important; color: black; margin: 10px 0 10px 30px !important; padding: 5px 0 8px !important; border-bottom: 2px solid {color:text};} ol.notes li.note blockquote a { color:black;} .footer { bottom: 0; display: none; left: 50%; position: fixed; z-index: 600; {block:ifLargeorSmallfooter} width:860px; margin:0 0 0 -430px; padding:5px 0; box-shadow: 0 -2px 0 {color:text}; {/block:ifLargeorSmallfooter} {block:ifNotLargeorSmallfooter} width:200px; padding:10px 0; {block:ifNotSidebarleftorright} margin:0 0 0 225px; {/block:ifNotSidebarleftorright}

    {block:ifSidebarleftorright} margin:0 0 0 -430px; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter} background-color:{color:Center};} .footer h1{ font-weight: 700; line-height: 18px; text-transform: uppercase; color:{color:text}; {block:ifLargeorSmallfooter} float:left; font-size: 13px; margin: -1px 0 -4px; padding: 7px 40px 5px 0; {/block:ifLargeorSmallfooter} {block:ifNotLargeorSmallfooter} border-bottom:2px solid {color:text}; margin: 0 0 5px; padding: 0 0 12px; font-size:17px; {block:ifSidebarleftorright} text-align:right; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} .footer .links{ padding:0; margin: 4px 0 0; float:left; {block:ifNotLargeorSmallfooter} {block:ifSidebarleftorright} float:right; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} .footer .links a{ font-size:9px; font-weight:700; text-transform:uppercase; {block:ifLargeorSmallfooter} margin:0 10px 0 0; {/block:ifLargeorSmallfooter} {block:ifNotLargeorSmallfooter} display: block; margin:0; {/block:ifNotLargeorSmallfooter} color:{color:text}; {block:ifNotLargeorSmallfooter} {block:ifSidebarleftorright} text-align:right; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} .footer .links a:hover{ color:{color:link hover}} .footer #back_top_top{ font-size:9px; font-weight:700; text-transform:uppercase; color:{color:text}; float:right; margin: 5px 0;

    {block:ifNotLargeorSmallfooter} {block:ifSidebarleftorright} float:left; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} </style> </head> <body> {block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/bl ock:NextPage}</div>{/block:Pagination} <div id="container"> <div id="header"> {block:IfNotHeaderlogoimage} {block:ifHeaderTitle} <a href="/"><h1>{text:Header Title}</h1></a> {/block:ifHeaderTitle} {/block:IfNotHeaderlogoimage} {block:IfHeaderlogoimage} <a href="/"><img src="{image:Header logo}" /></a> {/block:IfHeaderlogoimage} </div> <div id="sidebar"> {block:IfPortraitimage}<a href="/"> <div class="portrait"><center> <img src="{image:Portrait}" /> </center></div></a> {/block:IfPortraitimage} <div class="inner"> <a href="/"><h1>{Title}</h1></a> <div class="description">{Description}</div> <ul class="links"> {block:AskEnabled} <a href="/ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a>{/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages} {block:ifLink1Title} <a href="{text:Link 1}"> {text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}"> {text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}"> {text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title}

    <a href="{text:Link 4}"> {text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}"> {text:Link 5 Title}</a> {/block:ifLink5Title} </ul> </div> </div> <div id="center"> {block:Posts} <div class="post{block:Photo} photo_post{/block:Photo}"> {block:Text} <div class="margin"> {block:Title} <a href="{Permalink}"><h1>{Title}</h1></a> {/block:Title} {Body} </div> {/block:Text} {block:Photo} <div class="picture"> {block:IndexPage} <div class="hover"> <div class="notes"> <a href="{Permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a> </div> <div class="reblog"> <a href="{ReblogURL}">{text:Reblog title}</a> </div> </div> {/block:IndexPage} <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </div> {/block:Photo} {block:Photoset} {block:IndexPage} <div class="photoset"> <div class="box"> <div class="hover"> <a href="{Permalink}" class="set">PHOTOSET</a> <a href="{Permalink}">See full set</a> </div> </div> {Photoset-250} </div> {/block:IndexPage} {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage} {block:IndexPage}{block:ifshowcaption} {block:Caption}<div class="caption photo_caption"> {Caption}</div>{/block:Caption} {/block:ifshowcaption}{/block:IndexPage}

    {/block:Photoset} {block:Quote} <div class="margin"><center> <h1>"{Quote}"</h1> {block:Source} <div class="source">{Source}</div> {/block:Source} </centre> </div> {/block:Quote} {block:Link} <div class="margin"> <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a> {block:Description} <div class="description">{Description}</div> {/block:Description} </div> {/block:Link} {block:Chat} <div class="margin"> {block:Title} <h1><a href="{Permalink}">{Title}</a></h1> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li> {/block:Lines} </ul> </div> {/block:Chat} {block:Video} <div class="video"> {block:IndexPage} {Video-250}{/block:IndexPage} {block:PermalinkPage} {Video-500}{/block:PermalinkPage} </div> {block:IndexPage}{block:ifshowcaption} {block:Caption}<div class="caption photo_caption"> {Caption}</div>{/block:Caption} {/block:ifshowcaption}{/block:IndexPage} {/block:Video} {block:Audio} <div class="margin"> <div class="audio"> <div class="inner"> {AudioPlayerBlack} </div> </div> {block:IndexPage} {block:Caption} <div class="caption au_caption">{Caption}</div> {/block:Caption}{/block:IndexPage}

    </div> {/block:Audio} {block:Answer} <div class="margin"> <div class="question"> <span>{Asker}:</span><br /> {Question} </div> <div class="answer">{Answer}</div> </div> {/block:Answer} {block:IndexPage} {block:Date} <div class="permalink{block:Photo} photo_perma{/block:Photo}{block:Photo set} photo_perma{/block:Photoset}"> {block:NoteCount} <a href="{Permalink}"> {NoteCount}</a> {/block:NoteCount} <a href="{Permalink}">{TimeAgo}</a> </div> {/block:Date} {/block:IndexPage} {block:PermalinkPage} {block:Date} {block:Caption}<div class="caption"> {Caption} </div>{/block:Caption} <div class="permalink"> {block:NoteCount} <a href="{Permalink}"> {NoteCount}</a> {/block:NoteCount} <a href="{Permalink}">{TimeAgo}</a> </div> {/block:Date} {PostNotes} {/block:PermalinkPage} </div> {/block:Posts} <div class="clear"></div> </div> </div> {block:IndexPage} <div class="footer clearfix"> <h1>{title}</h1> <div class="links"> {block:AskEnabled} <a href="/ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a>{/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a href="{URL}"> {Label}</a>{/block:Pages}

    {/block:HasPages} {block:ifLink1Title} <a href="{text:Link 1}"> {text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}"> {text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}"> {text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}"> {text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}"> {text:Link 5 Title}</a> {/block:ifLink5Title} </div> <a href="#"> <div id="back_top_top">Back to top</div> </a> <div class="clear"></div> </div> {/block:IndexPage} </body> </html>

    You might also like