HTML Theme Cristi

8/12/2019 HTML Theme Cristi

1/8

{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:Description}{/block:Description}

html, body {

height: 100%;}body {

background: url('{image:Background}') {color:Background} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {block:IfNotRepeatBackground}no-repeat{/block:IfNotRepeatBackground} {block:IfCenterBackground}center 0{/block:IfCenterBackground}; margin: 0;

font-size: 11px;line-height: 160%;font-family: {font:Main font};color: {color:Body text};

}

a img {border: none;

}a {

color: inherit;font-size: inherit;

}blockquote {

margin: 0;padding: 0 0 0 9px;


2/8

border-left: 1px #CCC dotted;}.columns1 {

width: 300px;}.columns2 {









width: 3000px;}.columns11,.columns12,.columns13,.columns14,.columns15,.columns16,.columns17,.columns18,.columns19,.columns20 {

width: 90%;}.header {

position: relative;margin: 40px auto;overflow: hidden;{block:PermalinkPage}width: 550px;{/block:PermalinkPage}

}.header .blog_link {

text-align: center;padding: 0 5px;float: left;position: relative;

}

.header .blog_title {text-align: left;padding: 0 10px 0 0;float: left;position: relative;

}.header a {

text-decoration: none;}.header img {


3/8

max-height: 50px;}.header h1 {

margin: 0;font-size: 15px;line-height: 100%;text-transform: uppercase;

}.header p {

margin: 5px 0;}.header .menu_item {

margin: 0 10px;opacity: 0.5;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;

}.header .menu_item:hover {

opacity: 1;}.posts {

position: relative;

margin: 25px auto;{block:PermalinkPage}width: 550px;{/block:PermalinkPage}

}.post {

float: left;position: relative;{block:IndexPage}width: 250px;{/block:IndexPage}{block:PermalinkPage}width: 500px;

{/block:PermalinkPage}padding: 20px;margin: 5px;background-color: {color:Post background};color: {color:Post text};

}.post h2 {

margin: 0;font-size: 18px;line-height: 20px;{block:PermalinkPage}text-align: center;{/block:PermalinkPage}

}.post h2.quote {

font-weight: normal;}.post p,.post li {

line-height: 175%;}.post p {

margin: 10px 0 5px 0;}


4/8

.post ol,.post ul {margin: 3px 0;padding: 0;

}.post li {

margin: 2px 35px;}.post .info_bar {

width: 100%;margin-top: 5px;text-align: right;position: relative;{block:PermalinkPage}display: none;{/block:PermalinkPage}

}.post .photo {

position: relative;padding: 0;line-height: 0 !important;{block:IndexPage}background: {color:Body text};{/block:IndexPage}

}

.post .photo .photo_info {position: absolute;top: 50%;left: 0;width: 100%;height: 70px;margin: -35px 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 {

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

}.post .photo .photo_info h2 a {

margin: 0;line-height: 100%;text-transform: uppercase;font-size: 50px;

}.post .photo .photo_info p {

margin: 0;}.post .photo .photo_info p a {

margin: 0;


5/8

line-height: 100%;text-transform: uppercase;font-size: 15px;font-weight: bold;

}.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;

}.post:hover .photo img {

{block:IndexPage}opacity: 0.25;

{/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: {color:Post text};color: {color:Post background};

}.post ol.notes {

padding: 0;list-style-type: none;font-size: 11px;

}.post ol.notes a {

text-decoration: none;

}.post ol.notes li.note {

border-top: solid 1px {color:Body text};padding: 5px 0;margin: 0 !important;

}.post ol.notes li.note img.avatar {

vertical-align: -4px;margin-right: 10px;width: 16px;


6/8

height: 16px;}.post ol.notes li.note .answer_content {

font-weight: normal;}.post ol.notes li.note blockquote {

border-color: {color:Body text};padding: 4px 10px;margin: 10px 0px 0px 25px;

}.pagination {

display: none;}#infscr-loading {text-align: center;position: fixed;left: 45%;bottom: 50px;z-index: 999;background: #FFF;opacity: 0.75;padding: 5px 10px 2px 10px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}.masonry,.masonry .masonry-brick {-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;transition-duration: 0.25s;}.masonry {-webkit-transition-property: height, width;-moz-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}.masonry .masonry-brick {-webkit-transition-property: left, right, top;-moz-transition-property: left, right, top;-o-transition-property: left, right, top;transition-property: left, right, top;}{CustomCSS}

{block:Pagination} {block:NextPage}Next{/block:NextPage} {/block:Pagination}

{block:IfNotOnlyShowLinksByClickingTitleOrImage}{/block:IfNotOnlyShowLinksByClickingTitleOrImage}{block:IfHeaderImage}{/block:IfHeaderImage}{block:IfNotHeaderImage}{Title}{block:IfNotHeaderImage}{block:IfNotOnlyShowLinksByClickingTitleOrImage}{/block:IfNotOnlyShowLinksByClickingTitleOrImage} {block:AskEnabled} {AskLabel}

{/block:AskEnabled} {block:SubmissionsEnabled} {SubmitLabel} {/block:SubmissionsEnabled} {block:HasPages}{block:Pages} {Label} {/block:Pages}{/block:HasPages} {block:IfNotInfiniteScroll}{block:Pagination}{block:PreviousPage} {lang:Previous page}


7/8

{/block:PreviousPage} {block:NextPage} {lang:Next page} {/block:NextPage}{/block:Pagination}{/block:IfNotInfiniteScroll} {lang:Archive} {block:IfVisitorCounterScript} {text:Visitor counter script} {/block:IfVisitorCounterScript}

{block:Posts} {block:Text}{block:Title}{Title}{/block:Title}{Body}{block:More}{lang:Read more}{/block:More}{/block:Text}{block:Answer}

{lang:Asker asked}: {Question}

{Answer}
{/block:Answer}{block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}{Label}{/
block:Label} {Line}{/block:Lines}{/block:Chat}{block:Quote}"{Quote}"{block:Source}

- {Source}
{/block:Source}{/block:Quote}{block:Link}{Name}{block:Description}{Description}{/block:Description}{/block:Link}{block:Photo}{NoteCount}
Reblog
{LinkOpenTag}{LinkCloseTag}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:Pe
rmalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}{/block:AlbumArt}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Date}?{/block:Date}

{block:PostNotes} {PostNotes}

{/block:PostNotes}

{/block:Posts}

{text:Music player script}{block:IndexPage}$(function(){var $container = $('.posts').css({ opacity: 0 });$container.imagesL


8/8

oaded(function(){$container.animate({ opacity: 1 });$container.masonry({itemSelector:'.post',{block:IfNotNumberOfColumns}isFitWidth: true,{/block:IfNotNumberOfColumns}columnWidth: 300});});$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li a.pagination_nextlink',itemSelector: '.load',loading: {img:'http://static.tumblr.com/jw8fmba/NRWlvha2e/loady.gif',donetext:''}},function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });$container.masonry( 'appended', $newElems, true );});});});{/block:IndexPage}

HTML Theme Cristi

Documents

Transcript of HTML Theme Cristi