CSS default styles
CSS default styles (as of Novenber 9th, 2020; subject of change)
/*******************************************************************************
* HCL Confidential
* OCO Source Materials
*
* @Project: ICXT
*
* @Copyright HCL Technologies Limited 2015, 2020
* @License: The source code for this program is not published or otherwise divested of its trade secrets, irrespective of what has been deposited with the U.S. Copyright Office.
*******************************************************************************/
/*******************************************************************************
* Section for general CSS styles - these styles define the appearance of all
* pages inside the PDF
******************************************************************************/
/*
* the content wrapper defines the outermost container
* use this to set your pdf page-margins
*/
#content_wrapper {
padding: 2em;
page-break-after: avoid;
}
#content_wrapper > * {
position: relative;
top: 1px;
margin-bottom: 1px;
}
/*
* One single page rendered by the PDF generator
* The page width and height render the page as a standard Din A4 page.
* Always initiate a page break
*/
.page {
width: 1000px;
position: relative;
page-break-after: always;
}
/*
* the last page doesn't need a page break, or there would be a blank page
*/
.page.last-page {
page-break-after: avoid;
}
/*
* The header for every page rendered by the PDF generator
*/
.header {
width: 100%;
font-size: 10px;
border-top: 1px solid;
border-bottom: 1px solid;
padding-top: 5px;
}
.header .app_icon, .header .header_content {
display: inline-block;
vertical-align: top;
}
.header .header_content {
min-width: 400px;
}
.header .app_icon {
margin-top: 10px;
}
.header .header_title {
margin: 8px 0px;
}
.header .header_creation_time {
font-size: 12px;
}
/* PDF header icons_activity */
.header .activities{
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzggMzYiPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTt9LmNscy0xe2NsaXAtcnVsZTpldmVub2RkO30uY2xzLTN7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy00e2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTV7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoLTIpO30uY2xzLTZ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoLTMpO30uY2xzLTd7ZmlsbDojM2Q1NDY2O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMCwyNmExLDEsMCwwLDEtLjkyLS42Mkw0LjMzLDE0SDBWMTJINWExLDEsMCwwLDEsLjkyLjYybDQsOS42N0wxOC4wNi42NWExLDEsMCwwLDEsMS44NywwTDIzLjcyLDEySDI4djJIMjNhMSwxLDAsMCwxLS45NS0uNjhMMTguOTQsNGwtOCwyMS4zNkExLDEsMCwwLDEsMTAsMjZaIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIj48cmVjdCBjbGFzcz0iY2xzLTIiIHg9Ii01IiB5PSItNiIgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIj48cmVjdCBjbGFzcz0iY2xzLTIiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgY2xhc3M9ImNscy0zIj48ZyBjbGFzcz0iY2xzLTQiPjxnIGNsYXNzPSJjbHMtNSI+PGcgY2xhc3M9ImNscy02Ij48cmVjdCBjbGFzcz0iY2xzLTciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzNiIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==");
width: 50px;
height: 50px;
}
/* PDF header icons_forums */
.header .forum {
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzggMzgiPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTt9LmNscy0xe2NsaXAtcnVsZTpldmVub2RkO30uY2xzLTN7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy00e2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTV7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoLTIpO30uY2xzLTZ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoLTMpO30uY2xzLTd7ZmlsbDojM2Q1NDY2O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLDE2SDBWMi42OEEyLjY4LDIuNjgsMCwwLDEsMi42OCwwSDE2VjJIMi42OEEuNjcuNjcsMCwwLDAsMiwyLjY4Wk0xNi42NCwyOCwxNSwyNi44NSwxOS44LDIwaDUuNTJhLjY3LjY3LDAsMCwwLC42OC0uNjhWNy42OEEuNjcuNjcsMCwwLDAsMjUuMzIsN0g3LjY4QS42Ny42NywwLDAsMCw3LDcuNjhWMTkuMzJhLjY3LjY3LDAsMCwwLC42OC42OEgxNnYySDcuNjhBMi42OCwyLjY4LDAsMCwxLDUsMTkuMzJWNy42OEEyLjY4LDIuNjgsMCwwLDEsNy42OCw1SDI1LjMyQTIuNjgsMi42OCwwLDAsMSwyOCw3LjY4VjE5LjMyQTIuNjgsMi42OCwwLDAsMSwyNS4zMiwyMkgyMC44NFoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iLTUiIHk9Ii01IiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiPjxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTMiPjxnIGNsYXNzPSJjbHMtNCI+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxyZWN0IGNsYXNzPSJjbHMtNyIgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4Ii8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
width: 50px;
height: 50px;
}
/* PDF header icons_blogs */
.header .blog {
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzQgMzQiPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTt9LmNscy0xe2NsaXAtcnVsZTpldmVub2RkO30uY2xzLTN7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy00e2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTV7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoLTIpO30uY2xzLTZ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoLTMpO30uY2xzLTd7ZmlsbDojM2Q1NDY2O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNiwyMmg2VjE2SDE2Wm02LjExLDJIMTUuODlBMS44OSwxLjg5LDAsMCwxLDE0LDIyLjExVjE1Ljg5QTEuODksMS44OSwwLDAsMSwxNS44OSwxNGg2LjIyQTEuODksMS44OSwwLDAsMSwyNCwxNS44OXY2LjIyQTEuODksMS44OSwwLDAsMSwyMi4xMSwyNFpNMCwxNEgxMHYySDBabTAsNkgxMHYySDBaTTIsOEgyMlYySDJabTIwLjExLDJIMS44OUExLjg5LDEuODksMCwwLDEsMCw4LjExVjEuODlBMS44OSwxLjg5LDAsMCwxLDEuODksMEgyMi4xMUExLjg5LDEuODksMCwwLDEsMjQsMS44OVY4LjExQTEuODksMS44OSwwLDAsMSwyMi4xMSwxMFoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iLTUiIHk9Ii01IiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiPjxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48ZyBjbGFzcz0iY2xzLTMiPjxnIGNsYXNzPSJjbHMtNCI+PGcgY2xhc3M9ImNscy01Ij48ZyBjbGFzcz0iY2xzLTYiPjxyZWN0IGNsYXNzPSJjbHMtNyIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0Ii8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
width: 50px;
height: 50px;
}
/* PDF header icons_wiki */
.header .wikis {
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzggMzgiPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTt9LmNscy0xe2NsaXAtcnVsZTpldmVub2RkO30uY2xzLTN7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy00e2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTV7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoLTIpO30uY2xzLTZ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoLTMpO30uY2xzLTd7ZmlsbDojM2Q1NDY2O308L3N0eWxlPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNy4yMSwyNS41NUEyNC4yNiwyNC4yNiwwLDAsMCwyMCwxNWg2QTEyLDEyLDAsMCwxLDE3LjIxLDI1LjU1Wk0yLjA1LDE1SDhhMjQuMjYsMjQuMjYsMCwwLDAsMi43NSwxMC41NUExMiwxMiwwLDAsMSwyLjA1LDE1Wk0xMC43OSwyLjQ1QTI0LjI2LDI0LjI2LDAsMCwwLDgsMTNoLTZBMTIsMTIsMCwwLDEsMTAuNzksMi40NVpNMTAsMTNhMjEuODUsMjEuODUsMCwwLDEsMy4zLTExLDYsNiwwLDAsMSwxLjM0LDBBMjEuODUsMjEuODUsMCwwLDEsMTgsMTNabTQsMTNhNSw1LDAsMCwxLS42NywwQTIxLjg1LDIxLjg1LDAsMCwxLDEwLDE1SDE4YTIxLjg1LDIxLjg1LDAsMCwxLTMuMywxMUE1LDUsMCwwLDEsMTQsMjZaTTI2LDEzSDIwQTI0LjI2LDI0LjI2LDAsMCwwLDE3LjIxLDIuNDUsMTIsMTIsMCwwLDEsMjYsMTNaTTE0LDBhMTQsMTQsMCwxLDAsOS45LDQuMUExNCwxNCwwLDAsMCwxNCwwWiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNSA1KSI+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSItNSIgeT0iLTUiIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNSA1KSI+PHJlY3QgY2xhc3M9ImNscy0yIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGNsYXNzPSJjbHMtMyI+PGcgY2xhc3M9ImNscy00Ij48ZyBjbGFzcz0iY2xzLTUiPjxnIGNsYXNzPSJjbHMtNiI+PHJlY3QgY2xhc3M9ImNscy03IiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiLz48L2c+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=");
width: 50px;
height: 50px;
}
/*
* The footer for every page rendered by the PDF generator.
* It will be placed on the bottom of the page (div container)
*/
.footer {
width: 100%;
font-size: 10px;
border-top: 1px solid;
padding-top: 1em;
}
#content_wrapper.footer_wrapper {
padding-top: 0;
}
/*
* The actual page content for every page rendered by the PDF generator.
* This is the wrapping container for all page content (except header and footer)
*/
.page-content {
padding: 5px;
page-break-inside: avoid;
}
/*
* pictures have to be smaller than the page width
*/
img {
max-width: 900px;
}
/*******************************************************************************
* Section for the meta information page (or fields) styles - these styles
* change the appearance of the available meta information fields
* possible meta elements are:
* - title
* - summary
* - author
* - member
* - contributor
* - tags
* - dates (created, updated)
******************************************************************************/
/*
* All meta attribute containers
* Render inner content in center
* Render a border at the bottom of each meta attribute
*/
.meta {
padding-bottom: 10px;
margin-bottom: 20px;
}
.meta.title {
margin-bottom: 50px;
}
/*
* Container for the author picture and -name
* Center and remove text-align, so that children aren't influenced
*/
.meta .author-title.title, .meta .tags-title.title, .meta .date-title.title, .meta.summary-title {
width: 15%;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
.meta .author-container .container {
width: unset;
min-width: 180px;
text-align: left;
}
.meta .meta-container {
display: inline-block;
text-align: start;
}
.meta .tags-container, .meta .date-container {
padding: 0px 15px;
min-width: 400px;
}
.meta .tags-container li {
list-style-type:none;
display: inline;
padding: 3px 10px 3px 0;
font-size: 16px;
}
.meta p, .meta.date span, .meta.summary-title {
font-size: 16px;
}
.meta .created-title.title {
margin-bottom: 40px;
}
.meta .updated-title.title {
margin-bottom: unset;
}
.meta.summary-title {
display: inline-block;
}
.meta.summary {
display: inline-block;
width: 80%;
padding: 0px 15px;
margin-bottom: 40px;
}
.page-content .meta.tags, .page-content .meta .author-title.title {
padding: unset;
margin-bottom: 15px;
}
/*******************************************************************************
* Section for table of contents style
******************************************************************************/
/*
* Table of Content headline
*/
.toc .toc-title {
padding-bottom: 10px;
margin-bottom: 50px;
}
.toc .toc-label {
font-size: 16px;
width: 15%;
}
/*
* Table of Contents unordered list element
*/
.toc ul.toc-container {
list-style-type:none;
padding: 0 0 0 10px;
margin-left: 15%;
}
/*
* Table of Contents items
*/
.toc ul.toc-container li {
font-size: 16px;
padding: 5px 0 5px 0;
}
/*
* Table of Contents item links
* Links are used for html anchors
*/
.toc ul.toc-container li a {
color: #333;
}
/*******************************************************************************
* Styles of specific elements
******************************************************************************/
/*
* Entry headline/title style
*/
.entry .title {
padding-bottom:5px;
margin-bottom: 30px;
border-bottom: 0px;
}
.entry .title a {
text-decoration: none;
color: #333;
}
/*
* Style for entry content (The actual content within Entries)
*/
.entry .content {
padding: 20px 5px;
margin-bottom: 20px;
margin-right: 30px;
margin-left: 50px;
}
/*
* Style for profile / user containers
*/
.profile-container {
height: auto;
}
.profile {
text-align: center;
}
.profile.container {
width: unset;
}
.profile-picture.round {
/*border-radius: 50%; // commented out due to big performance impact*/
width: 40px;
display: inline-block;
}
.profile-link {
display: block;
text-align: center;
word-wrap: break-word;
padding: 0px 10px;
}
.profile-mail {
display: none;
}
.profile-infos {
display: inline-block;
}
/*
* Style for comments section
*/
#comments_container {
text-align: center;
padding-top: 15px;
margin-top: 25px;
}
.comments {
margin-right: 20px;
}
.comments > p {
font-size: 16px;
}
.comments > div {
margin-left: 15%;
}
.comment .plink,.reply .plink {
display: inline
}
.comment {
width: 850px;
padding: 10px;
}
.reply {
margin-bottom: 20px;
page-break-inside: avoid;
position: relative;
top: 2px;
}
.reply .comment-content {
padding: 20px;
border: 1px solid #d5d0d0;
}
.comment .comment-container,.reply .comment-container {
width: 100%;
}
.reply .comment-container img{
max-width: 100%;
}
.reply .comment-container a{
width: 100%;
}
.comment-content-align{
vertical-align: top;
}
.comment .profile,.reply .profile {
padding: 0px 10px 0px 5px;
}
/*
* Style for actions section (special to activities)
*/
.section-container, .entry-container {
page-break-inside: avoid;
}
.action-container{
border: 1px solid #d5d0d0;
padding:10px;
margin-bottom: 20px;
position: relative;
top: 2px;
page-break-inside: avoid;
}
.full-width{
width: 100%;
}
.todo,.activity-entry,.activity-comment,.section {
padding: 10px;
}
.todo .todo-container,.activity-comment .activity-comment-container,.activity-entry .activity-entry-container,.section .section-container {
width: 100%;
padding: 2px 2px 2px 5px;
}
.todo > table {
width: 100%;
}
.section .section-container {
padding: 2px 2px 10px 5px;
}
.activity-comment-container-align{
margin-left: 30px;
}
.activity-comment-container-align td{
padding-bottom: 12px;
}
.todo .todo-container span,.activity-entry .activity-entry-container span,.activity-comment .activity-comment-container span {
font-size: 16px;
min-height: 20px;
}
.todo .todo-container .content,.activity-entry .activity-entry-container .content {
margin: 25px;
}
.todo .todo-container .todo-title b,.activity-entry .activity-entry-container .activity-entry-title b,.section .section-container .section-title b {
margin-left: 10px;
font-size: 18px;
}
.todo .todo-container input[type=checkbox] {
position: relative;
width: 20px;
height: 20px;
border: 1px solid black;
display: inline-block;
}
.actions .comment, .actions .todo {
min-height: 110px;
}
.activity-entry-container .lconnSprite,.comment-content-align .lconnSprite,.section-container .lconnSprite {
display: inline-block;
}
.comment-content-align .lconnSprite-iconComment16 {
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48dGl0bGU+Y2hhdDwvdGl0bGU+PHBhdGggZD0iTTE3Ljc0LDMwLDE2LDI5bDQtN2g2YTIsMiwwLDAsMCwyLTJWOGEyLDIsMCwwLDAtMi0ySDZBMiwyLDAsMCwwLDQsOFYyMGEyLDIsMCwwLDAsMiwyaDl2Mkg2YTQsNCwwLDAsMS00LTRWOEE0LDQsMCwwLDEsNiw0SDI2YTQsNCwwLDAsMSw0LDRWMjBhNCw0LDAsMCwxLTQsNEgyMS4xNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cmVjdCB4PSI4IiB5PSIxMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI4IiB5PSIxNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48cmVjdCBpZD0iX1RyYW5zcGFyZW50X1JlY3RhbmdsZV8iIGRhdGEtbmFtZT0iJmx0O1RyYW5zcGFyZW50IFJlY3RhbmdsZSZndDsiIGNsYXNzPSJjbHMtMSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+");
height: 25px;
width: 25px;
margin-right: 10px;
position: relative;
top: 5px;
}
.activity-entry-container .lconnSprite-iconNote16 {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Imljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPmRvY3VtZW50PC90aXRsZT4KPHBhdGggZD0iTTI1LjcsOS4zbC03LTdDMTguNSwyLjEsMTguMywyLDE4LDJIOEM2LjksMiw2LDIuOSw2LDR2MjRjMCwxLjEsMC45LDIsMiwyaDE2YzEuMSwwLDItMC45LDItMlYxMEMyNiw5LjcsMjUuOSw5LjUsMjUuNyw5LjMKCXogTTE4LDQuNGw1LjYsNS42SDE4VjQuNHogTTI0LDI4SDhWNGg4djZjMCwxLjEsMC45LDIsMiwyaDZWMjh6Ii8+CjxyZWN0IHg9IjEwIiB5PSIyMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4KPHJlY3QgeD0iMTAiIHk9IjE2IiB3aWR0aD0iMTIiIGhlaWdodD0iMiIvPgo8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz4KPC9zdmc+Cg==");
width: 25px;
height: 25px;
top: 5px;
position: relative;
}
.section-container .lconnSprite-iconArrowDown{
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Imljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPmNoZXZyb24tLXNvcnQ8L3RpdGxlPgo8cG9seWdvbiBwb2ludHM9IjE2LDI4IDksMjEgMTAuNCwxOS42IDE2LDI1LjIgMjEuNiwxOS42IDIzLDIxICIvPgo8cmVjdCBpZD0iX1RyYW5zcGFyZW50X1JlY3RhbmdsZV8iIGNsYXNzPSJzdDAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPgo8L3N2Zz4K");
height: 32px;
width: 32px;
}
.indentIcon {
display: inline-table;
background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT54LWF4aXM8L3RpdGxlPjxwYXRoIGQ9Ik0yMywyMGwtMS40MTQxLDEuNDE0MUwyNC4xNzE5LDI0SDZWNEg0VjI0YTIuMDAyMywyLjAwMjMsMCwwLDAsMiwySDI0LjE3MTlsLTIuNTg2LDIuNTg1OUwyMywzMGw1LTVaIiBmaWxsPSIjZDVkMGQwIi8+PHJlY3QgaWQ9Il9UcmFuc3BhcmVudF9SZWN0YW5nbGVfIiBkYXRhLW5hbWU9IiZsdDtUcmFuc3BhcmVudCBSZWN0YW5nbGUmZ3Q7IiBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Q1ZDBkMCIvPjwvc3ZnPg==');
width: 32px;
height: 32px;
position: relative;
min-width: unset;
}
.approval-information-container {
text-align: center;
}
.approval-information-container .author-container {
margin: auto;
}
.approval-information-container {
width: 100%;
text-align: left;
}
.todo-completed {
text-decoration: line-through;
}
.todo-due {
margin-left: 25px;
color: #B81927;
}
.column-spacing {
display: inline-block;
width: 150px;
}
/*
* Style for Forum questions and accepted answers
*/
.forumResolvedQuestionIndicator,.forumAcceptedAnswerIndicator,.forumNotResolvedQuestionIndicator{
display: -webkit-box;
}
.forumAcceptedAnswerIndicator{
padding-top: 20px;
}
.forumResolvedQuestionIndicator .lotusMessage .lconnSprite-iconConfirmation16,
.forumAcceptedAnswerIndicator .lotusMessage .lconnSprite-iconConfirmation16 {
border-radius: 0px !important;
margin: -2px 10px 5px 10px !important;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220px%22 y=%220px%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%2334BC6E%22 d=%22M22,1H2C0.9,1,0,1.9,0,3v14c0,1.1,0.9,2,2,2h17l5,5V3C24,1.9,23.1,1,22,1z M23,18v3.6l-3.3-3.3L19.4,18H2c-0.6,0-1-0.4-1-1 V3c0-0.6,0.4-1,1-1h20c0.6,0,1,0.4,1,1V18z%22/%3E%3Cpolygon fill=%22%2334BC6E%22 points=%229.8,14.4 5.7,10.3 7.1,8.9 9.8,11.5 16.9,4.4 18.3,5.8 %22/%3E%3C/svg%3E") !important;
background-position: center;
height: 24px;
width: 24px;
}
.forumNotResolvedQuestionIndicator .lotusMessage .lconnSprite-iconQuestion16 {
margin: -2px 10px 5px 10px !important;
border-radius: 0px !important;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23595859%22 d=%22M22,1H2A2,2,0,0,0,0,3V17a2,2,0,0,0,2,2H19l5,5V3A2,2,0,0,0,22,1Zm1,17v3.59L19.71,18.3l-.3-.3H2a1,1,0,0,1-1-1V3A1,1,0,0,1,2,2H22a1,1,0,0,1,1,1Z%22/%3E%3Cpath d=%22M8.3,8A3.588,3.588,0,0,1,12,4.5c2.8,0,3.7,1.8,3.7,2.9,0,2.9-2.5,2.5-2.7,4.3V13H11V12c.2-2.6,2.4-2.8,2.3-4.4A1.162,1.162,0,0,0,12,6.3,1.526,1.526,0,0,0,10.5,8ZM11,14h2v2H11Z%22/%3E%3C/svg%3E") !important;
background-position: center;
height: 24px;
width: 24px;
}
td {
word-break: break-all;
padding: 4px;
min-width: 50px;
}
/*
* Style for IdeationBlogs
*/
.entry.ideationblog h1 {
display: inline-block
}
.entry.ideationblog .idea-vote {
text-align: center;
width: 70px;
height: 70px;
border: 1px solid;
display: inline-block;
position: relative;
top: 20px;
margin-right: 15px;
}
.entry.ideationblog .idea-vote p {
font-size: 30px;
font-weight: bold;
margin: unset;
}