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; }