Line 1: |
Line 1: |
− | /* {{pp|small=yes}} */ | + | /* For the Top banner on Start Page */ |
| + | |
| + | #pw-bottombanner { |
| + | clear: both; |
| + | position: relative; |
| + | box-sizing: border-box; |
| + | width: 100%; |
| + | margin-top: 0em; |
| + | min-width: 47em; |
| + | border-color: #ddd; |
| + | background-color: #f9f9f9; |
| + | white-space: nowrap; |
| + | } |
| + | |
| #mp-topbanner { | | #mp-topbanner { |
| clear: both; | | clear: both; |
Line 6: |
Line 19: |
| width: 100%; | | width: 100%; |
| margin-top: 1.2em; | | margin-top: 1.2em; |
| + | margin-bottom: 0em; |
| min-width: 47em; | | min-width: 47em; |
| border-color: #ddd; | | border-color: #ddd; |
− | background-color: #F9F9F9; | + | background-color: #f9f9f9; |
| white-space: nowrap; | | white-space: nowrap; |
| } | | } |
| | | |
| .mp-bordered, | | .mp-bordered, |
| + | .pw-bordered, |
| .mp-h2, | | .mp-h2, |
| body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */ | | body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */ |
Line 93: |
Line 108: |
| font-size: 120%; | | font-size: 120%; |
| font-weight: bold; | | font-weight: bold; |
− | font-color: %fff;
| + | font-family: inherit; |
− | font-family: sans-serif; | |
| } | | } |
| | | |
− | h2.mp-h2::after { /* Remove borders in Timeless */ | + | h2.mp-h2::after { /* Remove borders in Timeless */ |
− | border: none;
| + | border: none; |
| } | | } |
| | | |
Line 106: |
Line 120: |
| } | | } |
| | | |
− | #mp-upper { | + | /* End of Top banner on Start Page */ |
− | width: 100%; | + | |
− | margin-top: 4px; | + | /* For the rest of the Start Page */ |
| + | |
| + | .mainpage_row { |
| + | display: flex; |
| + | flex-direction: row; |
| + | flex-flow: row wrap; |
| + | justify-content: space-between; |
| + | padding: 0; |
| + | margin: 0 -5px 0 -5px; |
| + | } |
| + | .mainpage_box { |
| + | flex: 1; |
| + | margin: 5px; |
| + | min-width: 210px; |
| + | border: 1px solid #CCC; |
| + | padding: 0 10px 10px 10px; |
| + | box-shadow: 0 2px 2px rgba(0,0,0,0.1); |
| + | } |
| + | .mainpage_box h3 { |
| + | /* Reset padding so is equal across skins */ |
| + | padding: 0; |
| + | margin: 0.5em 0; |
| + | |
| + | } |
| + | .mainpage_box h3 .header_icon { |
| + | float: left; |
| + | margin-right: 5px; |
| + | |
| + | } |
| + | .mainpage_box .items { |
| + | border-top: 1px solid #CCC; |
| + | padding-top: 0.5em; |
| + | } |
| + | .mainpage_box p:last-child { |
| margin-bottom: 0; | | margin-bottom: 0; |
− | border-spacing: 0; | + | } |
− | border-collapse: separate; | + | .mainpage_boxcontents_small { |
| + | font-size: 95%; |
| + | } |
| + | |
| + | @media screen and (max-width: 719px) { |
| + | .thumb { |
| + | float: none; |
| + | } |
| + | .thumb, .thumbinner { |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | } |
| } | | } |
| | | |
− | #mp-upper .mid-table {
| + | .pw-ui-button, .pw-ui-progressive { |
− | border-color: transparent;
| + | border-radius: 4px !important; |
| + | border: 1px solid #40798C !important; |
| + | color: #40798C !important; |
| + | background: #fff !important; |
| + | text-shadow: 0px 0px 0px; |
| } | | } |
| | | |
− | #mp-left { | + | .pw-ui-button.pw-ui-progressive:hover, .pw-ui-button.pw-ui-progressive:focus, .pw-ui-button.pw-ui-progressive:active, .pw-ui-button:hover, .pw-ui-progressive:hover, .pw-ui-button:focus, .pw-ui-progressive:focus { |
− | width: 50%; | + | box-shadow: 0px 0px 0px !important; |
− | background: #fff; | + | text-shadow: 0px 0px 0px !important; |
− | border-color: #ddd; | + | border: 1px solid #40798C !important; |
| + | } |
| + | |
| + | /* End for the Start Page */ |
| + | |
| + | |
| + | body { |
| + | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; |
| + | background: #fff !important; |
| + | } |
| + | |
| + | p { |
| + | font-weight: 300 !important; |
| + | line-height: 1.9 !important; |
| + | } |
| + | |
| + | |
| + | table, td, th { |
| + | border: 0px !important; |
| + | border-collapse: collapse !important; |
| + | padding: 5px !important; |
| + | } |
| + | |
| + | |
| + | ul, li { |
| + | background: transparent !important; |
| + | border: 0px !important; |
| + | line-height: 1.8 !important; |
| + | font-size: 14px !important; |
| + | font-weight: 300 !important; |
| + | } |
| + | |
| + | li span { |
| + | background: transparent !important; |
| + | border: 0px !important; |
| + | font-size: 14px !important; |
| + | } |
| + | |
| + | .referencetooltip { |
| + | background-color: #EEE !important; |
| + | } |
| + | |
| + | dl { |
| + | font-weight: 300 !important; |
| + | } |
| + | |
| + | dt { |
| + | font-style: italic; |
| + | font-size: 16px !important; |
| + | margin-top: 10px !important; |
| + | } |
| + | |
| + | dd { |
| + | font-size: 15px !important; |
| + | } |
| + | |
| + | .mw-wiki-logo { |
| + | padding-left: 15px !important; |
| + | padding-top: 10px !important; |
| + | border: none !important; |
| + | } |
| + | |
| + | /*#p-logo a { |
| + | background-image: url('https://i.imgur.com/ur4m5Ia.png') !important; |
| + | }*/ |
| + | |
| + | code { |
| + | padding: 3px !important; |
| + | background: transparent !important; |
| + | color: #39892f !important; |
| + | } |
| + | |
| + | tt { |
| + | font-family: 'Source Code Pro', 'Lucida Sans Unicode', 'Courier New' !important; |
| + | font-size: 16px !important; |
| + | } |
| + | |
| + | .new, .new:link, .new:visited { |
| + | color: #cd5b45 !important; |
| + | } |
| + | |
| + | blockquote { |
| + | border: 0px !important; |
| + | font-style: italic !important; |
| + | font-size: 20px !important; |
| + | margin: 35px 75px !important; |
| + | line-height: 1.5 !important; |
| + | font-weight: 300 !important; |
| + | background: transparent !important; |
| + | } |
| + | |
| + | select { |
| + | padding: 0px 10px; |
| + | } |
| + | |
| + | .mw-ui-button, .mw-ui-progressive { |
| + | border-radius: 4px !important; |
| + | border: 1px solid #347Bff !important; |
| + | color: #347Bff !important; |
| + | background: #fff !important; |
| + | text-shadow: 0px 0px 0px; |
| + | } |
| + | |
| + | .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:focus, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button:hover, .mw-ui-progressive:hover, .mw-ui-button:focus, .mw-ui-progressive:focus { |
| + | box-shadow: 0px 0px 0px !important; |
| + | text-shadow: 0px 0px 0px !important; |
| + | border: 1px solid #347Bff !important; |
| + | } |
| + | |
| + | #wpSave, #wpPreview, #wpDiff { |
| + | border-radius: 4px !important; |
| + | border: 1px solid #347Bff !important; |
| + | color: #347Bff !important; |
| + | background: #fff !important; |
| + | text-shadow: 0px 0px 0px; |
| + | padding: 0.5em 1em; |
| + | cursor: pointer; |
| + | } |
| + | |
| + | #wpSave:hover, #wpPreview:hover, #wpDiff:hover { |
| + | color: rgba(52, 123, 255, 0.5) !important; |
| + | ; |
| + | } |
| + | |
| + | /* Search */ |
| + | |
| + | #simpleSearch { |
| + | background: transparent !important; |
| + | border-color: #ccc !important; |
| + | } |
| + | |
| + | #searchInput { |
| + | background: transparent !important; |
| + | } |
| + | |
| + | .mw-ui-input { |
| + | border: 1px solid #347Bff !important; |
| + | color: #000 !important; |
| + | background: #fff !important; |
| + | font-size: 16px !important; |
| + | } |
| + | |
| + | .mw-ui-input:focus { |
| + | box-shadow: 0px 0px 0px !important; |
| + | } |
| + | |
| + | .mw-content-ltr pre { |
| + | font-family: "Courier New", Lucida Console, sans-serif !important; |
| + | color: #000d26 !important; |
| + | } |
| + | |
| + | .suggestions { |
| + | font-weight: 300 !important; |
| + | font-size: 15px !important; |
| + | max-width: 300px !important; |
| + | margin-top: 15px !important; |
| + | border: 0px !important; |
| + | box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5); |
| + | } |
| + | |
| + | .suggestions-results { |
| + | border: 0px !important; |
| + | } |
| + | |
| + | .suggestions-result { |
| + | padding: 10px !important; |
| + | } |
| + | |
| + | .imeselector, #searchEngines { |
| + | display: none !important; |
| + | } |
| + | |
| + | .mw-search-formheader { |
| + | border: 0px !important; |
| + | background: transparent !important; |
| + | } |
| + | |
| + | .central-featured-logo { |
| + | background-image: url('https://i.imgur.com/nRDTbeb.png') !important; |
| + | } |
| + | |
| + | .mw-search-result-heading, .searchresult, .searchmatch { |
| + | font-size: 14px !important; |
| + | font-weight: 400 !important; |
| + | padding: 3px 0px !important; |
| + | } |
| + | |
| + | .searchmatch { |
| + | font-weight: 700 !important; |
| + | } |
| + | |
| + | /* |
| + | .mw-search-result-data, .mw-search-createlink { |
| + | display: none; |
| + | } |
| + | */ |
| + | |
| + | #mw-page-base, .vectorTabs { |
| + | background: transparent !important; |
| + | border: 0px !important; |
| + | } |
| + | |
| + | #content { |
| + | border: 0px !important; |
| + | margin-left: 215px !important; |
| + | } |
| + | |
| + | .portal { |
| + | background: transparent !important; |
| + | } |
| + | |
| + | #mw-panel { |
| + | width: 200px !important; |
| + | border-right: 1px solid #bbb; |
| + | background: white !important; |
| + | padding-left: 10px !important; |
| + | } |
| + | |
| + | #p-logo { |
| + | left: 0px; |
| + | padding-left: 10px; |
| + | background-color: white; |
| + | } |
| + | |
| + | #p-logo a { |
| + | padding-left: 40px; |
| + | background-color: white; |
| + | left: 0px; |
| + | border-right: 1px solid #aaa; |
| + | } |
| + | |
| + | #p-logo a:hover { |
| + | opacity: 1.0; |
| + | } |
| + | |
| + | #mw-head { |
| + | background-color: #f9f9f9; |
| + | opacity: 1.0; |
| + | box-shadow: 0px 1px 2px #aaa; |
| + | -webkit-transition-property: opacity !important; |
| + | -moz-transition-property: opacity !important; |
| + | -o-transition-property: opacity !important; |
| + | -ms-transition-property: opacity !important; |
| + | transition-property: opacity !important; |
| + | -webkit-transition-duration: 0.5s !important; |
| + | -moz-transition-duration: 0.5s !important; |
| + | -o-transition-duration: 0.5s !important; |
| + | -ms-transition-duration: 0.5s !important; |
| + | transition-duration: 0.25s !important; |
| + | |
| + | } |
| + | |
| + | #mw-head:hover { |
| + | opacity: 1.0 !important; |
| + | } |
| + | |
| + | .uls-settings-trigger { |
| + | display: none !important; |
| + | } |
| + | |
| + | #left-navigation { |
| + | margin-left: 233px !important; |
| + | } |
| + | |
| + | .wikitable { |
| + | font-weight: 300 !important; |
| + | } |
| + | |
| + | .wikitable td, .wikitable th { |
| + | border: 1px dashed rgba(0, 0, 0, 0.07) !important; |
| + | } |
| + | |
| + | pre { |
| + | line-height: 1.3 !important; |
| + | font-family: "Courier New", Lucida Console, sans-serif !important; |
| + | border: 0px !important; |
| + | background: 0px !important; |
| + | font-size: 16px !important; |
| + | } |
| + | |
| + | .mw-code { |
| + | border: 0px !important; |
| + | padding: 17px !important; |
| + | background: 0px !important; |
| + | font-size: 16px !important; |
| + | } |
| + | |
| + | .toc { |
| + | background: transparent !important; |
| + | border-style: dashed !important; |
| + | display: block !important; |
| + | max-width: 300px !important; |
| + | } |
| + | |
| + | .toctoggle { |
| + | display: none !important; |
| + | } |
| + | |
| + | .thumbinner, .thumb, .toccolours, .graytable { |
| + | background: transparent !important; |
| + | border: 0px !important; |
| + | font-size: 16px !important; |
| + | } |
| + | |
| + | .thumbimage { |
| + | border: 0px !important; |
| + | } |
| + | |
| + | .thumbcaption { |
| + | font-style: italic !important; |
| + | margin: 7px 0px !important; |
| + | } |
| + | |
| + | .thumbimage:hover { |
| + | opacity: 0.85 !important; |
| + | } |
| + | |
| + | .dablink { |
| + | margin: 14px 0px !important; |
| + | font-weight: 300 !important; |
| + | font-size: 18px !important; |
| + | } |
| + | |
| + | #siteSub, .flaggedrevs_preview { |
| + | display: none !important; |
| + | } |
| + | |
| + | .ambox, .tmbox, .Note, .informationbox { |
| + | margin: 5px 0px !important; |
| + | font-size: 18px !important; |
| + | font-weight: 700 !important; |
| + | line-height: 1.5 !important; |
| + | border: 1px dashed #aaa !important; |
| + | max-width: 550px !important; |
| + | font-weight: 300 !important; |
| + | } |
| + | |
| + | .ambox td, .tmbox td { |
| + | padding: 10px !important; |
| + | } |
| + | |
| + | .ambox-text-small, .mbox-text, .Note td { |
| + | font-size: 14px !important; |
| + | font-weight: 300 !important; |
| + | color: #000 !important; |
| + | } |
| + | |
| + | .ambox-image, .mbox-image { |
| + | display: none; |
| + | } |
| + | |
| + | #request_for_deletion, .ambox-serious { |
| + | background: rgba(255, 0, 0, 0.1) !important; |
| + | border: 1px dashed rgba(255, 0, 0, 0.15) !important; |
| + | color: #a00000 !important; |
| + | } |
| + | |
| + | .tmbox-notice, .tmbox-move, .Note { |
| + | background: rgba(150, 75, 0, 0.1) !important; |
| + | border: 1px dashed rgba(150, 75, 0, 0.15) !important; |
| + | } |
| + | |
| + | .informationbox { |
| + | background: #fff !important; |
| + | padding: 10px !important; |
| + | font-size: 14px !important; |
| + | } |
| + | |
| + | .editOptions { |
| + | background: #fff !important; |
| + | border: 0px !important; |
| + | } |
| + | |
| + | .catlinks { |
| + | background: transparent !important; |
| + | border: 1px dashed #aaa !important; |
| + | font-size: 16px !important; |
| + | } |
| + | |
| + | .infobox, .tright, .toccolours { |
| + | border: 0px !important; |
| + | background: transparent !important; |
| + | border-collapse: collapse !important; |
| + | } |
| + | |
| + | .infobox td, .infobox th, .tright td, .tright th, .toccolours td, .toccolours th { |
| + | padding: 5px !important; |
| + | background: transparent !important; |
| + | font-weight: 400 !important; |
| + | border: 1px dashed rgba(0, 0, 0, 0.07) !important; |
| + | } |
| + | |
| + | .image img:hover { |
| + | opacity: 0.85 !important; |
| + | } |
| + | |
| + | .globegris { |
| + | background: transparent !important; |
| + | } |
| + | |
| + | .mw-editsection-bracket, .references-small b, .mw-cite-backlink, .plainlinksneverexpand { |
| + | display: none !important; |
| + | } |
| + | |
| + | #floating_object { |
| + | display: none; |
| + | } |
| + | |
| + | .navbox, .nowraplinks { |
| + | margin: 10px 0px !important; |
| + | border-collapse: collapse !important; |
| + | } |
| + | |
| + | .navbox td, .navbox th, .nowraplinks td, .nowraplinks th { |
| + | padding: 9px 6px !important; |
| + | font-size: 14px !important; |
| + | font-weight: 300 !important; |
| + | border: 1px solid #fff !important; |
| + | } |
| + | |
| + | .NavFrame { |
| + | border: 0px !important; |
| + | background: transparent !important; |
| + | padding: 0px !important; |
| + | } |
| + | |
| + | .NavHead { |
| + | margin: 10px 0px !important; |
| + | padding: 12px !important; |
| + | font-size: 16px !important; |
| + | font-weight: 700 !important; |
| + | background: transparent !important; |
| + | } |
| + | |
| + | .Boxmerge { |
| + | border: 0px !important; |
| + | } |
| + | |
| + | #coordinates { |
| + | display: none !important; |
| + | } |
| + | |
| + | #mw-fr-revisiontag, #mw-fr-reviewnotice { |
| + | display: none !important; |
| + | } |
| + | |
| + | div#footer { |
| + | margin-left: 14em !important; |
| + | padding: 1.25em 1.5em 1.5em !important; |
| + | } |
| + | |
| + | .mw-footer { |
| + | margin-left: 14em !important; |
| + | padding: 1.25em 1.5em 1.5em !important; |
| + | } |
| + | |
| + | |
| + | /* General styling */ |
| + | |
| + | :root { |
| + | --primary-color: #742774; |
| + | --primary-color-light:#c5b7c5; |
| + | --primary-color-light2: #e9e4e9; |
| + | --secondary-color: #236767; |
| + | --dark-color: #0B2027; |
| + | |
| + | --success-color: #11620B; |
| + | --success-color-light: #D2FBD0; |
| + | |
| + | --warning-color: #b88a00; |
| + | --warning-color-light: #FFEED8; |
| + | |
| + | --error-color: #CC0000; |
| + | --error-color-light: #E5B4B4; |
| + | |
| + | --grey-light-1: #F9F9F9; |
| + | |
| + | --powerautomate-primary-color: #356CDA; |
| + | --powervirtualagent-primary-color: #327B8F; |
| + | --powerbi-primary-color: #E1AD34; |
| + | } |
| + | |
| + | |
| + | /******* Styling headers *******/ |
| + | h1, h2, h3, h4, h5, h6 { |
| + | color: var(--primary-color); |
| + | border: 0px; |
| + | font-family: 'Arial'; |
| + | } |
| + | |
| + | h1 { |
| + | font-weight: 700; |
| + | font-size: 36px; |
| + | } |
| + | |
| + | h2 { |
| + | font-weight: 400; |
| + | font-size: 26px; |
| + | } |
| + | |
| + | h3 { |
| + | font-weight: 400; |
| + | font-size: 16px; |
| + | } |
| + | |
| + | /******* Styling links *******/ |
| + | a:not(.image), a:not(.image):visited { |
| + | color: black !important; |
| + | } |
| + | |
| + | a:not(.image):hover, a:not(.image):visited:hover{ |
| + | color: var(--primary-color) !important; |
| + | } |
| + | |
| + | #bodyContent a:not(.image), #bodyContent a:not(.image):visited{ |
| + | text-decoration: underline !important; |
| + | } |
| + | |
| + | #bodyContent a:not(.image):hover, #bodyContent a:not(.image):visited:hover { |
| + | text-decoration: none !important; |
| + | color: var(--primary-color) !important; |
| + | } |
| + | |
| + | .mw-cookiewarning-container a, .mw-cookiewarning-container a:visited{ |
| + | color: white !important; |
| + | } |
| + | |
| + | .mw-cookiewarning-container a:hover, .mw-cookiewarning-container input:hover{ |
| + | color: white !important; |
| + | text-decoration: underline; |
| + | } |
| + | |
| + | /******* Tables *******/ |
| + | table { |
| + | margin: 2em 0; |
| + | } |
| + | |
| + | table, td, th{ |
| + | border: 1px solid var(--primary-color) !important; |
| + | } |
| + | |
| + | tr:nth-child(odd) { |
| + | background-color: var(--primary-color-light2); |
| + | } |
| + | |
| + | th { |
| + | text-align:left; |
| + | background-color: var(--primary-color-light); |
| + | } |
| + | |
| + | /******* PW Boxes *******/ |
| + | #bodyContent .pw-box{ |
| + | margin: 1em 0; |
| + | padding: 1em; |
| + | border-width: 1px; |
| + | border-left-width: 5px; |
| + | border-style: solid; |
| + | border-color: black; |
| + | border-radius: 6px; |
| + | font-size: inherit !important; |
| + | } |
| + | |
| + | #bodyContent .pw-box.infobox-present{ |
| + | /* |
| + | 300px = width of infobox |
| + | 5em = 1x margin of infobox + 2x padding of infobox + 2x padding of PWBox |
| + | 8px = 5px left border of PWBox + 1px right border of PWBox + 2 pixel (left and right) border of InfoBox |
| + | */ |
| + | width:calc(100% - 300px - 5em - 8px); |
| + | max-width:calc(100% - 300px - 5em - 8px); |
| + | } |
| + | |
| + | #bodyContent .pw-box h3{ |
| + | margin-top: 0; |
| + | font-weight:bold; |
| + | } |
| + | |
| + | #bodyContent .pw-box.info{ |
| + | border-color: var(--primary-color); |
| + | color: var(--primary-color); |
| + | background-color: var(--primary-color-light); |
| + | } |
| + | #bodyContent .pw-box.info h3{ |
| + | color: var(--primary-color); |
| + | } |
| + | |
| + | #bodyContent .pw-box.info a, |
| + | #bodyContent .pw-box.info a:visited{ |
| + | color: var(--primary-color) !important; |
| + | } |
| + | |
| + | #bodyContent .pw-box.warning{ |
| + | border-color: var(--warning-color); |
| + | color: var(--warning-color); |
| + | background-color: var(--warning-color-light); |
| + | } |
| + | #bodyContent .pw-box.warning h3{ |
| + | color: var(--warning-color); |
| + | } |
| + | |
| + | #bodyContent .pw-box.warning a, |
| + | #bodyContent .pw-box.warning a:visited{ |
| + | color: var(--warning-color) !important; |
| + | } |
| + | |
| + | #bodyContent .pw-box.error{ |
| + | border-color: var(--error-color); |
| + | color: var(--error-color); |
| + | background-color: var(--error-color-light); |
| + | } |
| + | |
| + | #bodyContent .pw-box.error h3{ |
| + | color: var(--error-color); |
| + | } |
| + | |
| + | #bodyContent .pw-box.error a, |
| + | #bodyContent .pw-box.error a:visited{ |
| + | color: var(--error-color) !important; |
| + | } |
| + | |
| + | #bodyContent .pw-box.success{ |
| + | border-color: var(--success-color); |
| + | color: var(--success-color); |
| + | background-color: var(--success-color-light); |
| + | } |
| + | |
| + | #bodyContent .pw-box.success h3{ |
| + | color: var(--primary-success); |
| + | } |
| + | |
| + | #bodyContent .pw-box.success a, |
| + | #bodyContent .pw-box.success a:visited{ |
| + | color: var(--success-color) !important; |
| + | } |
| + | |
| + | #bodyContent .mw-ui-button, #bodyContent .mw-ui-progressive{ |
| + | border-color: var(--primary-color) !important; |
| + | color: var(--primary-color) !important; |
| + | } |
| + | |
| + | /******* Infobox *******/ |
| + | .pw-infobox { |
| + | background-color: var(--grey-light-1); |
| + | border: 1px solid #aaa; |
| + | float: right; |
| + | margin: 0 0 1em 1em; |
| + | width: 300px; |
| + | max-width: 300px; |
| + | min-width: 300px; |
| + | } |
| + | |
| + | .pw-infobox .pw-infobox-title { |
| + | padding: 1em; |
| + | font-size: 1.5em; |
| + | text-align: center; |
| + | font-family: 'Linux Libertine','Georgia','Times',serif; |
| + | font-weight:bold; |
| + | background-color: var(--primary-color); |
| + | color: white; |
| } | | } |
| | | |
− | #mp-right {
| + | .pw-infobox .pw-infobox-content { |
− | width: 50%; | + | padding: 1em; |
− | background: #fff;
| |
− | border-color: #ddd;
| |
| } | | } |
| | | |
− | #mp-left,
| + | .pw-infobox .pw-infobox-content .pw-infobox-image { |
− | #mp-right {
| + | text-align: center; |
− | padding: 0;
| |
− | vertical-align: top;
| |
| } | | } |
| | | |
− | #mp-left .mp-h2 {
| + | .pw-infobox .pw-infobox-content table { |
− | border-color: #ddd;
| + | margin: inherate; |
− | color: #fff;
| |
− | font-family: sans-serif;
| |
− | background: #742774;
| |
| } | | } |
| | | |
− | #mp-right .mp-h2 {
| + | .pw-infobox .pw-infobox-content table, |
− | background: #005959;
| + | .pw-infobox .pw-infobox-content td, |
− | border-color: #ddd;
| + | .pw-infobox .pw-infobox-content th{ |
− | color: #fff;
| + | border: 0 !important; |
− | font-family: sans-serif;
| |
| } | | } |
| | | |
− | #mp-tfa,
| + | .pw-infobox .pw-infobox-content tr:nth-child(odd) { |
− | #mp-dyk,
| + | background-color: transparent; |
− | #mp-itn,
| |
− | #mp-otd,
| |
− | #mp-other-lower > div {
| |
− | padding: 0.1em 1em;
| |
| } | | } |
| | | |
− | #mp-dyk-h2,
| + | .pw-infobox .pw-infobox-content th { |
− | #mp-otd-h2 {
| + | text-align: left; |
− | clear: both;
| + | vertical-align: top; |
| + | width: 130px; |
| + | background-color: transparent; |
| + | color: var(--primary-color); |
| } | | } |
| | | |
− | #mp-middle {
| + | .pw-infobox .pw-infobox-content td { |
− | /* Used for middle lower box on start page */
| + | vertical-align: top; |
− | margin-top: 4px;
| |
− | border-color: #ddd;
| |
− | background: #fff;
| |
| } | | } |
| | | |
− | #mp-middle,
| + | /** Power Automate **/ |
− | #mp-lower,
| + | .pw-infobox.PowerAutomate .pw-infobox-title { |
− | #mp-other-lower {
| + | background-color: var(--powerautomate-primary-color); |
− | overflow: auto;
| |
| } | | } |
| | | |
− | #mp-tfl-h2 {
| + | .pw-infobox.PowerAutomate .pw-infobox-content th { |
− | /* Used for middle lower box header on start page */
| + | color: var(--powerautomate-primary-color); |
− | border-color: #ddd;
| |
− | background: #B6A6B5;
| |
− | color: #fff;
| |
− | font-family: sans-serif;
| |
| } | | } |
| | | |
− | #mp-tfl {
| + | /** Power Virtual Agent **/ |
− | padding: 0.3em 0.7em;
| + | .pw-infobox.PowerVirtualAgent .pw-infobox-title { |
| + | background-color: var(--powervirtualagent-primary-color); |
| } | | } |
| | | |
− | #mp-lower {
| + | .pw-infobox.PowerVirtualAgent .pw-infobox-content th { |
− | /* Not used currently */
| + | color: var(--powervirtualagent-primary-color); |
− | color: #fff; | + | } |
− | font-family: sans-serif;
| |
− | margin-top: 4px;
| |
− | background: #E9F1FF;
| |
− | border-color: #ddd;
| |
| | | |
| + | /** Power BI **/ |
| + | .pw-infobox.PowerBI .pw-infobox-title { |
| + | background-color: var(--powerbi-primary-color); |
| + | color:black; |
| } | | } |
| | | |
− | #mp-tfp-h2 {
| + | .pw-infobox.PowerBI .pw-infobox-content th { |
− | /* Not used currently */
| + | color: var(--powerbi-primary-color); |
− | color: #fff; | |
− | font-family: sans-serif;
| |
− | background: #fff;
| |
− | border-color: #00388c;
| |
| } | | } |
| | | |
− | #mp-tfp {
| + | /******* Delete lines between menu entries in top horizontal menu *******/ |
− | margin: 0.1em 0.4em 0.6em;
| + | .vector-menu-tabs, .vector-menu-tabs a{ |
| + | background:none; |
| } | | } |
| | | |
− | #mp-other-lower {
| + | /******* Cite *******/ |
− | /* Used for bottom box on start page, box */ | + | .PWCite blockquote { |
− | padding: 0; | + | font-weight: 100; |
− | margin-top: 4px; | + | font-size: 2rem; |
− | background: #fff;
| + | max-width: 600px; |
− | border-color: #ddd;
| + | line-height: 1.4; |
| + | position: relative; |
| + | margin: 0; |
| + | padding: .5rem; |
| } | | } |
| | | |
− | #mp-dyk,
| + | .PWCite blockquote:before, |
− | #mp-otd, | + | .PWCite blockquote:after { |
− | #mp-other-lower {
| + | position: absolute; |
− | padding-bottom: 0.5em; | + | color: #f1efe6; |
| + | font-size: 8rem; |
| + | width: 4rem; |
| + | height: 4rem; |
| } | | } |
| | | |
− | #mp-other-lower .mp-h2 {
| + | .PWCite blockquote:before { |
− | /* Used for bottom box on start page, header */
| + | content: '“'; |
− | background: #008D8B;
| + | left: -5rem; |
− | color: #fff;
| + | top: -2rem; |
− | font-family: sans-serif;
| |
− | border-color: #ddd;
| |
| } | | } |
| | | |
− | @media (max-width: 875px) {
| + | .PWCite blockquote:after { |
− | | + | content: '”'; |
− | body.skin--responsive #mp-welcomecount { | + | right: -5rem; |
− | width: auto;
| + | bottom: 1rem; |
− | }
| + | } |
| | | |
− | body.skin--responsive #mp-topbanner {
| + | .PWCite cite { |
− | min-width: 0;
| + | line-height: 3; |
− | white-space: normal;
| + | text-align: left; |
− | }
| + | } |
− | | |
− | body.skin--responsive #mp-portals {
| |
− | display: block;
| |
− | position: static;
| |
− | width: auto;
| |
− | min-width: 0;
| |
− | text-align: center;
| |
− | border-top: 1px solid #ddd;
| |
− | padding: 0.4em 0;
| |
− | margin: 0 0.4em;
| |
− | }
| |
− |
| |
− | body.skin--responsive #mp-portals li {
| |
− | position: static;
| |
− | display: inline;
| |
− | padding: 0 5px;
| |
− | }
| |
− |
| |
− | body.skin--responsive #mp-topbanner .portal-hright {
| |
− | white-space: nowrap;
| |
− | }
| |
− |
| |
− | body.skin--responsive table,
| |
− | body.skin--responsive tr,
| |
− | body.skin--responsive td,
| |
− | body.skin--responsive tbody {
| |
− | display: block !important;
| |
− | width: 100% !important;
| |
− | box-sizing: border-box;
| |
− | }
| |
| | | |
− | body.skin--responsive #mp-tfp tr:first-child td:first-child a {
| + | /******* Advent Calendar *******/ |
− | text-align: center;
| + | table.calendar { margin: 0; padding: 10px;} |
− | display: table;
| + | table.calendar td { margin: 0; padding: 2px; vertical-align: top;} |
− | margin: 0 auto;
| + | table.calendar th { padding: 2px; text-align: center; font-size: 300%; font-weight: bold; border: none; } |
| + | table.month { border: 2px solid #717d8a; } |
| + | table.month .dow th { text-align: center; font-size: 150%; } |
| + | table.month .heading th { text-align: center; color: #fff; background-color: #742774; font-size: 150%;} |
| + | table.month td { |
| + | border: none; |
| + | margin: 0; |
| + | padding: 1pt 1.5pt; |
| + | font-weight: bold; |
| + | font-size: 25pt; |
| + | text-align: center; |
| } | | } |
− | } | + | table.month td.day-active {} |
| + | table.month td.day-empty {} |
| + | table.month td.today {} |