View
224
Download
0
Category
Preview:
Citation preview
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} »
;{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}
Recommended