MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* <pre> */ .first { background-color:#cfefff; } .second { background-color:#b2f2b2; } .third { background-color:#f8bfbf; } .fourth { background-color:#efef98; } .cmd { font-family:monospace; font-size: 10pt; } .annot { font-family:sans-serif; margin-top:1cm; } .large { font-size: 24pt; } /* new color names, based on proposal by thala, to replace first ... fourth eventually */ .arg1 { background-color: #cfefff} .arg2 { background-color: #b2f2b2} .arg3 { background-color: #f8bfbf} .arg4 { background-color: #efef98} .arg5 { background-color: #bfc4ee} .arg6 { background-color: #f5deb3} .arg7 { background-color: #e4bfe4} .doc1 { border-color: #cfefff; border-width:2} .doc2 { border-color: #b2f2b2; border-width:2} .doc3 { border-color: #f8bfbf; border-width:2} .doc4 { border-color: #efef98; border-width:2} .doc5 { border-color: #bfc4ee; border-width:2} .doc6 { border-color: #f5deb3; border-width:2} .doc7 { border-color: #e4bfe4; border-width:2} span.minor { font-style:italic; font-weight:normal; } #googleSearch { width: 10.9em; margin: 0; font-size: 95%; } #search_string { width: 10.9em; margin: 0; font-size: 95%; } #bodyContent a[href ^="javascript:"] { background: none; padding: 0px; text-decoration: none ; } /* pg: new markup <texcode>..</texcode> */ /* th: colors adjusted to be closer to standard hans' usage */ pre.tex { color:#000000; } pre span.documentcs { color:#007F00; font-weight: bold;} pre span.stylecs { color:#007F00; } pre span.systemcs { color:#00007F; } pre span.protectedcs { color:#7F007F; } pre span.cs { color:#00007F; } /* basic, ends up as primitives only */ pre span.def { color:#00007F; } pre span.comment { color:#7F7F00; } pre span.br { color:#7F0000; } pre span.brx { color:#00007F; } pre.xml { color:#000000; } pre span.name { color:#3366BB; } /* </pre> */ /*==============================================================================*/ /* TWEAKS OF THE DEFAULTS */ /*background-color: #eeeedc ; border-top: solid 1px #872222; border-bottom: none; } */ .mw-body-content h1 { margin-top: 0.70em; margin-bottom: 0.70em; padding-top: 0.5rem; padding-left: 0.5rem; border-bottom: none; border-left: solid 8px #872222; } .mw-body-content h2 { margin-top: 0.70em; margin-bottom: 0.60em; padding-top: 0px; } .mw-body-content h3 { margin-top: 0.70em; margin-bottom: 0.50em; padding-top: 0px; border-style: none;} .mw-body-content ul { margin-top: 0.5em; padding-top: 0.5em; margin-bottom: 0.5em; padding-bottom: 0.5em;} .mw-body-content li ul { margin-top: 0px; padding-top: 0px; margin-bottom: 0.5px; padding-bottom: 0.px;} */ comment after feedback on mailing list 20200629 https://lists.contextgarden.net/pipermail/wiki/2020/000112.html*/ .mw-parser-output a.external:link { color: #872222; text-decoration: none;} .mw-parser-output a.external:visited { color: #872222; text-decoration: none;} .mw-parser-output a.external:hover { color: #36b; text-decoration: none;} .mw-parser-output a.external:active { color: #872222; text-decoration: none;} .mw-parser-output a.extiw:link { color: #872222; text-decoration: none;} .mw-parser-output a.extiw:visited { color: #872222; text-decoration: none;} .mw-parser-output a.extiw:hover { color: #36b; text-decoration: none;} .mw-parser-output a.extiw:active { color: #872222; text-decoration: none;} #mw-panel .portal .body li a:link { color: #872222; text-decoration: none;} #mw-panel .portal .body li a:visited { color: #872222; text-decoration: none;} #mw-panel .portal .body li a:hover { color: #36b; text-decoration: none;} #mw-panel .portal .body li a:active { color: #872222; text-decoration: none;} a:link { color: #872222; text-decoration: none;} a:visited { color: #872222; text-decoration: none;} a:hover { color: #36b; text-decoration: none;} a:active { color: #872222; text-decoration: none;} a.external:link { color: #872222; text-decoration: none;} a.external:visited { color: #872222; text-decoration: none;} a.external:hover { color: #36b; text-decoration: none;} a.external:active { color: #872222; text-decoration: none;} a.new:link { color: red; text-decoration: none;} a.new:visited { color: red; text-decoration: none;} a.new:hover { color: red; text-decoration: none;} a.new:active { color: red; text-decoration: none;} /*==============================================================================*/ /* Specific to vector */ .mw-body { border:1px solid #c18e8e; border-right-width:0; margin-top:-1px } .vectorTabs li { background-image: url(https://wiki.contextgarden.net/images/8/8b/tab-normal-fade_context.png); } .vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 { background-image: url(/skins/Vector/images/tab-separator.png?09d4b); background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#c18e8e 100%); } .vectorTabs li a { color: #872222; } .vectorMenu li a { color: #872222; } .vectorTabs #ca-unwatch.icon a { background-image: url(https://wiki.contextgarden.net/images/7/79/unwatch-icon_context.png); } .vectorTabs #ca-unwatch.icon a:hover, .vectorTabs #ca-unwatch.icon a:focus { background-image: url(https://wiki.contextgarden.net/images/7/79/unwatch-icon_context.png); } .vectorTabs #ca-watch.icon a { background-image: url(https://wiki.contextgarden.net/images/b/b2/watch-icon_context.png); } .vectorTabs #ca-watch.icon a:hover, .vectorTabs #ca-watch.icon a:focus { background-image: url(https://wiki.contextgarden.net/images/b/b2/watch-icon_context.png); } /*==============================================================================*/ /* Trial for update of WelcomePage2020.05.25 */ body.page-Main_Page h1.firstHeading { border-style: none; color:rgba(0,0,0,0); } h1.firstHeading { border-style: none;} #WelcRework { display: grid; grid-template-columns: 100px 100px 100px 100px 100px ; grid-gap: 1.5rem; justify-content: space-evenly; list-style: none; padding: 1rem; margin: 0; height: stretch; backgound: blue; } #WelcRework > li { text-align:center; background-color: #eeeedc ; box-shadow: 0px 5px 8px rgba(0,0,0,.25); height: stretch; width=100px; border-bottom: solid 4px #872222; height: stretch; height: 140px; } /*==============================================================================*/ /* DOWNLOAD PAGE */ #DownloadRework { display: grid; grid-template-columns: 150px 150px 150px; grid-gap: 1em; justify-content: space-evenly; list-style: none; padding: 0rem; margin: 0; list-style-type: none; height: stretch; } #DownloadRework > li { text-align:left; background-color: #eeeedc ; box-shadow: 0px 5px 8px rgba(0,0,0,.25); height: stretch; border-bottom: solid 4px #872222; padding: 0.25rem; } #DownloadRework > li> h3 { padding: 0px 0.25rem; margin:0px; } #DownloadRework > li> ul { padding: 0px 0.rem; } #DownloadRework > li> ul > li { padding: 0px; margin: 0px; } /*==============================================================================*/ /* MANUALS PAGE */ ul.filter-links { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, 100px); grid-gap: 0.2em 1.5em; justify-content: space-evenly; overflow: hidden; padding: 1em; margin: 0; } .filter-links li { height: stretch; background-color: #f6f6f6; text-align:center; font-size: 75%; padding: 0.1rem 0.1rem; border-radius: 8px; border: solid 2px #872222; width: 100px; } ul.filter-sections { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, 100px); font-size: 85%; grid-gap: 1.5rem; justify-content: space-evenly; overflow: hidden; padding: 1rem; margin: 0; } ul.filter-sections li { opacity: 0; display: none; text-align:center; background-color: #eeeedc ; box-shadow: 0px 5px 8px rgba(0,0,0,.25); height: stretch; border-bottom: solid 4px #872222; } .view { display: block !important; opacity: 1 !important; } @keyframes selected { 0% { border-radius:100%; } } /*==============================================================================*/ /* TWO and THREE COMLUMNS LISTS */ div.mw-body-content { max-width: 70em; margin: 0 auto;} ul.ColumnsUnderLevel1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(15em, 29em)); grid-gap: 1.9em; justify-content: space-evenly; list-style: none; padding: 0px; margin: 0px; } ul.TwoColumnsHighlight { display: grid; grid-template-columns: repeat(auto-fit, minmax(15em, 29em)); grid-gap: 1.9em; justify-content: space-evenly; list-style: none; padding: 0px; margin: 0px; } ul.ThreeColumnsHighlight { display: grid; grid-template-columns: repeat(auto-fit, minmax(15em, 19em)); grid-gap: 1.4em; justify-content: space-evenly; list-style: none; padding: 0px; margin: 0px; } li.ColumnsHighlight { height:stretch; padding: 10px; background-color: #eeeedc; box-shadow: 0px 5px 8px rgba(0,0,0,.25); border-bottom: solid 4px #872222; } /*==============================================================================*/ /* COLOR NABOX */ ul.Navbox { display: grid; grid-template-columns: repeat(6, 9.5em); grid-gap:0.5em; justify-content: space-between; list-style: none; padding: 0rem; margin: 0; margin-top: 1em; margin-bottom: 1em; } ul.Navbox > li { background-color: #f6f6f6; font-size:80%; } ul.Navbox > li > ul { padding: 0rem; padding-left: 0.5em; margin: 0; list-style: none; }