Template:Process map/styles2.css: Difference between revisions

/*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%

}