]> nos-oignons.net Git - website.git/commitdiff
Ajout de la feuille de style de quidame
authorLunar <lunar@anargeek.net>
Tue, 26 Feb 2013 17:25:01 +0000 (18:25 +0100)
committerLunar <lunar@anargeek.net>
Tue, 26 Feb 2013 17:25:01 +0000 (18:25 +0100)
local.css

index 9073ec57beb3409ed89b470870a1b1a6d8ae3cec..5d9f932141d6cceb9124ad9ce9179436ddef40c7 100644 (file)
--- 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;
 }