Last edited 3 months ago
by Mwilliams

styles2.css

/*deactivate headingnumbers */
.processmap .mw-headline-number {
	display:none
}

.processmap .mp, .processmap .cp, .processmap .sp {
     font-size:1em!important;
}
.processmap h2{
    font-size:1.1em;
     margin:0;
     background:#d1dcf1;
     text-align:center;
     padding:10px;
     margin:1em 0
}
 .processmap h3{
    font-size:1em;
     margin:0;
     text-align:center
}
 .processmap li {
    font-size:0.95em
}
 .processmap ul li {
    float:left;
     background:#ecf1ff;
     padding:1em!important;
     list-style-type:none;
     text-align:center
}
 .processmap ul {
     display: flex;
     flex-wrap:wrap;
     justify-content: center;
    /* Horizontally centers list items */
     list-style: none;
     padding: 20px ;
     margin: 0;
     gap:20px 
}
 .processmap li {
     position: relative;
     margin-bottom: 1em;
     z-index: 1;
     flex-basis: 12%;
     flex-grow:1;
}
 .processmap .cp li {
    border:1px solid #a4acce!important;
    /*required for high-contrast mode*/
}
 .processmap .mp li, .processmap li{
    border:1px solid #ecf1ff!important;
    /*required for high-contrast mode*/
}
/* Full-width arrow managment processes mp */
 .processmap .cp ul {
    padding-top:10px;
     padding-bottom:0;
     margin:0
}
 .processmap .mp ul li::after {
     content: '';
     position: absolute;
     bottom: -20px;
     left: 0;
     width: 100%;
     height: 20px;
     background-color: #ecf1ff;
     clip-path: polygon(0 0, 50% 100%, 100% 0);
     z-index: 0;
     border-top:1px solid #ecf1ff!important;
    /*required for high-contrast mode */
}
/* Full-width arrow support processes (sp) */
 .processmap .sp ul {
    padding-top:26px;
     padding-bottom:10px
}
 .processmap .sp ul li::before {
     content: '';
     position: absolute;
     top: -20px;
     left: 0;
     width: 100%;
     height: 20px;
     background-color: #ecf1ff;
     clip-path:polygon(0 100%, 50% 0%, 100% 100%);
     z-index:0;
     border-bottom:1px solid #ecf1ff!important;
    /*required for high-contrast mode*/
}
.processmap  a {
   display:block;
   width:100%;
   height:100%
}