MediaWiki:Common.css

From DigitalVision
Revision as of 14:56, 8 November 2017 by Alastair (talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, 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.
/* ================================================================================================= */

/* CSS for new pages etc. (including templates we use) are in skin CSS i.e. zeddocs / css */

/* ================================================================================================= */

/* 
     MW 1.24 seems to introduce #firstHeading font difference (font-family: 'Linux Libertine','Georgia', 'Times', serif;)
     making the first heading serif - standing out ... REVERT
     Ref : https://phabricator.wikimedia.org/T65718
*/

.mw-body h1, .mw-body h2, .mw-body #firstHeading {
    font-family: sans;
}


/* ================================================================================================= */
/* Some small changes and additions to standard MW/Extension UI  */
/* ================================================================================================= */

/* BreadCrumbs - do not display on Main Page ... */
@media screen {
  body.page-Main_Page div#breadcrumbs {
    display: none;
  }
}

/* No patrollink on main page*/
body.page-Main_Page div.patrollink {
    display: none;
}


/* Suppress title - Mozilla do this on front page only */
h1.firstHeading { font-size: 70%; }
body.page-Main_Page h1.firstHeading { display:none; }

/* Suppress title on front page */
body h1.firstHeading { display:none; }

#bodyContent {
  /* see zeddocs|css|screen.css */
}

/* increase Vector sidebar width - default is 10em */
div#mw-panel { width: 15em; }
div#footer, #mw-head-base, div#content { margin-left: 15em; }
#left-navigation { left: 15em; }

/ * hide discussion/talk tab */
#ca-nstab-main { display:none!important; }
#left-navigation { display: none; }
#footer-poweredbyico { display: none; }


/* ================================================================================================= */
/* Tree Menu CSS .... */
/* ================================================================================================= */

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(/localimages/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(/localimages/closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

/* ================================================================================================= */
/* H&M CSS - direct copy ....    */
/* This is what makes the manual pages look "correct" */
/* ================================================================================================= */

span.f_CmdLine /* Cmd Line */
{
 font-family: 'Courier New';
}
span.f_CmdLineEmphasized /* Cmd Line Emphasized */
{
 font-family: 'Courier New';
 font-weight: bold;
}
span.f_CmdLinePrompts /* Cmd Line Prompts */
{
 font-family: 'Courier New';
 color: #508eec;
}
span.f_CodeExample /* Code Example */
{
 font-size: 10pt;
 font-family: 'Courier New';
}
span.f_Comment /* Comment */
{
}
span.f_DirectoryPath /* Directory Path */
{
 font-family: 'Courier New';
}
span.f_DV /* DV */
{
}
span.f_DVBodyText /* DV Body Text */
{
}
span.f_DVBodyTextIndent1 /* DV Body Text Indent 1 */
{
}
span.f_DVBodyTextIndent2 /* DV Body Text Indent 2 */
{
}
span.f_DVBodyTextIndent3 /* DV Body Text Indent 3 */
{
}
span.f_DVBodyTextSmaller /* DV Body Text Smaller */
{
 font-size: 9pt;
}
span.f_DVCmdLineFsmall /* DV Cmd Line F small */
{
 font-size: 8pt;
 font-family: 'Courier New';
 color: #508eec;
}
span.f_DVCmdline /* DV Cmdline */
{
 font-size: 10pt;
 font-family: 'Courier';
}
span.f_DVCmdlineF /* DV Cmdline F */
{
 font-size: 10pt;
 font-family: 'Courier New';
}
span.f_DVConfigParam /* DV Config Param */
{
 font-family: 'Courier New';
}
span.f_DVEmphasisOrangeF /* DV Emphasis Orange F */
{
 font-weight: bold;
 color: #ff9900;
}
span.f_DVFConfigFile /* DV F ConfigFile */
{
 font-size: 10pt;
 font-family: 'DejaVu Sans Mono';
}
span.f_DVFFilepath /* DV F Filepath */
{
 font-size: 10pt;
 font-family: 'DejaVu Sans Mono';
}
span.f_DVFFilepathSmall /* DV F Filepath Small */
{
 font-size: 8pt;
 font-family: 'DejaVu Sans Mono';
}
span.f_DVFilename /* DV Filename */
{
 font-style: italic;
}
span.f_DVGUIElement /* DV GUI Element */
{
 font-style: italic;
 font-weight: bold;
 color: #00ccff;
}
span.f_DVGUIElementF /* DV GUI Element F */
{
 font-style: italic;
 font-weight: bold;
 color: #00ccff;
}
span.f_DVHeader1 /* DV Header 1 */
{
 font-size: 18pt;
 font-weight: bold;
}
span.f_DVHeader1F /* DV Header 1 F */
{
 font-size: 18pt;
 font-family: 'Arial';
 font-weight: bold;
}
span.f_DVHeader2 /* DV Header 2 */
{
 font-size: 16pt;
 font-weight: bold;
}
span.f_DVHeader2F /* DV Header 2 F */
{
 font-size: 16pt;
 font-family: 'Arial';
 font-weight: bold;
}
span.f_DVHeader2inTable2 /* DV Header 2 in Table2 */
{
 font-size: 16pt;
 font-weight: bold;
}
span.f_DVHeader3 /* DV Header 3 */
{
 font-size: 14pt;
 font-weight: bold;
 color: #7171bd;
}
span.f_DVHeader3F /* DV Header 3 F */
{
 font-size: 14pt;
 font-family: 'Arial';
 font-weight: bold;
 color: #7171bd;
}
span.f_DVHeader3indent /* DV Header 3 indent */
{
 font-size: 14pt;
 font-weight: bold;
 color: #7171bd;
}
span.f_DVHeader3NoteBox /* DV Header 3 Note Box */
{
 font-size: 14pt;
 font-weight: bold;
 color: #7171bd;
}
span.f_DVHeader4 /* DV Header 4 */
{
 font-size: 12pt;
 font-weight: bold;
 color: #7171bd;
}
span.f_DVHeaderMain /* DV Header Main */
{
 font-size: 22pt;
 color: #ff9900;
}
span.f_DVHeaderParam /* DV Header Param */
{
 font-size: 14pt;
 color: #ff9900;
}
span.f_DVHeaders /* DV Headers */
{
}
span.f_DVHotkey /* DV Hotkey */
{
 font-weight: bold;
 color: #f39801;
}
span.f_DVPConfigFileContents /* DV P ConfigFileContents */
{
 font-size: 10pt;
 font-family: 'DejaVu Sans Mono';
}
span.f_DVPanelStyleF /* DV Panel Style F */
{
 color: #ff9900;
}
span.f_DVParagraphHeaderIndent1 /* DV Paragraph Header Indent 1 */
{
 font-size: 12pt;
 font-weight: bold;
}
span.f_DVParagraphHeaderIndent2 /* DV Paragraph Header Indent 2 */
{
 font-size: 12pt;
 font-weight: bold;
}
span.f_DVParagraphHeaderIndent3 /* DV Paragraph Header Indent 3 */
{
 font-size: 12pt;
 font-weight: bold;
}
span.f_DVParagraphHeaders /* DV Paragraph Headers */
{
 font-size: 12pt;
 font-weight: bold;
}
span.f_DVSuperscript /* DV Superscript */
{
 font-size: 10pt;
 vertical-align: super;
}
span.f_DVTableText /* DV Table Text */
{
}
span.f_DVTableTextBreakInfo /* DV Table Text Break Info */
{
 font-weight: bold;
}
span.f_DVTableTextHeader /* DV Table Text Header */
{
 font-size: 12pt;
 font-weight: bold;
 color: #333399;
}
span.f_DVTableTextSmaller /* DV Table Text Smaller */
{
 font-size: 9pt;
}
span.f_EffectName /* Effect Name */
{
 font-style: italic;
}
span.f_Emphasis /* Emphasis */
{
 font-weight: bold;
}
span.f_ExampleHeader /* Example Header */
{
 font-weight: bold;
 color: #800080;
}
span.f_GroupHeader1 /* Group Header1 */
{
 font-size: 12pt;
 font-weight: bold;
 color: #333399;
}
span.f_GroupHeader2 /* Group Header2 */
{
 font-weight: bold;
 color: #666699;
}
span.f_GroupHeaders /* Group Headers */
{
 font-weight: bold;
}
span.f_GUIButton /* GUI Button */
{
 font-style: italic;
 font-weight: bold;
}
span.f_Headers /* Headers */
{
 font-size: 10pt;
 font-family: 'Arial';
}
span.f_Heading1 /* Heading1 */
{
 font-size: 28pt;
 color: #ff9900;
}
span.f_Heading2 /* Heading2 */
{
 font-size: 20pt;
 font-family: 'Arial';
 font-weight: bold;
}
span.f_Heading3 /* Heading3 */
{
 font-size: 18pt;
 font-family: 'Arial';
 font-weight: bold;
}
span.f_Heading4 /* Heading4 */
{
 font-size: 10pt;
 font-family: 'Arial';
}
span.f_HotkeysandButtons /* Hotkeys and Buttons */
{
 font-style: italic;
 font-weight: bold;
 color: #752600;
}
span.f_ImageCaption /* Image Caption */
{
 font-size: 8pt;
 font-weight: bold;
}
span.f_Images /* Images */
{
}
span.f_Indented /* Indented */
{
}
span.f_Keywords /* Keywords */
{
 font-style: italic;
}
span.f_ListHeaderIndented /* List Header Indented */
{
 font-weight: bold;
}
span.f_ListItemIndented /* List Item Indented */
{
}
span.f_Notes /* Notes */
{
}
span.f_Paragraph /* Paragraph */
{
}
span.f_ParagraphHeader /* Paragraph Header */
{
 font-weight: bold;
}
span.f_PointToNote-Info /* PointToNote-Info */
{
}
span.f_ProductName /* Product Name */
{
 font-style: italic;
 color: #666699;
}
span.f_ScreenNames /* Screen Names */
{
 font-style: italic;
}
span.f_Tip /* Tip */
{
}
span.f_Warning /* Warning */
{
}
/* Paragraph styles */
.p_CmdLine /* Cmd Line */
{
 white-space: nowrap;
}
.p_CmdLineEmphasized /* Cmd Line Emphasized */
{
 white-space: nowrap;
}
.p_CmdLinePrompts /* Cmd Line Prompts */
{
 white-space: nowrap;
}
.p_CodeExample /* Code Example */
{
 white-space: nowrap;
 margin: 0px 0px 0px 10px;
}
.p_Comment /* Comment */
{
}
.p_DirectoryPath /* Directory Path */
{
}
.p_DV /* DV */
{
}
.p_DVBodyText /* DV Body Text */
{
 margin: 0px 0px 0px 0px;
}
.p_DVBodyTextIndent1 /* DV Body Text Indent 1 */
{
 margin: 0px 0px 0px 40px;
}
.p_DVBodyTextIndent2 /* DV Body Text Indent 2 */
{
 margin: 0px 0px 0px 70px;
}
.p_DVBodyTextIndent3 /* DV Body Text Indent 3 */
{
 margin: 0px 0px 0px 0px;
}
.p_DVBodyTextSmaller /* DV Body Text Smaller */
{
 margin: 0px 0px 0px 0px;
}
.p_DVCmdline /* DV Cmdline */
{
 background: #dddddd;
 margin: 0px 19px 0px 38px;
}
.p_DVConfigParam /* DV Config Param */
{
}
.p_DVFilename /* DV Filename */
{
}
.p_DVGUIElement /* DV GUI Element */
{
}
.p_DVHeader1 /* DV Header 1 */
{
 margin: 2em 0 1.8em 0;
}
.p_DVHeader2 /* DV Header 2 */
{
 margin: 2em 0 1.2em 0;
}
.p_DVHeader2inTable2 /* DV Header 2 in Table2 */
{
 margin: 0px 0px 4px 0px;
}
.p_DVHeader3 /* DV Header 3 */
{
 margin: 1.5em 0px 1.2em 0;
}
.p_DVHeader3indent /* DV Header 3 indent */
{
 margin: 8px 0px 8px 40px;
}
.p_DVHeader3NoteBox /* DV Header 3 Note Box */
{
 margin: 8px 0px 8px 1px;
}
.p_DVHeader4 /* DV Header 4 */
{
 margin: 1.5em 0 1.0em 40px;
}
.p_DVHeaderMain /* DV Header Main */
{
 margin: 42px 0px 15px 0px;
}
.p_DVHeaderParam /* DV Header Param */
{
 margin: 8px 0px 8px 0px;
}
.p_DVHeaders /* DV Headers */
{
}
.p_DVHotkey /* DV Hotkey */
{
}
.p_DVPConfigFileContents /* DV P ConfigFileContents */
{
 margin: 0px 0px 0px 4px;
}
.p_DVParagraphHeaderIndent1 /* DV Paragraph Header Indent 1 */
{
 margin: 0px 0px 0px 38px;
}
.p_DVParagraphHeaderIndent2 /* DV Paragraph Header Indent 2 */
{
 margin: 0px 0px 0px 57px;
}
.p_DVParagraphHeaderIndent3 /* DV Paragraph Header Indent 3 */
{
 margin: 0px 0px 0px 76px;
}
.p_DVParagraphHeaders /* DV Paragraph Headers */
{
}
.p_DVTableText /* DV Table Text */
{
}
.p_DVTableTextBreakInfo /* DV Table Text Break Info */
{
 background: #c9d1e4;
}
.p_DVTableTextHeader /* DV Table Text Header */
{
}
.p_DVTableTextSmaller /* DV Table Text Smaller */
{
}
.p_EffectName /* Effect Name */
{
}
.p_Emphasis /* Emphasis */
{
}
.p_ExampleHeader /* Example Header */
{
 margin: 13px 0px 8px 29px;
}
.p_GroupHeader1 /* Group Header1 */
{
 margin: 17px 0px 10px 14px;
}
.p_GroupHeader2 /* Group Header2 */
{
 margin: 13px 0px 8px 29px;
}
.p_GroupHeaders /* Group Headers */
{
}
.p_GUIButton /* GUI Button */
{
}
.p_Heading1 /* Heading1 */
{
 border-bottom: 3px solid #ff9900;
 padding: 5px 5px 5px 5px;
 margin: 0.5em 0px 3.5em 0px;
}
.p_Heading2 /* Heading2 */
{
 margin: 19px 0px 13px 0px;
}
.p_Heading3 /* Heading3 */
{
 margin: 17px 0px 10px 10px;
}
.p_Heading4 /* Heading4 */
{
 margin: 10px 0px 8px 10px;
}
.p_HotkeysandButtons /* Hotkeys and Buttons */
{
}
.p_ImageCaption /* Image Caption */
{
}
.p_Images /* Images */
{
 text-align: center;
}
.p_Indented /* Indented */
{
 margin: 0px 0px 0px 29px;
}
.p_Keywords /* Keywords */
{
}
.p_ListHeaderIndented /* List Header Indented */
{
 margin: 5px 0px 0px 29px;
}
.p_ListItemIndented /* List Item Indented */
{
 margin: 5px 0px 0px 48px;
}
.p_Notes /* Notes */
{
}
.p_Paragraph /* Paragraph */
{
}
.p_ParagraphHeader /* Paragraph Header */
{
}
.p_PointToNote-Info /* PointToNote-Info */
{
 border-color: #bbccff;
 border-style: double;
 border-width: 2px;
 background: #e8eeff;
 padding: 6px 6px 6px 6px;
 margin: 13px 42px 13px 42px;
}
.p_ProductName /* Product Name */
{
}
.p_ScreenNames /* Screen Names */
{
}
.p_Tip /* Tip */
{
 border-color: #ff9900;
 border-style: solid;
 border-width: 2px;
 padding: 6px 6px 6px 6px;
 margin: 10px 42px -6px 42px;
}
.p_Warning /* Warning */
{
 border-color: #c80000;
 border-style: solid;
 border-width: 3px;
 border-right: none;
 border-left: none;
 padding: 6px 6px 6px 6px;
 margin: 11px 42px 11px 42px;
}

/* ================================================================================================= */
/* END H&M CSS   */
/* ================================================================================================= */


/* ================================================================================================= */
/* Had problem getting overrides to work ...
/* ================================================================================================= */


/* -----------------------------------------------------------------------------------------
    Manual CSS : m-* are "manual" CSS - arranged to look the same as current (original)  page
    ellements. These are for use on new pages.
-------------------------------------------------------------------------------------------- */

div.m-title {
    font-size: 260%;
    color: #ff9900;
    width: 100%;
    border-bottom: 3px solid #ff9900;
    margin-bottom: 40px;
}

div.m-heading1 { 
    margin: 15px 0 20px 0;
    font-size: 190%;
    font-weight: bold;
}
div.m-heading2 { 
    margin: 10px 0 18px 0;
    font-size: 150%;
    font-weight: bold;
}
div.m-heading2c { 
    margin: 10px 0 18px 0;
    font-size: 150%;
    font-weight: bold;
    color: #7171bd;
}

div.m-heading3 { 
    margin: 10px 0 15px 0;
    font-size: 140%;
    font-weight: bold;
    color: #7171bd;
}
div.m-heading4 { 
    margin: 10px 0 10px 0;
    font-size: 130%;
    font-weight: normal;
    color: #7171bd;
}

div.m-note {
    margin-top: 1em;
    margin-bottom: 1em;
    border: thin solid #ff9900;
    width: 80%;
    padding: 10px 10px 10px 50px;;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10px 15px;;
    background-image: url('/localimages/dv_note.png')
}

div.m-alert {
    margin-top: 1em;
    margin-bottom: 1em;
    border: thin solid #ff9900;
    width: 80%;
    padding: 10px 10px 10px 50px;;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10px 15px;;
    background-image: url('/localimages/dv_alert.png')
}

div.m-doc {
    margin-top: 1em;
    margin-bottom: 1em;
    border: thin solid #ccc;
    width: 80%;
    padding: 10px 10px 10px 50px;;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10px 15px;;
    background-image: url('/localimages/dv_doc.png')
}

div.m-cli {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.2em;
    font-family: monospace;
    background-color: #eee;
    width: 100%;
}

div.m-cli .title {
    font-weight: bold;
    background-color: #BBCCFF;
}

div.m-cli .text { }
div.m-cli .input { }
div.m-cli .output { 
    color: #508EEC;
}

div.m-textfile {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.5em;
    font-size: 1.2em;
    font-family: monospace;
    background-color: #eaeaea;
    width: 100%;
}

div.m-configfile {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    font-size: 1.0em;
    font-family: monospace;
    background-color: #eaeaea;
    width: 100%;
    white-space: pre;
}

div.m-image {
    margin-top: 1em;
    margin-bottom: 1em;
}

.manualnav { padding-bottom: 1.5em; }
.manualnavtop { padding-bottom: 1em; }
.manualnavbottom { padding-top: 3em; padding-bottom: 0.5em; }

.manualcontent {
    /* border: thin dotted rgb(200,200,200); */
    /* width: 80%; */
    width: 1000px;
    margin-left: 0px;
    margin-right: 380px;

}

/* e.g. <span class="m-new">[2017]</span> */
span.m-new {
  color: rgb(25,152,12); /* greenish */
  font-size: 70%;
  font-weight:bold
}

.generalnavtop { padding-bottom: 5px; }

/* ================================================================================================= */
/* END COMMON.CSS FILE */
/* ================================================================================================= */