/* {{{ #footer */
#footer {
- margin: 0;
- padding: 0.5em 0;
- text-align: center;
- color: white;
- background: #57075f;
+ margin: 0;
+ padding: 0.5em 0;
+ text-align: center;
+ color: white;
+ background: #57075f;
+ font-size: 0.85em;
}
-@media screen and (max-width: 400px) {
+@media screen and (max-width: 45em) {
#footer {
- font-size: 0.85em;
+ text-align: left;
padding: 0.5em 1em;
+ font-size: 0.8em;
}
}
+@media screen and (max-width: 480px) {
+ #footer .pagecopyright span {
+ display: block;
+ }
+}
+
#footer > div {
margin-top: 1em;
}
</TMPL_IF>
<div class="pagecopyright">
- <!-- <a name="page_copyright"></a> -->
- Contenu <TMPL_IF COPYRIGHT><TMPL_VAR COPYRIGHT><TMPL_ELSE>© 2013 Nos oignons</TMPL_IF>.
- Logo © 2013 <a href="http://www.lutopiquant.fr/">lutopiquant</a>.
- <a name="page_license"></a>
- <TMPL_IF LICENSE>
- Licence : <TMPL_VAR LICENSE>.
- <TMPL_ELSE>
- Licence : <a href="https://creativecommons.org/licenses/by-sa/3.0/fr/deed.fr_FR">CC BY-SA 3.0 FR</a>.
- </TMPL_IF>
+ <span class="copyright-content">
+ Contenu <TMPL_IF COPYRIGHT><TMPL_VAR COPYRIGHT><TMPL_ELSE>© 2013 Nos oignons</TMPL_IF>.
+ </span>
+
+ <span class="copyright-logo">
+ Logo © 2013 <a href="http://www.lutopiquant.fr/">lutopiquant</a>.
+ </span>
+
+ <span class="license">
+ <TMPL_IF LICENSE>
+ Licence : <TMPL_VAR LICENSE>.
+ <TMPL_ELSE>
+ Licence : <a href="https://creativecommons.org/licenses/by-sa/3.0/fr/deed.fr_FR">CC BY-SA 3.0 FR</a>.
+ </TMPL_IF>
+ </span>
</div>
<div class="disclaimer">
</div>
<div class="pagedate">
- Dernière modification : <TMPL_VAR MTIME>
+ Dernière modification :
+ <TMPL_IF RECENTCHANGESURL>
+ <a href="<TMPL_VAR RECENTCHANGESURL>"><TMPL_VAR MTIME></a>
+ <TMPL_ELSE>
+ <TMPL_VAR MTIME>
+ </TMPL_IF>
<!-- Created <TMPL_VAR CTIME> -->
</div>
<TMPL_IF EDITURL>
<li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Modifier</a></li>
</TMPL_IF>
- <TMPL_IF RECENTCHANGESURL>
+ <!--<TMPL_IF RECENTCHANGESURL>
<li><a href="<TMPL_VAR RECENTCHANGESURL>">Dernières modifications</a></li>
- </TMPL_IF>
+ </TMPL_IF>-->
<TMPL_IF HISTORYURL>
<li><a href="<TMPL_VAR HISTORYURL>">Historique</a></li>
</TMPL_IF>