PETRA online

MediaWiki:Common.css

Versie door Eoord (overleg | bijdragen) op 30 mei 2022 om 11:10
(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)

Opmerking: nadat u de wijzigingen hebt gepubliceerd is het wellicht nodig uw browsercache te legen.

  • Firefox / Safari: houd Shift ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
  • Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
  • Internet Explorer / Edge: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
  • Opera: druk op Ctrl-F5.
/* IPO styling colors = rgb(31, 43, 78) (blue), rgb(237,122,28) (orange), rgb(244, 245, 246) (lightgrey), rgb(70, 80, 109) (blue2) */
/* BIJ12 styling colors = rgb(0, 94, 165) (blue), rgb(204, 96, 77) (red), rgb(229, 229, 229) (lightgrey), rgb(250, 239, 237) (pink), rgb(214, 125, 108) (lighter red) */

/* Logo & title styling */
.skin-Portland header.container-fluid h1 {
    background-image: url("/file_auth.php/petra2/8/8c/Logo-Petra_2.png");
    background-position-y: 10px;
    background-size: 150px;
    background-repeat: no-repeat;
}
.skin-Portland header.container-fluid h1 a {
    margin-left: 183px;
    display: inline-block;
    font-size: x-large;
    height: 70px;
    color: rgb(0, 94, 165); 
    font-family: "Source Sans Pro", sans-serif;
}

/* Background styling */
.skin-Portland header.container-fluid {background-color:white; height: 110px; }

/* User menu styling */
.skin-Portland header.container-fluid div.container div.pull-right div.usernav.pull-left {padding-top: .2em;}
.skin-Portland header.container-fluid div.container div.pull-right div.usernav ul {margin: 0em 1em 0em 0em;}
.skin-Portland header.container-fluid div.container div.pull-right div.usernav ul li a {color:#000; font-family: "Source Sans Pro", sans-serif; padding:6px 15px 7px 15px}
.skin-Portland header.container-fluid div.container div.pull-right div.usernav ul li a:hover {background:rgb(214, 125, 108) !important;}
.skin-Portland header.container-fluid div.container div.pull-right div.usernav ul li a:focus {background:rgb(214, 125, 108) !important;}
.skin-Portland header.container-fluid div.container div.pull-right div.usernav ul li ul li a {background-color:rgb(229, 229, 229); color:#000; font-family: "Source Sans Pro", sans-serif;}
.skin-Portland header.container-fluid div.container div.pull-right div.usernav ul li ul li a:hover {background:rgb(214, 125, 108) !important;}
.skin-Portland header.container-fluid div.container div.pull-right div.usernav ul li ul.dropdown-menu li#pt-userpage {float: inherit;}

/* Hide admin menu section by default */
.nav li#p-Technisch {display:none;}

/* Menu bar styling */
.skin-Portland nav#navigation.container-fluid {background-color:rgb(204, 96, 77); color:#fff; height: 50px; font-family: "Source Sans Pro", sans-serif; font-size: 16px;}
.skin-Portland nav#navigation.container-fluid nav.container a.dropdown-toggle {color:#fff; height: 50px; padding-right: 20px;}
.skin-Portland nav#navigation.container-fluid nav.container ul.dropdown-menu a {background-color:rgb(250, 239, 237); color:#000;}
.skin-Portland nav#navigation.container-fluid nav.container ul.nav li a:hover {background-color:rgb(214, 125, 108); color:#fff;}
.skin-Portland nav#navigation.container-fluid nav.container ul.nav li a:focus {background:rgb(250, 239, 237); color:#000;}
.skin-Portland nav#navigation.container-fluid nav.container ul.nav li ul li a:hover {background-color:rgb(214, 125, 108); color:#fff;}
.dropdown-menu {background-color:rgb(250, 239, 237);}

/* Content navigation styling */
.skin-Portland section#content.container nav#contentNav {background:white; color:#000; height: 41.6px; font-family: "Source Sans Pro", sans-serif;}
.skin-Portland section#content.container nav#contentNav a.dropdown-toggle {color:#000; height: 41.6px; padding-top: 10px;}
.skin-Portland section#content.container nav#contentNav ul.dropdown-menu a {color:#000;}
.skin-Portland section#content.container nav#contentNav ul.nav li a:hover {background:rgb(214, 125, 108);}
.skin-Portland section#content.container nav#contentNav ul.nav li a:focus {background:rgb(204, 96, 77);}
.skin-Portland section#content.container nav#contentNav ul.nav li ul li a:hover {background:rgb(214, 125, 108);}

/* Content styling */
.skin-Portland section#content.container main h1 {color:rgb(0, 94, 165);}
.skin-Portland section#content {padding-top: 0.8em; padding-bottom: 109px;} /* padding bottom for footer */
.skin-Portland section#content.container a {color:rgb(0, 94, 165);}
.skin-Portland section#content.container a.new {color:rgb(204, 96, 77);}
.skin-Portland section#content.container main div.row div#wikiContent.col-lg-12 div.categories {margin:50px 0 1em;}
.skin-Portland .alert-warning {background-color:rgb(204, 96, 77); color:#fff; padding:8px; text-align:center; border:none;}
.skin-Portland.action-view section#content.container main {padding: unset;}
.skin-Portland.action-view .col-lg-9 {width:100%;}
.skin-Portland h2, .skin-Portland h3, .skin-Portland h4, .skin-Portland h5 {
    color: rgb(0, 94, 165);
    font-family: "Source Sans Pro", sans-serif !important;
    text-align: left;
    margin-bottom: 2px;
}
* { font-family: inherit; }

/* Footer styling */
html {height: 100%;}
body.skin-Portland {min-height: 100%; position: relative;}
.skin-Portland footer.container-fluid {background-color:rgb(229, 229, 229); position: absolute; width: 100%; bottom: 0;}
.skin-Portland footer.container-fluid div.container div.row.bottom {border-top: none; color: #000 !important;}
.skin-Portland footer.container-fluid div.container div.row.bottom a {border-top: none; color: #000 !important;}
.skin-Portland footer.container-fluid div.container div.row.bottom div.info p:not(.more_info) {padding-left: 50px; font-family: "Source Sans Pro",sans-serif;}
.skin-Portland footer.container-fluid div.container div.row.bottom div.info p.more_info {
    font-family: "Source Sans Pro", sans-serif;
    background-image: url("/file_auth.php/petra2/e/e7/Logobij12_footer.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 4px 0px 6px 50px;
}
.skin-Portland footer.container-fluid div.container {
    background-image: url(/logos/WikiXL.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 40px;
    background-size: 120px;
}

/*button styling */
button, input#wpSave, input#wpPreview, input#wpDiff, input.multipleTemplateAdder, span.editHelp a {
    background-color: rgb(204, 96, 77) !important;
    color: #fff !important;
    padding: 4px 14px !important;
    border: 1px solid rgb(204, 96, 77) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-family: "Source Sans Pro", sans-serif !important;
}
button.ui-datepicker-trigger {padding: 1px 4px !important;}
.imsafe-button a, .imsafe-button a:hover {
    background-color: rgb(204, 96, 77) !important;
    color: #fff !important;
    padding: 6px 20px !important;
    border-radius: 4px;
    text-decoration: none !important;
    font-family: "Source Sans Pro", sans-serif !important;
}

/* Responsive images */
.res-img img {width: 100%; height: auto;}

/* Fix SmartCore styling */
.sc-form-single .sc-fieldlabel, .sc-page .sc-fieldlabel {float:left; min-width:250px;}
.sc-form-single .sc-fieldsep, .sc-page .sc-fieldsep{float:left; min-width:10px;}
.sc-form-single .sc-fieldinput input.createboxInput {width:650px !important;}
.sc-form-single .sc-fieldinput textarea {width:648px !important; margin-bottom: -2px;}
.sc-form-single .sc-fieldinput ul {width:666px;}
.sc-form-single .sc-fieldinput input#wpSummary {width:650px !important;}
.sc-form-single .sc-fieldinput .inputSpan {display: flex;}
.sc-form-single .sc-fieldinput .pfTokens {margin-bottom: 0px; min-width: 650px !important;}

/* Homepage banner positioning */
body.page-Hoofdpagina div.contentHeader {display: none;}
div#mainpage-banner {position: relative; z-index: 0; background-image: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%),url("/file_auth.php/petra2/7/70/Bij12_banner.jpg"); height: 192px;}
div#mainpage-banner p a.image img {height: 192px; width: 100%; position: relative;}

.mp-blocks-pos {position: relative; z-index: 11; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 2rem; top: -90px;}
.mp-block {width: calc(33.3% - 6rem); min-height: 180px; display: block; text-decoration: none; margin-left: 4.5rem; color:white;}
.mp-block-blue {background-color: #005ea5;}
.mp-block-red {background-color: #cc604d;}
.mp-block-content {padding: 3rem; height: 100%; box-sizing: border-box; display: flex; flex-direction: column;}
.mp-text {font-family: 'Source Sans Pro', sans-serif; font-size: 20px;}
.mp-text-white {color: #fff;}
.mp-text-blue {color: rgb(0, 94, 165);}
.mp-block-content div.mp-text.mp-text-white a {color: #fff !important;}
.mp-block-content div.mp-text.mp-text-white a:visited {color: #fff !important;}

/* Nieuwsitems styling */
div#Aanmaakdatum, div#Auteur {display:none;}
.nws-intro { margin: 20px 0px 0px 0px; font-style: italic; }
.nws-tekst { margin: 20px 0px 20px 0px;}
.nws-refer { margin: 0px 0px 20px 0px; font-style: italic; }
Overgenomen van "https://petra.wikixl.nl/index.php?title=MediaWiki:Common.css&oldid=13986"