html vai mamar

Upload: eduardo-gaudencio

Post on 08-Apr-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/6/2019 HTML Vai Mamar

    1/21

  • 8/6/2019 HTML Vai Mamar

    2/21

    width: 845px;margin: 0 auto;

    }

    #wrapper #title {margin: 30px 0;color: #fff;

    font-size: 50px;font-weight: bold;font-family: {font:Title};text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);letter-spacing: -1px;

    }

    #wrapper #title a {color: #fff;text-decoration: none;

    }

    #wrapper #content {width: 520px;float: left;

    }

    #wrapper #content .post {font-family: {font:Body};background: #fff;padding: 10px;position: relative;

    }

    #wrapper #content .post .media {

    text-align: center;margin-bottom: 10px;

    }

    #wrapper #content .post .quotebg {font-family: georgia, serif;font-size: 150px;color: {color:Background};opacity: 0.2;filter: alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opac

    ity=20)";position: absolute;top: 70px;left: 10px;

    }

    #wrapper #content .post .quote {color: {color:Background};font-weight: bold;padding: 20px 20px 5px 20px;

    }

    #wrapper #content .post .quote.short {font-size: 33px;

    line-height: 35px;}

  • 8/6/2019 HTML Vai Mamar

    3/21

    #wrapper #content .post .quote.medium {font-size: 25px;line-height: 28px;

    }

    #wrapper #content .post .quote.long {font-size: 18px;

    line-height: 22px;}

    #wrapper #content .post .quote_source *:first-child {

    margin-top: 0px;}

    #wrapper #content .post .quote_source *:last-child {

    margin-bottom: 0px;}

    #wrapper #content .post .quote *:first-child {

    margin-top: 0px;}

    #wrapper #content .post .quote *:last-child {margin-bottom: 0px;

    }

    #wrapper #content .post .copy {color: #6e7173;padding: 10px;font-size: 13px;line-height: 15px;

    }

    #wrapper #content .post .copy a {

    color: #6e7173;text-decoration: underline;

    }

    #wrapper #content .post .copy p {margin: 10px 0 0 0;padding: 0;

    }

    #wrapper #content .post .copy pre {margin: 10px 0px 10px 0px;padding: 10px;background-color: #e6e6e6;font: normal 11px Courier, monospace;overflow: auto;

    }

    #wrapper #content .post .copy > p:first-child {margin-top: 0;

    }

    #wrapper #content .post .copy img {max-width: 100%;

    }

    #wrapper #content .post .audio {

  • 8/6/2019 HTML Vai Mamar

    4/21

    background: #eaeaea;float: left;padding: 7px;margin-bottom: 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;

    }

    #wrapper #content .post .audio .player {float: left;

    }

    #wrapper #content .post .audio .player .audio_playerembed {

    border: 1px solid #c8c8c8;}

    #wrapper #content .post .audio .meta {

    padding: 8px 13px;height: 13px;float: left;color: #666;font-family: {font:Accent};font-size: 11px;text-transform: lowercase;

    }

    #wrapper #content .post .audio .meta a {color: #666;text-decoration: none;

    }

    #wrapper #content .post .album_art {

    text-align: center;}

    #wrapper #content .post .question {

    color: #494949;font-size: 16px;font-weight: bold;background: #f1f1f1;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;margin: 0 0 15px 0;padding: 15px 20px;position: relative;

    }

    #wrapper #content .post .question .nipple {width: 13px;height: 7px;background: #f1f1f1 url('http://assets.tumblr.com/th

    emes/redux/ask-mask.png');position: absolute;bottom: -7px;

    left: 30px;}

  • 8/6/2019 HTML Vai Mamar

    5/21

    #wrapper #content .post .asker_container {margin: 0 0 20px 24px;

    }

    #wrapper #content .post .asker_container img {margin: 0 12px -7px 0;

    }

    #wrapper #content .post .asker_container a.asker {

    color: {color:Body};}

    #wrapper #content .post .title {

    color: #494949;font-size: 16px;font-weight: bold;padding: 10px 10px 0 10px;

    }

    #wrapper #content .post img {max-width: 500px;}

    #wrapper #content .post .chat {

    background-color: #fff;border-left: 5px solid #dedddd;margin: 10px 10px 0 10px;font-size: 14px;

    }

    #wrapper #content .post .chat .lines {margin-left: 1px;

    }

    #wrapper #content .post .chat .lines .line {background-color: #eaeaea;color: #494949;margin-bottom: 1px;padding: 3px 5px;

    }

    #wrapper #content .post .chat .lines .line.even {background-color: #dedddd;

    }

    #wrapper #content .post .link {margin: 4px 0 2px 0;font-size: 16px;line-height: 25px;

    }

    #wrapper #content .post .link a {background-color: {color:Background};color: #fff;padding: 5px 7px;-moz-border-radius: 4px;-webkit-border-radius: 4px;

    border-radius: 4px;}

  • 8/6/2019 HTML Vai Mamar

    6/21

    #wrapper #content .post .link a:hover {opacity: 0.9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Al

    pha(Opacity=90)";}

    #wrapper #content .post .footer {background: #eaeaea;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-family: {font:Accent};font-size: 11px;color: #666;padding: 5px 10px;margin-top: 10px;

    }

    #wrapper #content .post .footer.for_permalink:hover {opacity: 0.9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(

    Opacity=90)";}

    #wrapper #content .post .footer .date {

    width: 67%;float: left;color: #666;

    }

    #wrapper #content .post .footer .notes {width: 33%;float: right;text-align: right;color: #666;

    }

    #wrapper #content .post .footer .notes a {color: #666;

    }

    #wrapper #content .post .footer .tags a {color: #4a4a51;text-decoration: underline;

    }

    #wrapper #content .post .footer .tags .tag-commas:last-child {

    display: none;}

    #wrapper #content .post .footer.with_source_url .tag

    s {max-width: 330px;float: left;

    }

    #wrapper #content .post .footer.with_source_url .sou

  • 8/6/2019 HTML Vai Mamar

    7/21

    rce_url {float: right;max-width: 160px;overflow: hidden;white-space: nowrap;

    }

    #wrapper #content .post .footer.with_source_url

    .source_url img {vertical-align: top;-moz-opacity: 0.5;opacity: 0.5;

    }

    #wrapper #content .post .footer.with_source_url.source_url:hover img {

    -moz-opacity: 0.7;opacity: 0.7;

    }#wrapper #content .post a {

    color: #6e7173;text-decoration: none;

    }

    #wrapper #content .post .copy blockquote {margin: 10px 0px 10px 10px;padding-left: 15px;border-left: solid 4px #dcdcdc;

    }

    #wrapper #content .post .copy blockquote blockquote {

    border-left: solid 4px #cccccc;}

    #wrapper #content .post .copy blockquote blo

    ckquote blockquote {border-left: solid 4px #bcbcbc;

    }

    #wrapper #content .post .copy blockquoteblockquote blockquote blockquote {

    border-left: solid 4px #acacac;}

    #wrapper #content .post .copy blockq

    uote blockquote blockquote blockquote blockquote {border-left: solid 4px #9c9c9c;

    }

    #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {

    border-left: solid 4px #8c8c8c;

    }

    #wrapper #content .bottom {

    background: url('http://assets.tumblr.com/themes/red

  • 8/6/2019 HTML Vai Mamar

    8/21

    ux/shadow-post.png') top center no-repeat transparent;width: 513px;height: 40px;margin: 0 auto;

    }

    #wrapper #content #navigation {

    text-align: right;padding-bottom: 35px;text-transform: lowercase;

    }

    #wrapper #content #navigation a {background-color: #fff;color: {color:Background};padding: 5px 10px;text-decoration: none;margin-left: 25px;

    }

    #wrapper #content #navigation a:hover {opacity: 0.9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Al

    pha(Opacity=90)";}

    #wrapper #content #navigation.jump_pagination {}

    #wrapper #content #navigation.jump_pagination a {

    margin: 0 0 0 4px;}

    #wrapper #content #navigation.jump_pagination .curre

    nt_page {color: #fff;background-color: rgba(255,255,255, 0.1);border: 2px solid #fff;padding: 3px 8px;margin: 0 0 0 4px;cursor: default;

    }

    #wrapper #content #navigation.jump_pagination .jump_page {}

    #wrapper #content .post .notecontainer {background: #eaeaea;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-family: {font:Accent};font-size: 11px;color: #666;margin-top: 10px;margin-bottom: -10px;

    }

    #wrapper #content .post .notecontainer a {

    color: #666;

  • 8/6/2019 HTML Vai Mamar

    9/21

  • 8/6/2019 HTML Vai Mamar

    10/21

    #wrapper #content #searchresults .search_query:after {

    content:'';}

    #wrapper #sidebar {

    width: 250px;

    float: right;color: {color:Background};font-family: {font:Accent}

    }

    #wrapper #sidebar a {color: {color:Background};

    }

    #wrapper #sidebar #top {background: #fff;padding: 0 20px;

    -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;

    }

    #wrapper #sidebar #top #avatar {width: 146px;height: 146px;padding: 8px 0 0 9px;

    background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png') top left no-repeat transparent;

    position: relative;top: -24px;left: -5px;

    }

    #wrapper #sidebar #top #pages {margin-bottom: 15px;font-size: 12px;

    }

    #wrapper #sidebar #top #pages.ask_and_submit {display: none;{block:AskEnabled}display: block;{/block:AskEnabled}{block:SubmissionsEnabled}display: block;{/block:Sub

    missionsEnabled}}

    #wrapper #sidebar #top #pages a.page {

    display: block;float: left;background-color: {color:Background};color: #fff;padding: 4px 5px;

    margin: 0 5px 5px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;

  • 8/6/2019 HTML Vai Mamar

    11/21

    border-radius: 3px;}

    #wrapper #sidebar #top #pages a.page:last-child {

    margin-right: 0;}

    #wrapper #sidebar #top #pages a.page:hover {opacity: 0.9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(

    Opacity=90)";}

    #wrapper #sidebar #top #description {

    font-size: 11px;position: relative;top: -18px;

    }

    #wrapper #sidebar #top #description a {color: {color:Background};text-decoration: underline;

    }

    #wrapper #sidebar #top #search {background: #fff;border: 1px solid {color:Background};

    -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;

    }

    #wrapper #sidebar #top #search-scope {padding-top: 5px;font-size: 11px;text-align: center;

    }

    #wrapper #sidebar #top #search-scope input,#wrapper #sidebar #top #search-scope label {

    cursor: pointer;}

    #wrapper #sidebar #top #search form {

    margin: 0;}

    #wrapper #sidebar #top #search form .query {

    padding: 5px;border: none;background: transparent;outline: none;width: 125px;float: left;color: {color:Background};

    }

    #wrapper #sidebar #top #search form .submit {

  • 8/6/2019 HTML Vai Mamar

    12/21

    background: {color:Background};color: #fff;border: none;padding: 5px 7px;margin: 3px 3px 2px 0;float: right;-moz-border-radius: 3px;

    -webkit-border-radius: 3px;border-radius: 3px;cursor: pointer;

    }

    #wrapper #sidebar #top #search form .submit:hover {opacity: 0.9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Al

    pha(Opacity=90)";}

    #wrapper #sidebar #top .heading {color: #fff;font-family: helvetica, arial, sans-serif;font-size: 17px;margin-top: 20px;padding: 10px;background-color: {color:Background};-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;

    }

    #wrapper #sidebar #top a .heading {color: #fff;text-decoration: none;

    }

    #wrapper #sidebar #top .heading#followontumblr {background: url('http://assets.tumblr.com/themes/redux/s

    idebar-follow-on-en_US.png') center left no-repeat {color:Background};text-indent: -9999px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;

    {block:German}

    background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-de_DE.png');

    {/block:German}

    {block:Japanese}background-image: url('http://assets.tumblr.com/them

    es/redux/sidebar-follow-on-ja_JP.png');{/block:Japanese}

    {block:Italian}background-image: url('http://assets.tumblr.com/them

    es/redux/sidebar-follow-on-it_IT.png');

  • 8/6/2019 HTML Vai Mamar

    13/21

    {/block:Italian}

    {block:French}background-image: url('http://assets.tumblr.com/them

    es/redux/sidebar-follow-on-fr_FR.png');{/block:French}

    }

    #wrapper #sidebar #top .heading#followontumblr:hover,#wrapper #sidebar #top .heading#twitter:hover {

    opacity: 0.9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opac

    ity=90)";}

    #wrapper #sidebar #top .heading#twitter {

    background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat {color:Background};

    }#wrapper #sidebar #top .heading#following {

    background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat {color:Background};

    }

    #wrapper #sidebar #top .content {margin-top: 2px;padding: 7px 10px;background: #eaeaea;color: #666;font-size: 11px;

    overflow: hidden;}

    #wrapper #sidebar #top a {

    text-decoration: none;}

    #wrapper #sidebar #top #following-avatars.content {

    padding: 4px;}

    #wrapper #sidebar #top #following-avatars.conten

    t a img {margin: 5px;

    }

    #wrapper #sidebar #top #buttons {padding: 20px 0 0 0;

    }

    #wrapper #sidebar #top #buttons .button {width: 35%;height: 21px;float: left;background: left center no-repeat transparent;

    padding: 2px 0 0 30px;font-size: 14px;

    }

  • 8/6/2019 HTML Vai Mamar

    14/21

    #wrapper #sidebar #top #buttons a {

    color: {color:Background};text-decoration: none;

    }

    #wrapper #sidebar #top #buttons div {

    padding-bottom: 10px;}

    #wrapper #sidebar #top #buttons .button#button-rss {

    background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');

    text-transform: capitalize;}

    #wrapper #sidebar #top #buttons .button#button-rando

    m {background-image: url('http://assets.tumblr.com/

    themes/redux/button-random.png?2');}

    #wrapper #sidebar #top #buttons .button#button-archive {

    background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');

    }

    #wrapper #sidebar #top #buttons .button#button-mobile {

    background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');

    }

    #wrapper #sidebar #bottom {background: url('http://assets.tumblr.com/themes/redux/s

    idebar-bottom.png') top center no-repeat transparent;width: 250px;height: 25px;

    }

    #wrapper #sidebar #copyright {text-align: center;color: #fff;font-size: 12px;margin-bottom: 10px;

    }

    #wrapper #sidebar #copyright a {color: #fff;margin-left: 15px;

    }

  • 8/6/2019 HTML Vai Mamar

    15/21

    #wrapper #sidebar #top #avatar {background: none;

    }

    #wrapper #sidebar #top #avatar img {border: 5px solid #f1f1f1;

    }

    #wrapper #sidebar #top .heading#followontumblr {

    background-image: none;text-indent: 0;

    }

    #wrapper #sidebar #top .heading#twitter {background-image: none;

    }

    #wrapper #sidebar #top .heading#following {background-image: none;

    }

    #wrapper #content .post .audio .player {float: none;

    }

    #wrapper #content .post .audio .meta {display: none;float: none;

    }

    {CustomCSS}

  • 8/6/2019 HTML Vai Mamar

    16/21

    {block:IfHeaderImage}{/block:IfHeaderImage}

    {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}

    {block:SearchPage}

    {block:SearchResults}{lang:SearchResultCount results for

    SearchQuery 2}{/block:SearchResults}

    {block:NoSearchResults}

    {lang:No search results for SearchQuery 2}

    {/block:NoSearchResults}{/block:SearchPage}

    {block:Posts}

    {block:Photo}

    {LinkOpenTag}{LinkCloseTag}

    {block:Caption}{Caption}{/block:Caption}

    {/block:Photo}

    {block:Video}{Video-500}

    {block:Caption}{Caption}{/block:Caption}

    {/block:Video}

    {block:Audio}{block:IfShowAlbumArtOnAudioPosts}

    {block:AlbumArt}

    {/block:AlbumArt}

    {/block:IfShowAlbumArtOnAudioPosts}

    {AudioPlayerWhite}{PlayCountWithLabel}{block:Externa

    lAudio} {lang:Download}{/block:ExternalAudio}

    {block:Caption}{Caption}{/block:

    Caption}

    {/block:Audio}

    {block:Quote}

  • 8/6/2019 HTML Vai Mamar

    17/21

    {Quote}

    {block:Source}

    {Source}

    {/block:Source}

    {/block:Quote}

    {block:Text}

    {block:Title}{Title}{/block:Title}{Body}

    {/block:Text}

    {block:Answer}

    {Question}

    {Asker}{Answer}

    {block:Answer}

    {block:Chat}{block:Title}{Title}{/block:Tit

    le}

    {block:Lines}

    {block:Label}{Label}{/block:Label} {Line}

    {/block:Lines}

    {/block:Chat}

    {block:Link}{Name} &raquo

    ;{block:Description}{Description}

    {/block:Description}{/block:Link}

    {block:Date}

  • 8/6/2019 HTML Vai Mamar

    18/21

    {block:Reblog}{lang:Reblogged TimeAgo from ReblogParen

    tName} {block:RebloggedFromReblog}({lang:Originally from ReblogRootName}){/block:RebloggedFromReblog}

    {/block:Reblog}

    {block:NotReblog}

    {lang:Posted TimeAgo from source}{/block:NotReblog}

    {block:NoteCount}{NoteCountWi

    thLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}{/block:NoteCount} {lang:View comments}{/block:IfDisqusShortname}

    {/block:Date}

    {block:IfShowTags}{block:HasTags}{lang:Tagged}: {blo

    ck:Tags}{Tag}, {/block:Tags}.{/block:HasTags}

    {/block:IfShowTags}

    {block:ContentSource}

    {lang:Source}:{block:SourceLogo}{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourc

    eLogo}

    {/block:ContentSource}

    {block:PostNotes}{PostNotes}{/block:PostNotes}

    {block:IfDisqusShortname}{block:Permalink}

    {lang:View the discussion thread}

  • 8/6/2019 HTML Vai Mamar

    19/21

    {lang:Blog comments powered by Disqus 2}

    {/block:Permalink}{/block:IfDisqusShortname}

    {/block:Posts}

    {block:Pagination}{block:PreviousPage} {lang:Pr

    evious}{/block:PreviousPage}

    {block:IfEnableJumpPagination}{block:JumpPagination length="5"}

    {block:CurrentPage}{PageNumber}

    {/block:CurrentPage}{block:JumpPage}

    {PageNumber}

    {/block:JumpPage}

    {/block:JumpPagination}{/block:IfEnableJumpPagination}

    {block:NextPage}{lang:Next page}

    {/block:NextPage}

    {/block:Pagination}

    {Description}

    {block:AskEnabled}{AskLabel}

    {/block:AskEnabled}{block:SubmissionsEnabled}{Su

    bmitLabel}{/block:SubmissionsEnabled}

    {block:HasPages}

    {block:Pages}{Label}{/block:Pages}

    {/block:HasPages}

  • 8/6/2019 HTML Vai Mamar

    20/21

    {lang:My blog}

    {lang:All of Tumblr}

    {lang:Follow on Tumblr}

    {block:Twitter}

    {lang:Latest Tweets}

    function recent_tweets(data) {

    document.getElementById("twitterwrapper").style.display = "block";

    for(i = 0; i < data.length; i++) {document.getElementById("tweetcontainer").innerH

    TML = document.getElementById("tweetcontainer").innerHTML + '' + data[i].text + '';

    }}

    {/block:Twitter}

    {block:IfShowPeopleIFollow}

    {block:Following}{lang:Following}

    {block:Followed}{/block:Followed}

    {/block:Following}

    {/block:IfShowPeopleIFollow}

    {lan

    g:RSS feed}

  • 8/6/2019 HTML Vai Mamar

    21/21

    {lang:Random}

    {lang:Archive}

    {lang:Mobile}

    {CopyrightYears} {lang:Powered by Tumblr}

    {block:Twitter}

    {/block:Twitter}

    {block:IfDisqusShortname}

    //

    var links = document.getElementsByTagName('a');

    var query = '?';for(var i = 0; i < links.length; i++) {

    if(links[i].href.indexOf('#disqus_thread') >= 0) {query += 'url' + i + '=' + encodeURIComponent(links[i].h

    ref) + '&';}

    }document.write('');

    })();//]]>

    {/block:IfDisqusShortname}