Last edited 2 weeks ago
by Demo writer

Template:Startpage/styles.css: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
/*Startpage sectionflex layout */
/*Startpage sectionflex layout */
.sectionflex {display: flex; flex-wrap: wrap; justify-content:space-between;}
.sectionflexcontainer {display: flex; flex-wrap: wrap; justify-content:space-between; gap:18px; row-gap:18px; margin-bottom:18px}
.sectionflex.col1 > div {flex-basis:100%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflexcontainer.col1 > div {flex-basis:100%; padding:10px 20px 20px 20px;}
.sectionflex.col2 > div {flex-basis:49%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflexcontainer.col2 > div {flex-basis:49%; padding:10px 20px 20px 20px;}
.sectionflex.col3 > div {flex-basis:32%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflexcontainer.col3 > div {flex-basis:32%; padding:10px 20px 20px 20px;}
.sectionflex > div h2 {margin:0 0 1em 0; font-size:1.1em; border-bottom:none}
#startpage .sectionflexcontainer > div h2 {margin:0 0 1em 0; font-size:1.2em; border-bottom:none}
.sectionflex > div h3 {margin:1.2em 0 0 0; font-size:1em}
#startpage .sectionflexcontainer > div h3 {margin:1.2em 0 0 0; font-size:1em}
.sectionflex.frame > div {border: 1px solid #e7e7e7}
.sectionflexcontainer.frame > div {border: 1px solid #e7e7e7}
.sectionflex.background> div {background: #f1f3f9}
.sectionflexcontainer.background> div {background: #f1f3f9}
.sectionflex table {font-size:1em;}
.sectionflexcontainer table {font-size:1em!important;}
.sectionflex > div.double {flex-grow:1; margin-right:10px}
.sectionflexcontainer .mw-editsection, .sectionflexcontainer .mw-editdrawio {display:none}
.sectionflex .mw-editsection, .sectionflex .mw-editdrawio {display:none}
@media (max-width: 1600px) {
@media (max-width: 767px) {.sectionflex.col2 > div, .sectionflex.col3 > div {flex-basis:100%; margin-top:2em}}
.sectionflexcontainer.col2 > div {flex-basis:48.5%;}
.sectionflex table {font-size:1em;}
.sectionflexcontainer.col3 > div {flex-basis:31.5%;}
.sectionflex table td, .sectionflex table th {font-size:1em; vertical-align:top; padding:4px}
}
@media (max-width: 768px) {
.sectionflexcontainer.col2 > div, .sectionflexcontainer.col3 > div {flex-basis:100%; margin-top:2em}
}
.sectionflexcontainer table {font-size:1em!important;}
.sectionflexcontainer table td, .sectionflexcontainer table th {font-size:1em; vertical-align:top; padding:4px}
.sectionflexcontainer .sectionanchors-button {display:none!important;}
 
/*Startpage arrow icon */
.sectionflexcontainer .bi, .sectionflexcontainer  .fa {vertical-align:middle;}


/*Startpage/iconnav */
/*Startpage/iconnav */
.iconnav {background:#f1f3f9;  margin-bottom:12px; padding:0 5px}
.iconnav {background:#f1f3f9;  margin-bottom:12px; padding:0 5px 2px 5px}
 
.imgcard {margin-bottom:0!important;}
/*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 */
/*Startpage tables in sectionflex */
table.eventtable {font-size:1em;}
table.small td, table.small th {font-size:0.9em;}
table.small td, table.small th {font-size:0.9em;}


/*Startpage/Events */
/*Startpage/Events */
.startpageevents td {border-bottom: 1px dotted #a6a6a7}
.startpageevents td {padding:8px 0; font-size:1em}
.startpageevents td:nth-child(2){border-bottom:none}


/*Startpage/Contacts */
/*Startpage/Contacts */
Line 40: Line 41:
/*Startpage/Announcements */
/*Startpage/Announcements */
.announcement {background:#eff6dd; margin-top:20px}
.announcement {background:#eff6dd; margin-top:20px}
/*Startpage/Contacts */
.profileimg img {float:right; margin:0 0 0 10px}


/*visual editing mode*/
/*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*/
.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}
/*Startseitenblog */
.bs-social-entity-userimage {display: none;}
.bs-social-entity .bs-social-entity-title h3 {font-size:1em!important; font-weight:700;}
.bs-social-entity .bs-social-entity-title h3::before {font-family: bootstrap-icons !important; font-weight:300; content: "\F25C" ; vertical-align:-0.2em; margin-right:5px; }
.bs-social-entity div.bs-social-entity-right {margin: 0;}
#content .bs-social-entity-content > p {padding: 0.4em 0 0 0;}
#content .bs-social-entitylist-children {margin-left:20px;background-color:#f1f3f9; border-left:1px solid #d8d8d9; width:90%}
ul.bs-social-entitylist .bs-social-entity-edit-mode form input, ul.bs-social-entitylist .bs-social-entity-edit-mode form.short textarea {font-size:0.9em}
ul.bs-social-entitylist .bs-social-entity-edit-mode form.short textarea {padding:2px 0; overflow:hidden; line-height: 1.8em; width:9em!important}
.bs-social-entity .bs-social-entity-title {margin-bottom: 5px; background-color:transparent;  border-bottom: 1px solid #a6a6a7; width:100%}
.bs-social-entity-content {background-color: transparent; width: 80%;}
#content .bs-social-entitylist.children {margin-left: 20px; border-left:4px solid #d8d8d9; background-color: #f1f3f9!important}
.bs-social-entity .bs-social-entity-aftercontent {margin-left:20px}
#content .bs-social-entity-content > p {padding: 0.4em 0 0 0;}
.bs-social-entitylist .bs-social-entity-comment.bs-social-entity-output-Short div.bs-social-entity-right {margin: 0 0 0 8px !important;}
.bs-social-entity .bs-social-entity-aftercontent {margin-left: 5px}
.bs-social-entitylist-more  {background:#747474;  margin: 0px auto;}
ul.bs-social-entitylist {background:transparent!important}
.bs-social-entity .bs-social-entity-author {font-size: 1.1em;}
 
 
/* Simple list view of blog items */
.bloglist .bs-social-entity .bs-social-entity-right .bs-social-entity-actions {display:none}
.bloglist .bs-social-entity.bs-social-entity-edit-mode form.oo-ui-formLayout.oo-ui-layout {display:none}
.bloglist  ul.bs-social-entitylist {background-color:transparent!important; list-style-type:disc; padding:0!important}
.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  ul.bs-social-entitylist li {margin:0!important;}
.bloglist  .bs-social-entity div.bs-social-entity-right {margin: 0}
.bloglist  .bs-social-entity div.bs-social-entity-right {margin: 0}
.bloglist  .bs-social-entity-actions {display:none!important}
.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 .bs-social-entity-title h3 {font-weight:400;}
.bloglist  .bs-social-entity-title {width:100%; margin:0!important}
.bloglist  .bs-social-entity-title {width:100%; margin:0!important; border-bottom:0!important;}
#content .bloglist  .bs-social-entity-right a, #content .bloglist .bs-social-entity-right a::before {color:#08529d!important}
#content .bloglist .bs-social-entity-right a, #content .bloglist .bs-social-entity-title a, #content .bloglist .bs-social-entity-title a:before   {color:#3e5389!important}
 
/* Style text-based tag cloud to match other cards */
/* Style text-based tag cloud to match other cards */
.bs-tagcloud.text {text-align: center; border: 1px solid #e7e7e7; border-radius:0}
.bs-tagcloud.text {text-align: center; border: 1px solid #e7e7e7; border-radius:0}
/*dropdown template*/
/*dropdown template*/
#edit-Drop-down-list {float:right;z-index: 100; position:relative}
#edit-Drop-down-list {float:right;z-index: 100; position:relative}
#edit-Drop-down-list .mw-customtoggle-edit {padding:5px 0 5px 10px; text-align:right}   
#edit-Drop-down-list .mw-customtoggle-edit {padding:5px 0 5px 10px; text-align:right}   
/*#edit-Drop-down-list .mw-collapsible-content {padding:5px 14px; font-size:0.95em; background:#f1f3f9}*/
#edit-Drop-down-list .mw-collapsible-content  .subpagelist ul {list-style-type:none; margin-left:0}
#edit-Drop-down-list .mw-collapsible-content  .subpagelist ul {list-style-type:none; margin-left:0}
#edit-Drop-down-list  .dropdown-menu {position:absolute;  top: 0px; left:-8px; transform: translate(-129px, 30px); padding: 8px 12px; font-size:0.95em}
#edit-Drop-down-list  .dropdown-menu {position:absolute;  top: 0px; left:-8px; transform: translate(-129px, 30px); padding: 8px 12px; font-size:0.95em}
#edit-Drop-down-list .dropdown-menu li  {line-height:1.2; margin-bottom:0.5em}
#edit-Drop-down-list .dropdown-menu li  {line-height:1.2; margin-bottom:0.5em}
#content .bs-social-entity-right a,#content .bs-social-entity a, #content .bs-social-entity-right a::before {
    color: red !important;
}
/*SMW Abfragen mit Result format "category"  */
.smw-column {padding:1em 1em 1em 0}
.smw-column-header {background:#f2f3f9; padding:0 0.5em}
.smw-column > ul {margin:1em 2em 2em}

Revision as of 13:27, 3 July 2023

/*Startpage sectionflex layout */
.sectionflexcontainer {display: flex; flex-wrap: wrap; justify-content:space-between; gap:18px; row-gap:18px; margin-bottom:18px}
.sectionflexcontainer.col1 > div {flex-basis:100%; padding:10px 20px 20px 20px;}
.sectionflexcontainer.col2 > div {flex-basis:49%; padding:10px 20px 20px 20px;}
.sectionflexcontainer.col3 > div {flex-basis:32%; padding:10px 20px 20px 20px;}
#startpage .sectionflexcontainer > div h2 {margin:0 0 1em 0; font-size:1.2em; border-bottom:none}
#startpage .sectionflexcontainer > div h3 {margin:1.2em 0 0 0; font-size:1em}
.sectionflexcontainer.frame > div {border: 1px solid #e7e7e7}
.sectionflexcontainer.background> div {background: #f1f3f9}
.sectionflexcontainer table {font-size:1em!important;}
.sectionflexcontainer .mw-editsection, .sectionflexcontainer .mw-editdrawio {display:none}
@media (max-width: 1600px) {
.sectionflexcontainer.col2 > div {flex-basis:48.5%;}
.sectionflexcontainer.col3 > div {flex-basis:31.5%;}
}
@media (max-width: 768px) {
.sectionflexcontainer.col2 > div, .sectionflexcontainer.col3 > div {flex-basis:100%; margin-top:2em}
}
.sectionflexcontainer table {font-size:1em!important;}
.sectionflexcontainer table td, .sectionflexcontainer table th {font-size:1em; vertical-align:top; padding:4px}
.sectionflexcontainer .sectionanchors-button {display:none!important;}

/*Startpage arrow icon */
.sectionflexcontainer .bi, .sectionflexcontainer  .fa {vertical-align:middle;}

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

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

/*Startpage/Events */
.startpageevents td {padding:8px 0; font-size:1em}

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

/*Startpage/Contacts */
.profileimg img {float:right; margin:0 0 0 10px}

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


/*Startseitenblog */
.bs-social-entity-userimage {display: none;}
.bs-social-entity .bs-social-entity-title h3 {font-size:1em!important; font-weight:700;}
.bs-social-entity .bs-social-entity-title h3::before {font-family: bootstrap-icons !important; font-weight:300; content: "\F25C" ; vertical-align:-0.2em; margin-right:5px; }
.bs-social-entity div.bs-social-entity-right {margin: 0;}
#content .bs-social-entity-content > p {padding: 0.4em 0 0 0;}
#content .bs-social-entitylist-children {margin-left:20px;background-color:#f1f3f9; border-left:1px solid #d8d8d9; width:90%}
ul.bs-social-entitylist .bs-social-entity-edit-mode form input, ul.bs-social-entitylist .bs-social-entity-edit-mode form.short textarea {font-size:0.9em}
ul.bs-social-entitylist .bs-social-entity-edit-mode form.short textarea {padding:2px 0; overflow:hidden; line-height: 1.8em; width:9em!important}
.bs-social-entity .bs-social-entity-title {margin-bottom: 5px; background-color:transparent;  border-bottom: 1px solid #a6a6a7; width:100%}
.bs-social-entity-content {background-color: transparent; width: 80%;}
#content .bs-social-entitylist.children {margin-left: 20px; border-left:4px solid #d8d8d9; background-color: #f1f3f9!important}
.bs-social-entity .bs-social-entity-aftercontent {margin-left:20px}
#content .bs-social-entity-content > p {padding: 0.4em 0 0 0;}
.bs-social-entitylist .bs-social-entity-comment.bs-social-entity-output-Short div.bs-social-entity-right {margin: 0 0 0 8px !important;}
.bs-social-entity .bs-social-entity-aftercontent {margin-left: 5px}
.bs-social-entitylist-more  {background:#747474;  margin: 0px auto;}
ul.bs-social-entitylist {background:transparent!important}
.bs-social-entity .bs-social-entity-author {font-size: 1.1em;}


/* Simple list view of blog items */
.bloglist .bs-social-entity .bs-social-entity-right .bs-social-entity-actions {display:none}
.bloglist .bs-social-entity.bs-social-entity-edit-mode form.oo-ui-formLayout.oo-ui-layout {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;}
.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-weight:400;}
.bloglist  .bs-social-entity-title {width:100%; margin:0!important; border-bottom:0!important;}
#content .bloglist .bs-social-entity-right a, #content  .bloglist .bs-social-entity-title a, #content  .bloglist .bs-social-entity-title a:before   {color:#3e5389!important}
/* Style text-based tag cloud to match other cards */
.bs-tagcloud.text {text-align: center; border: 1px solid #e7e7e7; border-radius:0}

/*dropdown template*/
#edit-Drop-down-list {float:right;z-index: 100; position:relative}
#edit-Drop-down-list .mw-customtoggle-edit {padding:5px 0 5px 10px; text-align:right}  
/*#edit-Drop-down-list .mw-collapsible-content {padding:5px 14px; font-size:0.95em; background:#f1f3f9}*/
#edit-Drop-down-list .mw-collapsible-content  .subpagelist ul {list-style-type:none; margin-left:0}
#edit-Drop-down-list  .dropdown-menu {position:absolute;  top: 0px; left:-8px; transform: translate(-129px, 30px); padding: 8px 12px; font-size:0.95em}
#edit-Drop-down-list .dropdown-menu li  {line-height:1.2; margin-bottom:0.5em}


#content .bs-social-entity-right a,#content .bs-social-entity a, #content .bs-social-entity-right a::before {
    color: red !important;
}
/*SMW Abfragen mit Result format "category"  */
.smw-column {padding:1em 1em 1em 0}
.smw-column-header {background:#f2f3f9; padding:0 0.5em}
.smw-column > ul {margin:1em 2em 2em}
No categories assignedEdit

Discussions