From 6ae35a4e7331933671e0785dcae05961dcc9982e Mon Sep 17 00:00:00 2001 From: Bastien Guerry Date: Tue, 21 Sep 2010 11:18:24 +0200 Subject: [PATCH] worg2.css: update the alternate stylesheet. This .css is the one Christian Egli proposed back in July 2010. It is based on org.css and the asciidoc style. --- worg2.css | 1179 ++++++++++++++++--------------------------------------------- 1 file changed, 313 insertions(+), 866 deletions(-) rewrite worg2.css (96%) diff --git a/worg2.css b/worg2.css dissimilarity index 96% index 6140dae..8c16740 100644 --- a/worg2.css +++ b/worg2.css @@ -1,866 +1,313 @@ -@media all -{ - body { - margin: 10px 8% 10px 8%; - font-family: Verdana; - text-align: justify; - font-size: 10pt; - padding: 10px; - line-height: 1.2em; - } - - #table-of-contents { - color: black; - background: #FFF; - font-size: 80%; - padding: .5em; - margin: 1em -2em 1em 1em; - display: block; - } - - #table-of-contents a { - color: #003333; - } - - #table-of-contents a:hover { - color: #003333; - text-decoration: underline; - } - - #table-of-contents li { - margin: .2em; - } - - #table-of-contents h2 { - margin-top: .2em; - border: none; - } - - #license { - padding: .3em; - border: 1px solid grey; - background-color: #eeeeee; - font-size: 80%; - } - - h1 { - font-size: 12pt; - } - - .title { - color: #990000; - padding-bottom: 7px; - margin-bottom: 20px; - border-bottom: 1px solid #222; - } - - h2 { - font-size: 12pt; - padding-bottom: 4px; - margin-bottom: 5px; - border-bottom: 3px solid #DDD; - } - - h3 { - font-size: 11pt; - color: #333333; - } - - h4 { - font-size: 9pt; - } - - a { - text-decoration: none; - color: #006666 - } - - a:visited { - text-decoration: none; - color: #336666 - } - - a:hover { - text-decoration: underline; - color: #003333 - } - - .todo { - color: #990000; - } - - .done { - color: #006666; - } - - .timestamp-kwd { - color: #444; - } - - .tag { - color: #DDD; - font-size: 70%; - font-weight: 500; - } - - li { - margin: .4em; - } - - table { - border: none; - } - - td { - border: none; - padding: .1em .7em .1em .3em; - } - - th { - border: none; - } - - code { - font-size: 100%; - } - - img { - border: none; - } - - .share img { - opacity: .4; - -moz-opacity: .4; - filter: alpha(opacity=40); - } - - .share img:hover { - opacity: 1; - -moz-opacity: 1; - filter: alpha(opacity=100); - } - - /* pre {border: 1px solid #555; */ - /* background: #EEE; */ - /* font-size: 9pt; */ - /* padding: 1em; */ - /* } */ - - /* pre { */ - /* color: #e5e5e5; */ - /* background-color: #000000; */ - /* padding: 1.4em; */ - /* border: 2px solid grey; */ - /* } */ - - pre { - color: black; - background-color: #efefef; - padding: 1.2em; - border: 1px solid #dddddd; - } - - .org-info-box { - clear:both; - margin-left:auto; - margin-right:auto; - padding:0.7em; - /* border:1px solid #CCC; */ - /* border-radius:10px; */ - /* -moz-border-radius:10px; */ - } - .org-info-box img { - float:left; - margin:0em 0.5em 0em 0em; - } - .org-info-box p { - margin:0em; - padding:0em; - } - - - .builtin { - /* font-lock-builtin-face */ - color: #f4a460; - } - .comment { - /* font-lock-comment-face */ - color: #737373; - } - .comment-delimiter { - /* font-lock-comment-delimiter-face */ - color: #666666; - } - .constant { - /* font-lock-constant-face */ - color: #db7093; - } - .doc { - /* font-lock-doc-face */ - color: #b3b3b3; - } - .function-name { - /* font-lock-function-name-face */ - color: #5f9ea0; - } - .headline { - /* headline-face */ - color: #ffffff; - background-color: #000000; - font-weight: bold; - } - .keyword { - /* font-lock-keyword-face */ - color: #4682b4; - } - .negation-char { - } - .regexp-grouping-backslash { - } - .regexp-grouping-construct { - } - .string { - /* font-lock-string-face */ - color: #ccc79a; - } - .todo-comment { - /* todo-comment-face */ - color: #ffffff; - background-color: #000000; - font-weight: bold; - } - .variable-name { - /* font-lock-variable-name-face */ - color: #ff6a6a; - } - .warning { - /* font-lock-warning-face */ - color: #ffffff; - background-color: #cd5c5c; - font-weight: bold; - } - pre.a { - color: inherit; - background-color: inherit; - font: inherit; - text-decoration: inherit; - } - pre.a:hover { - text-decoration: underline; - } - - /* Styles for org-info.js */ - - .org-info-js_info-navigation - { - border-style:none; - } - - #org-info-js_console-label - { - font-size:10px; - font-weight:bold; - white-space:nowrap; - } - - .org-info-js_search-highlight - { - background-color:#ffff00; - color:#000000; - font-weight:bold; - } - - #org-info-js-window - { - border-bottom:1px solid black; - padding-bottom:10px; - margin-bottom:10px; - } - - - - .org-info-search-highlight - { - background-color:#adefef; /* same color as emacs default */ - color:#000000; - font-weight:bold; - } - - .org-bbdb-company { - /* bbdb-company */ - font-style: italic; - } - .org-bbdb-field-name { - } - .org-bbdb-field-value { - } - .org-bbdb-name { - /* bbdb-name */ - text-decoration: underline; - } - .org-bold { - /* bold */ - font-weight: bold; - } - .org-bold-italic { - /* bold-italic */ - font-weight: bold; - font-style: italic; - } - .org-border { - /* border */ - background-color: #000000; - } - .org-buffer-menu-buffer { - /* buffer-menu-buffer */ - font-weight: bold; - } - .org-builtin { - /* font-lock-builtin-face */ - color: #da70d6; - } - .org-button { - /* button */ - text-decoration: underline; - } - .org-c-nonbreakable-space { - /* c-nonbreakable-space-face */ - background-color: #ff0000; - font-weight: bold; - } - .org-calendar-today { - /* calendar-today */ - text-decoration: underline; - } - .org-comment { - /* font-lock-comment-face */ - color: #b22222; - } - .org-comment-delimiter { - /* font-lock-comment-delimiter-face */ - color: #b22222; - } - .org-constant { - /* font-lock-constant-face */ - color: #5f9ea0; - } - .org-cursor { - /* cursor */ - background-color: #000000; - } - .org-default { - /* default */ - color: #000000; - background-color: #ffffff; - } - .org-diary { - /* diary */ - color: #ff0000; - } - .org-doc { - /* font-lock-doc-face */ - color: #bc8f8f; - } - .org-escape-glyph { - /* escape-glyph */ - color: #a52a2a; - } - .org-file-name-shadow { - /* file-name-shadow */ - color: #7f7f7f; - } - .org-fixed-pitch { - } - .org-fringe { - /* fringe */ - background-color: #f2f2f2; - } - .org-function-name { - /* font-lock-function-name-face */ - color: #0000ff; - } - .org-header-line { - /* header-line */ - color: #333333; - background-color: #e5e5e5; - } - .org-help-argument-name { - /* help-argument-name */ - font-style: italic; - } - .org-highlight { - /* highlight */ - background-color: #b4eeb4; - } - .org-holiday { - /* holiday */ - background-color: #ffc0cb; - } - .org-info-header-node { - /* info-header-node */ - color: #a52a2a; - font-weight: bold; - font-style: italic; - } - .org-info-header-xref { - /* info-header-xref */ - color: #0000ff; - text-decoration: underline; - } - .org-info-menu-header { - /* info-menu-header */ - font-weight: bold; - } - .org-info-menu-star { - /* info-menu-star */ - color: #ff0000; - } - .org-info-node { - /* info-node */ - color: #a52a2a; - font-weight: bold; - font-style: italic; - } - .org-info-title-1 { - /* info-title-1 */ - font-size: 172%; - font-weight: bold; - } - .org-info-title-2 { - /* info-title-2 */ - font-size: 144%; - font-weight: bold; - } - .org-info-title-3 { - /* info-title-3 */ - font-size: 120%; - font-weight: bold; - } - .org-info-title-4 { - /* info-title-4 */ - font-weight: bold; - } - .org-info-xref { - /* info-xref */ - color: #0000ff; - text-decoration: underline; - } - .org-isearch { - /* isearch */ - color: #b0e2ff; - background-color: #cd00cd; - } - .org-italic { - /* italic */ - font-style: italic; - } - .org-keyword { - /* font-lock-keyword-face */ - color: #a020f0; - } - .org-lazy-highlight { - /* lazy-highlight */ - background-color: #afeeee; - } - .org-link { - /* link */ - color: #0000ff; - text-decoration: underline; - } - .org-link-visited { - /* link-visited */ - color: #8b008b; - text-decoration: underline; - } - .org-match { - /* match */ - background-color: #ffff00; - } - .org-menu { - } - .org-message-cited-text { - /* message-cited-text */ - color: #ff0000; - } - .org-message-header-cc { - /* message-header-cc */ - color: #191970; - } - .org-message-header-name { - /* message-header-name */ - color: #6495ed; - } - .org-message-header-newsgroups { - /* message-header-newsgroups */ - color: #00008b; - font-weight: bold; - font-style: italic; - } - .org-message-header-other { - /* message-header-other */ - color: #4682b4; - } - .org-message-header-subject { - /* message-header-subject */ - color: #000080; - font-weight: bold; - } - .org-message-header-to { - /* message-header-to */ - color: #191970; - font-weight: bold; - } - .org-message-header-xheader { - /* message-header-xheader */ - color: #0000ff; - } - .org-message-mml { - /* message-mml */ - color: #228b22; - } - .org-message-separator { - /* message-separator */ - color: #a52a2a; - } - .org-minibuffer-prompt { - /* minibuffer-prompt */ - color: #0000cd; - } - .org-mm-uu-extract { - /* mm-uu-extract */ - color: #006400; - background-color: #ffffe0; - } - .org-mode-line { - /* mode-line */ - color: #000000; - background-color: #bfbfbf; - } - .org-mode-line-buffer-id { - /* mode-line-buffer-id */ - font-weight: bold; - } - .org-mode-line-highlight { - } - .org-mode-line-inactive { - /* mode-line-inactive */ - color: #333333; - background-color: #e5e5e5; - } - .org-mouse { - /* mouse */ - background-color: #000000; - } - .org-negation-char { - } - .org-next-error { - /* next-error */ - background-color: #eedc82; - } - .org-nobreak-space { - /* nobreak-space */ - color: #a52a2a; - text-decoration: underline; - } - .org-org-agenda-date { - /* org-agenda-date */ - color: #0000ff; - } - .org-org-agenda-date-weekend { - /* org-agenda-date-weekend */ - color: #0000ff; - font-weight: bold; - } - .org-org-agenda-restriction-lock { - /* org-agenda-restriction-lock */ - background-color: #ffff00; - } - .org-org-agenda-structure { - /* org-agenda-structure */ - color: #0000ff; - } - .org-org-archived { - /* org-archived */ - color: #7f7f7f; - } - .org-org-code { - /* org-code */ - color: #7f7f7f; - } - .org-org-column { - /* org-column */ - background-color: #e5e5e5; - } - .org-org-column-title { - /* org-column-title */ - background-color: #e5e5e5; - font-weight: bold; - text-decoration: underline; - } - .org-org-date { - /* org-date */ - color: #a020f0; - text-decoration: underline; - } - .org-org-done { - /* org-done */ - color: #228b22; - font-weight: bold; - } - .org-org-drawer { - /* org-drawer */ - color: #0000ff; - } - .org-org-ellipsis { - /* org-ellipsis */ - color: #b8860b; - text-decoration: underline; - } - .org-org-formula { - /* org-formula */ - color: #b22222; - } - .org-org-headline-done { - /* org-headline-done */ - color: #bc8f8f; - } - .org-org-hide { - /* org-hide */ - color: #e5e5e5; - } - .org-org-latex-and-export-specials { - /* org-latex-and-export-specials */ - color: #8b4513; - } - .org-org-level-1 { - /* org-level-1 */ - color: #0000ff; - } - .org-org-level-2 { - /* org-level-2 */ - color: #b8860b; - } - .org-org-level-3 { - /* org-level-3 */ - color: #a020f0; - } - .org-org-level-4 { - /* org-level-4 */ - color: #b22222; - } - .org-org-level-5 { - /* org-level-5 */ - color: #228b22; - } - .org-org-level-6 { - /* org-level-6 */ - color: #5f9ea0; - } - .org-org-level-7 { - /* org-level-7 */ - color: #da70d6; - } - .org-org-level-8 { - /* org-level-8 */ - color: #bc8f8f; - } - .org-org-link { - /* org-link */ - color: #a020f0; - text-decoration: underline; - } - .org-org-property-value { - } - .org-org-scheduled-previously { - /* org-scheduled-previously */ - color: #b22222; - } - .org-org-scheduled-today { - /* org-scheduled-today */ - color: #006400; - } - .org-org-sexp-date { - /* org-sexp-date */ - color: #a020f0; - } - .org-org-special-keyword { - /* org-special-keyword */ - color: #bc8f8f; - } - .org-org-table { - /* org-table */ - color: #0000ff; - } - .org-org-tag { - /* org-tag */ - font-weight: bold; - } - .org-org-target { - /* org-target */ - text-decoration: underline; - } - .org-org-time-grid { - /* org-time-grid */ - color: #b8860b; - } - .org-org-todo { - /* org-todo */ - color: #ff0000; - } - .org-org-upcoming-deadline { - /* org-upcoming-deadline */ - color: #b22222; - } - .org-org-verbatim { - /* org-verbatim */ - color: #7f7f7f; - text-decoration: underline; - } - .org-org-warning { - /* org-warning */ - color: #ff0000; - font-weight: bold; - } - .org-outline-1 { - /* outline-1 */ - color: #0000ff; - } - .org-outline-2 { - /* outline-2 */ - color: #b8860b; - } - .org-outline-3 { - /* outline-3 */ - color: #a020f0; - } - .org-outline-4 { - /* outline-4 */ - color: #b22222; - } - .org-outline-5 { - /* outline-5 */ - color: #228b22; - } - .org-outline-6 { - /* outline-6 */ - color: #5f9ea0; - } - .org-outline-7 { - /* outline-7 */ - color: #da70d6; - } - .org-outline-8 { - /* outline-8 */ - color: #bc8f8f; - } - .outline-text-1, .outline-text-2, .outline-text-3, .outline-text-4, .outline-text-5, .outline-text-6 { - /* Add more spacing between section. Padding, so that folding with org-info.js works as expected. */ - padding-bottom:2em; - } - .org-preprocessor { - /* font-lock-preprocessor-face */ - color: #da70d6; - } - .org-query-replace { - /* query-replace */ - color: #b0e2ff; - background-color: #cd00cd; - } - .org-regexp-grouping-backslash { - /* font-lock-regexp-grouping-backslash */ - font-weight: bold; - } - .org-regexp-grouping-construct { - /* font-lock-regexp-grouping-construct */ - font-weight: bold; - } - .org-region { - /* region */ - background-color: #eedc82; - } - .org-rmail-highlight { - } - .org-scroll-bar { - /* scroll-bar */ - background-color: #bfbfbf; - } - .org-secondary-selection { - /* secondary-selection */ - background-color: #ffff00; - } - .org-shadow { - /* shadow */ - color: #7f7f7f; - } - .org-show-paren-match { - /* show-paren-match */ - background-color: #40e0d0; - } - .org-show-paren-mismatch { - /* show-paren-mismatch */ - color: #ffffff; - background-color: #a020f0; - } - .org-string { - /* font-lock-string-face */ - color: #bc8f8f; - } - .org-texinfo-heading { - /* texinfo-heading */ - color: #0000ff; - } - .org-tool-bar { - /* tool-bar */ - color: #000000; - background-color: #bfbfbf; - } - .org-tooltip { - /* tooltip */ - color: #000000; - background-color: #ffffe0; - } - .org-trailing-whitespace { - /* trailing-whitespace */ - background-color: #ff0000; - } - .org-type { - /* font-lock-type-face */ - color: #228b22; - } - .org-underline { - /* underline */ - text-decoration: underline; - } - .org-variable-name { - /* font-lock-variable-name-face */ - color: #b8860b; - } - .org-variable-pitch { - } - .org-vertical-border { - } - .org-warning { - /* font-lock-warning-face */ - color: #ff0000; - font-weight: bold; - } - .rss_box {} - .rss_title, rss_title a {} - .rss_items {} - .rss_item a:link, .rss_item a:visited, .rss_item a:active {} - .rss_item a:hover {} - .rss_date {} - -} /* END OF @media all */ - - - -@media screen -{ - #table-of-contents { - float: right; - border: 1px solid #CCC; - max-width: 50%; - overflow: auto; - } -} /* END OF @media screen */ +@media all +{ +body { + margin: 1em 5% 1em 5%; +} + +a { + color: blue; + text-decoration: underline; +} +a:visited { + color: fuchsia; +} + +em { + font-style: italic; + color: navy; +} + +strong { + font-weight: bold; + color: #083194; +} + +tt { + color: navy; +} + +h1, h2, h3, h4, h5, h6 { + color: #527bbd; + font-family: sans-serif; + margin-top: 1.2em; + margin-bottom: 0.5em; + line-height: 1.3; +} + +h1, h2, h3 { + border-bottom: 2px solid silver; +} +h2 { + padding-top: 0.5em; +} +h3 { + float: left; +} +h3 + * { + clear: left; +} + +div.sectionbody { + font-family: serif; + margin-left: 0; +} + +hr { + border: 1px solid silver; +} + +p { + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +ul, ol, li > p { + margin-top: 0; +} + +pre { + padding: 0; + margin: 0; +} + +#table-of-contents { + font-size: 85%; + line-height: 1.4em; +} + +#table-of-contents ul { + list-style: none; + margin: 7px 0px 7px 15px ; + padding: 0px; +} + +#license { + padding: .3em; + border: 1px solid grey; + background-color: #eeeeee; + font-size: 80%; +} + +div.content { /* Block element content. */ + padding: 0; +} + +dl { + margin-top: 0.8em; + margin-bottom: 0.8em; +} +dt { + margin-top: 0.5em; + margin-bottom: 0; + font-style: normal; + color: navy; +} +dd > *:first-child { + margin-top: 0.1em; +} + +ul, ol { + list-style-position: outside; +} + +table { + border:3px solid #527bbd; + border-left-style:none; + border-right-style:none; + margin-bottom:1.5em; + margin-top:0.25em; +} +thead { + font-family: sans-serif; + font-weight: bold; + border-bottom: 3px solid #527bbd; +} +tfoot { + font-weight: bold; +} +th, td { + border-bottom: 1px solid #527bbd; +} +tbody tr:hover { + color: #527bbd; +} + +code {font-size: 10pt;} + +img { + border: none; +} + +.share img { + opacity: .4; + -moz-opacity: .4; + filter: alpha(opacity=40); +} + +.share img:hover { + opacity: 1; + -moz-opacity: 1; + filter: alpha(opacity=100); +} + + +} /* END OF @media all */ + + +@media screen +{ + body { + margin: 10px 6% 10px 180px; + font-family: serif; + } + + .logo-link { + position: fixed; + top: 10px; + left: 30px; + } + + #table-of-contents { + position: fixed; + display: block; + left: 10px; + width: 150px; + min-height:60px; + max-height:90%; + overflow:auto; + } + + #table-of-contents h2 { + display:none; + } + + + + /* These style are only for IE: */ + + * html { + overflow-y: hidden; + padding-bottom:0px; + margin:0px; + } + + * html body { + height: 100%; + overflow-y: auto; + font-size: 100%; + margin: 0px 0px 0px 180px; + padding: 0px 10% 0px 0px; + } + + * html #table-of-contents { + position: absolute; + width:150px; + } + + * html h1 { + margin-top:10px; + } + + * html .logo-link { + position: absolute; + top: 10px; + left: 30px; + } + +} /* END OF @media screen */ + + + + +/* Printing */ + + + +@page +{ + margin-top:3cm; + margin-bottom:2.5cm; +} + +@page :left +{ + margin-left:1.5cm; + margin-right:2cm; +} + +@page :right +{ + margin-left:2cm; + margin-right:1.5cm; +} + + +@media print +{ + body { + margin:0px; + font-family: Verdana, Helvetica, sans-serif; + } + + div { + orphans:2; + } + + p { + orphans:2; + } + + li { + orphans:2; + } + + .logo-link { + top: 10px; + left: 30px; + } + + #table-of-contents h2 { + margin-top:1.5cm; + page-break-before:auto; + border-style:none; + } + + #text-table-of-contents { + width:50%; + margin-top:1cm; + margin-left:0cm; + margin-right:auto; + text-align:left; + } + + #table-of-contents ul { + text-align:left; + } + + h2 { + /* page-break-before:always; */ + } + + pre { + page-break-inside:avoid; + } + + /* Hide all org-info.js stuff for printing: */ + + div#org-info-js_console-container { + display:none; + } + + div.org-info-js_local-toc { + display:none; + } + + table.org-info-js_info-navigation { + display:none; + } + div.org-info-js_header-navigation { + display:none; + visibility:hidden; /* needed to overwrite the hardcoded style setting... */ + } + +} /* END OF @media print */ -- 2.11.4.GIT