Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • HTML Script Tema Tumblr Blue Floral

    Încărcat de

    Yolanda Yao
    10 vizualizări16 pagini

    Titlu original

    html script tema tumblr blue floral

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    10 vizualizări16 pagini

    HTML Script Tema Tumblr Blue Floral

    Încărcat de

    Yolanda Yao

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 16

    Tumblr blue floral <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.

    org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</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="image:Background" content="http://static.tumblr.com/jw8fmba/RqUluoxaa/309560.jpeg" /> <meta name="image:Sidebar" content="" /> <meta name="color:Background" content="#000000" /> <meta name="text:Blog title size" content="30px" /> <meta name="if:Infinite scroll" content="1" /> <meta name="color:Body text" content="#FFFFFF" /> <meta name="color:Sidebar text" content="#FFFFFF" /> <meta name="if:4 columns" content="0" /> <meta name="font:Body" content="Helvetica Neue" /> <meta name="if:Repeat background" content="0" /> <meta name="if:Sidebar background" content="0" /> <meta name="color:Sidebar background" content="#000000" />

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/648luowoo/theme.js"></script>

    <style type="text/css"> html,body { margin: 0; min-height: 100%; } body{ background: url({image:Background}) {color:Background} {block:IfNotRepeatBackground}fixed no-repeat{/block:IfNotRepeatBackground}{block:IfRepeatBackground}scroll repeat{/block:IfRepeatBackground}; font-size: 12px; line-height: 160%; } .wrap { position: relative; {block:IndexPage} {block:IfNot4Columns} width: 970px; {/block:IfNot4Columns} {block:If4Columns} width: 1230px; {/block:If4Columns} {/block:IndexPage} {block:PermalinkPage}

    width: 700px; {/block:PermalinkPage} margin: 50px auto; } *{ font-family: {font:Body}; color: {color:Body text}; } a img { border: none; } a,a:link,a:hover,a:active,a:visited { color: inherit; font-size: inherit; line-height: 0 !important; } em,em a,a em { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } blockquote { margin: 0; padding: 0 0 0 9px; border-left: 1px #CCC dotted; }

    .sidebar { position: fixed; float: left; margin: 5px 0 0 {block:IndexPage}{block:IfNot4Columns}795px{/block:IfNot4Columns}{block:If4Columns}1055px{/block:I f4Columns}{/block:IndexPage}{block:PermalinkPage}525px{/block:PermalinkPage}; text-align: center; width: 175px; } .sidebar * { color: {color:Sidebar text} } .sidebar a { text-decoration: none; } .sidebar img { max-width: 100%; }

    .sidebar .inner { padding: 15px 10px; {block:IfSidebarBackground} background: {color:Sidebar background}; {/block:IfSidebarBackground} } .sidebar .title h1 {

    margin: 0 0 15px 0; line-height: 100%; font-size: {text:Blog title size}; {block:IfNotBlogTitleSize} display: none; {/block:IfNotBlogTitleSize} } .sidebar p { margin: 5px 0; } .navigation { margin: 15px 0; font-size: 20px; } .posts { position: relative; float: left; {block:IndexPage} {block:IfNot4Columns} width: 780px; {/block:IfNot4Columns} {block:If4Columns} width: 1040px; {/block:If4Columns} {/block:IndexPage}

    {block:PermalinkPage} width: 510px; {/block:PermalinkPage} } .post { float: left; position: relative; margin: 5px; } .post h2 { margin: 0; font-size: 16px; line-height: 18px; letter-spacing: 1px; font-weight: normal; } .post h2.quote { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0; font-style: italic; } .post p,.post li { line-height: 175%; } .post p {

    margin: 10px 0 5px 0; } .post ol,.post ul { margin: 3px 0; padding: 0; } .post li { margin: 2px 35px; } .post .info_bar { width: 100%; padding: 1px 0; text-align: center; position: absolute; top: 90%; left: 0; font-size: 11px; opacity: 0; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; background: {color:Body text}; color: {color:Background}; {block:PermalinkPage}

    display: none; {/block:PermalinkPage} } .post:hover .info_bar { opacity: 0.9; } .post .info_bar a { color: {color:Background}; text-decoration: none; margin: 0 5px; } .post .photo { position: relative; padding: 0; line-height: 0 !important; {block:IndexPage} background: rgba(0,0,0,1); {/block:IndexPage} -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post .photo .photo_info { position: absolute; top: 50%;

    left: 0; width: 100%; height: 50px; margin: -25px 0 0 0; text-align: center; z-index: 10; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; {block:PermalinkPage} display: none; {/block:PermalinkPage} } .post:hover .photo .photo_info { opacity: 1; } .post .photo .photo_info a { color: #FFF; text-decoration: none; } .post .photo .photo_info h2 a { margin: 0; line-height: 100%;

    font-family: 'HelveticaNeueBlack', Arial, sans-serif; text-transform: uppercase; font-size: 60px; color: #FFF; } .post img.main_photo { width: 100%; } .post img { max-width: 100%; height: auto; } .post .photo img { opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0; line-height: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post:hover .photo img {

    {block:IndexPage} opacity: 0.5; {/block:IndexPage} } .post .player { padding: 2px 10px; background: #FFF; margin: 0; } .post .lines { margin: 0 0 5px 0; } .post .lines .line { padding: 10px; } .post .lines .odd { } .post .lines .even { background: {color:Body text}; color: {color:Background}; } .post .lines .even * { color: {color:Background}; } .post ol.notes {

    padding: 0; list-style-type: none; } .post ol.notes li.note { border-bottom: solid 1px #F6F6F6; padding: 6px 0; margin: 0 !important; } .post ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } .post ol.notes li.note span.action { } .post ol.notes li.note .answer_content { font-weight: normal; } .post ol.notes li.note blockquote { border-color: #F6F6F6; padding: 4px 10px; margin: 10px 0px 0px 25px; } .post ol.notes li.note blockquote a {

    text-decoration: none; } .pagination { display: none; } .post{width:{block:IndexPage}250{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px} {CustomCSS} </style>

    <script type="text/javascript"> function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } </script>

    </head>

    <body> <script type="text/javascript"> $(document).ready(function(){ $('.posts').fadeIn(1000); }); </script>

    {block:Pagination}<ul class="pagination"> <li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li> </ul>{/block:Pagination} <div class="wrap">

    <div class="sidebar">

    {block:IfSidebarImage} <a href="/"><img src="{image:Sidebar}" /></a>{/block:IfSidebarImage} <div class="inner"> <a class="title" href="/"><h1>{Title}</h1></a>{block:Description}<p>{Description}</p>{/block:Description} <form style="margin-top: 10px" id="form"> <select name="menu" id="menu" onchange="MM_jumpMenu('parent',this,0)"> <option value="/">Home</option> <option value="/archive">{lang:Archive}</option> {block:AskEnabled}<option value="/ask">{AskLabel}</option>{/block:AskEnabled} {block:SubmitEnabled}<option value="/submit">{SubmitLabel}</option>{/block:SubmitEnabled} {block:HasPages}{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}{/block:HasPages} </select> </form> <div class="navigation">{block:Pagination}{block:PreviousPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{PreviousPage}"></a> {/block:PreviousPage}{block:NextPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{NextPage}"> </a>{/block:NextPage}{/block:Pagination}</div>

    </div> </div>

    <div class="posts" style="display:none" onload="$(this).fadeIn(1000);"> {block:Posts} <div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}" id="post_{PostID}">{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a href="{Permalink}">{lang:Read more}</a></h3>{/block:More}{/block:Text}{block:Answer}<p><strong>{lang:Asker asked}: {Question}</strong></p><p>{Answer}</p>{/block:Answer}{block:Chat}{block:Title}<h2>{Title}</h2>{/blo ck:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}{Label}{/block:Label} <em>{Line}</em></div>{/block:Lines}</div>{/block:Chat}{block:Quote}<h2>"{Quote}"</h2>{block:Sourc e}<p>- {Source}</p>{/block:Source}{/block:Quote}{block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}{block:Photo }<div class="photo"><div class="photo_info"><h2><a href="{Permalink}">{NoteCount}</a></h2></div>{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Permalink Page}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset250}{/block:IndexPage}{block:PermalinkPage}{Photoset500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{bloc k:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Audio}{block:A lbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo" /></a>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}

    {block:Date}<div class="info_bar" {block:Photo}style="display: none"{/block:Photo}>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> | {/block:NoteCount}<a href="{Permalink}">{TimeAgo}</a></div>{/block:Date} </div>

    {block:PostNotes}<div class="post"> {block:NoteCount}<h2>{NoteCountWithLabel}</h2>{/block:NoteCount} {PostNotes} </div>{/block:PostNotes}

    {/block:Posts}

    </div>

    </div> {block:IndexPage} <script type="text/javascript"> $(function(){var $container = $('.posts');$container.imagesLoaded(function(){$container.masonry({itemSelector:'.post',columnWidth: 260});});$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li a.pagination_nextlink',itemSelector: '.load',loading: {img:'http://static.tumblr.com/glziqhp/eRkls6pz6/white-90percopacity.png',donetext:''}},function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });$container.masonry( 'appended', $newElems, true );});});}); </script> {/block:IndexPage} </body> </html>

    S-ar putea să vă placă și