Template:Startpage/styles.css

/*Startpage sectionflex layout */
.sectionflex {display: flex; flex-wrap: wrap; justify-content:space-between;}
.sectionflex.col1 > div {flex-basis:100%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflex.col2 > div {flex-basis:49%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflex.col3 > div {flex-basis:32%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflex > div h2 {margin:0 0 1em 0; font-size:1.1em; border-bottom:none}
.sectionflex > div h3 {margin:1.2em 0 0 0; font-size:1em}
.sectionflex.frame > div {border: 1px solid #e7e7e7}
.sectionflex.background> div {background: #f1f3f9}
.sectionflex table {font-size:1em;}
.sectionflex > div.double {flex-grow:1; margin-right:10px}
.sectionflex .mw-editsection, .sectionflex .mw-editdrawio {display:none}
@media (max-width: 767px) {.sectionflex.col2 > div, .sectionflex.col3 > div {flex-basis:100%; margin-top:2em}}
.sectionflex table {font-size:1em;}
.sectionflex table td, .sectionflex table th {font-size:1em; vertical-align:top; padding:4px}

/*Startpage/iconnav */
.iconnav {background:#f1f3f9;  margin-bottom:12px; padding:0 5px}

/*Startpage/employees */
.employeewrapper {background:#f1f3f9;  padding: 10px 20px 20px 20px;margin-top:10px}
.employeewrapper h2 {font-size:1.1em; margin: 0 0 1em 0;}
.employees {display:flex;flex-wrap:wrap; justify-content:flex-start}
.employee {width:172px; margin:4px; padding:10px; text-align:center; background:#fff;}
.etitle, .edepartment, .ename  {font-size:0.9em}
.ename {min-height:3em;}
.edepartment {font-weight:bold}

/*Startpage tables in sectionflex */
table.small td, table.small th {font-size:0.9em;}

/*Startpage/Events */
.startpageevents td {border-bottom: 1px dotted #a6a6a7}
.startpageevents td:nth-child(2){border-bottom:none}

/*Startpage/Contacts */
.startpagecontacts tr {background:#f1f3f9;border: 2px solid white}
.startpagecontacts td {padding:6px 2px 2px 2px}

/*Startpage/Announcements */
.announcement {background:#eff6dd; margin-top:20px}

/*visual editing mode*/
.sectionflex .ve-ce-branchNode-slug {display:none !important} /*remove placeholders to allow adding content between flex boxes, since it would mess up flex layout*/

/* Simple list view of timeline items */
.bloglist .bs-social-entity .bs-social-entity-right .bs-social-entity-actions, .bs-social-entity-timecreated {display:none}
.bloglist  ul.bs-social-entitylist {background-color:transparent!important; list-style-type:disc; padding:0!important}
.bloglist  ul.bs-social-entitylist li {margin:0!important; border-bottom:1px dotted #747474}
.bloglist  .bs-social-entity div.bs-social-entity-right {margin: 0}
.bloglist  .bs-social-entity-actions {display:none!important}
.bloglist  .bs-social-entity .bs-social-entity-title h3 {font-size: 1em!important; margin:0;}
.bloglist  .bs-social-entity-title {width:100%; margin:0!important}
#content .bloglist  .bs-social-entity-right a, #content .bloglist .bs-social-entity-right a::before {color:#08529d!important}

/* Style text-based tag cloud to match other cards */
.bs-tagcloud.text {text-align: center; border: 1px solid #e7e7e7; border-radius:0}