master
Gnieark 6 years ago
parent e802b964b9
commit c6b7ec992f

@ -65,14 +65,14 @@
font-style: normal; font-style: normal;
} }
body { nav, body {
font-family: sans-serif; font-family: sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
line-height: 130%; line-height: 130%;
font-size: 110%; font-size: 110%;
} }
nav{width: 100%;}
input { font-family: sans-serif; } input { font-family: sans-serif; }
@media (min-width: 40em) { @media (min-width: 40em) {
@ -117,17 +117,20 @@ img.EntryFirstImage{
display: inline; display: inline;
border-radius: 8px; border-radius: 8px;
left: 50%; left: 50%;
transform: translate(50%, 0%); /* décalage de 50% de sa propre taille */ transform: translate(50%, 0%);
} }
section, aside { section, aside {
background-color: #fff9fb; background-color: #fff9fb;
overflow-x: hidden; overflow-x: hidden;
padding: 1.5em 1.5em 0 1.5em;
} }
header p { header p {
padding: 1.5em 1.5em 0 1.5em; padding: 1.5em 1.5em 0 1.5em;
color: rgba(0,0,0,.4); color: rgba(0,0,0,.4);
font-size: 1em; font-size: 1em;
} }
article {background-color: #fff9fb;}
@media (min-width: 40em) { @media (min-width: 40em) {
section, aside { section, aside {
max-width: 40em; max-width: 40em;
@ -135,8 +138,7 @@ header p {
background-color: #fff9fb; background-color: #fff9fb;
border-radius: 3em; border-radius: 3em;
box-shadow: -0.1em 0.1em 1em 0.1em rgba(0, 0, 0, 0.3); box-shadow: -0.1em 0.1em 1em 0.1em rgba(0, 0, 0, 0.3);
} }
img.EntryFirstImage{ img.EntryFirstImage{
max-width: 15em; max-width: 15em;
@ -148,21 +150,32 @@ header p {
overflow: auto; overflow: auto;
} }
} }
@media (min-width: 70em) {
/* mise en deux colonnes */
section{
float: left;
width: 40em;
margin: 0.5em 0.5em;
}
aside{
float: left;
width: 20em;
margin: 0.5em 0.5em;
}
#main { padding: 1.5em 1.5em 0 1.5em; } }
#sidebar { padding: 1.5em; }
#footer { padding: 1em 2em; } footer { clear: both; padding: 1em 2em; }
/* Prelude */ /* Prelude */
#prelude li::before { display: none; } nav ul li::before { display: none; }
#prelude { margin: 0; padding-left: 1.5em; } nav ul { margin: 0; padding-left: 1.5em; }
@media (min-width: 40em) { @media (min-width: 40em) {
#prelude { text-align: center; } nav ul { text-align: center; }
#prelude li { display: inline-block; } nav ul li { display: inline-block; }
#prelude li::after { content: ' | '; } nav ul li::after { content: ' | '; }
#prelude li:last-child::after { display: none; } nav ul li:last-child::after { display: none; }
} }
/* Titles */ /* Titles */
@ -188,7 +201,7 @@ h1, h2 {
top: 0; top: 0;
left: 0; left: 0;
width: 3.7em; width: 3.7em;
height:100%; height: 100%;
overflow: hidden; overflow: hidden;
color: transparent; color: transparent;
} }
@ -206,12 +219,11 @@ h1, h2 {
@media (min-width: 40em) { @media (min-width: 40em) {
h1, h2 { h1, h2 {
padding: 1.3em 0.7em 1.3em 4.2em; padding: 1.3em 0.7em 1.3em 4.2em;
border-radius: 4em;
} }
h2 {border-radius: 4em;}
} }
h1 a, h2 a { color: #fff9fb; text-decoration: none; } h1 a, h2 a { color: #fff9fb; text-decoration: none; }
/* Post info */ /* Post info */
p.post-info, p.post-info-co { p.post-info, p.post-info-co {
text-align: center; text-align: center;
@ -254,16 +266,17 @@ ul.post-tags li a, #blognav .tags li a {
#sidebar { background-color: #d3d4d9; } #sidebar { background-color: #d3d4d9; }
/* Footer */ /* Footer */
#footer { footer {
background-color: #bb0a21; background-color: #bb0a21;
color: #d3d4d9; color: #d3d4d9;
} }
@media (min-width: 40em) { @media (min-width: 40em) {
#footer { border-radius: 0 0 3em 3em; } footer { border-radius: 0 0 3em 3em; }
} }
#footer a { color: #fff9fb; } footer a { color: #fff9fb; }
/* Forms */ /* Forms */
fieldset { fieldset {

@ -33,34 +33,6 @@
<meta property="dc.date" content="{{tpl:BlogUpdateDate iso8601="1"}}" /> <meta property="dc.date" content="{{tpl:BlogUpdateDate iso8601="1"}}" />
</tpl:Block> <!-- dc-entry --> </tpl:Block> <!-- dc-entry -->
</tpl:Block> <!-- head-dc --> </tpl:Block> <!-- head-dc -->
<tpl:Block name="head-linkrel">
<link rel="contents" title="{{tpl:lang Archives}}" href="{{tpl:BlogArchiveURL}}" />
<tpl:Categories>
<link rel="section" href="{{tpl:CategoryURL}}" title="{{tpl:CategoryTitle encode_html="1"}}" />
</tpl:Categories>
<tpl:Entries no_content="1">
<tpl:EntriesHeader>
<tpl:Pagination>
<tpl:PaginationIf end="0">
<link rel="prev" title="{{tpl:lang previous entries}}" href="{{tpl:PaginationURL offset="1"}}" />
</tpl:PaginationIf>
<tpl:PaginationIf start="0">
<link rel="next" title="{{tpl:lang next entries}}" href="{{tpl:PaginationURL offset="-1"}}" />
</tpl:PaginationIf>
</tpl:Pagination>
</tpl:EntriesHeader>
<link rel="chapter" href="{{tpl:EntryURL}}" title="{{tpl:EntryTitle encode_html="1"}}" />
</tpl:Entries>
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="{{tpl:BlogFeedURL type="atom"}}" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="{{tpl:BlogRSDURL}}" />
<link rel="meta" type="application/xbel+xml" title="Blogroll" href="{{tpl:BlogrollXbelLink}}" />
</tpl:Block> <!-- head-linkrel -->
{{tpl:include src="_head.html"}} {{tpl:include src="_head.html"}}
</tpl:Block> <!-- html-head --> </tpl:Block> <!-- html-head -->
</head> </head>
@ -72,17 +44,14 @@
<tpl:Block name="body-page"> <tpl:Block name="body-page">
<tpl:Block name="page-top"> <tpl:Block name="page-top">
{{tpl:include src="_top.html"}} {{tpl:include src="_top.html"}}
</tpl:Block> <!-- page-top --> </tpl:Block>
<tpl:Block name="page-wrapper"> <tpl:Block name="page-wrapper">
<section>
<tpl:Block name="wrapper-main"> <tpl:Block name="wrapper-main">
<tpl:Block name="main-breadcrumb">
{{tpl:Breadcrumb}}
</tpl:Block>
<tpl:Block name="main-content"> <tpl:Block name="main-content">
<section>
<tpl:Entries> <tpl:Entries>
<a href="{{tpl:EntryURL}}" class="wholearticlelink"> <a href="{{tpl:EntryURL}}" class="wholearticlelink">
<article> <article>
@ -115,36 +84,40 @@
<tpl:EntriesFooter>
<tpl:Pagination>
<p class="pagination"><tpl:PaginationIf end="0"><a href="{{tpl:PaginationURL offset="+1"}}" class="prev">
{{tpl:lang previous entries}}</a> - </tpl:PaginationIf>
{{tpl:lang page}} {{tpl:PaginationCurrent}} {{tpl:lang of}} {{tpl:PaginationCounter}}
<tpl:PaginationIf start="0"> - <a href="{{tpl:PaginationURL offset="-1"}}" class="next">{{tpl:lang next entries}}
</a></tpl:PaginationIf></p>
</tpl:Pagination>
</tpl:EntriesFooter>
</article> </article>
</a> </a>
</tpl:Entries> <nav>
</tpl:Block> <!-- main-content --> <tpl:EntriesFooter>
<tpl:Pagination>
</tpl:Block> <!-- wrapper-main --> <ul>
</section> <!-- End #main --> <li><tpl:PaginationIf end="0">
<a href="{{tpl:PaginationURL offset="+1"}}" class="prev">{{tpl:lang previous entries}}</a>
<tpl:Block name="wrapper-sidebar"> </tpl:PaginationIf></li>
<li>{{tpl:lang page}} {{tpl:PaginationCurrent}} {{tpl:lang of}} {{tpl:PaginationCounter}}</li>
<li><tpl:PaginationIf start="0"><a href="{{tpl:PaginationURL offset="-1"}}" class="next">{{tpl:lang next entries}}</a></tpl:PaginationIf></li>
</ul>
</tpl:Pagination>
</tpl:EntriesFooter>
</nav>
</tpl:Entries>
</tpl:Block> <!-- main-content -->
</tpl:Block>
</section>
<tpl:Block name="wrapper-sidebar">
<aside> <aside>
<div id="blognav">
{{tpl:Widgets type="nav"}} {{tpl:Widgets type="nav"}}
</div> <!-- End #blognav -->
<div id="blogextra">
{{tpl:Widgets type="extra"}} {{tpl:Widgets type="extra"}}
</div> <!-- End #blogextra -->
</aside> </aside>
</tpl:Block> <!-- wrapper-sidebar --> </tpl:Block> <!-- wrapper-sidebar -->
</tpl:Block> <!-- page-wrapper --> </tpl:Block> <!-- page-wrapper -->

@ -1,5 +1,5 @@
<div id="footer" role="contentinfo"> <footer>
<p>{{tpl:SysPoweredBy}}</p> <p>{{tpl:SysPoweredBy}}</p>
</div> {{tpl:SysBehavior behavior="publicFooterContent"}}
</footer>
{{tpl:SysBehavior behavior="publicFooterContent"}}

@ -1 +1,16 @@
{{tpl:extends parent="__layout.html"}} {{tpl:extends parent="__layout.html"}}
<tpl:Block name="page-top">
<header>
<h1>{{tpl:BlogName encode_html="1"}}</h1>
<p>{{tpl:BlogDescription}}</p>
<!-- # --BEHAVIOR-- publicTopAfterContent -->
{{tpl:SysBehavior behavior="publicTopAfterContent"}}
</header>
<nav>
<ul>
<tpl:Entries type="page">
<li><a href="{{tpl:EntryURL}}">{{tpl:EntryTitle}}</a></li>
</tpl:Entries>
</ul>
</nav>
</tpl:Block>

@ -46,22 +46,15 @@
<tpl:Block name="body-tag"><body class="dc-post"></tpl:Block> <tpl:Block name="body-tag"><body class="dc-post"></tpl:Block>
<tpl:Block name="page-top"> <tpl:Block name="page-top">
<div id="top" role="banner"> <header>
<h1><a href="/" class="homelink" title="Revenir à l'accueil">Retour à la page d'accueil</a>{{tpl:EntryTitle encode_html="1"}}</h1> <h1><a href="/" class="homelink" title="Revenir à l'accueil">Retour à la page d'accueil</a>{{tpl:EntryTitle encode_html="1"}}</h1>
</div> <!-- # --BEHAVIOR-- publicTopAfterContent -->
{{tpl:SysBehavior behavior="publicTopAfterContent"}}
</header>
</tpl:Block> </tpl:Block>
<tpl:Block name="main-content"> <tpl:Block name="main-content">
<p id="navlinks"> <article>
<tpl:EntryPrevious><a href="{{tpl:EntryURL}}"
title="{{tpl:EntryTitle encode_html="1"}}" class="prev">&#171; {{tpl:EntryTitle encode_html="1"
cut_string="50"}}</a></tpl:EntryPrevious>
<tpl:EntryNext> <span>-</span> <a href="{{tpl:EntryURL}}"
title="{{tpl:EntryTitle encode_html="1"}}" class="next">{{tpl:EntryTitle encode_html="1"
cut_string="50"}} &#187;</a></tpl:EntryNext>
</p>
<div id="p{{tpl:EntryID}}" class="post" role="article">
<p class="post-info">{{tpl:lang By}} {{tpl:EntryAuthorLink}} <p class="post-info">{{tpl:lang By}} {{tpl:EntryAuthorLink}}
@ -82,49 +75,49 @@
<!-- # Entry with an excerpt --> <!-- # Entry with an excerpt -->
<tpl:EntryIf extended="1"> <tpl:EntryIf extended="1">
<div class="post-excerpt">{{tpl:EntryExcerpt}}</div> {{tpl:EntryExcerpt}}
</tpl:EntryIf> </tpl:EntryIf>
<div class="post-content">{{tpl:EntryContent}}</div> {{tpl:EntryContent}}
<!-- # --BEHAVIOR-- publicEntryAfterContent --> <!-- # --BEHAVIOR-- publicEntryAfterContent -->
{{tpl:SysBehavior behavior="publicEntryAfterContent"}} {{tpl:SysBehavior behavior="publicEntryAfterContent"}}
</div>
<tpl:Attachments>
<!-- # Attachments --> <tpl:AttachmentsHeader>
<tpl:Attachments>
<tpl:AttachmentsHeader> <h3>{{tpl:lang Attachments}}</h3>
<div id="attachments"> <ul>
<h3>{{tpl:lang Attachments}}</h3> </tpl:AttachmentsHeader>
<ul> <li class="{{tpl:AttachmentType}}">
</tpl:AttachmentsHeader> <tpl:AttachmentIf is_audio="1">
<li class="{{tpl:AttachmentType}}"> {{tpl:include src="_audio_player.html"}}
<tpl:AttachmentIf is_audio="1">
{{tpl:include src="_audio_player.html"}}
</tpl:AttachmentIf>
<tpl:AttachmentIf is_video="1">
<tpl:AttachmentIf is_flv="0">
{{tpl:include src="_video_player.html"}}
{{tpl:else}}
{{tpl:include src="_flv_player.html"}}
</tpl:AttachmentIf> </tpl:AttachmentIf>
</tpl:AttachmentIf> <tpl:AttachmentIf is_video="1">
<tpl:AttachmentIf is_audio="0" is_video="0"> <tpl:AttachmentIf is_flv="0">
<a href="{{tpl:AttachmentURL}}" {{tpl:include src="_video_player.html"}}
title="{{tpl:AttachmentFileName}} ({{tpl:AttachmentSize}})">{{tpl:AttachmentTitle}}</a> {{tpl:else}}
</tpl:AttachmentIf> {{tpl:include src="_flv_player.html"}}
</li> </tpl:AttachmentIf>
<tpl:AttachmentsFooter> </tpl:AttachmentIf>
</ul> <tpl:AttachmentIf is_audio="0" is_video="0">
</div> <a href="{{tpl:AttachmentURL}}"
</tpl:AttachmentsFooter> title="{{tpl:AttachmentFileName}} ({{tpl:AttachmentSize}})">{{tpl:AttachmentTitle}}</a>
</tpl:Attachments> </tpl:AttachmentIf>
</li>
<tpl:AttachmentsFooter>
</ul>
</tpl:AttachmentsFooter>
</tpl:Attachments>
</article>
<!-- # Comments --> <!-- # Comments -->
<tpl:EntryIf show_comments="1"> <tpl:EntryIf show_comments="1">
<tpl:Comments> <tpl:Comments>
<article>
<tpl:CommentsHeader> <tpl:CommentsHeader>
<div id="comments">
<h3>{{tpl:lang Comments}}</h3> <h3>{{tpl:lang Comments}}</h3>
<dl> <dl>
</tpl:CommentsHeader> </tpl:CommentsHeader>
@ -144,8 +137,8 @@
</dd> </dd>
<tpl:CommentsFooter> <tpl:CommentsFooter>
</dl> </dl>
</div>
</tpl:CommentsFooter> </tpl:CommentsFooter>
</article>
</tpl:Comments> </tpl:Comments>
</tpl:EntryIf> </tpl:EntryIf>
@ -176,37 +169,37 @@
</tpl:IfCommentPreview> </tpl:IfCommentPreview>
<h3>{{tpl:lang Add a comment}}</h3> <h3>{{tpl:lang Add a comment}}</h3>
<fieldset> <fieldset>
<!-- # --BEHAVIOR-- publicCommentFormBeforeContent --> <!-- # --BEHAVIOR-- publicCommentFormBeforeContent -->
{{tpl:SysBehavior behavior="publicCommentFormBeforeContent"}} {{tpl:SysBehavior behavior="publicCommentFormBeforeContent"}}
<p class="field"> <p class="field">
<input name="c_name" id="c_name" type="text" size="30" maxlength="255" <input name="c_name" id="c_name" type="text" size="30" maxlength="255"
value="{{tpl:CommentPreviewName encode_html="1"}}" placeholder="{{tpl:lang Name or nickname}}"/> value="{{tpl:CommentPreviewName encode_html="1"}}" placeholder="{{tpl:lang Name or nickname}}"/>
</p> </p>
<p class="field"> <p class="field">
<input name="c_mail" id="c_mail" type="text" size="30" maxlength="255" <input name="c_mail" id="c_mail" type="text" size="30" maxlength="255"
value="{{tpl:CommentPreviewEmail encode_html="1"}}" placeholder="{{tpl:lang Email address }}" /> value="{{tpl:CommentPreviewEmail encode_html="1"}}" placeholder="{{tpl:lang Email address }}" />
</p> </p>
<p class="field"> <p class="field">
<input name="c_site" id="c_site" type="text" size="30" maxlength="255" <input name="c_site" id="c_site" type="text" size="30" maxlength="255"
value="{{tpl:CommentPreviewSite encode_html="1"}}" placeholder="{{tpl:lang Website}} ({{tpl:lang optional}}"/> value="{{tpl:CommentPreviewSite encode_html="1"}}" placeholder="{{tpl:lang Website}} ({{tpl:lang optional}}"/>
</p> </p>
<p style="display:none"><input name="f_mail" type="text" size="30" <p style="display:none"><input name="f_mail" type="text" size="30"
maxlength="255" value="" /></p> maxlength="255" value="" /></p>
<p class="field"> <p class="field">
<textarea name="c_content" id="c_content" cols="35" <textarea name="c_content" id="c_content" cols="35"
rows="7" placeholder="{{tpl:lang Comment}}">{{tpl:CommentPreviewContent raw="1" encode_html="1"}}</textarea> rows="7" placeholder="{{tpl:lang Comment}}">{{tpl:CommentPreviewContent raw="1" encode_html="1"}}</textarea>
</p> </p>
<p class="form-help">{{tpl:CommentHelp}}</p> <p class="form-help">{{tpl:CommentHelp}}</p>
<!-- # --BEHAVIOR-- publicCommentFormAfterContent --> <!-- # --BEHAVIOR-- publicCommentFormAfterContent -->
{{tpl:SysBehavior behavior="publicCommentFormAfterContent"}} {{tpl:SysBehavior behavior="publicCommentFormAfterContent"}}
</fieldset> </fieldset>
<p class="buttons"><input type="submit" class="preview" name="preview" value="{{tpl:lang preview}}" /> <p class="buttons"><input type="submit" class="preview" name="preview" value="{{tpl:lang preview}}" />
<tpl:IfCommentPreviewOptional><input type="submit" class="submit" value="{{tpl:lang send}}" /></tpl:IfCommentPreviewOptional></p> <tpl:IfCommentPreviewOptional><input type="submit" class="submit" value="{{tpl:lang send}}" /></tpl:IfCommentPreviewOptional></p>
@ -216,7 +209,7 @@
<!-- # Trackbacks --> <!-- # Trackbacks -->
<tpl:EntryIf show_pings="1"> <tpl:EntryIf show_pings="1">
<div id="pings"> <article>
<h3>{{tpl:lang They posted on the same topic}}</h3> <h3>{{tpl:lang They posted on the same topic}}</h3>
<tpl:Pings> <tpl:Pings>
<tpl:PingsHeader> <tpl:PingsHeader>
@ -231,8 +224,7 @@
<!-- # --BEHAVIOR-- publicPingBeforeContent --> <!-- # --BEHAVIOR-- publicPingBeforeContent -->
{{tpl:SysBehavior behavior="publicPingBeforeContent"}} {{tpl:SysBehavior behavior="publicPingBeforeContent"}}
<p><a href="{{tpl:PingAuthorURL}}" <p><a href="{{tpl:PingAuthorURL}}" {{tpl:PingNoFollow}}>{{tpl:PingTitle encode_html="1"}}</a></p>
{{tpl:PingNoFollow}}>{{tpl:PingTitle encode_html="1"}}</a></p>
{{tpl:PingContent}} {{tpl:PingContent}}
<!-- # --BEHAVIOR-- publicPingAfterContent --> <!-- # --BEHAVIOR-- publicPingAfterContent -->
@ -242,7 +234,7 @@
</dl> </dl>
</tpl:PingsFooter> </tpl:PingsFooter>
</tpl:Pings> </tpl:Pings>
</div> </article>
</tpl:EntryIf> </tpl:EntryIf>
<tpl:EntryIf pings_active="1"> <tpl:EntryIf pings_active="1">
@ -253,4 +245,18 @@
<p id="comments-feed"><a class="feed" href="{{tpl:BlogFeedURL type="atom"}}/comments/{{tpl:EntryID}}" <p id="comments-feed"><a class="feed" href="{{tpl:BlogFeedURL type="atom"}}/comments/{{tpl:EntryID}}"
title="{{tpl:lang This post's comments Atom feed}}">{{tpl:lang This post's comments feed}}</a></p> title="{{tpl:lang This post's comments Atom feed}}">{{tpl:lang This post's comments feed}}</a></p>
</tpl:EntryIf> </tpl:EntryIf>
<nav>
<ul>
<li><tpl:EntryPrevious><a href="{{tpl:EntryURL}}"
title="{{tpl:EntryTitle encode_html="1"}}" class="prev">&#171; {{tpl:EntryTitle encode_html="1"
cut_string="50"}}</a></tpl:EntryPrevious></li>
<li><tpl:EntryNext><a href="{{tpl:EntryURL}}"
title="{{tpl:EntryTitle encode_html="1"}}" class="next">{{tpl:EntryTitle encode_html="1"
cut_string="50"}} &#187;</a></tpl:EntryNext></li>
</ul>
</nav>
</tpl:Block> </tpl:Block>

Loading…
Cancel
Save