أحسن قوالب بلوجر 2016 بقلم الياسين بلال 3:14 م أضف تعليق تحرير <data:blog.pageTitle/> <![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Ethereal Designer: Jason Morrow URL: jasonmorrow.etsy.com ----------------------------------------------- */ /* Variable definitions ==================== */ /* Content ----------------------------------------------- */ body { font: $(body.font); color: $(body.text.color); background: $(body.background); } html body .content-outer { min-width: 0; max-width: 100%; width: 100%; } a:link { text-decoration: $(link.decoration); color: $(link.color); } a:visited { text-decoration: $(link.visited.decoration); color: $(link.visited.color); } a:hover { text-decoration: $(link.hover.decoration); color: $(link.hover.color); } .main-inner { padding-top: $(date.space); } .body-fauxcolumn-outer { background: transparent $(body.background.gradient) repeat-x scroll top center; } .content-fauxcolumns .fauxcolumn-inner { background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left; border-left: 1px solid $(body.border.color); border-right: 1px solid $(body.border.color); } /* Flexible Background ----------------------------------------------- */ .content-fauxcolumn-outer .fauxborder-left { width: 100%; padding-left: $(body.background.imageBorder.position.left); margin-left: -$(body.background.imageBorder.position.left); background-color: transparent; background-image: $(body.background.imageBorder); background-repeat: no-repeat; background-position: left top; } .content-fauxcolumn-outer .fauxborder-right { margin-right: -$(body.background.imageBorder.position.right); width: $(body.background.imageBorder.position.right); background-color: transparent; background-image: $(body.background.imageBorder); background-repeat: no-repeat; background-position: right top; } /* Columns ----------------------------------------------- */ .content-inner { padding: 0; } /* Header ----------------------------------------------- */ .header-inner { padding: 27px 0 3px; } .header-inner .section { margin: 0 35px; } .Header h1 { font: $(header.font); color: $(header.text.color); } .Header h1 a { color: $(header.text.color); } .Header .description { font-size: 115%; color: $(description.text.color); } .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: 0; padding-right: 0; margin-bottom: 0; } /* Tabs ----------------------------------------------- */ .tabs-outer { position: relative; background: transparent; } .tabs-cap-top, .tabs-cap-bottom { position: absolute; width: 100%; } .tabs-cap-bottom { bottom: 0; } .tabs-inner { padding: 0; } .tabs-inner .section { margin: 0 35px; } *+html body .tabs-inner .widget li { padding: 1px; } .PageList { border-bottom: 1px solid $(tabs.border.bevel.color); } .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -goog-ms-border-top-left-radius: 5px; -goog-ms-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: $(tabs.selected.background.color) none ; color: $(tabs.selected.text.color); } .tabs-inner .widget li a { display: inline-block; margin: 0; margin-right: 1px; padding: .65em 1.5em; font: $(tabs.font); color: $(tabs.text.color); background-color: $(tabs.background.color); -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -goog-ms-border-top-left-radius: 5px; -goog-ms-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } /* Headings ----------------------------------------------- */ h2 { font: $(widget.title.font); color: $(widget.title.text.color); } /* Widgets ----------------------------------------------- */ .main-inner .column-left-inner { padding: 0 0 0 20px; } .main-inner .column-left-inner .section { margin-right: 0; } .main-inner .column-right-inner { padding: 0 20px 0 0; } .main-inner .column-right-inner .section { margin-left: 0; } .main-inner .section { padding: 0; } .main-inner .widget { padding: 0 0 15px; margin: 20px 0; border-bottom: 1px solid $(widget.border.bevel.color); } .main-inner .widget h2 { margin: 0; padding: .6em 0 .5em; } .footer-inner .widget h2 { padding: 0 0 .4em; } .main-inner .widget h2 + div, .footer-inner .widget h2 + div { padding-top: $(widget.padding.top); } .main-inner .widget .widget-content { margin: 0; padding: 15px 0 0; } .main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat { margin: -$(widget.padding.top) -15px -15px; padding: 0; list-style: none; } .main-inner .sidebar .widget h2 { border-bottom: 1px solid $(widget.title.border.bevel.color); } .main-inner .widget #ArchiveList { margin: -$(widget.padding.top) 0 0; } .main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li { padding: .5em 15px; text-indent: 0; } .main-inner .widget #ArchiveList ul li { padding-top: .25em; padding-bottom: .25em; } .main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child { border-top: none; } .main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child { border-bottom: none; } .main-inner .widget .post-body ul { padding: 0 2.5em; margin: .5em 0; list-style: disc; } .main-inner .widget .post-body ul li { padding: 0.25em 0; margin-bottom: .25em; color: $(body.text.color); border: none; } .footer-inner .widget ul { padding: 0; list-style: none; } .widget .zippy { color: $(widget.alternate.text.color); } /* Posts ----------------------------------------------- */ .main.section { margin: 0 20px; } body .main-inner .Blog { padding: 0; background-color: transparent; border: none; } .main-inner .widget h2.date-header { border-bottom: 1px solid $(widget.title.border.bevel.color); } .date-outer { position: relative; margin: $(date.space) 0 20px; } .date-outer:first-child { margin-top: 0; } .date-posts { clear: both; } .post-outer, .inline-ad { border-bottom: 1px solid $(widget.border.bevel.color); padding: 30px 0; } .post-outer { padding-bottom: 10px; } .post-outer:first-child { padding-top: $(post.first.padding.top); border-top: none; } .post-outer:last-child, .inline-ad:last-child { border-bottom: none; } .post-body img { padding: 8px; } h3.post-title, h4 { font: $(post.title.font); color: $(post.title.text.color); } h3.post-title a { font: $(post.title.font); color: $(post.title.text.color); text-decoration: none; } h3.post-title a:hover { color: $(link.hover.color); text-decoration: underline; } .post-header { margin: 0 0 1.5em; } .post-body { line-height: 1.4; } .post-footer { margin: 1.5em 0 0; } #blog-pager { padding: 15px; } .blog-feeds, .post-feeds { margin: 1em 0; text-align: center; } .post-outer .comments { margin-top: 2em; } /* Comments ----------------------------------------------- */ .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 { background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left; } .comments .comments-content .loadmore a { border-top: 1px solid $(widget.title.border.bevel.color); border-bottom: 1px solid $(widget.title.border.bevel.color); } .comments .comment-thread.inline-thread { background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left; } .comments .continue { border-top: 2px solid $(widget.title.border.bevel.color); } /* Footer ----------------------------------------------- */ .footer-inner { padding: 30px 0; overflow: hidden; } /* Mobile ----------------------------------------------- */ body.mobile { background-size: $(mobile.background.size) } .mobile .body-fauxcolumn-outer { background: $(mobile.background.overlay); } .mobile .content-fauxcolumns .fauxcolumn-inner { opacity: 0.75; } .mobile .content-fauxcolumn-outer .fauxborder-right { margin-right: 0; } .mobile-link-button { background-color: $(tabs.selected.background.color); } .mobile-link-button a:link, .mobile-link-button a:visited { color: $(tabs.selected.text.color); } .mobile-index-contents { color: #444444; } .mobile .body-fauxcolumn-outer { background-size: 100% auto; } .mobile .mobile-date-outer { border-bottom: transparent; } .mobile .PageList { border-bottom: none; } .mobile .tabs-inner .section { margin: 0; } .mobile .tabs-inner .PageList .widget-content { background: $(tabs.selected.background.color) none; color: $(tabs.selected.text.color); } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-$startSide: 1px solid $(tabs.selected.text.color); } .mobile .footer-inner { overflow: visible; } body.mobile .AdSense { margin: 0 -10px; } ]]> <![CDATA[ body { min-width: $(content.width); } .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); } .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; } body#layout div.add_widget { padding: 8px; } body#layout div.add_widget a { margin-left: 32px; } ]]> <script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d3989503179803212985\x26blogName\x3d%D9%83%D9%86%D8%B2+%D8%A7%D9%84%D9%85%D8%B9%D9%84%D9%88%D9%85%D9%8A%D8%A7%D8%AA\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://supedd.blogspot.com/search\x26blogLocale\x3dar\x26v\x3d2\x26homepageUrl\x3dhttps://supedd.blogspot.com/\x26vt\x3d2705960223643388693', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </div></div> <div class="date-outer"> <div class="date-posts"> </div></div> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/> <a expr:href="data:post.commentFormIframeSrc" id="comment-editor-src"/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div></b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div><b:else/> <a class="comment-delete" expr:href="data:comment.deleteUrl" expr:title="data:top.deleteCommentMsg"> <img src="https://img1.blogblog.com/img/icon_delete13.gif"/> </a> </b:if> </span></b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'> </span> <b:else/> <a class="comment-link" expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick"> <data:post.commentLabelFull/>: </a> </b:if></b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:elseif cond='data:post.showThreadedComments'/> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if></b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name="comments"/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/>:</h4><b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl"><data:post.oldestLinkText/></a>   <a expr:class="data:post.oldLinkClass" expr:href="data:post.olderLinkUrl"><data:post.olderLinkText/></a>   </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'>   <a expr:class="data:post.newLinkClass" expr:href="data:post.newerLinkUrl"><data:post.newerLinkText/></a>   <a expr:class="data:post.newLinkClass" expr:href="data:post.newestLinkUrl"><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'><dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'><dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src="data:comment.favicon" height="16px" style="margin-bottom:-2px;" width="16px"/> </b:if> <a expr:name="data:comment.anchorName"/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href="data:comment.authorUrl" rel="nofollow"><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt><dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p></b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href="data:comment.url" title="comment permalink"> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl></div><b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl"> <data:post.oldestLinkText/> </a> <a expr:class="data:post.oldLinkClass" expr:href="data:post.olderLinkUrl"> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class="data:post.newLinkClass" expr:href="data:post.newerLinkUrl"> <data:post.newerLinkText/> </a> <a expr:class="data:post.newLinkClass" expr:href="data:post.newestLinkUrl"> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:elseif cond='data:post.allowComments'/> <a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick"><data:postCommentMsg/></a> </b:if> </p></b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> () : () () () ▼ ◄ ► Télécharger (964,58 Ko) شارك هذا المنشور اشترك في آخر تحديثات المقالات عبر البريد الإلكتروني:
