From: Lunar <lunar@anargeek.net>
Date: Tue, 26 Feb 2013 17:25:01 +0000 (+0100)
Subject: Ajout de la feuille de style de quidame
X-Git-Url: https://nos-oignons.net/gitweb/website.git/commitdiff_plain/5b7c8c00f7d34c0760e02aa0265d4197a61cc5db?ds=inline
Ajout de la feuille de style de quidame
---
diff --git a/local.css b/local.css
index 9073ec5..5d9f932 100644
--- a/local.css
+++ b/local.css
@@ -1,3 +1,461 @@
+/* vim: set ts=4 sts=4 sw=4 isk+=- fen fcl=all fdm=marker fmr={{{,}}} fml=2 : */
+
+html {
+ overflow-y: scroll;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ font-size: 9pt;
+ font-family: sans-serif;
+ color: #012345;
+ background: #eeeeaa;
+}
+
+a {
+ color: #bb2112;
+ text-decoration: none;
+}
+a:hover { text-decoration: underline; }
+
+.page {
+ overflow: hidden;
+ min-width: 50em;
+ max-width: 90em;
+ margin: 0 auto;
+ background: #f5f5f5;
+ -webkit-box-shadow: 0 0 0.5em 0 #888888;
+ -moz-box-shadow: 0 0 0.5em 0 #888888;
+ box-shadow: 0 0 0.5em 0 #888888;
+}
+
+/* {{{ .pageheader */
+.pageheader {
+ position: relative;
+ min-height: 95px;
+ padding: 0Â 1em;
+ color: #eeeeaa;
+ background: #012345;
+ -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
+ -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
+ box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
+}
+
+.pageheader .header {
+ font-size: 9pt;
+}
+
+.pageheader .header > span {
+ display: block;
+ margin: auto;
+ min-width: 30em;
+ padding: 1em 2em;
+}
+
+.pageheader .parentlinks {
+ display: block;
+ font-size: 8pt;
+ min-height: 1.5em;
+ margin-top: 0.75em;
+}
+
+.pageheader a,
+.pageheader .parentlinks a {
+ color: #eeeeaa;
+ text-decoration: none;
+}
+
+.pageheader a:hover {
+ text-decoration: underline;
+}
+
+.pageheader .title {
+ line-height: 1.5em;
+ font-size: 16pt;
+}
+
+/* {{{ .actions */
+.actions {
+ text-align: right;
+}
+
+.actions ul li {
+ background: #eeeeaa;
+ border-radius: 0.8em 0.8em 0 0;
+}
+
+.actions ul li a {
+ padding: 0 0.8em;
+ color: black;
+}
+/* .actions }}} */
+/* {{{ #otherlanguages */
+#otherlanguages,
+#otherlanguages ul li a {
+ color: #012345;
+ background: white;
+}
+
+#otherlanguages ul li {
+ margin-left: 1em;
+}
+
+.pageheader #otherlanguages {
+ /*border: none;*/
+ border-bottom: 1px dotted #012345;
+}
+/* #otherlanguages }}} */
+/* .pageheader }}} */
+
+.feedlink {
+ display: none;
+}
+
+#pagebody {
+ position: relative;
+ min-width: 30em;
+ min-height: 50em;
+ margin: 0 16em 0 0;
+ padding: 1em 2em;
+ background: white;
+ z-index: 110;
+ -webkit-box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
+ -moz-box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
+ box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
+}
+
+/* {{{ .sidebar */
+.sidebar {
+ overflow: hidden;
+ width: 16em;
+ margin: 5em 0 0 0;
+ padding: 0;
+ border: none;
+ z-index: 100;
+}
+
+.sidebar ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ background: #f5f5f5;
+}
+
+.sidebar li {
+}
+
+.sidebar ul li .selflink {
+ color: black;
+ background: white;
+ font-weight: bold;
+ border: 1px dotted #012345;
+ border-left: none;
+}
+
+.sidebar ul li > span,
+.sidebar ul li > a {
+ display: block;
+ padding: 0.5em;
+ font-size: 11pt;
+ font-weight: bold;
+ text-decoration: none;
+ border: 1px solid #f5f5f5;
+ border-left: none;
+ color: #aaaaaa;
+ background: transparent;
+}
+
+.sidebar a:hover {
+ color: #ffffff;
+ background: #012345;
+ border: 1px solid #012345;
+ border-left: none;
+ -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
+ -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
+ box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
+}
+/* .sidebar }}} */
+/* {{{ #content */
+#content {
+ line-height: 1.5em;
+ overflow: auto;
+}
+
+#content p {
+ text-align: justify;
+ margin: 1em 0 1em 0;
+}
+
+#content hr {
+ border: none;
+ border-bottom: dotted 0.4em #bbb;
+}
+
+#content h1 {
+ color:#003300;
+ font-size:16pt;
+ font-weight:normal;
+ line-height:1.5em;
+ margin-top:2em;
+ border-bottom:1px solid #bbb;
+}
+
+#content h1:first-child {
+ margin-top:0.5em;
+}
+
+#content h2 {
+ font-size:12pt;
+ color:#555;
+ margin-top:1.5em;
+ margin-bottom:0;
+}
+
+#content h2 + p {
+ margin-top:0.75em;
+}
+
+#content h3 {
+ font-size:10pt;
+ color:#888;
+ margin-bottom:0;
+ padding-bottom:0;
+}
+
+#content h3 + p {
+ margin-top:0.5em;
+}
+
+#content table {
+ border-top:1px solid #aaa;
+ border-bottom:1px solid #aaa;
+ border-collapse:collapse;
+}
+
+#content table th {
+ background:#fafafa;
+ padding:.1em .5em;
+ border-bottom:1px solid #aaa;
+ color:#555;
+}
+
+#content table td {
+ padding:.1em .5em;
+ border-top:1px solid #ccc;
+}
+
+#content .img_center {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#content .img_topleft {
+ float:left;
+ margin-right:1em;
+ margin-bottom:1em;
+}
+
+#content .img_topright {
+ float:right;
+ margin-left:1em;
+ margin-bottom:1em;
+}
+
+#content #presentation {
+ float:left;
+ width:50%;
+}
+
+#content #actus {
+ float:left;
+ width:50%;
+}
+/* #content }}} */
+
+#pagebody .archivepagelist {
+ margin:0.1em 0;
+ padding:0;
+ text-align:left;
+}
+
+#pagebody .archivepagelist .date {
+ font-size:90%;
+ font-family:monospace;
+ vertical-align:middle;
+}
+
+#pagebody .feedbutton {
+ margin-top:0;
+ float:right;
+}
+
+/* {{{ #footer */
+#footer {
+ position: relative;
+ z-index: 105;
+ margin: 0;
+ padding: 0;
+ color: white;
+ background: #012345;
+ text-align: center;
+ -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
+ -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
+ box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
+}
+
+#footer #pageinfo {
+ position: relative;
+ min-width: 30em;
+ margin: auto;
+ padding: 0.1em 2em;
+ border-top: none;
+}
+
+#footer a {
+ color: white;
+}
+
+#footer a:hover {
+ text-decoration: underline;
+}
+
+#backlinks {
+ font-size:8pt;
+ margin-top:0;
+}
+
+#footer #pageinfo div {
+ font-size:8pt;
+ margin-top:0.5em;
+ margin-bottom:0.5em;
+}
+/* #footer }}} */
+
+/*
+ * Pour l'impression
+ */
+@media print {
+ #gresille_links,
+ .sidebar { display:none; }
+
+ #header,
+ #footer,
+ #footer #pageinfo,
+ .pageheader,
+ #footer .pagefooter,
+ .page,
+ #pagebody {
+ margin:0;
+ padding:0;
+ border:none;
+ box-shadow:none;
+ -moz-box-shadow:none;
+ -webkit-box-shadow:none;
+ }
+
+
+ #footer { margin-top:2em; padding-top:0em; border-top:1px solid black; }
+ .pageheader { padding-left:240px; }
+ .pageheader { margin-bottom:4em; }
+
+ .pageheader .title ,
+ .pageheader .parentlinks a ,
+ .pageheader a {
+ text-shadow:none;
+ -moz-text-shadow:none;
+ -webkit-text-shadow:none;
+ }
+}
+
+#content p.news {
+ margin-top:0.75em;
+ margin-bottom:0.75em;
+ line-height:1.3em;
+ text-align:left;
+}
+
+#content p.news a tt {
+ display:block;
+ float:left;
+ font-size:8pt;
+ color:#aaa;
+ margin-right:0.75em;
+ margin-bottom:0.75em;
+}
+#content p.news a {
+ display:block;
+}
+
+
+/*
+ * Index
+ */
+
+[id="index.actus"] {
+ float:left;
+}
+
+[id="index.evts"] {
+ float:right;
+}
+[id="index.evts"],
+[id="index.actus"] {
+ width:49%;
+}
+
+[id="publications.pratiques"] {
+ float:left;
+}
+
+[id="publications.reflexions"] {
+ float:right;
+}
+[id="publications.reflexions"],
+[id="publications.pratiques"] {
+ width:49%;
+}
+
+/*
+ * Plugin calendar
+ */
+
+.calendar {
+ color:#aaa;
+ font-size:8pt;
+ margin-top:1em;
+ margin-bottom:1em;
+}
+
+.calendar table td {
+}
+
+.calendar .selflink {
+ color:#444444;
+}
+
+.year-calendar-subhead {
+ visibility: hidden;
+}
+
+
+.pageheader form {
+ position:absolute;
+ right:2em;
+ bottom:2em;
+}
+
+
+input#searchbox {
+ border:1px solid #465;
+ border-radius:0.25em;
+ -moz-border-radius:0.25em;
+ -webkit-border-radius:0.25em;
+ background:url("images/search-bg.png") no-repeat 100% 50% #8A9;
+ padding-left:0.4em;
+}
+
.footnotes {
font-size: smaller;
}