X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/1762a2ce319604c3880fea54dcf835203128dd9a..88f971bfba2f4da4a1a7e6e763460ed2c8d5e142:/local.css 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; }