Created
June 20, 2026 20:11
-
-
Save barmic/d2602f00987a05eb367cf5bf260885e4 to your computer and use it in GitHub Desktop.
Thème linuxfr
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| /* Thème sombre Catppuccin (variante Mocha) pour LinuxFr.org */ | |
| /* Palette : https://github.com/catppuccin/catppuccin */ | |
| /* Distributed under GNU AGPL v3 License */ | |
| /* == Palette Catppuccin Mocha == */ | |
| /* == Mapping des constantes du thème de base vers la palette == */ | |
| /* Copyright 2010 Eve Schoonbroodt (design) https://www.studiomagenta.be/ */ | |
| /* Copyright 2010 Nicolas Schoonbroodt (css) <nicolas@elsewhere.be> */ | |
| /* Distributed under GNU AGPL v3 License */ | |
| /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | |
| /* Document | |
| ========================================================================== */ | |
| /** | |
| * 1. Correct the line height in all browsers. | |
| * 2. Prevent adjustments of font size after orientation changes in iOS. | |
| */ | |
| html { | |
| line-height: 1.15; /* 1 */ | |
| -webkit-text-size-adjust: 100%; /* 2 */ | |
| } | |
| /* Sections | |
| ========================================================================== */ | |
| /** | |
| * Remove the margin in all browsers. | |
| */ | |
| body { | |
| margin: 0; | |
| } | |
| /** | |
| * Render the `main` element consistently in IE. | |
| */ | |
| main { | |
| display: block; | |
| } | |
| /** | |
| * Correct the font size and margin on `h1` elements within `section` and | |
| * `article` contexts in Chrome, Firefox, and Safari. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| /* Grouping content | |
| ========================================================================== */ | |
| /** | |
| * 1. Add the correct box sizing in Firefox. | |
| * 2. Show the overflow in Edge and IE. | |
| */ | |
| hr { | |
| box-sizing: content-box; /* 1 */ | |
| height: 0; /* 1 */ | |
| overflow: visible; /* 2 */ | |
| } | |
| /** | |
| * 1. Correct the inheritance and scaling of font size in all browsers. | |
| * 2. Correct the odd `em` font sizing in all browsers. | |
| */ | |
| pre { | |
| font-family: monospace, monospace; /* 1 */ | |
| font-size: 1em; /* 2 */ | |
| } | |
| /* Text-level semantics | |
| ========================================================================== */ | |
| /** | |
| * Remove the gray background on active links in IE 10. | |
| */ | |
| a { | |
| background-color: transparent; | |
| } | |
| /** | |
| * 1. Remove the bottom border in Chrome 57- | |
| * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. | |
| */ | |
| abbr[title] { | |
| border-bottom: none; /* 1 */ | |
| text-decoration: underline; /* 2 */ | |
| text-decoration: underline dotted; /* 2 */ | |
| } | |
| /** | |
| * Add the correct font weight in Chrome, Edge, and Safari. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bolder; | |
| } | |
| /** | |
| * 1. Correct the inheritance and scaling of font size in all browsers. | |
| * 2. Correct the odd `em` font sizing in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| samp { | |
| font-family: monospace, monospace; /* 1 */ | |
| font-size: 1em; /* 2 */ | |
| } | |
| /** | |
| * Add the correct font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; | |
| } | |
| /** | |
| * Prevent `sub` and `sup` elements from affecting the line height in | |
| * all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| /* Embedded content | |
| ========================================================================== */ | |
| /** | |
| * Remove the border on images inside links in IE 10. | |
| */ | |
| img { | |
| border-style: none; | |
| } | |
| /* Forms | |
| ========================================================================== */ | |
| /** | |
| * 1. Change the font styles in all browsers. | |
| * 2. Remove the margin in Firefox and Safari. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| font-family: inherit; /* 1 */ | |
| font-size: 100%; /* 1 */ | |
| line-height: 1.15; /* 1 */ | |
| margin: 0; /* 2 */ | |
| } | |
| /** | |
| * Show the overflow in IE. | |
| * 1. Show the overflow in Edge. | |
| */ | |
| button, | |
| input { /* 1 */ | |
| overflow: visible; | |
| } | |
| /** | |
| * Remove the inheritance of text transform in Edge, Firefox, and IE. | |
| * 1. Remove the inheritance of text transform in Firefox. | |
| */ | |
| button, | |
| select { /* 1 */ | |
| text-transform: none; | |
| } | |
| /** | |
| * Correct the inability to style clickable types in iOS and Safari. | |
| */ | |
| button, | |
| [type=button], | |
| [type=reset], | |
| [type=submit] { | |
| -webkit-appearance: button; | |
| } | |
| /** | |
| * Remove the inner border and padding in Firefox. | |
| */ | |
| button::-moz-focus-inner, | |
| [type=button]::-moz-focus-inner, | |
| [type=reset]::-moz-focus-inner, | |
| [type=submit]::-moz-focus-inner { | |
| border-style: none; | |
| padding: 0; | |
| } | |
| /** | |
| * Restore the focus styles unset by the previous rule. | |
| */ | |
| button:-moz-focusring, | |
| [type=button]:-moz-focusring, | |
| [type=reset]:-moz-focusring, | |
| [type=submit]:-moz-focusring { | |
| outline: 1px dotted ButtonText; | |
| } | |
| /** | |
| * Correct the padding in Firefox. | |
| */ | |
| fieldset { | |
| padding: 0.35em 0.75em 0.625em; | |
| } | |
| /** | |
| * 1. Correct the text wrapping in Edge and IE. | |
| * 2. Correct the color inheritance from `fieldset` elements in IE. | |
| * 3. Remove the padding so developers are not caught out when they zero out | |
| * `fieldset` elements in all browsers. | |
| */ | |
| legend { | |
| box-sizing: border-box; /* 1 */ | |
| color: inherit; /* 2 */ | |
| display: table; /* 1 */ | |
| max-width: 100%; /* 1 */ | |
| padding: 0; /* 3 */ | |
| white-space: normal; /* 1 */ | |
| } | |
| /** | |
| * Add the correct vertical alignment in Chrome, Firefox, and Opera. | |
| */ | |
| progress { | |
| vertical-align: baseline; | |
| } | |
| /** | |
| * Remove the default vertical scrollbar in IE 10+. | |
| */ | |
| textarea { | |
| overflow: auto; | |
| } | |
| /** | |
| * 1. Add the correct box sizing in IE 10. | |
| * 2. Remove the padding in IE 10. | |
| */ | |
| [type=checkbox], | |
| [type=radio] { | |
| box-sizing: border-box; /* 1 */ | |
| padding: 0; /* 2 */ | |
| } | |
| /** | |
| * Correct the cursor style of increment and decrement buttons in Chrome. | |
| */ | |
| [type=number]::-webkit-inner-spin-button, | |
| [type=number]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| /** | |
| * 1. Correct the odd appearance in Chrome and Safari. | |
| * 2. Correct the outline style in Safari. | |
| */ | |
| [type=search] { | |
| -webkit-appearance: textfield; /* 1 */ | |
| outline-offset: -2px; /* 2 */ | |
| } | |
| /** | |
| * Remove the inner padding in Chrome and Safari on macOS. | |
| */ | |
| [type=search]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * 1. Correct the inability to style clickable types in iOS and Safari. | |
| * 2. Change font properties to `inherit` in Safari. | |
| */ | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; /* 1 */ | |
| font: inherit; /* 2 */ | |
| } | |
| /* Interactive | |
| ========================================================================== */ | |
| /* | |
| * Add the correct display in Edge, IE 10+, and Firefox. | |
| */ | |
| details { | |
| display: block; | |
| } | |
| /* | |
| * Add the correct display in all browsers. | |
| */ | |
| summary { | |
| display: list-item; | |
| } | |
| /* Misc | |
| ========================================================================== */ | |
| /** | |
| * Add the correct display in IE 10+. | |
| */ | |
| template { | |
| display: none; | |
| } | |
| /** | |
| * Add the correct display in IE 10. | |
| */ | |
| [hidden] { | |
| display: none; | |
| } | |
| /* Pixel size constants */ | |
| /* = PAD_NODE + RAY_CONTAINER */ | |
| /* Body and Toolpanel constants */ | |
| /* un lien bleu/rouge visité normal */ | |
| @font-face { | |
| font-family: "Merriweather"; | |
| src: local("Merriweather"), url("/fonts/Merriweather-Regular.woff2") format("woff2"), url("/fonts/Merriweather-Regular.woff") format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Lato"; | |
| src: local("Lato"), url("/fonts/Lato-Regular.woff2") format("woff2"), url("/fonts/Lato-Regular.woff") format("woff"); | |
| } | |
| html { | |
| background: #181825; | |
| background-image: url("/images/contrib/RonRonnement/background_html.png"); | |
| background-repeat: repeat-x; | |
| background-position: top; | |
| font-family: "Lato", sans-serif; | |
| padding: 0 30px 0 42px; | |
| scroll-behavior: smooth; | |
| box-sizing: border-box; | |
| } | |
| *, | |
| *:before, | |
| *:after { | |
| box-sizing: inherit; | |
| } | |
| body { | |
| position: relative; | |
| color: #000; | |
| max-width: 150ex; | |
| margin: 0 auto; | |
| border: solid #999; | |
| border-width: 0 1px; | |
| background-repeat: no-repeat; | |
| background-size: 202px, auto; | |
| background-position: 0, 202px; | |
| background-image: linear-gradient(#313244, #313244), linear-gradient(#1e1e2e, #1e1e2e); | |
| } | |
| a { | |
| color: inherit; | |
| font-size: inherit; | |
| text-decoration: none; | |
| font-weight: bold; | |
| } | |
| a:hover { | |
| text-decoration: underline; | |
| } | |
| a, | |
| a:link, | |
| a:visited, | |
| a:hover, | |
| a:active, | |
| a:focus { | |
| transition: color 0.15s ease-in; | |
| } | |
| input, | |
| button, | |
| select, | |
| textarea { | |
| font-size: 1em; | |
| max-width: 100%; | |
| } | |
| img, | |
| video, | |
| svg { | |
| max-width: 100%; | |
| max-height: 80vh; | |
| object-fit: cover; | |
| border: none; | |
| } | |
| blockquote { | |
| border-left: 3px solid #89b4fa; | |
| margin: 10px 0 10px 10px; | |
| padding-left: 5px; | |
| padding-right: 0; | |
| word-wrap: break-word; | |
| overflow-wrap: break-word; | |
| } | |
| blockquote > p:first-child { | |
| padding-top: 5px; | |
| } | |
| code { | |
| border: 1px solid #313244; | |
| border-radius: 4px; | |
| padding: 1px 4px; | |
| overflow-y: auto; | |
| } | |
| pre code { | |
| display: block; | |
| margin: 10px 0 10px 10px; | |
| padding-left: 5px; | |
| padding-right: 0; | |
| border-width: 0 0 0 3px; | |
| border-color: #89b4fa; | |
| } | |
| #bigfooter { | |
| display: block; | |
| clear: both; | |
| width: 100%; | |
| margin-top: 0; | |
| padding: 0 0 20px 0; | |
| background: #313244; | |
| background: linear-gradient(to bottom, #181825 0%, white 100%); | |
| } | |
| #bigfooter a { | |
| font-size: 0.75em; | |
| } | |
| #bigfooter nav, | |
| #bigfooter section { | |
| display: inline-block; | |
| padding: 5px 0 15px 0; | |
| vertical-align: top; | |
| width: 23%; | |
| margin: 0 0.7% 0 0.7%; | |
| background: #181825; | |
| background: linear-gradient(to bottom, #181825 0%, #313244 50%, #181825 100%); | |
| min-height: 360px; | |
| border-bottom-right-radius: 7px; | |
| border-bottom-left-radius: 7px; | |
| } | |
| #bigfooter nav h1, | |
| #bigfooter section h1 { | |
| font-size: 1em; | |
| padding: 0 3px 3px 3px; | |
| border-bottom: 2px solid #89b4fa; | |
| } | |
| #bigfooter nav ul, | |
| #bigfooter section ul { | |
| list-style-position: inside; | |
| padding: 0 10px 0 20px; | |
| } | |
| #bigfooter nav li, | |
| #bigfooter section li { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| /* liens */ | |
| .bookmark + .bookmark { | |
| top: -15px; | |
| margin-bottom: 0; | |
| border-top: none; | |
| } | |
| .bookmark h1 { | |
| font-size: 1.4em; | |
| } | |
| .bookmark .tags { | |
| display: inline-block; | |
| } | |
| .bookmark .content { | |
| padding: 0; | |
| min-height: auto; | |
| line-height: 1.3em; | |
| } | |
| .bookmark.score-1 h1, .bookmark.score-2 h1, .bookmark.score-3 h1, .bookmark.score-4 h1, .bookmark.score-5 h1, .bookmark.Score-6 h1, .bookmark.score-7 h1, .bookmark.score-8 h1, .bookmark.score-9 h1, .bookmark.score-10 h1 { | |
| color: #888; | |
| border-color: #bbb; | |
| } | |
| .bookmark .content.hidden + .actions span { | |
| color: #888; | |
| } | |
| .bookmark .links { | |
| display: block; /* cancel display:grid for bookmark entries */ | |
| } | |
| .button_to { | |
| display: inline-block; | |
| } | |
| button { | |
| padding-top: 2px; | |
| padding-bottom: 2px; | |
| } | |
| button, | |
| a.show_client_app, | |
| a.edit_client_app, | |
| .new_content a, | |
| .toolbox .follow_feed a, | |
| #comments #follow-feed a, | |
| #comments #send-comment a, | |
| #redaction a.reorganize, | |
| input[type=submit] { | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| margin: 3px; | |
| font-weight: normal; | |
| color: black; | |
| background-color: #313244; | |
| border: 1px solid #a6adc8; | |
| font-size: medium; | |
| } | |
| button:hover, | |
| a.show_client_app:hover, | |
| a.edit_client_app:hover, | |
| .new_content a:hover, | |
| .toolbox .follow_feed a:hover, | |
| #comments #follow-feed a:hover, | |
| #comments #send-comment a:hover, | |
| #redaction a.reorganize:hover, | |
| input[type=submit]:hover { | |
| background-color: #a6adc8; | |
| border: 1px solid #cdd6f4; | |
| text-decoration: none; | |
| } | |
| #comments #follow-feed, | |
| #comments #send-comment { | |
| display: inline-block; | |
| } | |
| a.show_client_app, | |
| form input[type=submit], | |
| button { | |
| display: inline-block; | |
| height: 28px; | |
| margin-top: 0; | |
| padding-left: 28px; | |
| background: no-repeat 3px 3px #313244; | |
| background-size: 20px; | |
| background-image: inline("feather-icons/dist/icons/check"); | |
| cursor: pointer; | |
| } | |
| a.show_client_app[disabled], | |
| form input[type=submit][disabled], | |
| button[disabled] { | |
| cursor: default; | |
| } | |
| a.show_client_app:hover, | |
| form input[type=submit]:hover, | |
| button:hover { | |
| background-color: #cdd6f4; | |
| } | |
| a.show_client_app#logout, a.show_client_app.unread, a.show_client_app.relevant, a.show_client_app.useless, | |
| form input[type=submit]#logout, | |
| form input[type=submit].unread, | |
| form input[type=submit].relevant, | |
| form input[type=submit].useless, | |
| button#logout, | |
| button.unread, | |
| button.relevant, | |
| button.useless { | |
| background: #313244; | |
| } | |
| #redaction a.reorganize { | |
| display: inline-block; | |
| height: 27px; | |
| padding: 0 4px 0 28px; | |
| margin: 0 4px 12px; | |
| line-height: 1.6; | |
| background: no-repeat 2px 2px #313244; | |
| background-size: 20px; | |
| background-image: inline("feather-icons/dist/icons/shuffle"); | |
| } | |
| #redaction a.reorganize:hover { | |
| background-color: #cdd6f4; | |
| } | |
| button.edit:hover, | |
| button.cancel:hover, | |
| button#admin_49_3:hover, | |
| button.add_link:hover { | |
| background-color: #cdd6f4; | |
| } | |
| button.refuse_news, button.delete_button, button.remove, button.erase_news, | |
| input[type=submit].refuse_news, | |
| input[type=submit].delete_button, | |
| input[type=submit].remove, | |
| input[type=submit].erase_news { | |
| background-image: inline("feather-icons/dist/icons/trash-2.svg"); | |
| } | |
| button.change_role, | |
| input[type=submit].change_role { | |
| background-image: inline("feather-icons/dist/icons/arrow-right-circle.svg"); | |
| } | |
| button.cancel, button.refuse_oauth, | |
| input[type=submit].cancel, | |
| input[type=submit].refuse_oauth { | |
| background-image: inline("feather-icons/dist/icons/slash.svg"); | |
| } | |
| button.ppp_news, | |
| input[type=submit].ppp_news { | |
| background-image: inline("feather-icons/dist/icons/sunrise.svg"); | |
| } | |
| button.submit_board, | |
| input[type=submit].submit_board { | |
| background-image: inline("feather-icons/dist/icons/message-square.svg"); | |
| } | |
| button.submit_news, button.submit, | |
| input[type=submit].submit_news, | |
| input[type=submit].submit { | |
| background-image: inline("feather-icons/dist/icons/send.svg"); | |
| } | |
| button.urgent_news, | |
| input[type=submit].urgent_news { | |
| background-image: inline("feather-icons/dist/icons/zap.svg"); | |
| } | |
| button.add_para, button.add_link, button.create_news, | |
| input[type=submit].add_para, | |
| input[type=submit].add_link, | |
| input[type=submit].create_news { | |
| background-image: inline("feather-icons/dist/icons/plus.svg"); | |
| } | |
| button.vote_for, | |
| input[type=submit].vote_for { | |
| background-image: inline("feather-icons/dist/icons/thumbs-up.svg"); | |
| } | |
| button.vote_against, | |
| input[type=submit].vote_against { | |
| background-image: inline("feather-icons/dist/icons/thumbs-down.svg"); | |
| } | |
| button.plonk, button.block, | |
| input[type=submit].plonk, | |
| input[type=submit].block { | |
| background-image: inline("feather-icons/dist/icons/volume-x.svg"); | |
| } | |
| button#admin_49_3, button.archive_button, button.reopen_button, | |
| input[type=submit]#admin_49_3, | |
| input[type=submit].archive_button, | |
| input[type=submit].reopen_button { | |
| background-image: inline("feather-icons/dist/icons/crosshair.svg"); | |
| } | |
| button.reset_news, button.reset_password, | |
| input[type=submit].reset_news, | |
| input[type=submit].reset_password { | |
| background-image: inline("feather-icons/dist/icons/refresh-cw.svg"); | |
| } | |
| button.reassign_news, | |
| input[type=submit].reassign_news { | |
| background-image: inline("feather-icons/dist/icons/user-check.svg"); | |
| background-size: 14px; | |
| width: 20px; | |
| height: 20px; | |
| padding: 0; | |
| text-indent: -9999em; | |
| } | |
| button.rewrite_news, | |
| input[type=submit].rewrite_news { | |
| background-image: inline("feather-icons/dist/icons/edit.svg"); | |
| } | |
| .tag_in_place button, | |
| .tag_in_place input[type=submit] { | |
| background-image: inline("feather-icons/dist/icons/tag.svg"); | |
| } | |
| button#followup, | |
| input[type=submit]#followup { | |
| background-image: inline("feather-icons/dist/icons/at-sign.svg"); | |
| } | |
| #trackers-index .new_tracker button, | |
| #trackers-index .new_tracker input[type=submit] { | |
| background-image: inline("feather-icons/dist/icons/filter.svg"); | |
| } | |
| a.show_client_app, | |
| a.edit_client_app, | |
| .new_content a, | |
| .toolbox .follow_feed a, | |
| #comments #follow-feed a, | |
| #comments #send-comment a { | |
| display: inline-block; | |
| padding: 2px 5px 0 25px; | |
| height: 24px; | |
| } | |
| a.edit_client_app, | |
| .new_content a { | |
| background: no-repeat 3px 3px #313244; | |
| background-size: 16px; | |
| background-image: inline("feather-icons/dist/icons/edit-3.svg"); | |
| } | |
| .toolbox .follow_feed a, | |
| #comments #follow-feed a { | |
| background: no-repeat 3px 3px #313244; | |
| background-size: 16px; | |
| background-image: inline("feather-icons/dist/icons/rss.svg"); | |
| } | |
| #comments #send-comment a { | |
| background: no-repeat 3px 3px #313244; | |
| background-size: 18px; | |
| background-image: inline("feather-icons/dist/icons/message-circle.svg"); | |
| } | |
| #stylesheets-edit button { | |
| height: auto; | |
| padding: 0; | |
| background: none; | |
| display: block; | |
| } | |
| /* les commentaires */ | |
| #comments > p { | |
| text-align: justify; | |
| color: #a6adc8; | |
| font-size: 0.8em; | |
| margin: 5px 0 5px 0; | |
| } | |
| body#comments-show #contents > ul, | |
| body#comments-create #contents > ul, | |
| body#users-comments #contents > ul, | |
| body#comments-update #contents > ul, | |
| ul.threads { | |
| padding: 0; | |
| list-style: none; | |
| /* premier d'un thread */ | |
| } | |
| body#comments-show #contents > ul > li.comment, | |
| body#comments-show #contents > ul li#comment_new, | |
| body#comments-create #contents > ul > li.comment, | |
| body#comments-create #contents > ul li#comment_new, | |
| body#users-comments #contents > ul > li.comment, | |
| body#users-comments #contents > ul li#comment_new, | |
| body#comments-update #contents > ul > li.comment, | |
| body#comments-update #contents > ul li#comment_new, | |
| ul.threads > li.comment, | |
| ul.threads li#comment_new { | |
| /* voir ^article$ */ | |
| padding-top: 0; | |
| padding-left: 1.25em; | |
| padding-right: 5px; | |
| } | |
| li.comment { | |
| min-height: 115px; | |
| } | |
| li.comment > h2 { | |
| font-size: 1.3em; | |
| margin-bottom: 0; | |
| margin-top: 10px; | |
| background: #313244; | |
| clear: right; | |
| } | |
| li.comment > p.meta { | |
| margin-top: 0; | |
| margin-bottom: 3px; | |
| color: #a6adc8; | |
| } | |
| li.comment img.avatar { | |
| float: right; | |
| margin: 0 5px 5px 10px; | |
| } | |
| li.comment .content { | |
| font-size: 1.2em; | |
| line-height: 1.5em; | |
| border-left: 1px solid #a6adc8; | |
| padding-left: 5px; | |
| margin-bottom: 5px; | |
| } | |
| li.comment .deleted { | |
| border-left: 3px solid red; | |
| font-style: italic; | |
| } | |
| li.comment > ul { | |
| list-style: none; | |
| margin-left: 1.25em; | |
| padding-left: 0; | |
| } | |
| body:not(#comments-show):not(#comments-create) li.comment.fold { | |
| min-height: 0; | |
| } | |
| body:not(#comments-show):not(#comments-create) li.comment.fold > figure, body:not(#comments-show):not(#comments-create) li.comment.fold > .content, body:not(#comments-show):not(#comments-create) li.comment.fold > .actions { | |
| display: none; | |
| } | |
| li.new-comment > h2 { | |
| border: 1px solid rgba(137, 180, 250, 0.67); | |
| } | |
| li.new-comment .content { | |
| border-left: 1px solid rgba(137, 180, 250, 0.67); | |
| } | |
| /* contenu du site (hors commentaire) */ | |
| article, | |
| ul.threads > li.comment, | |
| .markdown_cheatsheet, | |
| #contents > form, | |
| #followup_container, | |
| form#new_post, | |
| body#users-comments #contents > ul > li, | |
| body#comments-create #contents > ul > li#comment_new, | |
| body#comments-update #contents > ul > li#comment_new, | |
| body#comments-show #contents > ul > li.comment, | |
| body#wiki_pages-revision #contents, | |
| body#news-revision #contents, | |
| body#boards-show #contents, | |
| body#stylesheets-edit #contents, | |
| body#wiki_pages-changes #contents, | |
| body#admin-index #container > ul, | |
| #redaction #new_link, | |
| #redaction .edit_link { | |
| display: block; | |
| background: white; | |
| padding: 10px 34px 10px 34px; | |
| border-radius: 3px; | |
| border: solid 1px #a6adc8; | |
| margin-bottom: 15px; | |
| font-size: 0.8em; | |
| } | |
| body#news-revision #contents, | |
| body#wiki_pages-changes #contents { | |
| font-size: 1em; | |
| } | |
| article { | |
| position: relative; | |
| } | |
| article header .topic:after { | |
| content: " :"; | |
| } | |
| article .content { | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| min-height: 70px; | |
| font-size: 1.2em; | |
| line-height: 1.5em; | |
| } | |
| article .content.hidden { | |
| padding: 0; | |
| min-height: 0; | |
| } | |
| article .content > p:first-child { | |
| margin-top: 0; | |
| } | |
| article .content > p:last-child { | |
| margin-bottom: 0; | |
| } | |
| article .content pre { | |
| font-size: 0.8rem; | |
| } | |
| article .meta { | |
| color: #a6adc8; | |
| } | |
| article .edited_by { | |
| cursor: pointer; | |
| } | |
| article .score, | |
| article .datePourCss { | |
| display: block; | |
| width: 63px; | |
| height: 31px; | |
| margin: 0; | |
| border-left-width: 15px; | |
| border-top-width: 0; | |
| border-bottom-width: 0; | |
| border-right-width: 0; | |
| font-size: 1.3em; | |
| /* the translation should be the exact sum of padding and margin of all elements to the right */ | |
| position: absolute; | |
| right: -63px; | |
| box-sizing: content-box; | |
| border-image: url("/images/contrib/RonRonnement/coin-transparent.png") 0 0 0 15; | |
| border-style: solid; | |
| } | |
| article .score { | |
| background: #181825; | |
| text-align: center; | |
| line-height: 31px; | |
| font-weight: bold; | |
| margin-top: 2px; | |
| top: 50px; | |
| } | |
| article .datePourCss { | |
| background: #89b4fa; | |
| color: white; | |
| padding: 0; | |
| margin-bottom: 2px; | |
| top: 20px; | |
| } | |
| article .datePourCss .jour { | |
| box-sizing: border-box; | |
| padding-left: 2px; | |
| float: left; | |
| line-height: 31px; | |
| font-weight: bold; | |
| width: 45%; | |
| } | |
| article .datePourCss .mois, | |
| article .datePourCss .annee { | |
| text-align: left; | |
| font-size: 0.64em; | |
| float: right; | |
| width: 55%; | |
| height: 45%; | |
| } | |
| article .datePourCss .mois { | |
| padding-bottom: 2px; | |
| } | |
| article .datePourCss .annee { | |
| padding-top: 0; | |
| vertical-align: top; | |
| } | |
| article .image { | |
| float: left; | |
| margin: 10px; | |
| margin-top: 10px; | |
| } | |
| article .notice { | |
| margin: 0 20px 10px 100px; | |
| } | |
| article h1, | |
| article h2, | |
| article h3, | |
| article h4, | |
| article h5, | |
| article h6 { | |
| font-family: Merriweather, serif; | |
| font-weight: normal; | |
| } | |
| article h1 a, | |
| article h2 a, | |
| article h3 a, | |
| article h4 a, | |
| article h5 a, | |
| article h6 a { | |
| font-weight: normal; | |
| } | |
| /* ajout d'un caractère de couleur changeante devant "lire la suite" */ | |
| .read a:before, | |
| .no_comments a:before, | |
| .new_comments a:before, | |
| .not_read a:before { | |
| content: "+ "; | |
| font-weight: bold; | |
| } | |
| .new_comments a:before, | |
| .not_read a:before { | |
| color: #89b4fa; | |
| } | |
| .read, | |
| .no_comments { | |
| color: #a6adc8; | |
| } | |
| .new_comments a { | |
| color: #a6adc8; | |
| } | |
| footer.actions { | |
| font-size: 1em; | |
| } | |
| footer.actions .action { | |
| color: #a6adc8; | |
| margin-right: 10px; | |
| } | |
| footer.actions .action.download { | |
| padding-left: 2em; | |
| padding-top: 0.5em; | |
| padding-bottom: 0.5em; | |
| background: no-repeat 0px 0.2em/1.6em white; | |
| background-image: url("/images/icones/download.png"); | |
| background-image: url("/images/icones/download.svg"), none; | |
| } | |
| footer.actions form, | |
| footer.actions form div { | |
| display: inline; | |
| } | |
| footer.actions .button_to { | |
| float: none; | |
| } | |
| footer.actions .button_to input { | |
| padding: 0; | |
| display: inline; | |
| color: #a6adc8; | |
| font-size: inherit; | |
| font-weight: bold; | |
| border-style: none; | |
| background-color: transparent; | |
| height: auto; | |
| } | |
| .vote { | |
| color: #a6adc8; | |
| font-style: italic; | |
| font-size: x-small; | |
| } | |
| .vote form, | |
| .vote form div { | |
| display: inline; | |
| } | |
| .vote .button_to input { | |
| padding: 0; | |
| display: inline; | |
| font-style: italic; | |
| font-size: x-small; | |
| color: #a6adc8; | |
| border-style: none; | |
| background-color: transparent; | |
| } | |
| .vote.done { | |
| display: none; | |
| } | |
| /* concerne tout ce qui est contenu : article, commentaire */ | |
| .content { | |
| text-align: justify; | |
| hyphens: auto; | |
| hyphenate-limit-chars: 6 3 2; | |
| hyphenate-limit-lines: 2; | |
| hyphenate-limit-last: always; | |
| } | |
| .content img, | |
| .content svg { | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| .content img.mathjax { | |
| display: inline; | |
| height: 1em; | |
| } | |
| .content a { | |
| color: #0000ee; | |
| font-weight: inherit; | |
| } | |
| .content a:hover { | |
| text-decoration: inherit; | |
| } | |
| .content a:visited { | |
| color: #551a8b; | |
| } | |
| .content a { | |
| border-bottom: 1px solid; | |
| } | |
| .content a[href^="http://fr.wikipedia.org/"]:after, .content a[href^="http://en.wikipedia.org/"]:after, .content a[href^="https://fr.wikipedia.org/"]:after, .content a[href^="https://en.wikipedia.org/"]:after { | |
| content: " W"; | |
| font-family: serif; | |
| font-size: 6pt; | |
| vertical-align: super; | |
| line-height: 0; | |
| } | |
| .content a[href^="/wiki"], .content a[href^="//linuxfr.org/wiki"] { | |
| padding-left: 3px; | |
| border-left: 16px; | |
| border-image: url("/favicon.png") 0 0 0 32; | |
| border-style: solid; | |
| } | |
| .content a[href^="https://www.projets-libres.org"], .content a[href^="https://projets-libres.org"] { | |
| padding-left: 3px; | |
| border-left: 16px; | |
| border-image: url("/projets_libres.png") 0 0 0 32; | |
| border-style: solid; | |
| } | |
| .content ul, | |
| .content ol { | |
| overflow: hidden; | |
| padding-bottom: 1px; | |
| text-align: left; | |
| } | |
| .content table { | |
| table-layout: fixed; | |
| width: 100%; | |
| word-wrap: break-word; | |
| overflow-wrap: break-word; | |
| } | |
| /* Proposition de contenu */ | |
| #wiki_help { | |
| width: 90%; | |
| margin-right: auto; | |
| margin-left: auto; | |
| background: #1e1e2e; | |
| border-collapse: collapse; | |
| } | |
| #wiki_help tr { | |
| width: 100%; | |
| border-bottom: 1px solid #a6adc8; | |
| } | |
| #wiki_help tr:last-of-type { | |
| border-bottom: none; | |
| } | |
| #wiki_help tr td { | |
| width: 50%; | |
| border-right: 1px solid #a6adc8; | |
| padding: 4px 0; | |
| } | |
| #wiki_help tr td:last-of-type { | |
| border-right: none; | |
| } | |
| input#news_title, | |
| input#comment_title, | |
| input#diary_title, | |
| input#tracker_title, | |
| input#post_title, | |
| input#poll_title, | |
| input#wiki_page_title, | |
| input#stylesheet { | |
| width: 70%; | |
| } | |
| .fieldWithErrors input { | |
| border: 1px solid red; | |
| } | |
| /* url dans les depeches */ | |
| div#form_links fieldset { | |
| border: none; | |
| } | |
| div#form_links fieldset label { | |
| display: inline-block; | |
| } | |
| div#form_links label#label-link-name, | |
| div#form_links label#label-link-url { | |
| width: 30%; | |
| } | |
| div#form_links .link { | |
| padding-top: 2px; | |
| padding-bottom: 2px; | |
| } | |
| div#form_links .link input { | |
| width: 30%; | |
| } | |
| div#form_links .field_with_errors { | |
| display: inline-block; | |
| width: 30%; | |
| border: 1px dashed red; | |
| } | |
| div#form_links .field_with_errors input { | |
| width: 96%; | |
| } | |
| div#form_links label#label-link-lang { | |
| width: 10%; | |
| } | |
| div#form_links .link select { | |
| min-width: 10%; | |
| max-width: 20%; | |
| } | |
| div#form_links .link .remove { | |
| font-size: small; | |
| } | |
| #news_message { | |
| width: 100%; | |
| } | |
| div.markItUp { | |
| border: 1px solid #a6adc8; | |
| border-radius: 6px; | |
| } | |
| div.markItUp .markItUpContainer { | |
| border: none; | |
| background: none; | |
| } | |
| div.markItUp .markItUpEditor { | |
| padding: 5px; | |
| background: none; | |
| border: 1px solid #a6adc8; | |
| } | |
| div.markItUp .markItUpHeader ul a { | |
| border: 0; | |
| } | |
| div.markItUp .markItUpHeader li.image { | |
| margin: 0; | |
| } | |
| article.preview { | |
| background: radial-gradient(circle at 100% 50%, transparent 20%, rgba(160, 160, 160, 0.1) 21%, rgba(160, 160, 160, 0.1) 34%, transparent 35%, transparent), radial-gradient(circle at 0% 50%, transparent 20%, rgba(160, 160, 160, 0.1) 21%, rgba(160, 160, 160, 0.1) 34%, transparent 35%, transparent) 0 -50px; | |
| background-size: 75px 100px; | |
| } | |
| /* article titre */ | |
| #phare article { | |
| margin: 1rem -1px 3rem; | |
| box-shadow: 0 4px 6px 0 #aaa; | |
| border: solid 2px #89b4fa; | |
| border-radius: 0; | |
| } | |
| /* information générale, "publicité" (genre fosdem p. ex.) */ | |
| .banner { | |
| display: block; | |
| position: relative; | |
| text-align: center; | |
| margin-left: auto; | |
| margin-right: auto; | |
| background-color: rgba(137, 180, 250, 0.33); | |
| box-shadow: 0 0 65px #fff inset, 0 0 20px rgba(137, 180, 250, 0.33) inset; | |
| border-top: solid 2px #89b4fa; | |
| border-bottom: solid 2px #89b4fa; | |
| padding: 5px; | |
| } | |
| /* Le court texte à la fin de la page d'accueil pour inciter les gens à participer au site */ | |
| .incitation { | |
| text-align: center; | |
| margin: 3rem 0 2rem; | |
| border-top: solid 2px #89b4fa; | |
| } | |
| .incitation > * { | |
| max-width: 48rem; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .incitation h2 { | |
| color: #333; | |
| } | |
| .incitation .people-list li { | |
| padding: 1rem; | |
| } | |
| #container { | |
| display: block; | |
| margin: 0 0 0 201px; | |
| background: #1e1e2e; | |
| padding: 30px 62px 10px 40px; | |
| /* le titre de la page est déjà contenu dans la barre du navigateur, l'url du navigateur, ... */ | |
| } | |
| #container > h1:first-of-type { | |
| display: none; | |
| } | |
| div#toolbar { | |
| position: fixed; | |
| bottom: 0; | |
| overflow: hidden; | |
| left: 50px; | |
| right: 38px; | |
| background: #1e1e2e; | |
| border: 1px solid #a6adc8; | |
| color: #cdd6f4; | |
| font-size: small; | |
| will-change: transform; | |
| } | |
| div#toolbar #toolbar_items { | |
| float: right; | |
| } | |
| div#toolbar #toolbar_alt_items { | |
| float: right; | |
| margin-right: 20px; | |
| } | |
| div#toolbar #toolbar_threeshold { | |
| float: left; | |
| } | |
| /* Moderation */ | |
| #moderation_box.box li { | |
| list-style: disc inside; | |
| } | |
| #moderation_box .board input#board_message { | |
| display: block; | |
| width: 95%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-bottom: 5px; | |
| } | |
| .news_waiting_for_moderation li:hover { | |
| background-color: #d0d0d0; | |
| } | |
| .news_waiting_for_moderation .votes { | |
| float: right; | |
| } | |
| ul.links { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); | |
| list-style-position: inside; | |
| padding: 0; | |
| } | |
| ul.links li { | |
| padding: 0.1rem; | |
| } | |
| /* message à caractère informatif */ | |
| body.chat_n_edit .alert, | |
| body.chat_n_edit .notice { | |
| width: 50%; | |
| margin: 10px auto; | |
| } | |
| .alert { | |
| text-align: center; | |
| background-color: #faa; | |
| border: 1px solid red; | |
| margin-bottom: 10px; | |
| } | |
| .notice { | |
| text-align: center; | |
| background-color: rgba(137, 180, 250, 0.16); | |
| border: 1px solid rgba(137, 180, 250, 0.5); | |
| margin-bottom: 10px; | |
| } | |
| .notice-wrap { | |
| position: fixed; | |
| top: 20px; | |
| right: 20px; | |
| width: 320px; | |
| z-index: 9999; | |
| } | |
| .notice-item { | |
| min-height: 60px; | |
| background: #333333; | |
| border-radius: 6px; | |
| color: #eeeeee; | |
| padding: 6px 6px 0 6px; | |
| font-family: lucida Grande, sans-serif; | |
| font-size: 11px; | |
| border: 2px solid #999999; | |
| display: block; | |
| position: relative; | |
| margin: 0 0 12px 0; | |
| } | |
| .notice-item ul { | |
| padding: 0; | |
| } | |
| .notice-item li { | |
| text-align: left; | |
| list-style: disc inside; | |
| } | |
| .notice-item-close { | |
| position: absolute; | |
| font-family: sans-serif; | |
| font-size: 12px; | |
| font-weight: bold; | |
| right: 6px; | |
| top: 6px; | |
| cursor: pointer; | |
| } | |
| /* Static pages */ | |
| #static-show { | |
| line-height: 1.5; | |
| } | |
| #static-show h1, | |
| #static-show h2, | |
| #static-show h3 { | |
| color: #333; | |
| } | |
| /* The admin, moderation, and redaction teams */ | |
| .people-list { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); | |
| grid-gap: 0.5rem; | |
| list-style: none; | |
| padding: 0; | |
| } | |
| .people-list img { | |
| vertical-align: middle; | |
| padding-right: 0.5rem; | |
| } | |
| .people-list li { | |
| padding: 0.5rem; | |
| color: #333; | |
| background-color: #eee; | |
| } | |
| .people-list a { | |
| display: inline-block; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| /* About */ | |
| .static-about { | |
| display: grid; | |
| justify-items: center; | |
| grid-template-columns: 2.5rem 1fr 2rem 2rem 1fr 2.5rem; | |
| } | |
| .static-about > * { | |
| grid-column: 2/span 4; | |
| margin: 1rem 0; | |
| } | |
| .about-welcome { | |
| text-align: center; | |
| } | |
| .about-welcome + img { | |
| grid-column: 1/span 6; | |
| width: 100%; | |
| } | |
| .about-navigation, | |
| .about-writing + img { | |
| grid-column: 2; | |
| } | |
| .about-navigation + img, | |
| .about-writing { | |
| grid-column: 5; | |
| } | |
| .about-writing + img { | |
| grid-row: 5; | |
| } | |
| .about-contributors .people-list li { | |
| border-radius: 0.3rem; | |
| } | |
| .about-contributors .people-list a { | |
| display: inline; | |
| } | |
| .about-signup { | |
| grid-column: 4/span 3; | |
| max-width: 100vw; | |
| border: 1px solid #ccc; | |
| } | |
| .about-signup + img { | |
| grid-column: 1/span 3; | |
| grid-row: 7; | |
| } | |
| .about-signup h3, | |
| .about-signup p { | |
| margin: 1rem; | |
| } | |
| .about-signup form { | |
| position: relative; | |
| } | |
| .about-signup label { | |
| display: block; | |
| } | |
| .about-signup form p:first-child { | |
| position: absolute; | |
| top: -1rem; | |
| left: -500px; | |
| } | |
| .about-signup form p:first-child label { | |
| text-shadow: 0 1px 1px #666; | |
| color: white; | |
| } | |
| .about-credits .people-list { | |
| grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); | |
| } | |
| @media (max-width: 1337px) { | |
| .about-signup { | |
| grid-row: 8; | |
| } | |
| .about-signup, .about-signup + img { | |
| grid-column: 2/span 4; | |
| } | |
| .about-signup + img { | |
| margin: 0; | |
| } | |
| .about-signup form p:first-child { | |
| position: initial; | |
| } | |
| .about-signup form p:first-child label { | |
| color: inherit; | |
| text-shadow: inherit; | |
| } | |
| } | |
| /* sondage */ | |
| ul.poll { | |
| word-wrap: normal; | |
| } | |
| ul.poll.current { | |
| padding: 0; | |
| margin-top: 0; | |
| } | |
| ul.poll.current li { | |
| list-style: none; | |
| } | |
| ul.poll .result { | |
| background: rgba(137, 180, 250, 0.33); | |
| border-top: 1px solid #89b4fa; | |
| border-bottom: 1px solid #89b4fa; | |
| font-size: x-small; | |
| } | |
| .actions .editing { | |
| width: 24px; | |
| height: 24px; | |
| } | |
| .actions .editing + button.edit { | |
| display: none; | |
| } | |
| html.chat_n_edit { | |
| padding: 0; | |
| } | |
| #edition article #first_part { | |
| position: relative; | |
| top: -1em; | |
| } | |
| #edition article #first_part::before { | |
| content: inline("feather-icons/dist/icons/scissors.svg"); | |
| position: relative; | |
| top: 20em; | |
| left: -6em; | |
| } | |
| #edition article img { | |
| color: rgb(100, 100, 100); | |
| text-align: center; | |
| } | |
| #edition article img:before { | |
| position: absolute; | |
| display: block; | |
| content: " "; | |
| height: calc(100% + 10px); | |
| width: 100%; | |
| top: -10px; | |
| left: 0; | |
| background-color: rgb(230, 230, 230); | |
| border: 2px dotted rgb(200, 200, 200); | |
| border-radius: 5px; | |
| } | |
| #edition .content a[href*="/moderation/"], | |
| #edition .content a[href*="/redaction/"] { | |
| padding-left: 3px; | |
| border-left: 16px; | |
| border-image: inline("feather-icons/dist/icons/eye-off") 0 0 0 32; | |
| border-style: solid; | |
| } | |
| body.chat_n_edit { | |
| /* | |
| * With the chat_n_edit layout, we use the #redaction div to constraint the | |
| * content width. | |
| * So we can add CSS transition animations when we show or hide the toolpanel. | |
| */ | |
| max-width: none; | |
| min-height: 100vh; | |
| padding: 0; | |
| background: none; | |
| border: none; | |
| } | |
| body.chat_n_edit #overlay { | |
| position: fixed; | |
| left: 0px; | |
| top: 0px; | |
| background: black; | |
| width: 100vw; | |
| height: 100vh; | |
| opacity: 0; | |
| z-index: -1; | |
| transition: opacity 0.2s ease-in-out 0.2s, z-index 0s 0.4s; | |
| } | |
| body.chat_n_edit #toolbar { | |
| z-index: 10; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| overflow: visible; | |
| border: none; | |
| background: none; | |
| bottom: 5px; | |
| font-size: 1em; | |
| padding: 0; | |
| right: calc(calc((100vw - 150ex) / 2) + 20px); | |
| left: auto; | |
| transition: right ease-in-out 0.5s; | |
| } | |
| body.chat_n_edit #toolbar img.button { | |
| margin-right: 8px; | |
| width: 32px; | |
| height: 32px; | |
| padding: 5px; | |
| border: solid 1px #a6adc8; | |
| border-radius: 50%; | |
| background-color: #1e1e2e; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-hide-toc-button { | |
| display: none; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-hide-toc-button[data-popup-toolbar-toc-shown] { | |
| display: block; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-show-toc-button[data-popup-toolbar-toc-shown] { | |
| display: none; | |
| } | |
| body.chat_n_edit #toolbar[data-popup-toolpanel-shown] { | |
| right: calc(22rem + 20px); | |
| } | |
| body.chat_n_edit #toolbar #toolbar-toc { | |
| display: none; | |
| width: 30vw; | |
| font-size: 0.8em; | |
| position: absolute; | |
| right: 8px; | |
| bottom: 3em; | |
| background: #1e1e2e; | |
| border: 1px solid #a6adc8; | |
| border-radius: 6px; | |
| color: #cdd6f4; | |
| padding: 0px 10px; | |
| max-height: calc(100vh - 5px - 2.5em); | |
| overflow-y: auto; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-toc[data-popup-show] { | |
| display: block; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-toc h2 { | |
| display: none; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-toc ul.toc { | |
| margin-left: 1.2em; | |
| padding-left: 1em; | |
| list-style-type: upper-roman; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-toc ul.toc ul { | |
| list-style-type: decimal; | |
| padding-left: 1em; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-toc ul.toc li { | |
| padding-top: 10px; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-toc ul.toc a { | |
| font-weight: normal; | |
| } | |
| body.chat_n_edit #toolpanel { | |
| z-index: 20; | |
| position: fixed; | |
| right: 0; | |
| top: 0; | |
| width: 22rem; | |
| height: 100vh; | |
| max-height: 100vh; | |
| padding-left: 3px; | |
| padding-right: 3px; | |
| background: #1e1e2e; | |
| font-size: 0.8em; | |
| transition: width 0.5s ease-in-out; | |
| box-shadow: 0px 0px 10px 0px #585b70; | |
| } | |
| body.chat_n_edit #toolpanel hr { | |
| border: solid 1px #6c7086; | |
| } | |
| body.chat_n_edit #toolpanel .tab-header-container { | |
| -ms-flwx-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| } | |
| body.chat_n_edit #toolpanel .tab-content-container { | |
| position: absolute; | |
| overflow-y: auto; | |
| width: calc(22rem - 6px); | |
| height: calc(100vh - 3em); | |
| } | |
| body.chat_n_edit #toolpanel #tab-chat { | |
| width: 100%; | |
| max-width: 100%; | |
| min-height: 100%; | |
| } | |
| body.chat_n_edit #toolpanel #tab-chat .inbox-container { | |
| max-width: 100%; | |
| overflow-y: auto; | |
| } | |
| body.chat_n_edit #toolpanel #tab-chat form.chat { | |
| margin-bottom: 0px; | |
| } | |
| body.chat_n_edit #toolpanel #tab-chat { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| body.chat_n_edit #toolpanel #tab-chat .board { | |
| min-height: 30vh; | |
| width: 100%; | |
| -ms-flex: 1 0 50vh; | |
| flex-grow: 1; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| body.chat_n_edit #toolpanel #tab-chat .board .inbox-container { | |
| height: 10em; | |
| -ms-flex: 1 0 50vh; | |
| flex-grow: 1; | |
| } | |
| body.chat_n_edit #toolpanel #tab-chat:not([data-show-content]) { | |
| display: none; | |
| } | |
| body.chat_n_edit #toolpanel .inbox p { | |
| margin: 2px 0; | |
| } | |
| body.chat_n_edit #toolpanel .popup-event[data-popup-id=toolpanel] { | |
| display: none; | |
| } | |
| body.chat_n_edit #toolpanel:not([data-popup-show]) { | |
| width: 0px; | |
| padding: 0; | |
| margin: 0; | |
| overflow: hidden; | |
| } | |
| body.chat_n_edit #toolpanel #news_vote h1 { | |
| font-size: 1em; | |
| font-weight: normal; | |
| padding: 0; | |
| } | |
| body.chat_n_edit #toolpanel ul { | |
| padding-left: 2em; | |
| } | |
| body.chat_n_edit #toolpanel #news_statistics { | |
| display: -ms-flexbox; | |
| display: flex; | |
| align-items: stretch; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| body.chat_n_edit #toolpanel #news_statistics p { | |
| width: 50%; | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; | |
| } | |
| body.chat_n_edit #toolpanel .attendee { | |
| display: -ms-flexbox; | |
| display: flex; | |
| align-items: center; | |
| } | |
| body.chat_n_edit #toolpanel .attendee-name { | |
| margin-left: 5px; | |
| } | |
| body.chat_n_edit #toolpanel .attendee a { | |
| display: inline-block; | |
| position: relative; | |
| width: 48px; | |
| height: 48px; | |
| margin: 6px; | |
| } | |
| body.chat_n_edit #toolpanel .attendee a img { | |
| max-height: 100%; | |
| } | |
| body.chat_n_edit #toolpanel .attendee a form { | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| } | |
| body.chat_n_edit #toolpanel .attendee a form input { | |
| margin: 0; | |
| } | |
| body.chat_n_edit #toolpanel #tab-help table { | |
| border: solid 1px #bac2de; | |
| border-spacing: 0; | |
| border-radius: 6px; | |
| table-layout: fixed; | |
| width: 100%; | |
| } | |
| body.chat_n_edit #toolpanel #tab-help table th, | |
| body.chat_n_edit #toolpanel #tab-help table td { | |
| vertical-align: top; | |
| padding: 0.3em 0.8em; | |
| word-wrap: break-word; | |
| overflow-wrap: break-word; | |
| } | |
| body.chat_n_edit #toolpanel #tab-help table tr:first-child th { | |
| border-top-right-radius: 6px; | |
| border-top-left-radius: 6px; | |
| } | |
| body.chat_n_edit #toolpanel #tab-help table .tr-title { | |
| background: #313244; | |
| color: #bac2de; | |
| } | |
| body.chat_n_edit #toolpanel #tab-help table .tr-title th { | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| text-align: left; | |
| } | |
| body#redaction-index #container { | |
| display: flex; | |
| flex-direction: row-reverse; | |
| flex-wrap: wrap; | |
| padding: 40px 10px 10px; | |
| } | |
| body#redaction-index #container > div { | |
| padding: 10px; | |
| } | |
| body#redaction-index #container > footer, | |
| body#redaction-index #container .notice { | |
| flex: 0 0 100%; | |
| } | |
| body#redaction-index aside.more { | |
| max-width: 300px; | |
| margin: 0 0 10px 10px; | |
| flex: 1 0; | |
| } | |
| body#redaction-index #main_board { | |
| width: 420px; | |
| margin: 0 0 10px 10px; | |
| flex: 2 0; | |
| } | |
| body#redaction-index #board_message { | |
| width: 100%; | |
| } | |
| body#redaction-index .create_news { | |
| margin: 5px 0 15px 0; | |
| } | |
| body#redaction-index #news, | |
| body#redaction-index #candidate_news { | |
| display: flex; | |
| flex-wrap: wrap; | |
| } | |
| body#redaction-index .news { | |
| flex: 1 0 225px; | |
| margin: 0 25px 10px 0; | |
| border: 1px solid #999; | |
| padding: 6px; | |
| background: #fff; | |
| display: flex; | |
| flex-direction: column; | |
| position: relative; | |
| font-size: 0.8em; | |
| color: #555; | |
| } | |
| body#redaction-index h3 { | |
| flex: 1; | |
| font-size: 1.1rem; | |
| color: #000; | |
| margin: 12px 16px 12px 0; | |
| } | |
| body#redaction-index .pen { | |
| position: absolute; | |
| width: 32px; | |
| height: 32px; | |
| right: -16px; | |
| top: 50%; | |
| margin-top: -16px; | |
| border-radius: 16px; | |
| background: #999; | |
| } | |
| body#redaction-index .pen img { | |
| width: 16px; | |
| height: 16px; | |
| margin: 8px; | |
| } | |
| body#redaction-index .meta img { | |
| float: right; | |
| } | |
| body#redaction-index #candidate_news .news { | |
| padding: 20px 5px; | |
| font-weight: bold; | |
| } | |
| #redaction { | |
| background: #1e1e2e; | |
| min-height: 100vh; | |
| border: solid #999; | |
| border-width: 0px 1px 1px 1px; | |
| max-width: 150ex; | |
| margin: 0 calc((100vw - 150ex) / 2); | |
| transition: max-width 0.5s ease-in-out, margin-right 0.5s ease-in-out; | |
| } | |
| #redaction[data-popup-toolpanel-shown] { | |
| margin-right: 22rem; | |
| } | |
| #redaction #topbar { | |
| padding: 0.2em 0; | |
| margin-bottom: 1em; | |
| margin-top: 20px; | |
| display: -ms-flexbox; | |
| display: flex; | |
| align-items: center; | |
| border-bottom: solid 1px #747474; | |
| } | |
| #redaction #topbar .lastmodifications { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-positive: 1; | |
| flex-grow: 1; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| font-size: small; | |
| } | |
| #redaction #topbar .lastmodifications .revision-table { | |
| display: table; | |
| width: 3em; | |
| height: 3em; | |
| font-size: x-small; | |
| text-align: center; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| background-size: cover; | |
| background-image: url("/images/icones/rotate-ccw.svg"); | |
| } | |
| #redaction #topbar .lastmodifications .revision-table .revision-cell { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| #redaction #topbar .lastmodifications p { | |
| padding: 0 5px; | |
| } | |
| #redaction #topbar .attendees { | |
| margin-left: 0.5em; | |
| padding-left: 0.5em; | |
| border-left: solid 1px #747474; | |
| } | |
| #redaction #topbar .attendees a { | |
| text-decoration: none; | |
| font-size: x-small; | |
| } | |
| #redaction #topbar .attendees a img { | |
| height: 32px; | |
| width: 32px; | |
| } | |
| #redaction #topbar .attendees .attendee { | |
| display: inline; | |
| } | |
| #redaction #topbar .attendees .attendee-name { | |
| display: none; | |
| } | |
| #redaction article h1 { | |
| margin-right: 30px; | |
| } | |
| #redaction .score, | |
| #redaction .datePourCss { | |
| right: 0; | |
| } | |
| #redaction .score { | |
| top: 31px; | |
| } | |
| #redaction .datePourCss { | |
| top: 0; | |
| } | |
| #redaction #links { | |
| overflow: visible; | |
| } | |
| #redaction #edition { | |
| margin-right: 15px; | |
| margin-left: 15px; | |
| padding-left: 3px; | |
| padding-right: 3px; | |
| } | |
| #redaction #edition p { | |
| margin: 0 0 5px; | |
| padding: 5px; | |
| } | |
| #redaction #edition textarea { | |
| width: 100%; | |
| } | |
| #redaction .edition_in_place, | |
| #redaction .paragraph, | |
| #redaction .link { | |
| position: relative; | |
| } | |
| #redaction .edition_in_place .edit, | |
| #redaction .paragraph .edit, | |
| #redaction .link .edit { | |
| height: 30px; | |
| width: 30px; | |
| padding: 0; | |
| border-radius: 15px; | |
| background: no-repeat 6px 6px/16px #313244; | |
| background-image: inline("feather-icons/dist/icons/edit-3.svg"); | |
| text-indent: -9999em; | |
| } | |
| #redaction .edition_in_place .actions, | |
| #redaction .paragraph .actions, | |
| #redaction .link .actions { | |
| position: absolute; | |
| bottom: -22px; | |
| right: 15px; | |
| } | |
| #redaction .edition_in_place .actions button, | |
| #redaction .paragraph .actions button, | |
| #redaction .link .actions button { | |
| visibility: hidden; | |
| } | |
| #redaction .edition_in_place .actions button:hover, | |
| #redaction .paragraph .actions button:hover, | |
| #redaction .link .actions button:hover { | |
| background-color: #cdd6f4; | |
| } | |
| #redaction .edition_in_place:hover, | |
| #redaction .paragraph:hover, | |
| #redaction .link:hover { | |
| background-color: #e0e0e0; | |
| } | |
| #redaction .edition_in_place:hover .actions button, | |
| #redaction .paragraph:hover .actions button, | |
| #redaction .link:hover .actions button { | |
| visibility: visible; | |
| } | |
| #redaction #new_link, | |
| #redaction .edit_link { | |
| padding: 5px; | |
| } | |
| #redaction input#link_title { | |
| width: 100%; | |
| } | |
| #news_board .board #board_message { | |
| width: 95%; | |
| margin-top: 5px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-bottom: 5px; | |
| } | |
| #redaction .markItUpHeader .link { | |
| padding-left: 0; | |
| } | |
| .markdown_cheatsheet img.markdown { | |
| float: left; | |
| margin: 12px 25px 0 0; | |
| } | |
| #followup_mail { | |
| font-family: mono; | |
| hyphens: none; | |
| border-width: 1px; | |
| } | |
| #followup_mail pre { | |
| white-space: pre-wrap; | |
| } | |
| /* reset pour form css, sinon une boite par css */ | |
| #stylesheets-edit #contents > form { | |
| display: inherit; | |
| background: inherit; | |
| padding: 2px 0 2px 0; | |
| border-radius: 0; | |
| border: none; | |
| margin-bottom: 0; | |
| font-size: inherit; | |
| } | |
| body#sections-index .body { | |
| overflow: hidden; | |
| } | |
| body#sections-index .body .section { | |
| float: left; | |
| width: 120px; | |
| height: 120px; | |
| } | |
| body#sections-index #contents a[href], | |
| body#admin-index #container > ul a[href], | |
| body#wiki_pages-changes #contents a[href] { | |
| color: #0000ee; | |
| font-weight: inherit; | |
| } | |
| body#sections-index #contents a[href]:hover, | |
| body#admin-index #container > ul a[href]:hover, | |
| body#wiki_pages-changes #contents a[href]:hover { | |
| text-decoration: inherit; | |
| } | |
| body#sections-index #contents a[href]:visited, | |
| body#admin-index #container > ul a[href]:visited, | |
| body#wiki_pages-changes #contents a[href]:visited { | |
| color: #551a8b; | |
| } | |
| #sidebar { | |
| float: left; | |
| width: 201px; | |
| text-align: left; | |
| font-size: 0.8em; | |
| line-height: 1.3; | |
| } | |
| #sidebar a { | |
| font-weight: inherit; | |
| } | |
| #sidebar { | |
| /* image DLFP */ | |
| } | |
| #sidebar #branding h1 { | |
| display: block; | |
| height: 0; | |
| padding: 100% 0 0 0; /* padding % are defined relative to the element's width. */ | |
| margin: 0; | |
| position: relative; | |
| background-position: left top; | |
| background-repeat: no-repeat; | |
| background-size: 100% auto; | |
| } | |
| #sidebar #branding h1 a { | |
| position: absolute; | |
| display: block; | |
| /* chiffre magique qui marche sous firefox et opera */ | |
| margin-top: -17px; | |
| text-indent: -9999em; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #sidebar { | |
| /* Les boîtes login, wiki, moderation */ | |
| } | |
| #sidebar .box { | |
| min-height: 110px; | |
| border-bottom: 1px solid #a6adc8; | |
| padding: 0 3px 10px 5px; | |
| /* juste une ligne devant les listes */ | |
| } | |
| #sidebar .box ul { | |
| padding-left: 0; | |
| } | |
| #sidebar .box li { | |
| list-style: none; | |
| margin-left: 5px; | |
| padding-left: 5px; | |
| border-left: solid 1px #a6adc8; | |
| } | |
| #sidebar .box li.forum span { | |
| font-weight: bold; | |
| } | |
| #sidebar .box > a { | |
| display: block; | |
| padding-left: 5px; | |
| padding-bottom: 5px; | |
| } | |
| #sidebar .box { | |
| /* pas de ligne sous la dernière boite */ | |
| } | |
| #sidebar .box:last-child { | |
| border-bottom: none; | |
| padding-bottom: 42px; | |
| } | |
| #sidebar .box { | |
| /* rotation du titre de la boîte */ | |
| } | |
| #sidebar .box h1 { | |
| display: inline-block; | |
| text-align: center; | |
| font-size: 1em; | |
| color: white; | |
| background: #cdd6f4; | |
| max-width: 80%; | |
| padding: 4px 10px 4px 10px; | |
| transform-origin: left top; | |
| transform: rotate(-90deg) translate(-100%, -100%) translate(-3px, -5px); | |
| } | |
| #sidebar .box h1 + h2 { | |
| margin-top: -1.2em; | |
| } | |
| #sidebar .box h1 + * { | |
| margin-top: -2em; | |
| } | |
| #sidebar .box span.score { | |
| color: #333; | |
| } | |
| #sidebar .box span.score:before { | |
| content: " ["; | |
| } | |
| #sidebar .box span.score:after { | |
| content: "] "; | |
| } | |
| #sidebar .box .abusers li { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| #sidebar .box .button_to input, | |
| #sidebar .box button.more { | |
| font-size: 0.8rem; | |
| width: 190px; | |
| padding: 0 0 0 20px; | |
| } | |
| #sidebar #logout { | |
| width: initial; | |
| border: 0; | |
| font-family: sans-serif; | |
| font-size: 1em; | |
| padding: 0; | |
| margin-left: -3px; | |
| } | |
| #sidebar #logout:hover { | |
| background-color: #313244; | |
| text-decoration: underline; | |
| } | |
| #sidebar .new_content a { | |
| font-size: 1em; | |
| line-height: 1.5; | |
| } | |
| .tab-header-container { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flwx-wrap: wrap; | |
| flex-wrap: wrap; | |
| background: linear-gradient(to top, #6c7086 2px, transparent 2px); | |
| } | |
| .tab-header-container .tab { | |
| font-size: 1.5em; | |
| line-height: 1.3em; | |
| cursor: pointer; | |
| background: no-repeat 0px 1.55rem/4ex transparent; | |
| background-image: url("/images/icones/underline.png"); | |
| background-image: url("/images/icones/underline.svg"), none; | |
| padding-bottom: 5px; | |
| margin-right: 10px; | |
| } | |
| .tab-header-container .tab:not([data-show-content]) { | |
| background-image: url("/images/icones/not-active-underline.png"); | |
| background-image: url("/images/icones/not-active-underline.svg"), none; | |
| } | |
| .tab-content:not([data-show-content]) { | |
| display: none; | |
| } | |
| .tab-content { | |
| padding: 0 3px; | |
| } | |
| /* tableau de bord et tracker */ | |
| body#trackers-index .toolbox .new_content { | |
| margin-bottom: 10px; | |
| } | |
| body#dashboard-index #contents table, | |
| body#trackers-index #contents table, | |
| body#applications-index table, | |
| body#registrations-edit table { | |
| width: 100%; | |
| margin-bottom: 1rem; | |
| padding: 0; | |
| border-collapse: collapse; | |
| border: 1px solid #666; | |
| font-size: 0.8rem; | |
| } | |
| body#dashboard-index #contents table tr:nth-child(even), | |
| body#trackers-index #contents table tr:nth-child(even), | |
| body#applications-index table tr:nth-child(even), | |
| body#registrations-edit table tr:nth-child(even) { | |
| background: #313244; | |
| } | |
| body#dashboard-index #contents table tr:hover, | |
| body#trackers-index #contents table tr:hover, | |
| body#applications-index table tr:hover, | |
| body#registrations-edit table tr:hover { | |
| background: rgba(137, 180, 250, 0.16); | |
| } | |
| body#dashboard-index #contents table th, | |
| body#trackers-index #contents table th, | |
| body#applications-index table th, | |
| body#registrations-edit table th { | |
| background: rgba(137, 180, 250, 0.5); | |
| } | |
| body#dashboard-index #contents table td, | |
| body#dashboard-index #contents table th, | |
| body#trackers-index #contents table td, | |
| body#trackers-index #contents table th, | |
| body#applications-index table td, | |
| body#applications-index table th, | |
| body#registrations-edit table td, | |
| body#registrations-edit table th { | |
| padding: 0.25rem; | |
| } | |
| body#dashboard-index #contents table td.left, | |
| body#dashboard-index #contents table th.left, | |
| body#trackers-index #contents table td.left, | |
| body#trackers-index #contents table th.left, | |
| body#applications-index table td.left, | |
| body#applications-index table th.left, | |
| body#registrations-edit table td.left, | |
| body#registrations-edit table th.left { | |
| text-align: left; | |
| } | |
| body#dashboard-index #contents table td.date, | |
| body#dashboard-index #contents table th.date, | |
| body#trackers-index #contents table td.date, | |
| body#trackers-index #contents table th.date, | |
| body#applications-index table td.date, | |
| body#applications-index table th.date, | |
| body#registrations-edit table td.date, | |
| body#registrations-edit table th.date { | |
| white-space: nowrap; | |
| } | |
| body#dashboard-index #contents table td.number, | |
| body#dashboard-index #contents table th.number, | |
| body#trackers-index #contents table td.number, | |
| body#trackers-index #contents table th.number, | |
| body#applications-index table td.number, | |
| body#applications-index table th.number, | |
| body#registrations-edit table td.number, | |
| body#registrations-edit table th.number { | |
| text-align: right; | |
| } | |
| body#dashboard-index #contents table a[href], | |
| body#trackers-index #contents table a[href], | |
| body#applications-index table a[href], | |
| body#registrations-edit table a[href] { | |
| color: #0000ee; | |
| font-weight: inherit; | |
| } | |
| body#dashboard-index #contents table a[href]:hover, | |
| body#trackers-index #contents table a[href]:hover, | |
| body#applications-index table a[href]:hover, | |
| body#registrations-edit table a[href]:hover { | |
| text-decoration: inherit; | |
| } | |
| body#dashboard-index #contents table a[href]:visited, | |
| body#trackers-index #contents table a[href]:visited, | |
| body#applications-index table a[href]:visited, | |
| body#registrations-edit table a[href]:visited { | |
| color: #551a8b; | |
| } | |
| body#applications-index td, | |
| body#registrations-edit td { | |
| padding: 5px; | |
| } | |
| #tracker .fixed a, | |
| #tracker .invalid a, | |
| #my_trackers .fixed a, | |
| #my_trackers .invalid a, | |
| .tracker .fixed a, | |
| .tracker .invalid a { | |
| text-decoration: line-through; | |
| } | |
| .table_container { | |
| max-width: 100%; | |
| overflow-x: auto; | |
| } | |
| .table_container td.number, | |
| .table_container th.number { | |
| white-space: nowrap; | |
| } | |
| /* parti de la base de yggdras pour la partie sur les tags */ | |
| .formats { | |
| float: right; | |
| clear: right; | |
| } | |
| .tag_in_place { | |
| display: inline-block; | |
| } | |
| .tag_in_place a:before { | |
| margin-left: 5px; | |
| content: " + "; | |
| color: #89b4fa; | |
| } | |
| .tag_in_place, | |
| .formats { | |
| margin-bottom: 5px; | |
| color: #a6adc8; | |
| } | |
| .tag_in_place a, | |
| .formats a { | |
| color: #a6adc8; | |
| } | |
| .tag_in_place input[type=submit], | |
| .formats input[type=submit] { | |
| font-size: inherit; | |
| } | |
| .tags { | |
| display: block; | |
| } | |
| .tags ul { | |
| display: inline; | |
| } | |
| .tags ul li { | |
| display: inline; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .tags ul li:after { | |
| content: ", "; | |
| } | |
| .tags ul li:last-child:after, | |
| .tags ul li .last:after { | |
| content: ""; | |
| } | |
| .tags ul li form { | |
| display: inline-block; | |
| } | |
| .tags ul li .add_tag, | |
| .tags ul li .remove_tag { | |
| display: inline-block; | |
| text-indent: -9998em; | |
| height: 20px; | |
| width: 12px; | |
| padding: 0; | |
| border: none; | |
| } | |
| .tags ul li .add_tag { | |
| background: no-repeat 1px 4px/12px white; | |
| background-image: url("/images/icones/tag.png"); | |
| background-image: url("/images/icones/tag.svg"), none; | |
| } | |
| .tags ul li .add_tag[disabled] { | |
| background: no-repeat 1px 4px/12px white; | |
| background-image: url("/images/icones/tagged.png"); | |
| background-image: url("/images/icones/tagged.svg"), none; | |
| } | |
| .tags ul li .remove_tag { | |
| background: no-repeat 0 6px/11px white; | |
| background-image: url("/images/icones/x.png"); | |
| background-image: url("/images/icones/x.svg"), none; | |
| } | |
| .tags ul li .remove_tag[disabled] { | |
| display: none; | |
| } | |
| /* tri, proposition de dépeche, choix de page */ | |
| .toolbox, | |
| .scroll { | |
| display: block; | |
| margin: 10px 0 15px 0; | |
| font-size: 0.8em; | |
| color: #a6adc8; | |
| } | |
| a.scroll { | |
| margin: 0; | |
| } | |
| .toolbox .follow_feed, | |
| .toolbox .new_content { | |
| float: right; | |
| } | |
| .toolbox a:hover { | |
| text-decoration: none; | |
| } | |
| .toolbox .order_navbar { | |
| padding-top: 10px; | |
| } | |
| .toolbox .order_navbar ul, | |
| .toolbox ul.facets { | |
| display: inline; | |
| } | |
| .toolbox .order_navbar ul li, | |
| .toolbox ul.facets li { | |
| display: inline; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .toolbox .order_navbar ul li:after, | |
| .toolbox ul.facets li:after { | |
| content: " · "; | |
| } | |
| .toolbox .order_navbar ul li:last-child:after, | |
| .toolbox .order_navbar ul li .last:after, | |
| .toolbox ul.facets li:last-child:after, | |
| .toolbox ul.facets li .last:after { | |
| content: ""; | |
| } | |
| .toolbox { | |
| /* pour ne pas afficher les pages en haut */ | |
| } | |
| .toolbox .pagination { | |
| display: none; | |
| } | |
| /* pour les afficher en bas */ | |
| #container > .toolbox:last-of-type .pagination { | |
| display: inherit; | |
| } | |
| #site { | |
| display: block; | |
| top: 0; | |
| padding-top: 16px; | |
| width: 100%; | |
| text-align: right; | |
| font-family: "DejaVu Serif"; | |
| font-size: 0.9rem; | |
| color: #bac2de; | |
| background: linear-gradient(to right, #fff, #e7e3e0 201px, #bdb3aa 50%); | |
| /* we recycle the nav bar to display the black line at the top */ | |
| } | |
| #site .go_to_content { | |
| width: 100%; | |
| height: 7px; | |
| background: #89b4fa; | |
| } | |
| #site ul { | |
| display: inline; | |
| padding-left: 0; | |
| } | |
| #site li { | |
| display: inline; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| #site li:after { | |
| content: " | "; | |
| } | |
| #site li:last-child:after { | |
| content: ""; | |
| } | |
| #site { | |
| /* boite de recherche */ | |
| } | |
| #site form { | |
| display: inline-block; | |
| vertical-align: middle; | |
| width: 160px; | |
| } | |
| #site form label { | |
| float: left; | |
| text-indent: -9998em; | |
| overflow: hidden; | |
| text-align: left; | |
| width: 0; | |
| } | |
| #site form input#query { | |
| display: block; | |
| float: left; | |
| background: #313244; | |
| margin-top: 2px; | |
| width: 125px; | |
| } | |
| #site form input#search_submit { | |
| background-image: none; | |
| background: no-repeat 0 transparent; | |
| border: none; | |
| text-indent: 0em; | |
| padding-left: 0; | |
| padding-right: 0; | |
| content: "🔎"; | |
| text-align: left; | |
| } | |
| /* Tribune */ | |
| body#boards-show #sidebar, | |
| body#boards-show #bigfooter, | |
| body#boards-show .scroll { | |
| display: none; | |
| } | |
| body#boards-show #container { | |
| margin-left: 0; | |
| font-size: 1.1em; | |
| text-align: justify; | |
| } | |
| #redaction_board div.chat, | |
| #toolpanel .board div.chat { | |
| display: -ms-flexbox; | |
| display: flex; | |
| padding: 0.2em; | |
| } | |
| #redaction_board div.chat .avatar, | |
| #toolpanel .board div.chat .avatar { | |
| height: 36px; | |
| width: 36px; | |
| min-width: 36px; | |
| margin: 0 1em 0.2em 0.2em; | |
| } | |
| #redaction_board div.chat > div, | |
| #toolpanel .board div.chat > div { | |
| -ms-flex: 1; | |
| max-width: calc(100% - 36px - 1em); | |
| overflow-wrap: break-word; | |
| } | |
| #redaction_board .norloge, | |
| #redaction_board .user_link a, | |
| #toolpanel .board .norloge, | |
| #toolpanel .board .user_link a { | |
| color: #555; | |
| font-size: 1em; | |
| font-weight: normal; | |
| font-family: inherit; | |
| } | |
| #redaction_board .norloge::before, | |
| #toolpanel .board .norloge::before { | |
| content: ""; | |
| } | |
| #redaction_board .norloge::after, | |
| #toolpanel .board .norloge::after { | |
| content: ""; | |
| } | |
| #redaction_board .message, | |
| #toolpanel .board .message { | |
| margin: 1em 0; | |
| } | |
| #redaction_board details, | |
| #toolpanel .board details { | |
| margin: 1em 0; | |
| } | |
| #redaction_board summary, | |
| #toolpanel .board summary { | |
| font-size: 1.2em; | |
| font-weight: bold; | |
| } | |
| #redaction_board .attendee, | |
| #toolpanel .board .attendee { | |
| display: inline-block; | |
| position: relative; | |
| width: 48px; | |
| height: 48px; | |
| margin: 6px; | |
| } | |
| #redaction_board .attendee img, | |
| #toolpanel .board .attendee img { | |
| max-height: 100%; | |
| } | |
| #redaction_board .attendee form, | |
| #toolpanel .board .attendee form { | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| } | |
| #redaction_board .attendee form input, | |
| #toolpanel .board .attendee form input { | |
| margin: 0; | |
| } | |
| #redaction_board .inbox-container, | |
| #toolpanel .board .inbox-container { | |
| height: 40vh; | |
| overflow: auto; | |
| } | |
| #redaction_board .inbox.large, | |
| #toolpanel .board .inbox.large { | |
| display: -ms-flexbox; | |
| -ms-flex-direction: column; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: flex-end; | |
| min-height: 99%; | |
| } | |
| #redaction_board form.chat > div, | |
| #toolpanel .board form.chat > div { | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin: 0.5em; | |
| } | |
| #redaction_board form.chat #board_message, | |
| #toolpanel .board form.chat #board_message { | |
| border: 1px solid #999; | |
| border-right: 0; | |
| padding: 4px; | |
| height: 28px; | |
| -ms-flex: 1; | |
| flex-grow: 1; | |
| } | |
| #redaction_board form.chat button, | |
| #toolpanel .board form.chat button { | |
| background-color: white; | |
| border: 1px solid #999; | |
| border-left: none; | |
| margin: 0; | |
| } | |
| #main_board { | |
| /* on sait qu'on est sur la tribune si on y est */ | |
| } | |
| #main_board h1 { | |
| display: none; | |
| } | |
| #main_board { | |
| /* version xml et avertissement */ | |
| } | |
| #main_board > a:first-of-type, | |
| #main_board > p:first-of-type { | |
| color: #a6adc8; | |
| } | |
| #main_board { | |
| /* totoz links */ | |
| } | |
| #main_board a:hover { | |
| cursor: pointer; | |
| } | |
| .norloge { | |
| font-weight: bold; | |
| color: black; | |
| font-family: monospace; | |
| font-size: 11px; | |
| } | |
| .norloge:before { | |
| content: "["; | |
| } | |
| .norloge:after { | |
| content: "]"; | |
| } | |
| /* Ligne de tribune */ | |
| .chat { | |
| margin: 3px 0 0 0; | |
| /* pseudo */ | |
| } | |
| .chat .board-left > b:first-of-type { | |
| color: #cdd6f4; | |
| font-family: monospace; | |
| font-size: 11px; | |
| } | |
| .chat { | |
| border-top: 1px solid transparent; | |
| border-bottom: 1px solid transparent; | |
| margin-top: 0; | |
| margin-bottom: -2px; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| } | |
| .highlighted { | |
| background: rgba(137, 180, 250, 0.16); | |
| border-top: 1px solid #89b4fa !important; | |
| border-bottom: 1px solid #89b4fa !important; | |
| } | |
| .board-right a { | |
| font-size: small; | |
| color: #0000ee; | |
| font-weight: inherit; | |
| } | |
| .board-right a:hover { | |
| text-decoration: inherit; | |
| } | |
| .board-right a:visited { | |
| color: #551a8b; | |
| } | |
| .board-right a { | |
| font-weight: bold; | |
| } | |
| .board-right .totoz { | |
| color: #2ea4ff; | |
| } | |
| #boards-show #container .inbox p.chat { | |
| clear: both; | |
| } | |
| #boards-show #container .inbox .board-left { | |
| display: block; | |
| float: left; | |
| width: 180px; | |
| border-top: 1px solid transparent; | |
| border-bottom: 1px solid transparent; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| } | |
| #boards-show #container .inbox .board-right { | |
| display: block; | |
| margin-left: 180px; | |
| border-top: 1px solid transparent; | |
| border-bottom: 1px solid transparent; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| } | |
| #boards-show #container .inbox .board-right:before { | |
| content: "- "; | |
| font-weight: bold; | |
| } | |
| #boards-show #container .inbox .board-right time { | |
| color: #0000ee; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| } | |
| #boards-show #container .inbox .myPost { | |
| color: #cc0000; | |
| font-weight: bold; | |
| } | |
| /* page d'historique de wiki */ | |
| body#news-revision #contents pre, | |
| body#wiki_pages-revision #contents pre { | |
| width: 100%; | |
| white-space: pre-wrap; | |
| } | |
| body#news-revision #contents ins, | |
| body#wiki_pages-revision #contents ins { | |
| text-decoration: none; | |
| background: lime; | |
| } | |
| body#news-revision #contents del, | |
| body#wiki_pages-revision #contents del { | |
| text-decoration: line-through; | |
| background: red; | |
| } | |
| body#news-revision #contents nav ul, | |
| body#wiki_pages-revision #contents nav ul { | |
| display: inline; | |
| } | |
| body#news-revision #contents nav ul li, | |
| body#wiki_pages-revision #contents nav ul li { | |
| display: inline; | |
| } | |
| body#news-revision #contents nav ul li:last-of-type, | |
| body#wiki_pages-revision #contents nav ul li:last-of-type { | |
| float: right; | |
| } | |
| body#news-revision #contents nav ul li:last-of-type:after, | |
| body#wiki_pages-revision #contents nav ul li:last-of-type:after { | |
| content: " »"; | |
| } | |
| body#news-revision #contents nav ul li:first-of-type, | |
| body#wiki_pages-revision #contents nav ul li:first-of-type { | |
| float: left; | |
| } | |
| body#news-revision #contents nav ul li:first-of-type:before, | |
| body#wiki_pages-revision #contents nav ul li:first-of-type:before { | |
| content: "« "; | |
| } | |
| body#news-revision #contents nav ul li:first-of-type:after, | |
| body#wiki_pages-revision #contents nav ul li:first-of-type:after { | |
| content: ""; | |
| } | |
| @media screen and (max-width: 150ex), handheld { | |
| body.chat_n_edit #site { | |
| padding-top: 0; | |
| background: linear-gradient(to right, #e7e3e0, #bdb3aa 50%); | |
| } | |
| body.chat_n_edit #toolbar:not([data-popup-toolpanel-shown]) { | |
| right: 20px; | |
| } | |
| #redaction { | |
| margin: 0; | |
| } | |
| #redaction[data-popup-toolpanel-shown] { | |
| max-width: calc(100vw - 22rem); | |
| } | |
| } | |
| @media screen and (max-width: 48em), handheld { | |
| html, | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| background: #fff; | |
| } | |
| body.chat_n_edit { | |
| width: 100%; | |
| right: 0; | |
| word-wrap: break-word; | |
| overflow-wrap: break-word; | |
| } | |
| body.chat_n_edit #overlay:not([data-popup-toolpanel-shown]), | |
| body.chat_n_edit #overlay[data-popup-toolbar-toc-shown] { | |
| z-index: 1; | |
| opacity: 0.2; | |
| transition: opacity 0.2s ease-in-out; | |
| } | |
| body.chat_n_edit #toolpanel { | |
| width: 100vw; | |
| right: -102vw; | |
| overflow: hidden; | |
| margin: 0; | |
| padding: 0; | |
| padding-left: calc(50px + 3px); | |
| padding-right: 3px; | |
| box-shadow: none; | |
| background: linear-gradient(to right, transparent calc(50px - 1px), #585b70 calc(50px - 1px), #585b70 calc(50px + 1px), #1e1e2e calc(50px + 1px)); | |
| } | |
| body.chat_n_edit #toolpanel .tab-content-container { | |
| width: calc(100% - 50px - 6px); | |
| } | |
| body.chat_n_edit #toolpanel { | |
| transition: right 0.2s ease-in-out 0.2s; | |
| } | |
| body.chat_n_edit #toolpanel:not([data-popup-show]) { | |
| width: 100vw; | |
| right: 0px; | |
| padding-left: calc(50px + 3px); | |
| padding-right: 3px; | |
| } | |
| body.chat_n_edit #toolpanel:not([data-popup-show]) .popup-event { | |
| display: block; | |
| width: 50px; | |
| height: 100vh; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| } | |
| body.chat_n_edit #toolpanel:not([data-popup-show]) .popup-event img { | |
| position: absolute; | |
| left: 9px; | |
| bottom: 8px; | |
| width: 32px; | |
| height: 32px; | |
| padding: 5px; | |
| border: solid 1px #a6adc8; | |
| border-radius: 50%; | |
| background-color: #1e1e2e; | |
| } | |
| body.chat_n_edit #toolpanel[data-popup-show] { | |
| transition: right 0.2s ease-in-out; | |
| } | |
| body.chat_n_edit #toolbar { | |
| bottom: 8px; | |
| } | |
| body.chat_n_edit #toolbar[data-popup-toolpanel-shown], body.chat_n_edit #toolbar:not([data-popup-toolpanel-shown]) { | |
| right: 0; | |
| } | |
| body.chat_n_edit #toolbar:not([data-popup-toolpanel-shown]) { | |
| z-index: 0; | |
| } | |
| body.chat_n_edit #toolbar #toolbar-toc { | |
| width: calc(100vw - 16px); | |
| } | |
| ul { | |
| padding-left: 15px; | |
| } | |
| ul.links { | |
| padding-left: 25px; | |
| } | |
| #site { | |
| position: static; | |
| padding: 0 3px; | |
| background: linear-gradient(to right, #e7e3e0, #bdb3aa 50%); | |
| } | |
| #sidebar { | |
| background: #fff; | |
| width: 100%; | |
| margin-top: 5px; | |
| } | |
| #sidebar #branding { | |
| float: right; | |
| width: 201px; | |
| margin-right: 35px; | |
| } | |
| #sidebar .box { | |
| min-height: 0; | |
| border-bottom: 0; | |
| } | |
| #sidebar .box:last-child { | |
| padding-bottom: 0; | |
| } | |
| #sidebar .box h1 { | |
| transform: none; | |
| width: 100px; | |
| margin: 0 10px; | |
| } | |
| #sidebar .box ul { | |
| margin: 5px; | |
| } | |
| #sidebar .box p, | |
| #sidebar .box .new_content, | |
| #sidebar #poll_box, | |
| #sidebar #redaction_box ul, | |
| #sidebar #moderation_box ul, | |
| #sidebar #admin_box, | |
| #sidebar #sections_box, | |
| #sidebar #forum_box { | |
| display: none; | |
| } | |
| #sidebar #moderation_box .inbox { | |
| clear: both; | |
| } | |
| #sidebar #moderation_box .inbox p { | |
| display: block; | |
| } | |
| #sidebar #moderation_box .inbox p + p + p + p { | |
| display: none; | |
| } | |
| #sidebar #moderation_box .board input#board_message { | |
| float: left; | |
| width: 50%; | |
| margin: 2px 0 0 8px; | |
| } | |
| #sidebar #new_account_sidebar p { | |
| display: block; | |
| margin: 5px 10px; | |
| } | |
| #sidebar #new_account_sidebar input[type=text], | |
| #sidebar #new_account_sidebar input[type=password] { | |
| width: 120px; | |
| } | |
| .datePourCss { | |
| display: none !important; | |
| } | |
| article .score { | |
| top: 5px; | |
| right: 0 !important; | |
| } | |
| #phare article { | |
| margin: 0.5rem 8px; | |
| } | |
| #container, | |
| .container, | |
| #followup_container { | |
| clear: left; | |
| margin: 0; | |
| padding: 8px; | |
| } | |
| #container header h1, | |
| .container header h1, | |
| #followup_container header h1 { | |
| margin-right: 63px; | |
| } | |
| #container header .tags, | |
| .container header .tags, | |
| #followup_container header .tags { | |
| display: none; | |
| } | |
| #container .tag_in_place, | |
| .container .tag_in_place, | |
| #followup_container .tag_in_place { | |
| display: none; | |
| } | |
| #container article, | |
| #container ul.threads > li.comment, | |
| .container article, | |
| .container ul.threads > li.comment, | |
| #followup_container article, | |
| #followup_container ul.threads > li.comment { | |
| padding: 8px; | |
| } | |
| #bigfooter #last_comments, | |
| #bigfooter #popular_tags { | |
| display: none; | |
| } | |
| #bigfooter #friends, | |
| #bigfooter #about_us { | |
| width: 48%; | |
| min-height: 300px; | |
| } | |
| .node footer .formats { | |
| float: none; | |
| margin-top: 1em; | |
| margin-bottom: 1em; | |
| } | |
| .node footer.actions .action .button_to { | |
| display: none; | |
| } | |
| li.comment > h2 > a.title { | |
| pointer-events: none; | |
| } | |
| li.comment > ul { | |
| margin-left: 0.5em; | |
| } | |
| img.avatar { | |
| width: 50px; | |
| height: 50px; | |
| } | |
| div#toolbar { | |
| left: 0; | |
| right: 0; | |
| font-size: small; | |
| border-width: 1px 0; | |
| } | |
| div#toolbar .prev, | |
| div#toolbar .next { | |
| font-size: 2em; | |
| width: 32px; | |
| display: inline-block; | |
| text-align: center; | |
| border: 1px solid #a6adc8; | |
| border-width: 0 1px; | |
| } | |
| #toolbar_alt_items { | |
| display: none; | |
| } | |
| #redaction { | |
| width: 100vw; | |
| position: static; | |
| padding-top: 0px; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| border: none; | |
| } | |
| #redaction #edition { | |
| width: 100%; | |
| margin: auto; | |
| margin-top: 10px; | |
| padding: 0; | |
| order: 0; | |
| } | |
| #redaction #metadata { | |
| width: 100%; | |
| max-width: 100%; | |
| flex-grow: 1; | |
| order: 1; | |
| } | |
| #redaction #topbar { | |
| margin-top: 0; | |
| } | |
| #redaction #topbar .attendees { | |
| display: none; | |
| } | |
| #redaction table { | |
| table-layout: fixed; | |
| width: 100%; | |
| overflow-wrap: break-word; | |
| } | |
| #redaction[data-popup-toolpanel-shown], #redaction:not([data-popup-toolpanel-shown]) { | |
| max-width: 100vw; | |
| margin: 0; | |
| } | |
| body#redaction-index #container { | |
| padding: 8px; | |
| } | |
| body#redaction-index aside.more, | |
| body#redaction-index #main_board { | |
| margin-right: 10px; | |
| flex: 0 1 750px; | |
| } | |
| body#redaction-index aside.more { | |
| display: flex; | |
| flex-direction: column-reverse; | |
| } | |
| .markItUpEditor { | |
| width: 100%; | |
| } | |
| .markdown_cheatsheet, | |
| #contents > form, | |
| form#new_post, | |
| body#users-comments #contents > ul > li, | |
| body#comments-create #contents > ul > li#comment_new, | |
| body#comments-update #contents > ul > li#comment_new { | |
| padding: 10px; | |
| } | |
| .about-navigation, | |
| .about-navigation + img, | |
| .about-writing, | |
| .about-writing + img { | |
| grid-column: 2/span 4; | |
| grid-row: auto; | |
| } | |
| .about-signup { | |
| grid-row: 10; | |
| } | |
| .about-signup + img { | |
| grid-row: 9; | |
| } | |
| } | |
| @media screen and (max-width: 40em), handheld { | |
| article h1 { | |
| font-size: 1.3em; | |
| } | |
| li.comment > h2 { | |
| font-size: 1.1em; | |
| } | |
| article .content, | |
| li.comment .content { | |
| font-size: 1em; | |
| line-height: 1.3em; | |
| } | |
| .static-about > * { | |
| grid-column: 1/span 6; | |
| } | |
| } | |
| @media screen and (max-width: 25em), handheld { | |
| #sidebar #branding { | |
| width: 100.5px; | |
| margin-right: 10px; | |
| } | |
| #bigfooter #friends { | |
| display: none; | |
| } | |
| #bigfooter #about_us { | |
| width: 100%; | |
| margin: 0; | |
| min-height: 240px; | |
| } | |
| #container, | |
| .container { | |
| padding: 5px 0; | |
| } | |
| #container article, | |
| .container article { | |
| border-width: 1px 0; | |
| } | |
| } | |
| .ac_loading { | |
| background: white url("/images/ajax-loader.gif") right center no-repeat; | |
| } | |
| .ac_results { | |
| background-color: #313244; | |
| border: solid 1px #a6adc8; | |
| border-radius: 4px; | |
| margin: 5px 5px 30px; | |
| padding: 5px; | |
| } | |
| .ac_results ul { | |
| margin: 0; | |
| padding: 5px; | |
| } | |
| .ac_results ul li { | |
| list-style: none; | |
| cursor: pointer; | |
| } | |
| .ac_odd { | |
| background-color: #eeeeee; | |
| } | |
| .ac_over { | |
| background-color: #0a246a; | |
| color: white; | |
| } | |
| body#oauth-authorize #container { | |
| min-height: 416px; | |
| } | |
| body#oauth-authorize #container h1 { | |
| display: block; | |
| } | |
| body#oauth-authorize .authorize_app, | |
| body#oauth-authorize .deny_app { | |
| width: 60%; | |
| margin: 30px; | |
| padding: 10px 16px; | |
| line-height: 1.33; | |
| font-size: 1.6em; | |
| border-radius: 6px; | |
| text-align: center; | |
| vertical-align: middle; | |
| color: #fff; | |
| background-image: none; | |
| } | |
| body#oauth-authorize .authorize_app { | |
| margin-bottom: 0; | |
| background-color: #5cb85c; | |
| border-color: #4cae4c; | |
| } | |
| body#oauth-authorize .authorize_app:focus, body#oauth-authorize .authorize_app:hover { | |
| background-color: #47a447; | |
| border-color: #398439; | |
| } | |
| body#oauth-authorize .deny_app { | |
| background-color: #d9534f; | |
| border-color: #d43f3a; | |
| } | |
| body#oauth-authorize .deny_app:focus, body#oauth-authorize .deny_app:hover { | |
| background-color: #d2322d; | |
| border-color: #ac2925; | |
| } | |
| .misspelled { | |
| color: inherit; | |
| background-color: inherit; | |
| border-bottom: 1px dashed red; | |
| } | |
| .anchor, .anchor:visited { | |
| color: #aaa; | |
| } | |
| .anchor:hover { | |
| color: #333; | |
| } | |
| .factice, | |
| .go_to_content { | |
| float: left; | |
| text-indent: -9998em; | |
| overflow: hidden; | |
| text-align: left; | |
| width: 10px; | |
| } | |
| .pot_de_miel { | |
| display: none; | |
| } | |
| .signature { | |
| color: #999; | |
| font-size: 0.68em; | |
| } | |
| .signature:before { | |
| white-space: pre-line; | |
| content: "-- \a"; | |
| } | |
| #edition img[alt="Titre de l’image"], | |
| #edition img[alt=""] { | |
| border: 3px dotted red; | |
| } | |
| textarea { | |
| hyphens: none; | |
| } | |
| li.link[lang=cn] { | |
| list-style-image: url("/images/langs/cn.png"); | |
| } | |
| li.link[lang=ct] { | |
| list-style-image: url("/images/langs/ct.png"); | |
| } | |
| li.link[lang=da] { | |
| list-style-image: url("/images/langs/da.png"); | |
| } | |
| li.link[lang=de] { | |
| list-style-image: url("/images/langs/de.png"); | |
| } | |
| li.link[lang=ee] { | |
| list-style-image: url("/images/langs/ee.png"); | |
| } | |
| li.link[lang=el] { | |
| list-style-image: url("/images/langs/el.png"); | |
| } | |
| li.link[lang=en] { | |
| list-style-image: url("/images/langs/en.png"); | |
| } | |
| li.link[lang=es] { | |
| list-style-image: url("/images/langs/es.png"); | |
| } | |
| li.link[lang=eu] { | |
| list-style-image: url("/images/langs/eu.png"); | |
| } | |
| li.link[lang=fi] { | |
| list-style-image: url("/images/langs/fi.png"); | |
| } | |
| li.link[lang=fr] { | |
| list-style-image: url("/images/langs/fr.png"); | |
| } | |
| li.link[lang=it] { | |
| list-style-image: url("/images/langs/it.png"); | |
| } | |
| li.link[lang=ja] { | |
| list-style-image: url("/images/langs/ja.png"); | |
| } | |
| li.link[lang=ko] { | |
| list-style-image: url("/images/langs/ko.png"); | |
| } | |
| li.link[lang=nl] { | |
| list-style-image: url("/images/langs/nl.png"); | |
| } | |
| li.link[lang=no] { | |
| list-style-image: url("/images/langs/no.png"); | |
| } | |
| li.link[lang=pl] { | |
| list-style-image: url("/images/langs/pl.png"); | |
| } | |
| li.link[lang=pt] { | |
| list-style-image: url("/images/langs/pt.png"); | |
| } | |
| li.link[lang=ru] { | |
| list-style-image: url("/images/langs/ru.png"); | |
| } | |
| li.link[lang=sv] { | |
| list-style-image: url("/images/langs/sv.png"); | |
| } | |
| li.link[lang=xx] { | |
| list-style-image: url("/images/langs/xx.png"); | |
| } | |
| li.link[lang=wq] { | |
| list-style-image: url("/images/langs/wq.png"); | |
| } | |
| .markItUp { | |
| width: auto; | |
| margin: 5px 0 5px 0; | |
| border: 5px solid #f5f5f5; | |
| } | |
| .markItUp .markItUp a:link, | |
| .markItUp .markItUp a:visited { | |
| color: black; | |
| text-decoration: none; | |
| } | |
| .markItUp .h1 a { | |
| background-image: url(/images/markitup/h1.png); | |
| } | |
| .markItUp .h2 a { | |
| background-image: url(/images/markitup/h2.png); | |
| } | |
| .markItUp .h3 a { | |
| background-image: url(/images/markitup/h3.png); | |
| } | |
| .markItUp .h4 a { | |
| background-image: url(/images/markitup/h4.png); | |
| } | |
| .markItUp .bold a { | |
| background-image: url(/images/markitup/bold.png); | |
| } | |
| .markItUp .italic a { | |
| background-image: url(/images/markitup/italic.png); | |
| } | |
| .markItUp .stroke a { | |
| background-image: url(/images/markitup/stroke.png); | |
| } | |
| .markItUp .teletype a { | |
| background-image: url(/images/markitup/teletype.png); | |
| } | |
| .markItUp .list-bullet a { | |
| background-image: url(/images/markitup/list-bullet.png); | |
| } | |
| .markItUp .list-numeric a { | |
| background-image: url(/images/markitup/list-numeric.png); | |
| } | |
| .markItUp .image a { | |
| background-image: url(/images/markitup/picture.png); | |
| } | |
| .markItUp .link a { | |
| background-image: url(/images/markitup/link.png); | |
| } | |
| .markItUp .quotes a { | |
| background-image: url(/images/markitup/quotes.png); | |
| } | |
| .markItUp .code a { | |
| background-image: url(/images/markitup/page_white_code.png); | |
| } | |
| .markItUpContainer { | |
| border: 1px solid #3c769d; | |
| background: white url(/images/markitup/bg-container.png) repeat-x top left; | |
| padding: 5px 5px 2px 5px; | |
| font: 11px Verdana, Arial, Helvetica, sans-serif; | |
| } | |
| .markItUpEditor { | |
| padding: 5px 5px 5px 35px; | |
| border: 3px solid #3c769d; | |
| width: 95%; | |
| height: 400px; | |
| color: black; | |
| background: white url(/images/markitup/bg-editor-markdown.png) no-repeat; | |
| /* clear: both */ | |
| display: block; | |
| font-family: monospace; | |
| font-size: 14px; | |
| line-height: 18px; | |
| overflow: auto; | |
| box-sizing: border-box; | |
| } | |
| .markItUpFooter { | |
| width: 100%; | |
| cursor: n-resize; | |
| } | |
| .markItUpResizeHandle { | |
| display: none; | |
| } | |
| .markItUpHeader { | |
| height: 22px; | |
| } | |
| .markItUpHeader ul li { | |
| list-style: none; | |
| float: left; | |
| position: relative; | |
| } | |
| .markItUpHeader ul li ul { | |
| display: none; | |
| } | |
| .markItUpHeader ul li:hover > ul { | |
| display: block; | |
| } | |
| .markItUpHeader ul a { | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| text-indent: -10000px; | |
| background-repeat: no-repeat; | |
| padding: 3px; | |
| margin: 0; | |
| } | |
| .markItUpHeader ul .markItUpDropMenu { | |
| background: transparent url(/images/markitup/menu.png) no-repeat 115% 50%; | |
| margin-right: 5px; | |
| } | |
| .markItUpHeader ul .markItUpDropMenu li { | |
| margin-right: 0; | |
| } | |
| .markItUpHeader ul .markItUpSeparator { | |
| margin: 0 10px; | |
| width: 1px; | |
| height: 16px; | |
| overflow: hidden; | |
| background-color: #cccccc; | |
| } | |
| .markItUpHeader ul ul { | |
| display: none; | |
| position: absolute; | |
| top: 18px; | |
| left: 0; | |
| background: #f5f5f5; | |
| border: 1px solid #3c769d; | |
| height: inherit; | |
| } | |
| .markItUpHeader ul ul .markItUpSeparator { | |
| width: auto; | |
| height: 1px; | |
| margin: 0; | |
| } | |
| .markItUpHeader ul ul li { | |
| float: none; | |
| border-bottom: 1px solid #3c769d; | |
| } | |
| .markItUpHeader ul ul .markItUpDropMenu { | |
| background: #f5f5f5 url(/images/markitup/submenu.png) no-repeat 100% 50%; | |
| } | |
| .markItUpHeader ul ul ul { | |
| position: absolute; | |
| top: -1px; | |
| left: 150px; | |
| } | |
| .markItUpHeader ul ul ul li { | |
| float: none; | |
| } | |
| .markItUpHeader ul ul a { | |
| display: block; | |
| text-indent: 0; | |
| width: 120px; | |
| padding: 5px 5px 5px 25px; | |
| background-position: 2px 50%; | |
| } | |
| .markItUpHeader ul ul a:hover { | |
| color: white; | |
| background-color: #3c769d; | |
| } | |
| textarea.markItUp:not(.markItUpEditor) { | |
| width: 100%; | |
| height: 10em; | |
| } | |
| @media print { | |
| html { | |
| background: none !important; | |
| padding: 0 !important; | |
| } | |
| body { | |
| border: none !important; | |
| background: none !important; | |
| line-height: 1.4; | |
| font-family: sans-serif; | |
| color: black; | |
| font-size: 10pt; | |
| } | |
| #container { | |
| background: none; | |
| margin: 0 !important; | |
| padding: 0 !important; | |
| } | |
| code { | |
| font-size: 0.8em; | |
| font-family: monospace; | |
| } | |
| a img { | |
| border: none; | |
| } | |
| a:link, | |
| a:visited { | |
| background: transparent; | |
| font-weight: 700; | |
| text-decoration: underline; | |
| } | |
| blockquote { | |
| margin: 1.5em; | |
| padding: 1em; | |
| font-style: italic; | |
| font-size: 0.9em; | |
| } | |
| #top, | |
| #site, | |
| #sidebar, | |
| #bigfooter, | |
| #toolbar { | |
| display: none !important; | |
| } | |
| #send-comment, | |
| #follow-feed { | |
| display: none !important; | |
| } | |
| .toolbox, | |
| .hide, | |
| .figures, | |
| .avatar, | |
| .actions, | |
| .scroll, | |
| .send-comment { | |
| display: none !important; | |
| } | |
| a.close, | |
| a.parent, | |
| a.anchor { | |
| display: none; | |
| } | |
| .tags ul { | |
| display: inline; | |
| } | |
| .tags ul li { | |
| display: inline; | |
| list-style: none outside none; | |
| } | |
| .tags ul li:after { | |
| content: ", "; | |
| } | |
| .tags ul li:last-child:after, | |
| .tags ul li .last:after { | |
| content: ""; | |
| } | |
| } | |
| .stats100px { | |
| width: 100px; | |
| } | |
| .statistics .stat { | |
| border-top: 1px solid #4c575f; | |
| border-bottom: 1px solid #4c575f; | |
| background: #f1abc5; | |
| } | |
| .statistics .stat.category { | |
| background-color: green; | |
| } | |
| .statistics .stat.opened { | |
| background-color: red; | |
| } | |
| .statistics .stat.fixed { | |
| background-color: green; | |
| } | |
| .statistics .stat.invalid { | |
| background-color: olive; | |
| } | |
| .statistics .stat.month_new { | |
| background-color: red; | |
| } | |
| .statistics .stat.remaining { | |
| background-color: darkred; | |
| } | |
| .statistics .stat.month_fixed { | |
| background-color: green; | |
| } | |
| .statistics .stat.month_invalid { | |
| background-color: olive; | |
| } | |
| .statistics .stat.misc { | |
| background-color: green; | |
| } | |
| .statistics .stat.account { | |
| background-color: olive; | |
| } | |
| .statistics .stat.accountrecent { | |
| background-color: green; | |
| } | |
| .statistics .stat.accountinactive { | |
| background-color: darkred; | |
| } | |
| .statistics .stat.accountrecentinactive { | |
| background-color: red; | |
| } | |
| .statistics .stat.accountpurged { | |
| background-color: #555555; | |
| } | |
| .statistics .stat.contentdiary { | |
| background-color: pink; | |
| } | |
| .statistics .stat.contentpost { | |
| background-color: orangered; | |
| } | |
| .statistics .stat.contentnews { | |
| background-color: green; | |
| } | |
| .statistics .stat.contenttracker { | |
| background-color: lightblue; | |
| } | |
| .statistics .stat.contentpoll { | |
| background-color: olive; | |
| } | |
| .statistics .stat.contentwikipage { | |
| background-color: orange; | |
| } | |
| .statistics .stat.contentbookmark { | |
| background-color: #a9bcf5; | |
| } | |
| .statistics span.score { | |
| color: #333; | |
| } | |
| .statistics span.score:before { | |
| content: " ["; | |
| } | |
| .statistics span.score:after { | |
| content: "] "; | |
| } | |
| .statistics .top_or_flop { | |
| float: left; | |
| width: 48%; | |
| } | |
| code .hll { | |
| background-color: #ffffcc; | |
| } | |
| code .c { | |
| color: #888888; | |
| } | |
| code { | |
| /* Comment */ | |
| } | |
| code .err { | |
| color: #a61717; | |
| background-color: #e3d2d2; | |
| } | |
| code { | |
| /* Error */ | |
| } | |
| code .k { | |
| color: #008800; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword */ | |
| } | |
| code .cm { | |
| color: #888888; | |
| } | |
| code { | |
| /* Comment.Multiline */ | |
| } | |
| code .cp { | |
| color: #cc0000; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Comment.Preproc */ | |
| } | |
| code .c1 { | |
| color: #888888; | |
| } | |
| code { | |
| /* Comment.Single */ | |
| } | |
| code .cs { | |
| color: #cc0000; | |
| font-weight: bold; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Comment.Special */ | |
| } | |
| code .gd { | |
| color: #000000; | |
| background-color: #ffdddd; | |
| } | |
| code { | |
| /* Generic.Deleted */ | |
| } | |
| code .ge { | |
| font-style: italic; | |
| } | |
| code { | |
| /* Generic.Emph */ | |
| } | |
| code .gr { | |
| color: #aa0000; | |
| } | |
| code { | |
| /* Generic.Error */ | |
| } | |
| code .gh { | |
| color: #303030; | |
| } | |
| code { | |
| /* Generic.Heading */ | |
| } | |
| code .gi { | |
| color: #000000; | |
| background-color: #ddffdd; | |
| } | |
| code { | |
| /* Generic.Inserted */ | |
| } | |
| code .go { | |
| color: #888888; | |
| } | |
| code { | |
| /* Generic.Output */ | |
| } | |
| code .gp { | |
| color: #555555; | |
| } | |
| code { | |
| /* Generic.Prompt */ | |
| } | |
| code .gs { | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Generic.Strong */ | |
| } | |
| code .gu { | |
| color: #606060; | |
| } | |
| code { | |
| /* Generic.Subheading */ | |
| } | |
| code .gt { | |
| color: #aa0000; | |
| } | |
| code { | |
| /* Generic.Traceback */ | |
| } | |
| code .kc { | |
| color: #008800; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Constant */ | |
| } | |
| code .kd { | |
| color: #008800; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Declaration */ | |
| } | |
| code .kn { | |
| color: #008800; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Namespace */ | |
| } | |
| code .kp { | |
| color: #008800; | |
| } | |
| code { | |
| /* Keyword.Pseudo */ | |
| } | |
| code .kr { | |
| color: #008800; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Reserved */ | |
| } | |
| code .kt { | |
| color: #888888; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Type */ | |
| } | |
| code .m { | |
| color: #0000dd; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Literal.Number */ | |
| } | |
| code .s { | |
| color: #dd2200; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String */ | |
| } | |
| code .na { | |
| color: #336699; | |
| } | |
| code { | |
| /* Name.Attribute */ | |
| } | |
| code .nb { | |
| color: #003388; | |
| } | |
| code { | |
| /* Name.Builtin */ | |
| } | |
| code .nc { | |
| color: #bb0066; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Name.Class */ | |
| } | |
| code .no { | |
| color: #003366; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Name.Constant */ | |
| } | |
| code .nd { | |
| color: #555555; | |
| } | |
| code { | |
| /* Name.Decorator */ | |
| } | |
| code .ne { | |
| color: #bb0066; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Name.Exception */ | |
| } | |
| code .nf { | |
| color: #0066bb; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Name.Function */ | |
| } | |
| code .nl { | |
| color: #336699; | |
| font-style: italic; | |
| } | |
| code { | |
| /* Name.Label */ | |
| } | |
| code .nn { | |
| color: #bb0066; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Name.Namespace */ | |
| } | |
| code .py { | |
| color: #336699; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Name.Property */ | |
| } | |
| code .nt { | |
| color: #bb0066; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Name.Tag */ | |
| } | |
| code .nv { | |
| color: #336699; | |
| } | |
| code { | |
| /* Name.Variable */ | |
| } | |
| code .ow { | |
| color: #008800; | |
| } | |
| code { | |
| /* Operator.Word */ | |
| } | |
| code .w { | |
| color: #bbbbbb; | |
| } | |
| code { | |
| /* Text.Whitespace */ | |
| } | |
| code .mf { | |
| color: #0000dd; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Literal.Number.Float */ | |
| } | |
| code .mh { | |
| color: #0000dd; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Literal.Number.Hex */ | |
| } | |
| code .mi { | |
| color: #0000dd; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Literal.Number.Integer */ | |
| } | |
| code .mo { | |
| color: #0000dd; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Literal.Number.Oct */ | |
| } | |
| code .sb { | |
| color: #dd2200; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Backtick */ | |
| } | |
| code .sc { | |
| color: #dd2200; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Char */ | |
| } | |
| code .sd { | |
| color: #dd2200; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Doc */ | |
| } | |
| code .s2 { | |
| color: #dd2200; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Double */ | |
| } | |
| code .se { | |
| color: #0044dd; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Escape */ | |
| } | |
| code .sh { | |
| color: #dd2200; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Heredoc */ | |
| } | |
| code .si { | |
| color: #3333bb; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Interpol */ | |
| } | |
| code .sx { | |
| color: #22bb22; | |
| background-color: #f0fff0; | |
| } | |
| code { | |
| /* Literal.String.Other */ | |
| } | |
| code .sr { | |
| color: #008800; | |
| background-color: #fff0ff; | |
| } | |
| code { | |
| /* Literal.String.Regex */ | |
| } | |
| code .s1 { | |
| color: #dd2200; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Single */ | |
| } | |
| code .ss { | |
| color: #aa6600; | |
| background-color: #fff0f0; | |
| } | |
| code { | |
| /* Literal.String.Symbol */ | |
| } | |
| code .bp { | |
| color: #003388; | |
| } | |
| code { | |
| /* Name.Builtin.Pseudo */ | |
| } | |
| code .vc { | |
| color: #336699; | |
| } | |
| code { | |
| /* Name.Variable.Class */ | |
| } | |
| code .vg { | |
| color: #dd7700; | |
| } | |
| code { | |
| /* Name.Variable.Global */ | |
| } | |
| code .vi { | |
| color: #3333bb; | |
| } | |
| code { | |
| /* Name.Variable.Instance */ | |
| } | |
| code .il { | |
| color: #0000dd; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Literal.Number.Integer.Long */ | |
| } | |
| /* Coloration syntaxique sombre : on imbrique `native` sous `code` pour battre | |
| `pygments/colorful` (importé par RonRonnement) qui cible `code .token`. */ | |
| code .hll { | |
| background-color: #404040; | |
| } | |
| code .c { | |
| color: #999999; | |
| font-style: italic; | |
| } | |
| code { | |
| /* Comment */ | |
| } | |
| code .err { | |
| color: #a61717; | |
| background-color: #e3d2d2; | |
| } | |
| code { | |
| /* Error */ | |
| } | |
| code .g { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Generic */ | |
| } | |
| code .k { | |
| color: #6ab825; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword */ | |
| } | |
| code .l { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Literal */ | |
| } | |
| code .n { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Name */ | |
| } | |
| code .o { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Operator */ | |
| } | |
| code .x { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Other */ | |
| } | |
| code .p { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Punctuation */ | |
| } | |
| code .cm { | |
| color: #999999; | |
| font-style: italic; | |
| } | |
| code { | |
| /* Comment.Multiline */ | |
| } | |
| code .cp { | |
| color: #cd2828; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Comment.Preproc */ | |
| } | |
| code .c1 { | |
| color: #999999; | |
| font-style: italic; | |
| } | |
| code { | |
| /* Comment.Single */ | |
| } | |
| code .cs { | |
| color: #e50808; | |
| font-weight: bold; | |
| background-color: #520000; | |
| } | |
| code { | |
| /* Comment.Special */ | |
| } | |
| code .gd { | |
| color: #d22323; | |
| } | |
| code { | |
| /* Generic.Deleted */ | |
| } | |
| code .ge { | |
| color: #d0d0d0; | |
| font-style: italic; | |
| } | |
| code { | |
| /* Generic.Emph */ | |
| } | |
| code .gr { | |
| color: #d22323; | |
| } | |
| code { | |
| /* Generic.Error */ | |
| } | |
| code .gh { | |
| color: #ffffff; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Generic.Heading */ | |
| } | |
| code .gi { | |
| color: #589819; | |
| } | |
| code { | |
| /* Generic.Inserted */ | |
| } | |
| code .go { | |
| color: #cccccc; | |
| } | |
| code { | |
| /* Generic.Output */ | |
| } | |
| code .gp { | |
| color: #aaaaaa; | |
| } | |
| code { | |
| /* Generic.Prompt */ | |
| } | |
| code .gs { | |
| color: #d0d0d0; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Generic.Strong */ | |
| } | |
| code .gu { | |
| color: #ffffff; | |
| text-decoration: underline; | |
| } | |
| code { | |
| /* Generic.Subheading */ | |
| } | |
| code .gt { | |
| color: #d22323; | |
| } | |
| code { | |
| /* Generic.Traceback */ | |
| } | |
| code .kc { | |
| color: #6ab825; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Constant */ | |
| } | |
| code .kd { | |
| color: #6ab825; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Declaration */ | |
| } | |
| code .kn { | |
| color: #6ab825; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Namespace */ | |
| } | |
| code .kp { | |
| color: #6ab825; | |
| } | |
| code { | |
| /* Keyword.Pseudo */ | |
| } | |
| code .kr { | |
| color: #6ab825; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Reserved */ | |
| } | |
| code .kt { | |
| color: #6ab825; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Keyword.Type */ | |
| } | |
| code .ld { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Literal.Date */ | |
| } | |
| code .m { | |
| color: #3677a9; | |
| } | |
| code { | |
| /* Literal.Number */ | |
| } | |
| code .s { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String */ | |
| } | |
| code .na { | |
| color: #bbbbbb; | |
| } | |
| code { | |
| /* Name.Attribute */ | |
| } | |
| code .nb { | |
| color: #24909d; | |
| } | |
| code { | |
| /* Name.Builtin */ | |
| } | |
| code .nc { | |
| color: #447fcf; | |
| text-decoration: underline; | |
| } | |
| code { | |
| /* Name.Class */ | |
| } | |
| code .no { | |
| color: #40ffff; | |
| } | |
| code { | |
| /* Name.Constant */ | |
| } | |
| code .nd { | |
| color: #ffa500; | |
| } | |
| code { | |
| /* Name.Decorator */ | |
| } | |
| code .ni { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Name.Entity */ | |
| } | |
| code .ne { | |
| color: #bbbbbb; | |
| } | |
| code { | |
| /* Name.Exception */ | |
| } | |
| code .nf { | |
| color: #447fcf; | |
| } | |
| code { | |
| /* Name.Function */ | |
| } | |
| code .nl { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Name.Label */ | |
| } | |
| code .nn { | |
| color: #447fcf; | |
| text-decoration: underline; | |
| } | |
| code { | |
| /* Name.Namespace */ | |
| } | |
| code .nx { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Name.Other */ | |
| } | |
| code .py { | |
| color: #d0d0d0; | |
| } | |
| code { | |
| /* Name.Property */ | |
| } | |
| code .nt { | |
| color: #6ab825; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Name.Tag */ | |
| } | |
| code .nv { | |
| color: #40ffff; | |
| } | |
| code { | |
| /* Name.Variable */ | |
| } | |
| code .ow { | |
| color: #6ab825; | |
| font-weight: bold; | |
| } | |
| code { | |
| /* Operator.Word */ | |
| } | |
| code .w { | |
| color: #666666; | |
| } | |
| code { | |
| /* Text.Whitespace */ | |
| } | |
| code .mf { | |
| color: #3677a9; | |
| } | |
| code { | |
| /* Literal.Number.Float */ | |
| } | |
| code .mh { | |
| color: #3677a9; | |
| } | |
| code { | |
| /* Literal.Number.Hex */ | |
| } | |
| code .mi { | |
| color: #3677a9; | |
| } | |
| code { | |
| /* Literal.Number.Integer */ | |
| } | |
| code .mo { | |
| color: #3677a9; | |
| } | |
| code { | |
| /* Literal.Number.Oct */ | |
| } | |
| code .sb { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Backtick */ | |
| } | |
| code .sc { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Char */ | |
| } | |
| code .sd { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Doc */ | |
| } | |
| code .s2 { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Double */ | |
| } | |
| code .se { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Escape */ | |
| } | |
| code .sh { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Heredoc */ | |
| } | |
| code .si { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Interpol */ | |
| } | |
| code .sx { | |
| color: #ffa500; | |
| } | |
| code { | |
| /* Literal.String.Other */ | |
| } | |
| code .sr { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Regex */ | |
| } | |
| code .s1 { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Single */ | |
| } | |
| code .ss { | |
| color: #ed9d13; | |
| } | |
| code { | |
| /* Literal.String.Symbol */ | |
| } | |
| code .bp { | |
| color: #24909d; | |
| } | |
| code { | |
| /* Name.Builtin.Pseudo */ | |
| } | |
| code .vc { | |
| color: #40ffff; | |
| } | |
| code { | |
| /* Name.Variable.Class */ | |
| } | |
| code .vg { | |
| color: #40ffff; | |
| } | |
| code { | |
| /* Name.Variable.Global */ | |
| } | |
| code .vi { | |
| color: #40ffff; | |
| } | |
| code { | |
| /* Name.Variable.Instance */ | |
| } | |
| code .il { | |
| color: #3677a9; | |
| } | |
| code { | |
| /* Literal.Number.Integer.Long */ | |
| } | |
| /* == Corrections des couleurs codées en dur (claires) du thème de base == */ | |
| /* RonRonnement code en dur texte noir + fonds blancs sur les surfaces */ | |
| /* principales ; ces règles (importées en dernier) les neutralisent. */ | |
| /* --- Texte et fond globaux --- */ | |
| body { | |
| color: #cdd6f4; | |
| background-color: #1e1e2e; | |
| } | |
| html { | |
| background-color: #181825; | |
| background-image: none; | |
| } | |
| /* --- Cartes de contenu (parts/content.scss : `background: white`) --- */ | |
| article, | |
| ul.threads > li.comment, | |
| .markdown_cheatsheet, | |
| #contents > form, | |
| #followup_container, | |
| form#new_post, | |
| body#users-comments #contents > ul > li, | |
| body#comments-create #contents > ul > li#comment_new, | |
| body#comments-update #contents > ul > li#comment_new, | |
| body#comments-show #contents > ul > li.comment, | |
| body#wiki_pages-revision #contents, | |
| body#news-revision #contents, | |
| body#boards-show #contents, | |
| body#stylesheets-edit #contents, | |
| body#wiki_pages-changes #contents, | |
| body#admin-index #container > ul, | |
| #redaction #new_link, | |
| #redaction .edit_link { | |
| background: #313244; | |
| } | |
| .content pre { | |
| background-color: #181825; | |
| } | |
| /* Coloration de code : `pygments/colorful` pose un fond clair sur les tokens | |
| chaîne/diff/erreur que `native` (qui ne définit que la couleur) ne réinitialise | |
| pas -> on remet ces fonds transparents (la ligne surlignée .hll reste sombre). */ | |
| code .s, code .s1, code .s2, code .sa, code .sb, code .sc, code .dl, | |
| code .sd, code .se, code .sh, code .si, code .sl, code .sr, code .ss, | |
| code .sx, code .err, code .gd, code .gi, code .gr, code .gt { | |
| background: transparent; | |
| } | |
| /* --- Barre de sections #site (dégradé clair codé en dur) --- */ | |
| #site { | |
| background: linear-gradient(to right, #181825, #11111b 201px, #1e1e2e 50%); | |
| } | |
| /* --- Liens de contenu (mixin lien_standard : #0000ee / #551a8b) --- */ | |
| /* `.content a[href]` bat `.content a` ; les listes en table/sections sont | |
| préfixées par `body#page` (2 ids) -> !important pour ne pas tout énumérer. */ | |
| .content a[href], | |
| .board-right a, | |
| #boards-show #container .inbox .board-right time { | |
| color: #89b4fa; | |
| } | |
| .content a[href]:visited, | |
| .board-right a:visited, | |
| #boards-show #container .inbox .board-right time:visited { | |
| color: #cba6f7; | |
| } | |
| table a[href], | |
| #container > ul a[href], | |
| body#sections-index #contents a[href], | |
| body#trackers-index #contents a[href], | |
| body#wiki_pages-changes #contents a[href] { | |
| color: #89b4fa !important; | |
| } | |
| table a[href]:visited, | |
| #container > ul a[href]:visited, | |
| body#sections-index #contents a[href]:visited, | |
| body#trackers-index #contents a[href]:visited, | |
| body#wiki_pages-changes #contents a[href]:visited { | |
| color: #cba6f7 !important; | |
| } | |
| /* --- Textes sombres -> clairs --- */ | |
| button, | |
| #comments #send-comment a, | |
| #redaction a.reorganize, | |
| input[type=submit], | |
| #static-show h1, | |
| #static-show h2, | |
| #static-show h3, | |
| .incitation h2, | |
| #sidebar .box span.score, | |
| .statistics span.score, | |
| body#redaction-index h3, | |
| .anchor:hover, | |
| .new_content a, | |
| .toolbox .follow_feed a, | |
| #comments #follow-feed a, | |
| a.edit_client_app, | |
| a.show_client_app, | |
| .markItUp .markItUp a:link, | |
| .markItUp .markItUp a:visited { | |
| color: #cdd6f4; | |
| } | |
| .people-list li, | |
| body#redaction-index .news { | |
| color: #a6adc8; | |
| background: #313244; | |
| } | |
| /* norloge / pseudos de la tribune (#555 codé en dur, préfixé id) */ | |
| #toolpanel .board .norloge, | |
| #redaction_board .norloge, | |
| #toolpanel .board .user_link a, | |
| #redaction_board .user_link a, | |
| .norloge { | |
| color: #a6adc8; | |
| } | |
| /* --- Fonds clairs -> sombres --- */ | |
| #bigfooter { | |
| background: linear-gradient(to bottom, #181825 0%, #11111b 100%); | |
| } | |
| .news_waiting_for_moderation li:hover { | |
| background-color: #45475a; | |
| } | |
| .statistics .stat { | |
| background: #45475a; | |
| } | |
| #toolpanel .board form.chat button, | |
| #redaction_board form.chat button { | |
| background-color: #313244; | |
| } | |
| #redaction .edition_in_place:hover, | |
| #redaction .paragraph:hover, | |
| #redaction .link:hover { | |
| background-color: #45475a; | |
| } | |
| /* titre de boîte de la sidebar (fond = $C_FONCE, clair) */ | |
| #sidebar .box h1 { | |
| background: #45475a; | |
| } | |
| /* séparateur de la barre d'outils markitup */ | |
| .markItUpHeader ul .markItUpSeparator { | |
| background-color: #585b70; | |
| } | |
| /* Survol des boutons : RonRonnement met un fond clair ($C_FONCE/$C_INTER) ; | |
| sur fond sombre le texte (clair) deviendrait illisible -> fond sombre + texte clair. | |
| !important pour couvrir les nombreuses variantes (button.add_link:hover, etc.). */ | |
| button:hover, | |
| input[type=submit]:hover, | |
| a.reorganize:hover, | |
| .button_to button:hover, | |
| #comments #send-comment a:hover, | |
| #comments #follow-feed a:hover, | |
| .new_content a:hover, | |
| .toolbox .follow_feed a:hover, | |
| a.edit_client_app:hover, | |
| a.show_client_app:hover { | |
| background-color: #585b70 !important; | |
| color: #cdd6f4 !important; | |
| } | |
| /* --- Champs de formulaire : fond sombre, texte clair, bordure visible --- */ | |
| input, | |
| textarea, | |
| select { | |
| background-color: #313244; | |
| color: #cdd6f4; | |
| border-color: #585b70; | |
| } | |
| input::placeholder, | |
| textarea::placeholder, | |
| select::placeholder { | |
| color: #6c7086; | |
| } | |
| /* petites icônes à fond blanc codé en dur (tags +/-, téléchargement) */ | |
| .tags ul li .add_tag, | |
| .tags ul li .add_tag[disabled], | |
| .tags ul li .remove_tag, | |
| footer.actions .action.download { | |
| background-color: transparent; | |
| } | |
| /* --- Autocomplétion (common/ac.scss) --- */ | |
| .ac_loading { | |
| background-color: #313244; | |
| } | |
| .ac_odd { | |
| background-color: #45475a; | |
| } | |
| /* --- Éditeur markdown markitup (fonds blancs / texte noir codés en dur) --- */ | |
| .markItUpContainer, | |
| .markItUpEditor, | |
| .markItUpPreviewFrame { | |
| background-color: #313244; | |
| color: #cdd6f4; | |
| } | |
| .markItUpHeader ul ul, | |
| .markItUpHeader ul ul .markItUpDropMenu { | |
| background: #45475a; | |
| } | |
| /* --- Layout mobile / responsive (fonds clairs codés en dur) --- */ | |
| @media screen and (max-width: 48em), handheld { | |
| html, | |
| body { | |
| background: #1e1e2e; | |
| } | |
| #site { | |
| background: linear-gradient(to right, #181825, #11111b 50%); | |
| } | |
| #sidebar { | |
| background: #181825; | |
| } | |
| } | |
| @media screen and (max-width: 150ex), handheld { | |
| body.chat_n_edit #site { | |
| background: linear-gradient(to right, #181825, #11111b 50%); | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment