master
Gnieark 6 years ago
parent e802b964b9
commit c6b7ec992f

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

@ -33,34 +33,6 @@
<meta property="dc.date" content="{{tpl:BlogUpdateDate iso8601="1"}}" />
</tpl:Block> <!-- dc-entry -->
</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:Block> <!-- html-head -->
</head>
@ -72,17 +44,14 @@
<tpl:Block name="body-page">
<tpl:Block name="page-top">
{{tpl:include src="_top.html"}}
</tpl:Block> <!-- page-top -->
</tpl:Block>
<tpl:Block name="page-wrapper">
<section>
<tpl:Block name="wrapper-main">
<tpl:Block name="main-breadcrumb">
{{tpl:Breadcrumb}}
</tpl:Block>
<tpl:Block name="main-content">
<section>
<tpl:Entries>
<a href="{{tpl:EntryURL}}" class="wholearticlelink">
<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>
</a>
</tpl:Entries>
</tpl:Block> <!-- main-content -->
</tpl:Block> <!-- wrapper-main -->
</section> <!-- End #main -->
<tpl:Block name="wrapper-sidebar">
<nav>
<tpl:EntriesFooter>
<tpl:Pagination>
<ul>
<li><tpl:PaginationIf end="0">
<a href="{{tpl:PaginationURL offset="+1"}}" class="prev">{{tpl:lang previous entries}}</a>
</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>
<div id="blognav">
{{tpl:Widgets type="nav"}}
</div> <!-- End #blognav -->
<div id="blogextra">
{{tpl:Widgets type="extra"}}
</div> <!-- End #blogextra -->
</aside>
</tpl:Block> <!-- wrapper-sidebar -->
</tpl:Block> <!-- page-wrapper -->

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

@ -1 +1,16 @@
{{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="page-top">
<div id="top" role="banner">
<h1><a href="/" class="homelink" title="Revenir à l'accueil">Retour à la page d'accueil</a>{{tpl:EntryTitle encode_html="1"}}</h1>
</div>
<header>
<h1><a href="/" class="homelink" title="Revenir à l'accueil">Retour à la page d'accueil</a>{{tpl:EntryTitle encode_html="1"}}</h1>
<!-- # --BEHAVIOR-- publicTopAfterContent -->
{{tpl:SysBehavior behavior="publicTopAfterContent"}}
</header>
</tpl:Block>
<tpl:Block name="main-content">
<p id="navlinks">
<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">
<article>
<p class="post-info">{{tpl:lang By}} {{tpl:EntryAuthorLink}}
@ -82,49 +75,49 @@
<!-- # Entry with an excerpt -->
<tpl:EntryIf extended="1">
<div class="post-excerpt">{{tpl:EntryExcerpt}}</div>
{{tpl:EntryExcerpt}}
</tpl:EntryIf>
<div class="post-content">{{tpl:EntryContent}}</div>
{{tpl:EntryContent}}
<!-- # --BEHAVIOR-- publicEntryAfterContent -->
{{tpl:SysBehavior behavior="publicEntryAfterContent"}}
</div>
<!-- # Attachments -->
<tpl:Attachments>
<tpl:AttachmentsHeader>
<div id="attachments">
<h3>{{tpl:lang Attachments}}</h3>
<ul>
</tpl:AttachmentsHeader>
<li class="{{tpl:AttachmentType}}">
<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:Attachments>
<tpl:AttachmentsHeader>
<h3>{{tpl:lang Attachments}}</h3>
<ul>
</tpl:AttachmentsHeader>
<li class="{{tpl:AttachmentType}}">
<tpl:AttachmentIf is_audio="1">
{{tpl:include src="_audio_player.html"}}
</tpl:AttachmentIf>
</tpl:AttachmentIf>
<tpl:AttachmentIf is_audio="0" is_video="0">
<a href="{{tpl:AttachmentURL}}"
title="{{tpl:AttachmentFileName}} ({{tpl:AttachmentSize}})">{{tpl:AttachmentTitle}}</a>
</tpl:AttachmentIf>
</li>
<tpl:AttachmentsFooter>
</ul>
</div>
</tpl:AttachmentsFooter>
</tpl:Attachments>
<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 is_audio="0" is_video="0">
<a href="{{tpl:AttachmentURL}}"
title="{{tpl:AttachmentFileName}} ({{tpl:AttachmentSize}})">{{tpl:AttachmentTitle}}</a>
</tpl:AttachmentIf>
</li>
<tpl:AttachmentsFooter>
</ul>
</tpl:AttachmentsFooter>
</tpl:Attachments>
</article>
<!-- # Comments -->
<tpl:EntryIf show_comments="1">
<tpl:Comments>
<article>
<tpl:CommentsHeader>
<div id="comments">
<h3>{{tpl:lang Comments}}</h3>
<dl>
</tpl:CommentsHeader>
@ -144,8 +137,8 @@
</dd>
<tpl:CommentsFooter>
</dl>
</div>
</tpl:CommentsFooter>
</article>
</tpl:Comments>
</tpl:EntryIf>
@ -176,37 +169,37 @@
</tpl:IfCommentPreview>
<h3>{{tpl:lang Add a comment}}</h3>
<fieldset>
<!-- # --BEHAVIOR-- publicCommentFormBeforeContent -->
{{tpl:SysBehavior behavior="publicCommentFormBeforeContent"}}
<p class="field">
<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}}"/>
</p>
<p class="field">
<input name="c_mail" id="c_mail" type="text" size="30" maxlength="255"
value="{{tpl:CommentPreviewEmail encode_html="1"}}" placeholder="{{tpl:lang Email address }}" />
</p>
<p class="field">
<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}}"/>
</p>
<p style="display:none"><input name="f_mail" type="text" size="30"
maxlength="255" value="" /></p>
<p class="field">
<textarea name="c_content" id="c_content" cols="35"
rows="7" placeholder="{{tpl:lang Comment}}">{{tpl:CommentPreviewContent raw="1" encode_html="1"}}</textarea>
</p>
<p class="form-help">{{tpl:CommentHelp}}</p>
<!-- # --BEHAVIOR-- publicCommentFormAfterContent -->
{{tpl:SysBehavior behavior="publicCommentFormAfterContent"}}
</fieldset>
<fieldset>
<!-- # --BEHAVIOR-- publicCommentFormBeforeContent -->
{{tpl:SysBehavior behavior="publicCommentFormBeforeContent"}}
<p class="field">
<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}}"/>
</p>
<p class="field">
<input name="c_mail" id="c_mail" type="text" size="30" maxlength="255"
value="{{tpl:CommentPreviewEmail encode_html="1"}}" placeholder="{{tpl:lang Email address }}" />
</p>
<p class="field">
<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}}"/>
</p>
<p style="display:none"><input name="f_mail" type="text" size="30"
maxlength="255" value="" /></p>
<p class="field">
<textarea name="c_content" id="c_content" cols="35"
rows="7" placeholder="{{tpl:lang Comment}}">{{tpl:CommentPreviewContent raw="1" encode_html="1"}}</textarea>
</p>
<p class="form-help">{{tpl:CommentHelp}}</p>
<!-- # --BEHAVIOR-- publicCommentFormAfterContent -->
{{tpl:SysBehavior behavior="publicCommentFormAfterContent"}}
</fieldset>
<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>
@ -216,7 +209,7 @@
<!-- # Trackbacks -->
<tpl:EntryIf show_pings="1">
<div id="pings">
<article>
<h3>{{tpl:lang They posted on the same topic}}</h3>
<tpl:Pings>
<tpl:PingsHeader>
@ -231,8 +224,7 @@
<!-- # --BEHAVIOR-- publicPingBeforeContent -->
{{tpl:SysBehavior behavior="publicPingBeforeContent"}}
<p><a href="{{tpl:PingAuthorURL}}"
{{tpl:PingNoFollow}}>{{tpl:PingTitle encode_html="1"}}</a></p>
<p><a href="{{tpl:PingAuthorURL}}" {{tpl:PingNoFollow}}>{{tpl:PingTitle encode_html="1"}}</a></p>
{{tpl:PingContent}}
<!-- # --BEHAVIOR-- publicPingAfterContent -->
@ -242,7 +234,7 @@
</dl>
</tpl:PingsFooter>
</tpl:Pings>
</div>
</article>
</tpl:EntryIf>
<tpl:EntryIf pings_active="1">
@ -253,4 +245,18 @@
<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>
</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>

Loading…
Cancel
Save