Template Dony

Transcript of Template Dony

8/19/2019 Template Dony

1/39

----------------------------------------------- *//* Variable definitions ====================

2/39

e="color" default="$(body.text.color)" value="#bbbbbb"/>

3/39

4/39

adient" type="url" default="none" value="none"/> */

/* Content----------------------------------------------- */body { font: $(body.font); color: $(body.text.color); background: $(body.background);

}html body .region-inner { min-width: 0; max-width: 100%; width: auto;}

a:link { text-decoration:none; color: $(link.color);}

a:visited { text-decoration:none; color: $(link.visited.color);}

a:hover { text-decoration:underline; color: $(link.hover.color);}

.content-outer .content-cap-top { height: $(content.imageBorder.top.space); background: transparent $(content.imageBorder.top) repeat-x scroll top center;}

.content-outer { margin: 0 auto; padding-top: $(content.margin);}

.content-inner { background: $(content.background); background-position: left -$(content.imageBorder.top.space); background-color: $(content.background.color); padding: $(content.padding);}

.main-inner .date-outer {

5/39

margin-bottom: 2em;}

/* Header----------------------------------------------- */.header-inner .Header .titlewrapper,.header-inner .Header .descriptionwrapper { padding-left: 10px; padding-right: 10px;}

.Header h1 { font: $(header.font); color: $(header.text.color);}

.Header h1 a { color: $(header.text.color);}

.Header .description { font-size: 130%;}

/* Tabs----------------------------------------------- */.tabs-inner { margin: 1em 0 0; padding: 0;}

.tabs-inner .section { margin: 0;}

.tabs-inner .widget ul { padding: 0; background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;}

.tabs-inner .widget li { border: none;}

.tabs-inner .widget li a { display: inline-block; padding: 1em 1.5em; color: $(tabs.text.color); font: $(tabs.font);}

.tabs-inner .widget li.selected a,

.tabs-inner .widget li a:hover { position: relative; z-index: 1; background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center; color: $(tabs.selected.text.color);

6/39

}/* Headings----------------------------------------------- */h2 { font: $(widget.title.font); color: $(widget.title.text.color);}

.main-inner h2.date-header { font: $(date.font); color: $(date.text.color);}

.footer-inner .widget h2,

.sidebar .widget h2 { padding-bottom: .5em;}

/* Main

----------------------------------------------- */.main-inner { padding: $(content.padding) 0;}

.main-inner .column-center-inner { padding: $(content.posts.padding) 0;}

.main-inner .column-center-inner .section { margin: 0 $(content.posts.padding);}

.main-inner .column-right-inner { margin-left: $(content.padding);}

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { margin-left: $(content.padding); background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;}

.main-inner .column-left-inner { margin-right: $(content.padding);}

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { margin-right: $(content.padding); background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;}

.main-inner .column-left-inner,

.main-inner .column-right-inner { padding: 15px 0;}

/* Posts----------------------------------------------- */

7/39

h3.post-title { margin-top: 20px;}

h3.post-title a { font: $(post.title.font); color: $(post.title.text.color);}

h3.post-title a:hover { text-decoration: underline;}

.main-inner .column-center-outer { background: $(post.background.color) $(post.background.url) repeat scroll topleft; _background-image: none;}

.post-body { line-height: 1.4; position: relative;}

.post-header { margin: 0 0 1em;

line-height: 1.6;}

.post-footer { margin: .5em 0; line-height: 1.6;}

#blog-pager { font-size: 140%;}

#comments { background: $(comments.background); padding: 15px;}

#comments .comment-author { padding-top: 1.5em;}

#comments h4,#comments .comment-author a,#comments .comment-timestamp a { color: $(post.title.text.color);}

#comments .comment-author:first-child { padding-top: 0; border-top: none;}

.avatar-image-container {

8/39

margin: .2em 0 0;}

/* Comments----------------------------------------------- */#comments a { color: $(post.title.text.color);}

.comments .comments-content .icon.blog-author { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);}

.comments .comments-content .loadmore a { border-top: 1px solid $(post.title.text.color); border-bottom: 1px solid $(post.title.text.color);}

.comments .comment-thread.inline-thread { background: $(post.background.color);}

.comments .continue { border-top: 2px solid $(post.title.text.color);}

/* Widgets----------------------------------------------- */.sidebar .widget { border-bottom: 2px solid $(widget.border.bevel.color); padding-bottom: 10px; margin: 10px 0;}

.sidebar .widget:first-child { margin-top: 0;}

.sidebar .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

.footer-inner .widget,

.sidebar .widget { font: $(widget.font); color: $(widget.text.color);}

.sidebar .widget a:link {

9/39

10/39

color: $(post.title.text.color);}

.mobile-link-button { background-color: $(link.color);}

.mobile-link-button a:link, .mobile-link-button a:visited { color: $(mobile.button.color);}

.mobile-index-contents { color: $(body.text.color);}

.mobile .tabs-inner .PageList .widget-content { background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center; color: $(tabs.selected.text.color);

}.mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-$startSide: 1px solid $(tabs.selected.text.color);}]]>

.content-outer, .content-fauxcolumn-outer, .region-inner { min-width: $(content.width); max-width: $(content.width); _width: $(content.width); }

.main-inner .columns { padding-left: $(main.column.left.width); padding-right: $(main.column.right.width); }

.main-inner .fauxcolumn-center-outer { left: $(main.column.left.width); right: $(main.column.right.width); /* IE6 does not respect left and right together */ _width: expression(this.parentNode.offsetWidth - parseInt("$(main.column.left.width)") - parseInt("$(main.column.right.width)") + 'px'); }

.main-inner .fauxcolumn-left-outer { width: $(main.column.left.width); }

11/39

.main-inner .fauxcolumn-right-outer { width: $(main.column.right.width); }

.main-inner .column-left-outer { width: $(main.column.left.width); right: 100%; margin-left: -$(main.column.left.width); }

.main-inner .column-right-outer { width: $(main.column.right.width); margin-right: -$(main.column.right.width); }

#layout { min-width: 0; }

#layout .content-outer { min-width: 0; width: 800px; }

#layout .region-inner { min-width: 0; width: auto; } ]]>

12/39

script.type = 'text/javascript';script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js9;;var head = document.getElementsByTagName('head')[0];if (head) {head.appendChild(script);}})();

13/39

14/39

15/39

16/39

17/39

18/39

BLOG_CMT_createIframe('');

:

19/39

:

20/39

21/39

()

22/39

›

23/39

‹

›

24/39

25/39

26/39

27/39

,

28/39

29/39

30/39

31/39

} return comments; };

var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments';

var replybox = null; var replyUrlParts = null; var replyParent = undefined;

var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { replybox.src = ''; document.getElementById(domId).insertBefore(replybox, null);

32/39

replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } };

var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); }

// Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth };

var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs };

var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } };

// render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })();// ]]>

:

33/39

mment_js'/>

34/39

35/39

window.setTimeout(function() { document.body.className = document.body.className.replace('loading39;, ''); }, 10);

36/39

37/39

38/39

ded" ? " toggle-open" : "")'> ▼ ◄ ►

39/39