/* =========================================================== RichStyle 3.1 Modified Copyright © 2006-2016 Mohammad Anas Ramadan http://richstyle.org anas@richstyle.org ----------------------------------------------------------- RichStyle is free software; you can redistribute it and/or modify it under the terms of the Affero General Public License 1.0 as published by Affero Inc. RichStyle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the Affero General Public License for more details. To read the license please visit http://www.affero.org/oagpl.html. =========================================================== */ html, body { unicode-bidi: embed; width: 100%; height: 100%; margin: 0; padding: 0; /* overflow-x: hidden; Displays scroll-bar left in RTL pages */ } @media screen { html .book { padding: 32px; height: auto; width: auto; } } body { /* background: #999; */ /* This is one of the good things in IE, I wish I would see it as a part of W3C standards. But since it's not, I had to prevent it. scrollbar-face-color: #e1e4f2; scrollbar-arrow-color: #5c7099; scrollbar-track-color: #f0f0fa; scrollbar-shadow-color: #5c7099; scrollbar-highlight-color: #5c7099; scrollbar-3dlight-color: #e1e4f2; scrollbar-darkshadow-color: #e1e4f2; */ } /* =========================================================== */ * { font: message-box; } pre, pre *, code, var, samp { font-family: monospace; } /* =========================================================== FONT SIZES =========================================================== */ * {font-size: 0.9rem;} .cover p:first-child {font-size: 50pt;} .cover p:nth-child(2) {font-size: 32pt;} h1, h1 * {font-size: 1.7rem; line-height: 1.9rem;} h1 sub {font-size: 1.0rem;} h2, h2 * {font-size: 1.4rem; line-height: 1.9rem;} h3, h3 * {font-size: 1.3rem; line-height: 1.9rem;} h4, h4 * {font-size: 1.2rem; line-height: 1.9rem;} h5, h5 * {font-size: 1.0rem; line-height: 1.9rem;} sub, sub *, sup, sup * {font-size: 0.7rem;} nav, nav *, article > time, article > time *, section header, /* FIXME: Should be removed once `paneltitle` adapted */ section header *, /* FIXME: Should be removed once `paneltitle` adapted */ paneltitle, article caption, article caption *, section caption, section caption *, figcaption, address, address *, h6, h6 *, blockquote cite {font-size: 0.8rem;} /* =========================================================== HTML5 ELEMENTS =========================================================== */ header, footer, main, article, article > time, section, panel, paneltitle, menu, nav, summary, h1 sub { display: block; } summary { cursor: pointer; } /* =========================================================== GENERATED CONTENT =========================================================== */ /* Define String-sets */ title {string-set: title content();} meta[name="author"] {string-set: author attr(content);} meta[name="description"] {string-set: description attr(content);} meta[name="application-name"] {string-set: application-name attr(content);} h1 {string-set: h1 content();} h2 {string-set: h2 content();} h3 {string-set: h3 content();} h4 {string-set: h4 content();} h5 {string-set: h5 content();} /* Call String-sets */ .cover p:first-child {content: string(title);} .cover p:nth-child(2) {content: string(description);} /* Counters */ body { /* Not required */ counter-reset: level1;} h1 {counter-increment: level1; counter-reset: level2 figures tables;} h2 {counter-increment: level2; counter-reset: level3;} h3 {counter-increment: level3; counter-reset: level4;} h4 {counter-increment: level4; counter-reset: level5;} h5 {counter-increment: level5; counter-reset: level6;} table {counter-increment: tables;} figure {counter-increment: figures;} .book h1:before {content: counter(level1); display: block; color: #fff; background-color: #5c7099; max-width: 50%; margin: 3pt auto;} .book h2:before {content: counter(level1) " - " counter(level2) " - ";} .book h3:before {content: counter(level1) " - " counter(level2) " - " counter(level3) " - ";} .book h4:before {content: counter(level1) " - " counter(level2) " - " counter(level3) " - " counter(level4) " - ";} .book h5:before {content: counter(level1) " - " counter(level2) " - " counter(level3) " - " counter(level4) " - " counter(level5) " - ";} /* Afrikaans */ .book caption:lang(af):before {content: "Table [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(af):before {content: "Figuur [" counter(level1) " - " counter(figures) "] - ";} /* Albanian and Portuguese */ .book caption:lang(sq):before, .book caption:lang(pt):before {content: "Tabela [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(sq):before, .book figcaption:lang(pt):before {content: "Figura [" counter(level1) " - " counter(figures) "] - ";} /* Arabic */ .book caption:lang(ar):before {content: "الجدول [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(ar):before {content: "الشكل [" counter(level1) " - " counter(figures) "] - ";} /* Armenian */ .book caption:lang(hy):before {content: "Սեղան [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(hy):before {content: "Գործիչ [" counter(level1) " - " counter(figures) "] - ";} /* English, Frensh, and Zulu */ .book caption:lang(en):before, .book caption:lang(fr):before, .book figcaption:lang(zu):before {content: "Table [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(en):before, .book figcaption:lang(fr):before, .book figcaption:lang(zu):before {content: "Figure [" counter(level1) " - " counter(figures) "] - ";} /* Esperanto */ .book caption:lang(eo):before {content: "Tablo [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(eo):before {content: "Figuro [" counter(level1) " - " counter(figures) "] - ";} /* Finnish */ .book caption:lang(fi):before {content: "Table [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(fi):before {content: "Kuva [" counter(level1) " - " counter(figures) "] - ";} /* German */ .book caption:lang(de):before {content: "Tabelle [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(de):before {content: "Figur [" counter(level1) " - " counter(figures) "] - ";} /* Greek */ .book caption:lang(el):before {content: "Πίνακα [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(el):before {content: "Εικόνα [" counter(level1) " - " counter(figures) "] - ";} /* Hindi */ .book caption:lang(hi):before {content: "टेबल [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(hi):before {content: "चित्रा [" counter(level1) " - " counter(figures) "] - ";} /* Indonesian */ .book caption:lang(in):before {content: "Table [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(in):before {content: "Angka [" counter(level1) " - " counter(figures) "] - ";} /* Irish */ .book caption:lang(ga):before {content: "Tábla [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(ga):before {content: "Figiúr [" counter(level1) " - " counter(figures) "] - ";} /* Italian */ .book caption:lang(it):before {content: "Tavolo [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(it):before {content: "Figura [" counter(level1) " - " counter(figures) "] - ";} /* Japanese */ .book caption:lang(ja):before {content: "テーブル [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(ja):before {content: "図 [" counter(level1) " - " counter(figures) "] - ";} /* Korean */ .book caption:lang(ko):before {content: "표 [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(ko):before {content: "그림 [" counter(level1) " - " counter(figures) "] - ";} /* Latin */ .book caption:lang(la):before {content: "Mensa [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(la):before {content: "Figure [" counter(level1) " - " counter(figures) "] - ";} /* Maltese */ .book caption:lang(mt):before {content: "Tabella [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(mt):before {content: "Figura [" counter(level1) " - " counter(figures) "] - ";} /* Norwegian */ .book caption:lang(no):before {content: "Bord [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(no):before {content: "Figuren [" counter(level1) " - " counter(figures) "] - ";} /* Persian */ .book caption:lang(fa):before {content: "جدول [" counter(level1) " - " counter(tables) "] - ";} .book caption:lang(fa):before {content: "شكل [" counter(level1) " - " counter(figures) "] - ";} /* Romanian */ .book caption:lang(ro):before {content: "Table [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(ro):before {content: "Figura [" counter(level1) " - " counter(figures) "] - ";} /* Russian */ .book caption:lang(ru):before {content: "Таблица [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(ru):before {content: "Рисунок [" counter(level1) " - " counter(figures) "] - ";} /* Spanish */ .book caption:lang(es):before {content: "Tabla [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(es):before {content: "Figura [" counter(level1) " - " counter(figures) "] - ";} /* Swedish */ .book caption:lang(sv):before {content: "Tabell [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(sv):before {content: "Figur [" counter(level1) " - " counter(figures) "] - ";} /* Turkish */ .book caption:lang(tr):before {content: "Tablo [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(tr):before {content: "Şekil [" counter(level1) " - " counter(figures) "] - ";} /* Urdu */ .book caption:lang(ur):before {content: "ٹیبل [" counter(level1) " - " counter(tables) "] - ";} .book figcaption:lang(ur):before {content: "پیکر [" counter(level1) " - " counter(figures) "] - ";} /* =========================================================== BANNAR & COVER =========================================================== */ body > header { height: 45px; padding: 10px 30px; } body > header > a { margin: 0; padding: 0; height: 45px; border-bottom: none !important; outline: none; } body > header > a > img { margin: 0 !important; } .cover { margin: auto; text-align: center; page-break-after: always; max-width: 75%; } .cover p:first-child { margin-top:5cm; } /* =========================================================== ARTICLE & SECTION ELEMENTS =========================================================== */ /* article { user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; } */ h1, h2, h3, h4, h5 { color: #5c7099; /* text-shadow: 0px 0px 1px gray; */ } h1 *, h2 *, h3 *, h4 *, h5 * { color: inherit !important; border: none !important; } h2 { border-bottom: 1px solid #5c7099 /* #5c7099 #e1e4f2 */;} h3 { border-bottom: 1px dotted #5c7099;} h6 { font-weight: normal; border-top: 1px dotted silver; color: silver; padding: 5px; } h1 { text-align: center; padding: 10px; } article, section, panel { padding: 15px; } a { color: #5c7099; text-decoration: none; border-bottom: 1px dotted #5c7099; } a:hover { color: #e34f26; border-bottom: 1px solid #e34f26; } /* Styling Title Attribute. Doesn’t work properly :hover { position: relative; } [title]:hover:after { content: attr(title); position: absolute; left: 1em; top: 100%; padding: 2px; color: #333; z-index: 20; white-space: nowrap; background: #869bbf; color: #fff; border: 1pt solid #5c7099; border-radius: 2px; box-shadow: 1px 1px 3px #ddd; } */ /* ---------------- */ abbr, acronym, em, strong, code, dfn, samp, var, span { display: inline-block; } abbr, span[title], acronym, /* em, strong, code, */ dfn, samp, var { color: #5c7099; } strong { font-weight: bold; } em { font-style: italic; } kbd { display: inline-block; padding-left: .5ex; padding-right: .5ex; color: #666; background-color: #ddd; border: 1px solid #aaa; border-radius: 2px; box-shadow: 1px 1px 3px #ddd; } abbr, dfn[title], span[title] { cursor: help; border-bottom: 1px dotted #5c7099; } abbr:hover, dfn[title]:hover, span[title]:hover { color: #e34f26; border-bottom: 1px solid #e34f26; } mark { background-color: yellow; } q { font-style: italic; } del { color: gray; text-decoration: line-through; text-decoration-color: red; } ins { text-decoration: underline; text-decoration-color: green; } var { font-style: normal; } var:before { content: '<'; } var:after { content: '>'; } q:before, q:after { color: #5c7099; } hr { /* Used as page-break */ border-top: 1px solid transparent; border-bottom: none; page-break-after: always; } cite { display: block; text-align: end; color: gray; } cite a { color: gray; border-color: gray !important; } blockquote cite:before { content: '— '; } address { font-style: normal; margin-top: 8px; padding: 1px 10px; } figure, figcaption, img, audio, video, canvas, svg, progress, pre, math, blockquote, table, form, embed, iframe, object, button[type="reset"], #toc, [class^="msg-"] { display: block; margin: 16pt auto; max-width: 100%; padding: 5pt; background-color: #e1e4f2; /* or #fff */ /* border: 1pt solid #5c7099; border-radius: 3pt; */ } /* Reset ============================== */ img { background: none !important; border:none; } pre { overflow-x: auto; overflow-y: visible; tab-size: 8; } pre[title]:before { /* title here represents: a file name */ content: attr(title); background: #869bbf; color: #fff; display: block; padding: 2pt; margin-bottom: 2px; font-weight: bold; } table { display: table !important; width: 100%; background: none; padding: 0; border: 0; border-collapse: separate; /* border: 2px solid #5c7099; border-collapse: collapse; */ } form { display: table; padding-top: 25px; padding-bottom: 25px; } embed, iframe, object { min-height: 100%; height: 100%; width: 99%; padding: 0; border-radius: 0; } iframe { border: 1px solid #6f6f6f; } figure { /* This rule is used for labels only when used as a figure container */ display: table; padding: 0 0 5px 0; margin: 16pt auto; text-align: center; vertical-align: middle; background: #e1e4f2; } figure > *, figure > a > * { border: 0; margin: auto; } figure a img { cursor: zoom-in; } figure figcaption { padding:0 5pt; width: 75%; } button[type="reset"] { cursor: pointer; width: 100%; border: none; outline: none; color: inherit; } form p:first-child { display: none; /* Hiding reset button */ } li[class^="msg-"] { /* Dosn’t supported so far */ display-inside: block; display-list: list-item; } /* FIXME: Colorizing progress bar dosn’t work in any browser! */ progress { height: 1.5em; background-color: ; color: ; } blockquote, [class^="msg-"] { width: calc(100% - 15px); width: -webkit-calc(100% - 15px); width: -moz-calc(100% - 15px); width: -o-calc(100% - 15px); width: expression(100% - 15px); /* for old IE */ } blockquote:before, [class^="msg-"]:before { vertical-align: top !important; } blockquote, .msg-note, .msg-tip, .msg-info { border-color: #5c7099 !important; background-color: #e1e4f2; } .msg-warning, .msg-question, .msg-underconstruction, .msg-credits { border-color: olive !important; background-color: rgb(255,255,205) !important; } .msg-denied, .msg-error { border-color: maroon !important; background-color: rgb(255,225,225) !important; } .msg-busy { border-color: rgb(225,147,0) !important; background-color: rgb(255,235,215) !important; cursor: wait; } .msg-succeeded { border-color: green !important; background-color: rgb(210,255,210) !important; } li, li li { padding: 2pt; } table.comparison { table-layout: fixed; } table.fixedTable { width: auto; } table.poetry { width: auto; } table.poetry td { text-align: justify; text-align-last: justify; -moz-text-align-last: justify; -webkit-text-align-last: justify; -ms-text-align-last: justify; padding-left: 3ex; padding-right: 3ex; background: none; text-justify: kashida; -moz-text-justify: kashida; -webkit-text-justify: kashida; -ms-text-justify: kashida; } table.poetry td[colspan] { text-align: center; text-align-last: center; -moz-text-align-last: center; -webkit-text-align-last: center; text-justify: kashida; -moz-text-justify: kashida; -webkit-text-justify: kashida; -ms-text-justify: kashida; } caption { padding: 2px; text-align: start; caption-side: top; } th { text-align: center; background-color: #869bbf; color: #fff; padding: 4px; /* border: 1px solid #5c7099; */ } th[colspan] { text-align: center !important; } th a { color: #fff; border-bottom-color: #fff; } th a:hover { border-bottom-color: #fff; } td { padding: 4px; vertical-align: top; background-color: #e1e4f2; /* border: 1px solid #5c7099; */ } td[rowspan] { vertical-align: middle; } /* tr:nth-child(odd) td { background-color: #e1e4f2; } */ dt { font-weight: bold; /* FIXME: Dosen't work under Opera */ } dl, dt, dd { padding: 5px; } sup a:link { border-bottom: 0; } address, figcaption, caption, h6 { color: gray !important; } main a[href^="http:"] { target: new tab behind; /* Still not supported */ } #toc { padding: 16px 32px; } #toc a { border-bottom: none; } /* =========================================================== FAQ, FILELIST, PLAYLIST, & GALLERY SECTIONS =========================================================== */ .FAQ { margin: 20px; } .FAQ ul { list-style-type: square; } .FAQ dl { width: 99% !important; /* For IE */ } .FAQ dt { padding: 2px; float: none; width: 90% !important; clear: both; } .FAQ dd { margin-bottom: 10px; padding: 3px; margin-left: 0 !important; } .domain-ftp { display: none; } .filelist .toolbar, .playlist .toolbar { background: #869bbf; } .filelist nav, .playlist nav { margin-top: 15px; margin-bottom: -15px; } .filelist tr:hover td, .filelist tr:hover td *, .filelist tr:hover td:before, .playlist tr:hover td, .playlist tr:hover td *, .playlist tr:hover td:before { color: #fff; background-color: #869bbf; } .filelist tr:hover td a, .playlist tr:hover td a { /* text-outline: 1px #fff; color: #fff; */ } .filelist tr:first-child:hover, .playlist tr:first-child:hover { background: #e1e4f2; } .filelist td, .playlist td { line-height: 2em; } .filelist td a, .playlist td a { border: none; } .filelist tr:first-child a, .playlist tr:first-child a { display: inline-block; } .filelist td:first-child, .playlist td:first-child { width: 40px; } .filelist tr td:nth-last-child(3):not([colspan]), .playlist tr td:nth-last-child(3):not([colspan]) { text-transform: uppercase; } .filelist iframe, .playlist iframe { display: none; } .gallery { text-align: center; } .gallery img { display: inline; vertical-align: middle; } .gallery a { display: inline-block; } .gallery a, .gallery a:link, .gallery a:active, .gallery a:visited { border: 1px transparent solid; } .gallery a:hover img { opacity: 0.7; } /* =========================================================== FORM FORMAT =========================================================== */ form { /* Disabling the next line affects the flexibility of the form's width, and enabling it affects the position of submit/reset buttons. */ display: table; border-spacing: 2px 5px; } body > form, article > form, section > form { width: 90%; } form p { display: table-row; margin: 0; padding: 0; } form label, form output, form meter { display: table-cell; vertical-align: top; padding: 2px; } form label, form output, form meter { width: 20%; } form input, form keygen, nav select { width: 60%; } form label { text-align: end; } form p label ~ label { display: block; text-align: start; width: 100%; } form p:last-child { text-align: center; } /* Reset search field for WebKit */ input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } input::-webkit-search-decoration { display: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { .toolbar input[type="search"] { margin-top: -3px; } } textarea, input[type="text"], input[type="search"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], input[type="tel"], input[type="datetime"], input[type="datetime-local"], input[type="color"], input[type="range"], keygen, select { display: table-cell; padding: 2px; border: 1px solid #5c7099; border-radius: 4px; width: 98%; background-color: #fff; /* required for input[type="file"] under WebKit */ } fieldset { display: table-row; padding: 2px; border: 1px solid #5c7099; border-radius: 4px; width: 98%; } legend { display: table-cell; } fieldset label { display: block; } input[type="checkbox"], input[type="radio"] { display: inline-block; vertical-align: middle; width: auto; } textarea, input[type="text"], input[type="search"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], input[type="tel"], input[type="datetime"], input[type="datetime-local"], keygen, select { box-shadow: inset 2px 2px 5px #bbb; } input[type="color"] { background: none; cursor: pointer; } input[type="range"] { height: 2px; box-shadow: inset 0 0 0 #fff; background-color: #869bbf; cursor: ew-resize; } input[type='range']:focus { outline: none; background: #869bbf; } ::-moz-range-track { -moz-appearance: none; box-shadow: inset 0 0 0 #fff; background-color: #869bbf; } /* Change the Slider Button Color Webkit (Opera, Chrome, Safari) */ ::-webkit-slider-thumb { -webkit-appearance: none !important; background-color :#e34f26; opacity: 0.9; border: 3px double #e34f26; height: 15px; width: 15px; border-radius: 50%; } /* Change the Slider Button Color FireFox */ ::-moz-range-thumb { background-color: #e34f26; opacity: 0.9; border: 3px double #e34f26; height: 15px; width: 15px; border-radius: 50%; } /* Change the Slider Button Color IE */ ::-ms-thumb { background-color: #e34f26; opacity: 0.9; border: 3px double #e34f26; height: 15px; width: 15px; border-radius: 50%; } /* ==================================== */ meter { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #5c7099; border-radius: 4px; /* Firefox */ background: none; background-color: #fff; box-shadow: inset 2px 2px 5px #bbb; } meter::-webkit-meter-bar { background: none; background-color: #fff; box-shadow: none; } meter::-webkit-meter-optimum-value { transition: width .5s; background-size: 100% 100%; } meter::-webkit-meter-optimum-value:hover { transition: width .5s; width: 100% !important; /* !important keyword used to override the inline style in ebkit browsers. */ } meter::-moz-meter-bar { box-shadow: none; background-size: 100% 100%; } /*-----------------*/ meter::-webkit-meter-optimum-value { background: green; } meter::-webkit-meter-suboptimum-value { background: orange; } meter::-webkit-meter-even-less-good-value { background: red; } meter:-moz-meter-optimum::-moz-meter-bar { background: green; } meter:-moz-meter-sub-optimum::-moz-meter-bar { background: orange; } meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: red; } /* ==================================== */ input[type="search"] ~ button[type="submit"] { width: 4ex; } input[type="search"] ~ button[type="submit"]:before { /* Including the search button in the search field text-indent: -5ex; z-index: 10; color: #5c7099!important; */ } textarea { overflow: auto; resize: vertical; } select { width: 81.5%; } button, button[type="submit"] { width: 75px; padding: 2px; background-color: #5c7099; color: #fff; border: 0; margin: 5px 1px; cursor: pointer; } button:hover, button[type="submit"]:hover, button[type="reset"]:hover { opacity: 0.7; } input:focus, select:focus, textarea:focus { background-color: rgb(255,255,215); outline: none; } #ContactForm p:nth-child(3) { display: none; } .contact dt { width: 16ex; text-align: end; } form[mame="mailingList"] label, form[mame="mailingList"] output { display: none; /* FIXME: doesn’t work! */ } /* =========================================================== HEADER BLOCKS =========================================================== */ nav.toolbar, nav.pagination, article header, article > time, section header, /* FIXME: Should be removed once `paneltitle` adapted officially */ paneltitle { background-color: #5c7099; color: #fff; padding: 7px; } article > time { /* direction: ltr !important; */ } nav.toolbar { text-align: end; } nav.pagination { text-align: center; } nav.toolbar > *, nav.pagination > * { margin: 4pt 2pt; } /* Reset */ nav.toolbar, nav.pagination { padding: 2px; } nav.toolbar a, nav.pagination a { border: none; } nav section, aside section, nav panel, aside panel { padding: 0; } nav section header, aside section header, nav paneltitle, aside paneltitle { text-align: center; } nav.pagination { margin-bottom: 8px; border: 1px #5c7099 !important; border-width: 0 1px 0 1px; } nav.pagination span, nav.pagination a:link, nav.pagination a:hover, nav.pagination a:active, nav.pagination a:visited { display: inline-block; min-width: 3ex; color: #fff; } nav.pagination span { color: #5c7099; background: #fff; border-radius: 50%; } article > time, article header, main section header, paneltitle, article nav, main section nav { text-align: end; margin: -15px -15px auto -15px; /* since article padding = 15px */ } article footer { text-align: end; margin: auto -15px -15px -15px; /* since article padding = 15px */ } article h1, section h1 { margin: 0; /* since article padding = 15px */ } /* =========================================================== TOOLBAR FORMAT =========================================================== */ nav.toolbar form { display: inline; margin: 0; border: 0; padding: 0; background-color: transparent; } nav.toolbar form * { display: inline; margin: 0; border: 0; } nav.toolbar form p, nav.toolbar form button { background-color: transparent !important; } nav.toolbar form input[type="submit"], nav.toolbar form input[type="button"] { text-align: center; background-color: transparent; } input[type="search"] { width: 27ex !important; height: 15px !important; vertical-align: middle; padding: 3px 7px !important; border-radius: 12px; border: none; transition: width .25s; } input[type="search"]:focus { width: 35ex !important; } input[type="search"] ~ button[type="submit"] { outline: none; width: auto; } /* =========================================================== SURROUNDING ELEMENTS =========================================================== */ body > header { background-color: #e1e4f2; } article, section, panel { border: 1px solid #5c7099; margin-bottom: 8px; background-color: #f0f0fa; } nav section, aside section, nav panel, aside pnel { background-color: #e1e4f2; color: #5c7099; } nav.menu a, aside a { border: 0; padding: 3pt 7pt; display: block; } nav.menu a ~ a, aside a ~ a { border-top: 1px dotted #5c7099; } aside a { border-bottom: 0 !important; } nav.menu a:hover, nav.menu a:hover { background-color: #f0f0fa; } nav a:link, aside a:link, nav a:visited, aside a:visited { color: #5c7099; } nav a:hover, aside a:hover, nav a:active, aside a:active { color: #e34f26; outline: 1px dotted transparent; } nav a:active { cursor: default; } nav table { width: 100%; } /* ========================================= Side Form ========================================= */ nav form { border: 0; padding: 5px; max-width: 99%; } nav form p:last-child { background: #e1e4f2; margin: 0; padding-bottom: 5px; } nav textarea, nav input[type="text"], nav input[type="search"], nav input[type="password"], nav input[type="file"], nav input[type="email"], nav input[type="url"], nav input[type="tel"], nav input[type="datetime"], nav input[type="datetime-local"], nav input[type="color"], nav input[type="range"], nav keygen, nav select { padding: 2px; } nav button[type="submit"], nav button[type="reset"] { width: 60px; } nav input[type="text"], nav input[type="search"], nav input[type="password"] { width: 100px; } nav select { width: 108px; } #voteResults { display: none; } #voteForm p:not(:last-child) > * { width: 50%; text-align: start; } #voteForm meter { display: none; } /* ========================================= */ .menu { float: left; padding: 7px 0 8px 8px; width: 210px; } main { overflow: hidden; padding: 7px 8px 0 8px; } aside { float: right; padding: 7px 8px 8px 0; width: 120px; text-align: center; } aside img { margin: auto; border: 0; padding: 5px; } aside a { display: block; padding: 5px; margin: 7px; border: none; } aside a:hover { padding: 4px 6px 6px 4px; } #social-stats li { text-align: left; list-style: none; margin-left: -4ex; } #social-stats li a { display: inline; } #twitter-stats:before { content: '🐦'; color: #52ade5; } #facebook-stats:before { content: 'f'; color: #3d549e; } #linkedin-stats:before { content: 'n'; color: #1d8cb5; } #plus-stats:before { content: 'g'; color: #df3833; } footer { background-color: #e1e4f2; border-top: 1px solid #5c7099; clear: both; padding: 8px 35px; } footer h6 { border: 0; margin: 0; padding: 1px; } footer li, footer li a { display: inline-block; } footer ul, footer li, footer li a, footer li a:link, footer li a:hover, footer li a:active, footer li a:visited { outline: none; border: none; padding: 0; } /* =========================================================== CALENDAR =========================================================== */ #calendar header a:link, #calendar header a:hover, #calendar header a:active, #calendar header a:visited { display: inline; border: none; color: #fff; } #calendar table { /* border-collapse: separate; */ background: #f0f0fa; margin: 0; border: 0; padding: 1px; table-layout: fixed; vertical-align: middle; empty-cells: hide; } #calendar th, #calendar td { line-height: 170%; border: 0; background-color: #e1e4f2; padding: 0px; text-align: center; } #calendar th { background: transparent; color: #000; font-weight: normal; } #calendar td.today { background-color: #5c7099 !important /* FIXME: Why had I use '!important'?! */; color: #fff; border-radius: 2px; -moz-border-radius: 2px; } #calendar table a { display: block; color: #fff; background: #869bbf; border-radius: 2px; } #calendar footer { margin: 0; padding: 2px 2px 5px 2px; border: 0; border-top: 1px dotted #5c7099; /* or: 2px groove #f0f0fa; */ text-align: center; } #calendar *:before { content: none; } /* ============================================================ TOOLBAR MENU ============================================================ */ menu { display: none !important; } menu, menu ul { margin: 0; padding: 0; list-style: none; } menu ul { display: none; position: absolute; left: -1px; top: 100%; background-color: #e1e4f2; border: 1px solid #e34f26; width: 20ex; } menu ul li { margin: 0; padding: 0; color: #000; } menu > li { color: #fff; border: 1px solid transparent; width: 70px; /* Depending on the content */ padding: 0px 2px; margin: -2px 0; background: red; } menu > li:hover { color: #000; background: #e1e4f2; border-left: 1px solid #e34f26; border-right: 1px solid #e34f26; } menu > li:hover a { color: #000; } menu li:hover > * { display: block; } menu li:hover { position: relative; } menu ul ul { position: absolute; left: 100%; top: -1px; } menu li { display: block; white-space: nowrap; float: left; cursor: pointer; } menu li li:hover, menu li li:hover > a { background-color: #f0f0fa; } menu a:active, menu a:focus { outline-style: none; } menu a { display: block; vertical-align: middle; color: #000; } menu > li > a { color: #fff; border: 0; } menu ul li { float: none; border-bottom: 1px dotted #e34f26; padding: 4px; /* I wish I could find a better solution */ } menu ul li:last-child { float: none; border-bottom: 0; } menu ul a { border: 0; background-color: #e1e4f2; /* required to cover the unrequired arrow */ } menu li:hover > a { border: 0; background-position: 0 100%; } menu li li:not(a) { background: url("graphics/arrow-ltr.png") no-repeat right center; } menu ul li:hover, menu li:hover { background-color: #f0f0fa; } menu li li:hover { color: #e34f26; } menu ul li:hover > a { color: #e34f26; } /* ============================================================ CONTEXT FORMAT ============================================================ Just in case! Particularly they should not be used. */ .centredText { text-align: center; } .centerdBlock { text-align: center; display: block; margin: auto; width: auto; } .leftFloat { float: left; } .rightFloat { float: right; } .leftBlock { text-align: left; } .ltrText { text-align: left; direction: ltr; } .rightBlock { text-align: right; } .rtlText { text-align: right; direction: rtl; } .hidden { display: none; } .newpage { page-break-before: always; } /* ============================================================ DIRECTIONALITY ============================================================ */ *:lang(aa), *:lang(ab), *:lang(af), *:lang(am), *:lang(as), *:lang(ay), *:lang(az), *:lang(ba), *:lang(be), *:lang(bg), *:lang(bh), *:lang(bi), *:lang(bn), *:lang(bo), *:lang(br), *:lang(ca), *:lang(co), *:lang(cs), *:lang(cy), *:lang(da), *:lang(de), *:lang(dz), *:lang(el), *:lang(en), *:lang(eo), *:lang(es), *:lang(et), *:lang(eu), *:lang(fi), *:lang(fj), *:lang(fo), *:lang(fr), *:lang(fy), *:lang(ga), *:lang(gd), *:lang(gl), *:lang(gn), *:lang(gu), *:lang(gv), *:lang(ha), *:lang(hi), *:lang(hr), *:lang(hu), *:lang(hy), *:lang(ia), *:lang(id), *:lang(ie), *:lang(ik), *:lang(in), *:lang(is), *:lang(it), *:lang(iu), *:lang(ja), *:lang(jv), *:lang(ka), *:lang(kk), *:lang(kl), *:lang(km), *:lang(kn), *:lang(ko), *:lang(ks), *:lang(ku), *:lang(ky), *:lang(la), *:lang(li), *:lang(ln), *:lang(lo), *:lang(lt), *:lang(lv), *:lang(mg), *:lang(mi), *:lang(mk), *:lang(ml), *:lang(mn), *:lang(mo), *:lang(mr), *:lang(ms), *:lang(mt), *:lang(my), *:lang(na), *:lang(ne), *:lang(nl), *:lang(no), *:lang(oc), *:lang(om), *:lang(or), *:lang(pa), *:lang(pl), *:lang(pt), *:lang(qu), *:lang(rm), *:lang(rn), *:lang(ro), *:lang(ru), *:lang(rw), *:lang(sa), *:lang(sg), *:lang(sh), *:lang(si), *:lang(sk), *:lang(sl), *:lang(sm), *:lang(sn), *:lang(so), *:lang(sq), *:lang(sr), *:lang(ss), *:lang(st), *:lang(su), *:lang(sv), *:lang(sw), *:lang(ta), *:lang(te), *:lang(tg), *:lang(th), *:lang(ti), *:lang(tk), *:lang(tl), *:lang(tn), *:lang(to), *:lang(tr), *:lang(ts), *:lang(tt), *:lang(tw), *:lang(ug), *:lang(uk), *:lang(uz), *:lang(vi), *:lang(vo), *:lang(wo), *:lang(xh), *:lang(yo), *:lang(zh), *:lang(zu) { direction: ltr; } *:lang(ar), *:lang(fa), *:lang(ha-Arab), *:lang(ku-Arab), *:lang(ms-Arab), *:lang(pa-Arab), *:lang(ps), *:lang(sd-Arab), *:lang(tg-Arab), *:lang(tt-Arab), *:lang(ug-Arab), *:lang(ur), *:lang(uz-Arab), *:lang(dv), *:lang(he), *:lang(yi) { direction: rtl; } article:lang(aa) > time:before, article:lang(ab) > time:before, article:lang(af) > time:before, article:lang(am) > time:before, article:lang(as) > time:before, article:lang(ay) > time:before, article:lang(az) > time:before, article:lang(ba) > time:before, article:lang(be) > time:before, article:lang(bg) > time:before, article:lang(bh) > time:before, article:lang(bi) > time:before, article:lang(bn) > time:before, article:lang(bo) > time:before, article:lang(br) > time:before, article:lang(ca) > time:before, article:lang(co) > time:before, article:lang(cs) > time:before, article:lang(cy) > time:before, article:lang(da) > time:before, article:lang(de) > time:before, article:lang(dz) > time:before, article:lang(el) > time:before, article:lang(en) > time:before, article:lang(eo) > time:before, article:lang(es) > time:before, article:lang(et) > time:before, article:lang(eu) > time:before, article:lang(fi) > time:before, article:lang(fj) > time:before, article:lang(fo) > time:before, article:lang(fr) > time:before, article:lang(fy) > time:before, article:lang(ga) > time:before, article:lang(gd) > time:before, article:lang(gl) > time:before, article:lang(gn) > time:before, article:lang(gu) > time:before, article:lang(gv) > time:before, article:lang(ha) > time:before, article:lang(hi) > time:before, article:lang(hr) > time:before, article:lang(hu) > time:before, article:lang(hy) > time:before, article:lang(ia) > time:before, article:lang(id) > time:before, article:lang(ie) > time:before, article:lang(ik) > time:before, article:lang(in) > time:before, article:lang(is) > time:before, article:lang(it) > time:before, article:lang(iu) > time:before, article:lang(ja) > time:before, article:lang(jv) > time:before, article:lang(ka) > time:before, article:lang(kk) > time:before, article:lang(kl) > time:before, article:lang(km) > time:before, article:lang(kn) > time:before, article:lang(ko) > time:before, article:lang(ks) > time:before, article:lang(ku) > time:before, article:lang(ky) > time:before, article:lang(la) > time:before, article:lang(li) > time:before, article:lang(ln) > time:before, article:lang(lo) > time:before, article:lang(lt) > time:before, article:lang(lv) > time:before, article:lang(mg) > time:before, article:lang(mi) > time:before, article:lang(mk) > time:before, article:lang(ml) > time:before, article:lang(mn) > time:before, article:lang(mo) > time:before, article:lang(mr) > time:before, article:lang(ms) > time:before, article:lang(mt) > time:before, article:lang(my) > time:before, article:lang(na) > time:before, article:lang(ne) > time:before, article:lang(nl) > time:before, article:lang(no) > time:before, article:lang(oc) > time:before, article:lang(om) > time:before, article:lang(or) > time:before, article:lang(pa) > time:before, article:lang(pl) > time:before, article:lang(pt) > time:before, article:lang(qu) > time:before, article:lang(rm) > time:before, article:lang(rn) > time:before, article:lang(ro) > time:before, article:lang(ru) > time:before, article:lang(rw) > time:before, article:lang(sa) > time:before, article:lang(sg) > time:before, article:lang(sh) > time:before, article:lang(si) > time:before, article:lang(sk) > time:before, article:lang(sl) > time:before, article:lang(sm) > time:before, article:lang(sn) > time:before, article:lang(so) > time:before, article:lang(sq) > time:before, article:lang(sr) > time:before, article:lang(ss) > time:before, article:lang(st) > time:before, article:lang(su) > time:before, article:lang(sv) > time:before, article:lang(sw) > time:before, article:lang(ta) > time:before, article:lang(te) > time:before, article:lang(tg) > time:before, article:lang(th) > time:before, article:lang(ti) > time:before, article:lang(tk) > time:before, article:lang(tl) > time:before, article:lang(tn) > time:before, article:lang(to) > time:before, article:lang(tr) > time:before, article:lang(ts) > time:before, article:lang(tt) > time:before, article:lang(tw) > time:before, article:lang(ug) > time:before, article:lang(uk) > time:before, article:lang(uz) > time:before, article:lang(vi) > time:before, article:lang(vo) > time:before, article:lang(wo) > time:before, article:lang(xh) > time:before, article:lang(yo) > time:before, article:lang(zh) > time:before, article:lang(zu) > time:before, article:lang(ar) > time:after, article:lang(fa) > time:after, article:lang(ha-Arab) > time:after, article:lang(ku-Arab) > time:after, article:lang(ms-Arab) > time:after, article:lang(pa-Arab) > time:after, article:lang(ps) > time:after, article:lang(sd-Arab) > time:after, article:lang(tg-Arab) > time:after, article:lang(tt-Arab) > time:after, article:lang(ug-Arab) > time:after, article:lang(ur) > time:after, article:lang(uz-Arab) > time:after, article:lang(dv) > time:after, article:lang(he) > time:after, article:lang(yi) > time:after { /* content: '📅'; */ } article > time:before { content: '📅'; } input[type="password"]:focus, input[type="file"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, /* FIXME: Associated with `:focus` to display placeholders properly */ code, var, samp, pre, math, .filelist *, audio, video { direction: ltr !important; } .filelist nav.toolbar { text-align: right !important; } aside:lang(ar), aside:lang(fa), aside:lang(ha-Arab), aside:lang(ku-Arab), aside:lang(ms-Arab), aside:lang(pa-Arab), aside:lang(ps), aside:lang(sd-Arab), aside:lang(tg-Arab), aside:lang(tt-Arab), aside:lang(ug-Arab), aside:lang(ur), aside:lang(uz-Arab), aside:lang(dv), aside:lang(he), aside:lang(yi) { float: left; margin-right: auto; padding: 7px 0 8px 8px; } .menu:lang(ar), .menu:lang(fa), .menu:lang(ha-Arab), .menu:lang(ku-Arab), .menu:lang(ms-Arab), .menu:lang(pa-Arab), .menu:lang(ps), .menu:lang(sd-Arab), .menu:lang(tg-Arab), .menu:lang(tt-Arab), .menu:lang(ug-Arab), .menu:lang(ur), .menu:lang(uz-Arab), .menu:lang(dv), .menu:lang(he), .menu:lang(yi) { float: right; margin-left: auto; padding: 7px 8px 8px 0; } menu:lang(ar), menu:lang(fa), menu:lang(ha-Arab), menu:lang(ku-Arab), menu:lang(ms-Arab), menu:lang(pa-Arab), menu:lang(ps), menu:lang(sd-Arab), menu:lang(tg-Arab), menu:lang(tt-Arab), menu:lang(ug-Arab), menu:lang(ur), menu:lang(uz-Arab), menu:lang(dv), menu:lang(he), menu:lang(yi) { right: 1px; } menu:lang(ar) ul, menu:lang(fa) ul, menu:lang(ha-Arab) ul, menu:lang(ku-Arab) ul, menu:lang(ms-Arab) ul, menu:lang(pa-Arab) ul, menu:lang(ps) ul, menu:lang(sd-Arab) ul, menu:lang(tg-Arab) ul, menu:lang(tt-Arab) ul, menu:lang(ug-Arab) ul, menu:lang(ur) ul, menu:lang(uz-Arab) ul, menu:lang(dv) ul, menu:lang(he) ul, menu:lang(yi) ul { right: -1px; } menu:lang(ar) ul ul, menu:lang(fa) ul ul, menu:lang(ha-Arab) ul ul, menu:lang(ku-Arab) ul ul, menu:lang(ms-Arab) ul ul, menu:lang(pa-Arab) ul ul, menu:lang(ps) ul ul, menu:lang(sd-Arab) ul ul, menu:lang(tg-Arab) ul ul, menu:lang(tt-Arab) ul ul, menu:lang(ug-Arab) ul ul, menu:lang(ur) ul ul, menu:lang(uz-Arab) ul ul, menu:lang(dv) ul ul, menu:lang(he) ul ul, menu:lang(yi) ul ul { right: 100%; } menu:lang(ar) ul li, menu:lang(fa) ul li, menu:lang(ha-Arab) ul li, menu:lang(ku-Arab) ul li, menu:lang(ms-Arab) ul li, menu:lang(pa-Arab) ul li, menu:lang(ps) ul li, menu:lang(sd-Arab) ul li, menu:lang(tg-Arab) ul li, menu:lang(tt-Arab) ul li, menu:lang(ug-Arab) ul li, menu:lang(ur) ul li, menu:lang(uz-Arab) ul li, menu:lang(dv) ul li, menu:lang(he) ul li, menu:lang(yi) ul li { float: none; } menu:lang(ar) ul li:last-child, menu:lang(fa) ul li:last-child, menu:lang(ha-Arab) ul li:last-child, menu:lang(ku-Arab) ul li:last-child, menu:lang(ms-Arab) ul li:last-child, menu:lang(pa-Arab) ul li:last-child, menu:lang(ps) ul li:last-child, menu:lang(sd-Arab) ul li:last-child, menu:lang(tg-Arab) ul li:last-child, menu:lang(tt-Arab) ul li:last-child, menu:lang(ug-Arab) ul li:last-child, menu:lang(ur) ul li:last-child, menu:lang(uz-Arab) ul li:last-child, menu:lang(dv) ul li:last-child, menu:lang(he) ul li:last-child, menu:lang(yi) ul li:last-child { float: none; } menu:lang(ar) li, menu:lang(fa) li, menu:lang(ha-Arab) li, menu:lang(ku-Arab) li, menu:lang(ms-Arab) li, menu:lang(pa-Arab) li, menu:lang(ps) li, menu:lang(sd-Arab) li, menu:lang(tg-Arab) li, menu:lang(tt-Arab) li, menu:lang(ug-Arab) li, menu:lang(ur) li, menu:lang(uz-Arab) li, menu:lang(dv) li, menu:lang(he) li, menu:lang(yi) li { float: right; } menu:lang(ar) li li:not(a), menu:lang(fa) li li:not(a), menu:lang(ha-Arab) li li:not(a), menu:lang(ku-Arab) li li:not(a), menu:lang(ms-Arab) li li:not(a), menu:lang(pa-Arab) li li:not(a), menu:lang(ps) li li:not(a), menu:lang(sd-Arab) li li:not(a), menu:lang(tg-Arab) li li:not(a), menu:lang(tt-Arab) li li:not(a), menu:lang(ug-Arab) li li:not(a), menu:lang(ur) li li:not(a), menu:lang(uz-Arab) li li:not(a), menu:lang(dv) li li:not(a), menu:lang(he) li li:not(a), menu:lang(yi) li li:not(a) { background-image: url("graphics/arrow-rtl.png"); background-repeat: no-repeat; background-position: left center; } .FAQ:lang(ar) dd, .FAQ:lang(fa) dd, .FAQ:lang(ha-Arab) dd, .FAQ:lang(ku-Arab) dd, .FAQ:lang(ms-Arab) dd, .FAQ:lang(pa-Arab) dd, .FAQ:lang(ps) dd, .FAQ:lang(sd-Arab) dd, .FAQ:lang(tg-Arab) dd, .FAQ:lang(tt-Arab) dd, .FAQ:lang(ug-Arab) dd, .FAQ:lang(ur) dd, .FAQ:lang(uz-Arab) dd, .FAQ:lang(dv) dd, .FAQ:lang(he) dd, .FAQ:lang(yi) dd { margin-right: 2px; } .contact dt:lang(aa), .contact dt:lang(ab), .contact dt:lang(af), .contact dt:lang(am), .contact dt:lang(as), .contact dt:lang(ay), .contact dt:lang(az), .contact dt:lang(ba), .contact dt:lang(be), .contact dt:lang(bg), .contact dt:lang(bh), .contact dt:lang(bi), .contact dt:lang(bn), .contact dt:lang(bo), .contact dt:lang(br), .contact dt:lang(ca), .contact dt:lang(co), .contact dt:lang(cs), .contact dt:lang(cy), .contact dt:lang(da), .contact dt:lang(de), .contact dt:lang(dz), .contact dt:lang(el), .contact dt:lang(en), .contact dt:lang(eo), .contact dt:lang(es), .contact dt:lang(et), .contact dt:lang(eu), .contact dt:lang(fi), .contact dt:lang(fj), .contact dt:lang(fo), .contact dt:lang(fr), .contact dt:lang(fy), .contact dt:lang(ga), .contact dt:lang(gd), .contact dt:lang(gl), .contact dt:lang(gn), .contact dt:lang(gu), .contact dt:lang(gv), .contact dt:lang(ha), .contact dt:lang(hi), .contact dt:lang(hr), .contact dt:lang(hu), .contact dt:lang(hy), .contact dt:lang(ia), .contact dt:lang(id), .contact dt:lang(ie), .contact dt:lang(ik), .contact dt:lang(in), .contact dt:lang(is), .contact dt:lang(it), .contact dt:lang(iu), .contact dt:lang(ja), .contact dt:lang(jv), .contact dt:lang(ka), .contact dt:lang(kk), .contact dt:lang(kl), .contact dt:lang(km), .contact dt:lang(kn), .contact dt:lang(ko), .contact dt:lang(ks), .contact dt:lang(ku), .contact dt:lang(ky), .contact dt:lang(la), .contact dt:lang(li), .contact dt:lang(ln), .contact dt:lang(lo), .contact dt:lang(lt), .contact dt:lang(lv), .contact dt:lang(mg), .contact dt:lang(mi), .contact dt:lang(mk), .contact dt:lang(ml), .contact dt:lang(mn), .contact dt:lang(mo), .contact dt:lang(mr), .contact dt:lang(ms), .contact dt:lang(mt), .contact dt:lang(my), .contact dt:lang(na), .contact dt:lang(ne), .contact dt:lang(nl), .contact dt:lang(no), .contact dt:lang(oc), .contact dt:lang(om), .contact dt:lang(or), .contact dt:lang(pa), .contact dt:lang(pl), .contact dt:lang(pt), .contact dt:lang(qu), .contact dt:lang(rm), .contact dt:lang(rn), .contact dt:lang(ro), .contact dt:lang(ru), .contact dt:lang(rw), .contact dt:lang(sa), .contact dt:lang(sg), .contact dt:lang(sh), .contact dt:lang(si), .contact dt:lang(sk), .contact dt:lang(sl), .contact dt:lang(sm), .contact dt:lang(sn), .contact dt:lang(so), .contact dt:lang(sq), .contact dt:lang(sr), .contact dt:lang(ss), .contact dt:lang(st), .contact dt:lang(su), .contact dt:lang(sv), .contact dt:lang(sw), .contact dt:lang(ta), .contact dt:lang(te), .contact dt:lang(tg), .contact dt:lang(th), .contact dt:lang(ti), .contact dt:lang(tk), .contact dt:lang(tl), .contact dt:lang(tn), .contact dt:lang(to), .contact dt:lang(tr), .contact dt:lang(ts), .contact dt:lang(tt), .contact dt:lang(tw), .contact dt:lang(ug), .contact dt:lang(uk), .contact dt:lang(uz), .contact dt:lang(vi), .contact dt:lang(vo), .contact dt:lang(wo), .contact dt:lang(xh), .contact dt:lang(yo), .contact dt:lang(zh), .contact dt:lang(zu) { float: left; } .contact dt:lang(ar), .contact dt:lang(fa), .contact dt:lang(ha-Arab), .contact dt:lang(ku-Arab), .contact dt:lang(ms-Arab), .contact dt:lang(pa-Arab), .contact dt:lang(ps), .contact dt:lang(sd-Arab), .contact dt:lang(tg-Arab), .contact dt:lang(tt-Arab), .contact dt:lang(ug-Arab), .contact dt:lang(ur), .contact dt:lang(uz-Arab), .contact dt:lang(dv), .contact dt:lang(he), .contact dt:lang(yi) dd { float: right; } .page-go-top:lang(aa), .page-go-top:lang(ab), .page-go-top:lang(af), .page-go-top:lang(am), .page-go-top:lang(as), .page-go-top:lang(ay), .page-go-top:lang(az), .page-go-top:lang(ba), .page-go-top:lang(be), .page-go-top:lang(bg), .page-go-top:lang(bh), .page-go-top:lang(bi), .page-go-top:lang(bn), .page-go-top:lang(bo), .page-go-top:lang(br), .page-go-top:lang(ca), .page-go-top:lang(co), .page-go-top:lang(cs), .page-go-top:lang(cy), .page-go-top:lang(da), .page-go-top:lang(de), .page-go-top:lang(dz), .page-go-top:lang(el), .page-go-top:lang(en), .page-go-top:lang(eo), .page-go-top:lang(es), .page-go-top:lang(et), .page-go-top:lang(eu), .page-go-top:lang(fi), .page-go-top:lang(fj), .page-go-top:lang(fo), .page-go-top:lang(fr), .page-go-top:lang(fy), .page-go-top:lang(ga), .page-go-top:lang(gd), .page-go-top:lang(gl), .page-go-top:lang(gn), .page-go-top:lang(gu), .page-go-top:lang(gv), .page-go-top:lang(ha), .page-go-top:lang(hi), .page-go-top:lang(hr), .page-go-top:lang(hu), .page-go-top:lang(hy), .page-go-top:lang(ia), .page-go-top:lang(id), .page-go-top:lang(ie), .page-go-top:lang(ik), .page-go-top:lang(in), .page-go-top:lang(is), .page-go-top:lang(it), .page-go-top:lang(iu), .page-go-top:lang(ja), .page-go-top:lang(jv), .page-go-top:lang(ka), .page-go-top:lang(kk), .page-go-top:lang(kl), .page-go-top:lang(km), .page-go-top:lang(kn), .page-go-top:lang(ko), .page-go-top:lang(ks), .page-go-top:lang(ku), .page-go-top:lang(ky), .page-go-top:lang(la), .page-go-top:lang(li), .page-go-top:lang(ln), .page-go-top:lang(lo), .page-go-top:lang(lt), .page-go-top:lang(lv), .page-go-top:lang(mg), .page-go-top:lang(mi), .page-go-top:lang(mk), .page-go-top:lang(ml), .page-go-top:lang(mn), .page-go-top:lang(mo), .page-go-top:lang(mr), .page-go-top:lang(ms), .page-go-top:lang(mt), .page-go-top:lang(my), .page-go-top:lang(na), .page-go-top:lang(ne), .page-go-top:lang(nl), .page-go-top:lang(no), .page-go-top:lang(oc), .page-go-top:lang(om), .page-go-top:lang(or), .page-go-top:lang(pa), .page-go-top:lang(pl), .page-go-top:lang(pt), .page-go-top:lang(qu), .page-go-top:lang(rm), .page-go-top:lang(rn), .page-go-top:lang(ro), .page-go-top:lang(ru), .page-go-top:lang(rw), .page-go-top:lang(sa), .page-go-top:lang(sg), .page-go-top:lang(sh), .page-go-top:lang(si), .page-go-top:lang(sk), .page-go-top:lang(sl), .page-go-top:lang(sm), .page-go-top:lang(sn), .page-go-top:lang(so), .page-go-top:lang(sq), .page-go-top:lang(sr), .page-go-top:lang(ss), .page-go-top:lang(st), .page-go-top:lang(su), .page-go-top:lang(sv), .page-go-top:lang(sw), .page-go-top:lang(ta), .page-go-top:lang(te), .page-go-top:lang(tg), .page-go-top:lang(th), .page-go-top:lang(ti), .page-go-top:lang(tk), .page-go-top:lang(tl), .page-go-top:lang(tn), .page-go-top:lang(to), .page-go-top:lang(tr), .page-go-top:lang(ts), .page-go-top:lang(tt), .page-go-top:lang(tw), .page-go-top:lang(ug), .page-go-top:lang(uk), .page-go-top:lang(uz), .page-go-top:lang(vi), .page-go-top:lang(vo), .page-go-top:lang(wo), .page-go-top:lang(xh), .page-go-top:lang(yo), .page-go-top:lang(zh), .page-go-top:lang(zu) { right: 8px; } .page-go-top:lang(ar), .page-go-top:lang(fa), .page-go-top:lang(ha-Arab), .page-go-top:lang(ku-Arab), .page-go-top:lang(ms-Arab), .page-go-top:lang(pa-Arab), .page-go-top:lang(ps), .page-go-top:lang(sd-Arab), .page-go-top:lang(tg-Arab), .page-go-top:lang(tt-Arab), .page-go-top:lang(ug-Arab), .page-go-top:lang(ur), .page-go-top:lang(uz-Arab), .page-go-top:lang(dv), .page-go-top:lang(he), .page-go-top:lang(yi) { left: 8px; } blockquote:lang(aa), blockquote:lang(ab), blockquote:lang(af), blockquote:lang(am), blockquote:lang(as), blockquote:lang(ay), blockquote:lang(az), blockquote:lang(ba), blockquote:lang(be), blockquote:lang(bg), blockquote:lang(bh), blockquote:lang(bi), blockquote:lang(bn), blockquote:lang(bo), blockquote:lang(br), blockquote:lang(ca), blockquote:lang(co), blockquote:lang(cs), blockquote:lang(cy), blockquote:lang(da), blockquote:lang(de), blockquote:lang(dz), blockquote:lang(el), blockquote:lang(en), blockquote:lang(eo), blockquote:lang(es), blockquote:lang(et), blockquote:lang(eu), blockquote:lang(fi), blockquote:lang(fj), blockquote:lang(fo), blockquote:lang(fr), blockquote:lang(fy), blockquote:lang(ga), blockquote:lang(gd), blockquote:lang(gl), blockquote:lang(gn), blockquote:lang(gu), blockquote:lang(gv), blockquote:lang(ha), blockquote:lang(hi), blockquote:lang(hr), blockquote:lang(hu), blockquote:lang(hy), blockquote:lang(ia), blockquote:lang(id), blockquote:lang(ie), blockquote:lang(ik), blockquote:lang(in), blockquote:lang(is), blockquote:lang(it), blockquote:lang(iu), blockquote:lang(ja), blockquote:lang(jv), blockquote:lang(ka), blockquote:lang(kk), blockquote:lang(kl), blockquote:lang(km), blockquote:lang(kn), blockquote:lang(ko), blockquote:lang(ks), blockquote:lang(ku), blockquote:lang(ky), blockquote:lang(la), blockquote:lang(li), blockquote:lang(ln), blockquote:lang(lo), blockquote:lang(lt), blockquote:lang(lv), blockquote:lang(mg), blockquote:lang(mi), blockquote:lang(mk), blockquote:lang(ml), blockquote:lang(mn), blockquote:lang(mo), blockquote:lang(mr), blockquote:lang(ms), blockquote:lang(mt), blockquote:lang(my), blockquote:lang(na), blockquote:lang(ne), blockquote:lang(nl), blockquote:lang(no), blockquote:lang(oc), blockquote:lang(om), blockquote:lang(or), blockquote:lang(pa), blockquote:lang(pl), blockquote:lang(pt), blockquote:lang(qu), blockquote:lang(rm), blockquote:lang(rn), blockquote:lang(ro), blockquote:lang(ru), blockquote:lang(rw), blockquote:lang(sa), blockquote:lang(sg), blockquote:lang(sh), blockquote:lang(si), blockquote:lang(sk), blockquote:lang(sl), blockquote:lang(sm), blockquote:lang(sn), blockquote:lang(so), blockquote:lang(sq), blockquote:lang(sr), blockquote:lang(ss), blockquote:lang(st), blockquote:lang(su), blockquote:lang(sv), blockquote:lang(sw), blockquote:lang(ta), blockquote:lang(te), blockquote:lang(tg), blockquote:lang(th), blockquote:lang(ti), blockquote:lang(tk), blockquote:lang(tl), blockquote:lang(tn), blockquote:lang(to), blockquote:lang(tr), blockquote:lang(ts), blockquote:lang(tt), blockquote:lang(tw), blockquote:lang(ug), blockquote:lang(uk), blockquote:lang(uz), blockquote:lang(vi), blockquote:lang(vo), blockquote:lang(wo), blockquote:lang(xh), blockquote:lang(yo), blockquote:lang(zh), blockquote:lang(zu), [class^="msg-"]:lang(aa), [class^="msg-"]:lang(ab), [class^="msg-"]:lang(af), [class^="msg-"]:lang(am), [class^="msg-"]:lang(as), [class^="msg-"]:lang(ay), [class^="msg-"]:lang(az), [class^="msg-"]:lang(ba), [class^="msg-"]:lang(be), [class^="msg-"]:lang(bg), [class^="msg-"]:lang(bh), [class^="msg-"]:lang(bi), [class^="msg-"]:lang(bn), [class^="msg-"]:lang(bo), [class^="msg-"]:lang(br), [class^="msg-"]:lang(ca), [class^="msg-"]:lang(co), [class^="msg-"]:lang(cs), [class^="msg-"]:lang(cy), [class^="msg-"]:lang(da), [class^="msg-"]:lang(de), [class^="msg-"]:lang(dz), [class^="msg-"]:lang(el), [class^="msg-"]:lang(en), [class^="msg-"]:lang(eo), [class^="msg-"]:lang(es), [class^="msg-"]:lang(et), [class^="msg-"]:lang(eu), [class^="msg-"]:lang(fi), [class^="msg-"]:lang(fj), [class^="msg-"]:lang(fo), [class^="msg-"]:lang(fr), [class^="msg-"]:lang(fy), [class^="msg-"]:lang(ga), [class^="msg-"]:lang(gd), [class^="msg-"]:lang(gl), [class^="msg-"]:lang(gn), [class^="msg-"]:lang(gu), [class^="msg-"]:lang(gv), [class^="msg-"]:lang(ha), [class^="msg-"]:lang(hi), [class^="msg-"]:lang(hr), [class^="msg-"]:lang(hu), [class^="msg-"]:lang(hy), [class^="msg-"]:lang(ia), [class^="msg-"]:lang(id), [class^="msg-"]:lang(ie), [class^="msg-"]:lang(ik), [class^="msg-"]:lang(in), [class^="msg-"]:lang(is), [class^="msg-"]:lang(it), [class^="msg-"]:lang(iu), [class^="msg-"]:lang(ja), [class^="msg-"]:lang(jv), [class^="msg-"]:lang(ka), [class^="msg-"]:lang(kk), [class^="msg-"]:lang(kl), [class^="msg-"]:lang(km), [class^="msg-"]:lang(kn), [class^="msg-"]:lang(ko), [class^="msg-"]:lang(ks), [class^="msg-"]:lang(ku), [class^="msg-"]:lang(ky), [class^="msg-"]:lang(la), [class^="msg-"]:lang(li), [class^="msg-"]:lang(ln), [class^="msg-"]:lang(lo), [class^="msg-"]:lang(lt), [class^="msg-"]:lang(lv), [class^="msg-"]:lang(mg), [class^="msg-"]:lang(mi), [class^="msg-"]:lang(mk), [class^="msg-"]:lang(ml), [class^="msg-"]:lang(mn), [class^="msg-"]:lang(mo), [class^="msg-"]:lang(mr), [class^="msg-"]:lang(ms), [class^="msg-"]:lang(mt), [class^="msg-"]:lang(my), [class^="msg-"]:lang(na), [class^="msg-"]:lang(ne), [class^="msg-"]:lang(nl), [class^="msg-"]:lang(no), [class^="msg-"]:lang(oc), [class^="msg-"]:lang(om), [class^="msg-"]:lang(or), [class^="msg-"]:lang(pa), [class^="msg-"]:lang(pl), [class^="msg-"]:lang(pt), [class^="msg-"]:lang(qu), [class^="msg-"]:lang(rm), [class^="msg-"]:lang(rn), [class^="msg-"]:lang(ro), [class^="msg-"]:lang(ru), [class^="msg-"]:lang(rw), [class^="msg-"]:lang(sa), [class^="msg-"]:lang(sg), [class^="msg-"]:lang(sh), [class^="msg-"]:lang(si), [class^="msg-"]:lang(sk), [class^="msg-"]:lang(sl), [class^="msg-"]:lang(sm), [class^="msg-"]:lang(sn), [class^="msg-"]:lang(so), [class^="msg-"]:lang(sq), [class^="msg-"]:lang(sr), [class^="msg-"]:lang(ss), [class^="msg-"]:lang(st), [class^="msg-"]:lang(su), [class^="msg-"]:lang(sv), [class^="msg-"]:lang(sw), [class^="msg-"]:lang(ta), [class^="msg-"]:lang(te), [class^="msg-"]:lang(tg), [class^="msg-"]:lang(th), [class^="msg-"]:lang(ti), [class^="msg-"]:lang(tk), [class^="msg-"]:lang(tl), [class^="msg-"]:lang(tn), [class^="msg-"]:lang(to), [class^="msg-"]:lang(tr), [class^="msg-"]:lang(ts), [class^="msg-"]:lang(tt), [class^="msg-"]:lang(tw), [class^="msg-"]:lang(ug), [class^="msg-"]:lang(uk), [class^="msg-"]:lang(uz), [class^="msg-"]:lang(vi), [class^="msg-"]:lang(vo), [class^="msg-"]:lang(wo), [class^="msg-"]:lang(xh), [class^="msg-"]:lang(yo), [class^="msg-"]:lang(zh), [class^="msg-"]:lang(zu) { border-left: 5px solid; } blockquote:lang(ar), blockquote:lang(fa), blockquote:lang(ha-Arab), blockquote:lang(ku-Arab), blockquote:lang(ms-Arab), blockquote:lang(pa-Arab), blockquote:lang(ps), blockquote:lang(sd-Arab), blockquote:lang(tg-Arab), blockquote:lang(tt-Arab), blockquote:lang(ug-Arab), blockquote:lang(ur), blockquote:lang(uz-Arab), blockquote:lang(dv), blockquote:lang(he), blockquote:lang(yi), [class^="msg-"]:lang(ar), [class^="msg-"]:lang(fa), [class^="msg-"]:lang(ha-Arab), [class^="msg-"]:lang(ku-Arab), [class^="msg-"]:lang(ms-Arab), [class^="msg-"]:lang(pa-Arab), [class^="msg-"]:lang(ps), [class^="msg-"]:lang(sd-Arab), [class^="msg-"]:lang(tg-Arab), [class^="msg-"]:lang(tt-Arab), [class^="msg-"]:lang(ug-Arab), [class^="msg-"]:lang(ur), [class^="msg-"]:lang(uz-Arab), [class^="msg-"]:lang(dv), [class^="msg-"]:lang(he), [class^="msg-"]:lang(yi) { border-right: 5px solid; } /*==================================================================================================== ICONS ====================================================================================================*/ /* =========================================================== FONT CALLS (Server-side/Apache) =========================================================== */ @font-face { font-family: 'RichStyle'; src: url('/usr/share/fonts/truetype/ttf-richstyle/RichStyle.eot'); src: url('/usr/share/fonts/truetype/ttf-richstyle/RichStyle.eot?#iefix') format('embedded-opentype'), url('/usr/share/fonts/truetype/ttf-richstyle/RichStyle.woff') format('woff'), url('/usr/share/fonts/truetype/ttf-richstyle/fonts/RichStyle.ttf') format('truetype'), url('/usr/share/fonts/truetype/ttf-richstyle/fonts/RichStyle.svg#richstyle') format('svg'); src: local('RichStyle'); font-weight: normal; font-style: normal; } /* =========================================================== COMMAND LIST =========================================================== */ nav a { display: block; } nav > a { margin: 5px 1px; } nav a:hover { cursor: pointer; /* required- for without href attribute */ } /* Elements that might have icons */ a:before, a:after, p:before, p:after, blockquote:after, blockquote:before, td:after, td:before, button:before, button:after, input:before, input:after, output:before, output:after, time:before, time:after, header:before, header:after, [id$="-stats"]:before { font-family: 'RichStyle'; display: inline-block; vertical-align: middle; line-height: 100%; text-align: center; font-size: 14px; min-width: 1ex; min-height: 1ex; margin: auto .2ex; } nav a:before { color: #5c7099; /* content: '»'; or: «» */ } aside a:not([class]):before { content: none; /* reset: dosn’t work under old WebKit */ } nav a:hover:before { color: #e34f26; } .menu a:hover { color: #e34f26; } .menu li a:after { content: attr(title); } nav.toolbar { text-align: right; } nav.toolbar a, nav.toolbar input[type='submit'] { text-align: right; background: none; display: inline-block; } nav.toolbar a { padding: 0; } nav.toolbar a, nav.toolbar a:link, nav.toolbar a:active, nav.toolbar a:visited, nav.toolbar button[type="submit"] { color: #fff; /* FIXME: Something wrong here with the old WebKit */ opacity: 1; } nav.toolbar a:before, nav.toolbar a:link:before, nav.toolbar a:active:before, nav.toolbar a:visited:before, nav.toolbar button[type="submit"]:before { color: #fff; /* FIXME: Something wrong here with the old WebKit */ text-shadow: 0 0 1px #000; /* FIXME: Waiting for text-outline support */ opacity: 1; } nav.toolbar a:hover, nav.toolbar button[type="submit"]:hover, nav.toolbar a:hover:before, nav.toolbar button[type="submit"]:hover:before, nav.pagination a:hover, nav.pagination a:hover:before { text-shadow: 0 0 7px #fff; /* FIXME: Waiting for text-outline support */ color: #fff; } .page-go-top { position: fixed; bottom: 8px; cursor: pointer; border: none; color: #5c7099 !important; text-shadow: 0 0 1px #fff; } .page-go-top:hover { opacity: 1; } .page-go-top:before { font-size: 14pt !important; } .page-go-top, .page-go-top:link, .page-go-top:hover, .page-go-top:active { border: none; } /* =========================================================== FORM VALIDATION =========================================================== */ input:required + output::before, textarea:required + output::before { content: '*'; } input[type="text"]:invalid + output::before, input[type="email"]:invalid + output::before, input[type="url"]:invalid + output::before, input[type="tel"]:invalid + output::before, textarea:invalid + output::before { content: '⚠'; /* ✕✖ */ color: orange; } input[type="text"]:valid + output::before, input[type="email"]:valid + output::before, input[type="url"]:valid + output::before, input[type="tel"]:valid + output::before, textarea:valid + output::before { content: '✔'; /* ✓✔ */ color: green; } /* =========================================================== SERVICE ICONS =========================================================== */ .service-twitter:before {content: '🐦';} .service-twitter:hover:before {color: #2299cc;} .service-linkedin:before {content: 'n';} .service-identica:before {content: 'I';} .service-facebook:before {content: 'f';} .service-facebook:hover:before {color: #3b5998;} .service-github:before {content: '🐈';} .service-youtube:before {content: 'y';} .service-youtube:hover:before {color: #ff2312;} .service-google:before {content: 'G';} .service-google:hover:before {color: #1111cc;} .service-wordpress:before {content: 'W';} .service-wordpress:hover:before {color: #464646;} .service-vimeo:before {content: 'v';} .service-vimeo:hover:before {color: #000;} /* =========================================================== STATUS ICONS =========================================================== */ blockquote, [class^="msg-"] { display: table; } blockquote:before, [class^="msg-"]:before { display: table-cell; font-size: 16pt; padding: 5px; width: 35px; } blockquote:before {content: '❝'; color: #5c7099;} .msg-note:before {content: '📌'; color: #5c7099;} .msg-tip:before {content: '💡'; color: #5c7099;} .msg-info:before {content: '🛈'; color: #5c7099;} .msg-question:before {content: '❔'; color: olive;} .msg-warning:before {content: '⚠'; color: olive;} .msg-credits:before {content: '🎀'; color: olive;} .msg-error:before {content: '✖'; color: maroon;} .msg-denied:before {content: '⛔'; color: maroon;} .msg-underconstruction:before {content: '⛏'; color: olive;} .msg-busy:before {content: '⌚'; color: orange; text-decoration: blink;} /* 🕘 */ .msg-succeeded:before {content: '✔'; color: green;} blockquote:lang(ar):before, blockquote:lang(fa):before, blockquote:lang(ha-Arab):before, blockquote:lang(ku-Arab):before, blockquote:lang(ms-Arab):before, blockquote:lang(pa-Arab):before, blockquote:lang(ps):before, blockquote:lang(sd-Arab):before, blockquote:lang(tg-Arab):before, blockquote:lang(tt-Arab):before, blockquote:lang(ug-Arab):before, blockquote:lang(ur):before, blockquote:lang(uz-Arab):before, blockquote:lang(dv):before, blockquote:lang(he):before, blockquote:lang(yi):before { content: '❞'; } /* =========================================================== ACTION & MISC. ICONS =========================================================== */ nav a[href="./"], .domain-home:before {content: '🏠';} .domain-about:before {content: '🛈';} nav a[rel="help"], .domain-documentation:before {content: '📖';} /*🕮*/ .domain-downloads:before {content: '⮋';} /*📥*/ .domain-contact:before {content: '✉';} .domain-menu:before {content: '☰';} .domain-donate:before {content: '💰';text-decoration: blink;} .domain-donate:hover:before {text-decoration: none;} .domain-legal:before {content: '⚖';} .domain-preferences:before {content: '⚙';} .domain-jobs:before {content: '💼';} .domain-rss:before {content: '⯥';} .domain-rss:hover:before {color: #ff6600;} .session-login:before {content: '🔒';} .session-login:hover:before {content: '🔓';} .session-logout:before {content: '🔓';} .session-logout:hover:before {content: '🔒';} .page-fullscreen:before {content: '⏻';} .page-print:before {content: '🖨';} .page-refresh:before {content: '⟳';} .page-bookmark:before {content: '🔖';} .page-go-top:before {content: '⮉';} .page-go-back:before {content: '⮈';} .page-go-forward:before {content: '⮊';} .page-go-bottom:before {content: '⮋';} input[type="search"] ~ button[type="submit"]:before {content: '🔍'} .article-comments:before {content: '🗪';} .article-tags:before {content: '🏷';} .article-edit:before {content: '✎';} .media-play:before {content: '⏵';} .media-pause:before {content: '⏸';} .media-stop:before {content: '⏹';} .media-eject:before {content: '⏏';} .media-record:before {content: '⏺';} .media-next:before {content: '⏭';} .media-previous:before {content: '⏮';} .media-fast-forward:before {content: '⏩';} .media-fast-rewind:before {content: '⏪';} .media-repeat:before {content: '🔁';} .media-shuffle:before {content: '🔀';} .media-mute-volume:before {content: '🔇';} .media-max-volume:before {content: '🔊';} .dialog-close:before {content: '🗙';} .contact header:before {content: '✉';} .filelist header:before {content: '⮋';} /*📥*/ .donate header:before {content: '💰';} .FAQ header:before {content: '⯣';} .gallery header:before {content: '🖼';} article > time:before, section header:before { line-height: 50%; font-size: 10px; margin: auto .5ex; } /* =========================================================== MIME TYPES ICONS =========================================================== */ .folder-open:before, .folder:before, [class^="mimetypes"]:before, aside a:before { display: block; font-size: 20px; min-width: 1.7ex; color: #5c7099; margin: auto 8px; } aside [class^="mimetypes"]:before, aside a:before { font-size: 32pt; /* Enlarge icons in advert pane */ margin: 8px; } /* Folder */ .folder:before {content: '🗀';} .folder-open:before {content: '🗁';} /* File */ [class^="mimetypes"]:before {content: '🗎';} /* Text Files */ aside a[href$=".txt"]:before, [class="mimetypes-txt"]:before, aside a[href$=".csv"]:before, [class="mimetypes-csv"]:before, aside a[href$=".json"]:before, [class="mimetypes-json"]:before, aside a[href$=".css"]:before, [class="mimetypes-css"]:before, aside a[href$=".xml"]:before, [class="mimetypes-xml"]:before, aside a[href$=".ini"]:before, [class="mimetypes-ini"]:before {content: '🖹';} /* Document Files */ aside a[href$=".web"]:before, [class="mimetypes-web"]:before, aside a[href$=".abw"]:before, [class="mimetypes-abw"]:before, aside a[href$=".odt"]:before, [class="mimetypes-odt"]:before, aside a[href$=".rtf"]:before, [class="mimetypes-rtf"]:before, aside a[href$=".doc"]:before, [class="mimetypes-doc"]:before, aside a[href$=".docx"]:before, [class="mimetypes-docx"]:before {content: '🖺';} /* Spread Sheet Files */ [class="mimetypes-xls"]:before, [class="mimetypes-xlsx"]:before, [class="mimetypes-gnumeric"]:before, [class="mimetypes-ksp"]:before, [class="mimetypes-ods"]:before {content: '📊';} /* Presentation Files */ [class="mimetypes-ppt"]:before, [class="mimetypes-pptx"]:before, [class="mimetypes-odp"]:before {content: '⯡';} /* Database Files */ [class="mimetypes-sql"]:before, [class="mimetypes-sqlite"]:before, [class="mimetypes-sqlitedb"]:before, [class="mimetypes-db"]:before, [class="mimetypes-dbf"]:before, [class="mimetypes-accdb"]:before, [class="mimetypes-mdb"]:before, [class="mimetypes-kexi"]:before, [class="mimetypes-odb"]:before, [class="mimetypes-glom"]:before {content: '⯢';} /* E-Book Files */ aside a[href$=".pdf"]:before, [class="mimetypes-pdf"]:before, aside a[href$=".epub"]:before, [class="mimetypes-epub"]:before, aside a[href$=".mobi"]:before, [class="mimetypes-mobi"]:before, aside a[href$=".chm"]:before, [class="mimetypes-chm"]:before, aside a[href$=".htmlz"]:before, [class="mimetypes-htmlz"]:before{content: '🕮' !important;} /*  */ /* Package Files */ aside a[href$=".7z"]:before, [class="mimetypes-7z"]:before, aside a[href$=".apk"]:before, [class="mimetypes-apk"]:before, aside a[href$=".ar"]:before, [class="mimetypes-ar"]:before, aside a[href$=".arj"]:before, [class="mimetypes-arj"]:before, aside a[href$=".bz2"]:before, [class="mimetypes-bz2"]:before, aside a[href$=".cbz"]:before, [class="mimetypes-cbz"]:before, aside a[href$=".gz"]:before, [class="mimetypes-gz"]:before, aside a[href$=".jar"]:before, [class="mimetypes-jar"]:before, aside a[href$=".lzma"]:before, [class="mimetypes-lzma"]:before, aside a[href$=".tar"]:before, [class="mimetypes-tar"]:before, aside a[href$=".xz"]:before, [class="mimetypes-xz"]:before, aside a[href$=".zip"]:before, [class="mimetypes-zip"]:before, aside a[href$=".rar"]:before, [class="mimetypes-rar"]:before, aside a[href$=".iso"]:before, [class="mimetypes-iso"]:before, aside a[href$=".deb"]:before, [class="mimetypes-deb"]:before, aside a[href$=".dsc"]:before, [class="mimetypes-dsc"]:before, aside a[href$=".rpm"]:before, [class="mimetypes-rpm"]:before {content: '⯠' !important;} /* Audio Files */ [class="mimetypes-wav"]:before, [class="mimetypes-oga"]:before, [class="mimetypes-ogg"]:before, [class="mimetypes-mp1"]:before, [class="mimetypes-mp2"]:before, [class="mimetypes-mp3"]:before, [class="mimetypes-mpa"]:before, [class="mimetypes-wma"]:before, [class="mimetypes-aif"]:before, [class="mimetypes-aifc"]:before, [class="mimetypes-aiff"]:before, [class="mimetypes-mid"]:before, [class="mimetypes-midi"]:before, [class="mimetypes-ra"]:before, [class="mimetypes-rmi"]:before, [class="mimetypes-amr"]:before, [class="mimetypes-au"]:before, [class="mimetypes-snd"]:before {content: '🎵';} /* Video Files */ [class="mimetypes-webm"]:before, [class="mimetypes-avi"]:before, [class="mimetypes-mkv"]:before, [class="mimetypes-ogv"]:before, [class="mimetypes-mp4"]:before, [class="mimetypes-mpeg"]:before, [class="mimetypes-mpg"]:before, [class="mimetypes-vob"]:before, [class="mimetypes-divx"]:before, [class="mimetypes-wmv"]:before, [class="mimetypes-asf"]:before, [class="mimetypes-mov"]:before, [class="mimetypes-qt"]:before, [class="mimetypes-hdmov"]:before, [class="mimetypes-f4v"]:before, [class="mimetypes-flv"]:before, [class="mimetypes-swf"]:before, [class="mimetypes-3gp"]:before, [class="mimetypes-rm"]:before {content: '🎞';} /* Image Files */ [class="mimetypes-png"]:before, [class="mimetypes-jpg"]:before, [class="mimetypes-jpeg"]:before, [class="mimetypes-gif"]:before, [class="mimetypes-bmp"]:before, [class="mimetypes-ico"]:before, [class="mimetypes-icon"]:before, [class="mimetypes-tif"]:before, [class="mimetypes-tiff"]:before, [class="mimetypes-tga"]:before, [class="mimetypes-pcd"]:before, [class="mimetypes-pcx"]:before, [class="mimetypes-pic"]:before, [class="mimetypes-pict"]:before, [class="mimetypes-psd"]:before, [class="mimetypes-psp"]:before, [class="mimetypes-odi"]:before, [class="mimetypes-svg"]:before, [class="mimetypes-svgz"]:before, [class="mimetypes-ai"]:before, [class="mimetypes-eps"]:before, [class="mimetypes-ps"]:before {content: '🖼';} /* =========================================================== CONTEXT LINKS =========================================================== */ main a[href^="http"]:before, form a[href^="http"]:before { content: '🌐'; font-size: 7pt; } main a[href^="mailto:"]:before, form a[href^="mailto:"]:before { content: '✉'; font-size: 7pt; } main a[href^="tel:"]:before, form a[href^="tel:"]:before { content: '☎'; /* 📞 */ font-size: 7pt; } main a[href^="fax:"]:before, form a[href^="fax:"]:before { content: '📠'; font-size: 7pt; } /* =========================================================== FOOTER LINKS =========================================================== */ footer > *, footer > *:before, footer > *:after { display: inline-block; vertical-align: middle; } footer > a:before { font-size: 20pt !important; } footer a { opacity: 0.6; color: gray; border: none; margin: auto 5px; } footer a:hover { opacity: 0.8; color: gray; border: none; } a.standard-HTML5, [rel="license"] { opacity: 1.0 !important; } .standard-HTML5 { margin: -8px 16px 8px 16px; } .standard-HTML5:before { height: 63px; width: 57px; content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXZlcnNpb249IjEuMSIKCXZpZXdCb3g9IjAgMCA0NTEgNTEyIj4KCjx0aXRsZT5IVE1MNSBMb2dvIEJhZGdlPC90aXRsZT4KCjxwYXRoCWZpbGw9IiNFMzRGMjYiCWQ9Ik0gNDEsNDYwIDAsMCA0NTEsMCA0MTAsNDYwIDIyNSw1MTIiIC8+CjxwYXRoCWZpbGw9IiNFRjY1MkEiCWQ9Ik0gMjI2LDQ3MiAzNzUsNDMxIDQxMCwzNyAyMjYsMzciIC8+CjxwYXRoCWZpbGw9IiNFQkVCRUIiCWQ9Im0gMjI2LDIwOCAtNzUsMCAtNSwtNTggODAsMCAwLC01NiAtMSwwIC0xNDEsMCAxLDE1IDE0LDE1NiAxMjcsMCB6IG0gMCwxNDcgLTEsMCAtNjMsLTE3IC00LC00NSAtMzAsMCAtMjYsMCA3LDg5IDExNiwzMiAxLDAgeiIgLz4KPHBhdGgJZmlsbD0iI0ZGRkZGRiIJZD0ibSAyMjUsMjA4IDAsNTcgNzAsMCAtNyw3MyAtNjMsMTcgMCw1OSAxMTYsLTMyIDEsLTEwIDEzLC0xNDkgMiwtMTUgLTE2LDAgeiBtIDAsLTExNCAwLDM1IDAsMjEgMCwwIDEzNywwIDAsMCAwLDAgMSwtMTIgMywtMjkgMSwtMTUgeiIgLz4KCjwvc3ZnPgo=); /* As PNG content: url(data:image;base64,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); */ margin: -10px; /* A trick for HTML5 logo */ } .standard-HTML5-Semantics:before { content: ''; } .standard-HTML5-Styling:before { content: ''; } .standard-HTML5-Performance:before { content: ''; } .standard-HTML5-Device-Access:before { content: ''; } .standard-HTML5-MultiMedia:before { content: ''; } .standard-HTML5-Connectivity:before { content: ''; } .standard-HTML5-Offline-Storage:before { content: ''; } .standard-HTML5-3D-Effects:before { content: ''; } [rel="license"]:before { height: 31px; width: 88px; /* cc-by-nc-nd-30 */ content: url(data:image;base64,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); /* cc-by-nc-sa-30 */ /* content: url(data:image;base64,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); */ } .standard-richstyle:before { content: '✑'; } /*=========================================================== RSS ===========================================================*/ channel, channel * { display:block; } channel { margin: 1em; } channel > title { font-size: x-large; text-align: center; color: #e34f26; } channel > description { text-align: center; color: #e34f26; } channel > title:after { font: message-box; display: block; padding: 1em; content: "This is an RSS feed, designed to be read in an RSS application."; background-color: rgb(255,255,215); border: 1pt solid #5c7099; color: #000; } channel > lastBuildDate { color: gray; text-align: end; } item { margin: 1em 0; background: #f0f0fa; border: 1pt solid #5c7099; } item * { padding: 3pt; } item > title { font-weight: bold; background: #5c7099; color: #fff; margin-top: -1pt; } item > link, item > comments { color: #e34f26; } item > pubDate, item > creator { color: gray; text-align: end; } encoded { margin: 1em; } commentRss { color: #e34f26; } channel > link, channel > updatePeriod, channel > updateFrequency, channel > copyright, channel > generator, channel > docs, language, ttl, guid, category, comments { display: none; } /*=========================================================== PRINTING SETTINGS ===========================================================*/ @media print { body * { box-shadow: none !important; } body > header, aside, nav { display: none !important; } ::input-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, /* for Firefox 18 and below */ :-ms-input-placeholder { display: none !important; /* FIXME doesn’t work */ } body > footer { border-bottom: none; } body > footer > * { display: block; text-align: center; } main { overflow: visible; padding: 0 !important; margin: 0 !important; } article, section { background: none; border: none; } article header, article > time, section header, section > time { background: none !important; border: none; /* border-bottom: 1pt #5c7099 solid; */ outline: 0; color: #5c7099; } article:not(:first-child), .book h1:not(:first-child) { page-break-before: always; } h2, h3, h4, h5 { page-break-after: avoid; } #toc { page-break-after: always; border: none; background: none; } main a[href^="http"]:after, main a[href^="ftp"]:after, main a[href^="mailto"]:after, .book a[href^="http"]:after, .book a[href^="ftp"]:after, .book a[href^="mailto"]:after { float: footnote; content: " " attr(href); color: black; } .cover a { /* FIXME Doesn't work */ float: none !important; content: none !important; } abbr { text-decoration: none; border-bottom: none; color: inherit; } main abbr:after, .book abbr:after, main span[title]:after, .book span[title]:after { float: footnote; color: black; } main abbr:after, .book abbr:after { content: " " attr(title) "."; } main span[title]:after, .book span[title]:after { content: " " attr(title); } textarea, input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], input[type="tel"], input[type="datetime"], input[type="datetime-local"], input[type="color"], input[type="range"], keygen, select { color: gray; border: 1px solid #aaa; } textarea { background: white; line-height: 24px; border: 1px solid #aaa; } form output, button[type="submit"], button[type="reset"] { display: none; } input:focus, select:focus, textarea:focus { background-color: transparent; } figure, img, audio, video, canvas, svg { /* FIXME page-break-inside: auto; */ } img { max-width: 97%; } pre { white-space: pre-wrap; overflow: visible; } article p { /* text-indent: 10pt; */ /* It doesnt look good for a rich text */ text-align: justify; } main header, article dd, /* for opera, but it dosen't work */ article form, article form label, footer { background-color: transparent; } article, address { border-color: black #fff #fff #fff; } .FAQ { margin: 0; } [class^="standard"], .domain-legal, .page-go-top { display: none !important; } #toc a:after { content: leader('.') target-counter(attr(href), page); } @page { size: A4; padding: .5cm 0; margin: 1.5cm; border-top: thin solid; border-bottom: thin solid; font-size: 8pt; @footnotes { border-top: thin solid; padding: 8pt 0 0 8pt; font-family: inherit !important; text-align: start !important; /* FIXME Something wrong here! */ } @top-left-corner {content: "";} /* @top-left {content: string(title);} */ @top-center {content: "";} @top-right {content: string(h1,first);} @top-right-corner {content: "";} @bottom-left-corner {content: "";} /* @bottom-left {content: "© 2015 " string(author);} */ @bottom-center {content: "- " counter(page) " -";} /* @bottom-right {content: string(application-name);} */ @bottom-right-corner {content: "";} @left-top {content: "";} @left-middle {content: "";} @left-bottom {content: "";} @right-top {content: "";} @right-middle {content: "";} @right-bottom {content: "";} } .cover { page: cover; } @page cover { border: none; background: #e1e4f2; @top-left-corner {content: "";} @top-left {content: "";} @top-center {content: "";} @top-right {content: "";} @top-right-corner {content: "";} @bottom-left-corner {content: "";} @bottom-left {content: "";} @bottom-center {content: "";} @bottom-right {content: "";} @bottom-right-corner {content: "";} @left-top {content: "";} @left-middle {content: "";} @left-bottom {content: "";} @right-top {content: "";} @right-middle {content: "";} @right-bottom {content: "";} } } /*=========================================================== HANDHELD SETTINGS ===========================================================*/ @media handheld { aside { display: none; } } @media screen and (max-width:640px) { .menu, aside, .standard-richstyle, .standard-HTML5, .standard-HTML5-Semantics, .standard-HTML5-Styling, .standard-HTML5-Performance, .standard-HTML5-Device-Access, .standard-HTML5-Offline-Storage, .standard-HTML5-MultiMedia, .standard-HTML5-Connectivity, .standard-HTML5-3D-Effects {display: none;} .page-fullscreen {display: none !important;} input[type="search"] { position: absolute; top: -1000pt; } input[type="search"]:focus { position: relative; top: -1pt; overflow-x: no-display; /* Trying to hide all the other icons */ width: calc(100% - 7ex) !important; } body nav.menu {width: 96%;} } @media screen and (min-width:640px) { .domain-menu {display: none !important;} } /*=========================================================== SVG Shapes ===========================================================*/ path, rect, circle, ellipse, Polygon, line, polyline { fill: #869bbf; stroke: #5c7099; } text { text-align: center; text-anchor: middle; } /* =========================================================== COLOR SCHEME =========================================================== You can use this comment as a guide to replace colors. bgColor textColor ---------------- ---------------- Title Blocks: #5c7099 #fff Elementary Blocks: #f0f0fa #000 (or: #f5f5ff) Secondary Blocks (Menu/Figures): #e1e4f2 Table Headers: #869bbf Contrast Color: #e34f26 bgColor textColor ---------------- ---------------- Title Blocks: #6f6f6f #fff Elementary Blocks: #f6f6f6 #000 Secondary Blocks (Menu/Figures): #e4e4e4 Table Headers: #989898 Contrast Color: #e34f26 .toolbar > * {vertical-align: baseline!important;} .toolbar form {background:red!important;line-height:150%;display:block;height:17pt;} .toolbar form p {background:green!important;} .toolbar form p input[type="search"] {background:yellow!important;vertical-align:middle!important;margin-top-:-2pt;} .toolbar form p button {background:lime!important;} */