Only portrait mode is currently supported - please rotate your device.
Page History
HTML |
---|
<style>
.aui-button.aui-button-primary:hover, .aui-button.aui-button-primary:focus {
background-color: var(--primary-color) !important;
}
</style> |
Show If | ||
---|---|---|
| ||
|
Hide If | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||
| ||||||||||||||||||||
HTML | ||||||||||||||||||||
<style>
a.copy-micropost-permalink-action {
display: none;
}
button.aui-button.globalTimelineMoreButton {
visibility: hidden;
}
button.aui-button.globalTimelineMoreButton:after {
content:'Show Older Posts';
visibility: visible;
display: block;
position: relative;
background-color: white;
padding: 5px;
top: 2px;
}
div#rw_wrapper {
background: transparent;
}
div#postiontoggle {
display: none;
}
div#custom-footer {
display: none;
}
.aui-buttons.is-hidden {
display: none;
}
.action-group.topic-select-container {
visibility: hidden;
border: 0px;
}
.editor
|
HTML |
---|
<style> /* hide empty state */ .empty-state-container.medium { background: white; border-radius: 15px; paddingdisplay: 10px 10pxnone !important; } div#full-height-container { backgrounoverflow-colory: whitescroll; } a.copy-micropost-permalink-action { margindisplay: autonone; } button.actions.is-hiddenaui-button.globalTimelineMoreButton { visibility: border: 0px !importanthidden; } button.aui-button.globalTimelineMoreButton:after { content:'Show Older Posts'; widthvisibility: 90%visible; margindisplay: auto !importantblock; } .new-posts-refresh-timeline-container { position: relative; widthbackground-color: 170pxwhite; border-radiuspadding: 5px !important; margintop: auto;2px; } div#rw_wrapper { font-family: var(--main-font-family);background: transparent; } a.microblog-new-posts-refresh-timeline-linkdiv#postiontoggle { border-radiusdisplay: 5px !important;none; } div#custom-footer { margindisplay: auto;none; } .aui-buttons.is-hidden { colordisplay: white !important; font-family: var(--main-font-family); none; } button.auiaction-buttongroup.auitopic-buttonselect-linkcontainer { colorvisibility: hidden; border: white0px; } .aui-button.aui-button-primary[disabled]editor { colormargin: 20px whiteauto; opacitybackground: .7transparent; } </style> |
HTML |
<style> /* Disable clicking links */ a.url.fn.confluence-userlink background-color: transparent; } .mb-editor-container.textarea.full-width-field { pointer-eventsborder: none0px; cursorbackground: defaulttransparent; } .microposteditor-saveDate acontent { pointer-eventswidth: none90%; cursorbackground: defaultwhite; } a.userLogoLink { border-radius: 15px; padding: 10px 10px !important; pointerbackgroun-eventscolor: nonewhite; cursormargin: defaultauto; } /* show mod always */ button.aui-button.aui-style-default.aui-dropdown2-trigger.aui-dropdown2-trigger-arrowless { opacity: 1 .actions.is-hidden { border: 0px !important; } body .globaltimeline .microBlogContainer .microblog-header-container .microblogHeader { width: 90%; displaymargin: auto none!important; } span.microblog-tooltip.new-posts-refresh-timeline-container { displaywidth: none170px; } .micropost-saveDate span.microblog-tooltip {display: block;font-size: 11px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.05;font-weight: 600;letter-spacing: 0.75px;} .aui-iconfont-collapsed:before { display: none; } body .micropost .micropost-right .micropost-footer { display: none !important; } body .micropost .reply-editor { display: none; } div.micropost-entry { border-radius:15px border-radius: 5px !important; margin: auto; font-family: var(--main-font-family); } a.microblog-new-posts-refresh-timeline-link { border-radius: 5px !important; margin: auto; color: white !important; font-family: var(--main-font-family); } button.aui-button.aui-button-link { color: white; } .aui-button.aui-button-primary[disabled] { color: white; opacity: .7; } </style> |
HTML |
---|
<style>
/* Disable clicking links */
a.url.fn.confluence-userlink {
pointer-events: none;
cursor: default;
}
.micropost-saveDate a {
pointer-events: none;
cursor: default;
}
a.userLogoLink {
pointer-events: none;
cursor: default;
}
/* show mod always */
button.aui-button.aui-style-default.aui-dropdown2-trigger.aui-dropdown2-trigger-arrowless {
opacity: 1 !important;
}
body .globaltimeline .microBlogContainer .microblog-header-container .microblogHeader {
display: none;
}
span.microblog-tooltip {
display: none;
}
.micropost-saveDate span.microblog-tooltip {display: block;font-size: 11px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.05;font-weight: 600;letter-spacing: 0.75px;}
.aui-iconfont-collapsed:before {
display: none;
}
body .micropost .micropost-right .micropost-footer {
display: none !important;
}
body .micropost .reply-editor {
display: none;
}
div.micropost-entry {
border-radius:15px;
width: 90%;
margin: auto;
border-bottom: none;
display: flex !important;
padding: 20px 0px !important;
}
.micropost .micropost-right .micropost-header {
padding-bottom: 10px;
}
body .micropost {
border-top: 0px;
}
.microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner,.microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner img, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner img {
height: 52px;
max-width: 52px;
max-height: 52px;
width: 52px;
}
.micropost .userLogoLink {
margin: 10px;
margin-left: 35px;
}
button.aui-button.globalTimelineMoreButton {
background: white;
}
/* SHOW FOR ADMINS */
.micropost-action-menu.show-permanent {
margin-right: 20px;
}
</style> |
HTML |
---|
<style>
.aui-flag.qr-flag.aui-flag-stack-top-item {
display: none !important;
}
</style>
<style>
/* hide navbar */
#page div#rw_theme_header {
display: none;
}
#rw_theme_header, #rw_theme_header {
display: none;
}
#rw_theme_content {
margin-top: 0px !important;
}
/* div#rw_wrapper {
background: #516cad !important;
}
.rw_content_section #rw_main_column .rw_content {
background: #516cad !important;
padding-bottom: 50px !important;
} */
/* hide intercom */
#intercom-frame{ display: none! important;}
div#intercom-container {
display: none !important;
}
.intercom-lightweight-app {
display: none;
}
/* hide accessiBe */
body .acsb-trigger.acsb-ready {
display: none !important;
}
</style>
<!-- <script>
AJS.toInit(function(){
$("head").append(`<meta http-equiv="refresh" content="30">`);
});
</script> --> |
HTML |
---|
<!-- new styles --> <style> .editor { margin: 20px auto; background: transparent; background-color: transparent; opacity: 0.62; border-radius: 9px; /* background-color: #1c1c1c; */ } .editor-content { background-color: #1c1c1c; width: 90%; /* marginbackground: autowhite; */ border-bottomradius: none15px; displaypadding: 10px flex10px !important; /* paddingbackground-color: 20px 0px !important; } .micropost .micropost-right .micropost-header {white; */ padding-bottommargin: 10pxauto; } body .micropost { font-family: Raleway; borderfont-topsize: 0px14px; } .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropostfont-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner,.microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner img, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner img { height: 52px; max-width: 52px; max-height: 52px; width: 52px; } .micropost .userLogoLinkweight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #fafafa; } .aui-button.aui-button-primary[disabled] { background-color: var(--primary-color); opacity: .7; color: white; } button.aui-button.aui-button-primary {} #page .rw_content_spaces_white2.rw_content_menu_solid #main, #rw_wrapper { background: transparent; } .rw_body.rw_body_white, body.rw_body_white { marginbackground: 10px; margin-left: 35pxtransparent; } button.aui-button.globalTimelineMoreButtondiv#full-height-container { background: whitetransparent; } /* SHOW FOR ADMINS */ .micropost-action-menu.show-permanentbackground-color: transparent; } div#main-content { margin-rightbackground: transparent 20px!important; } </style> |
HTML |
<style> .aui-flag.qr-flag.aui-flag-stack-top-item.globalTimelineMore { displayborder-top: none !important; } </style> .micropost-entry { <style> /* hide navbar */ #page div#rw_theme_header {border-radius: 9px; background-color: rgba(28, 28, 28, 0.28); display/* opacity: none.27; */ } #rw_theme_header, #rw_theme_headera.url.fn.confluence-userlink { displaycolor: white none!important; } #rw_theme_content { margin-top: 0px !important font-weight: 500; } /* div#rw_wrapper.micropost-saveDate span.microblog-tooltip { background: #516cad !important font-weight: 300; color: var(--primary-color); } .rw_content_section #rw_main_column .rw_micropost .micropost-right div.micropost-content { background font-family: #516cad !importantRaleway; padding-bottom: 50px !important; } */ /* hide intercom */ #intercom-frame{ display: none! important;} div#intercom-container { font-size: 14px; font-weight: normal; font-stretch: normal; displayfont-style: none !importantnormal; } .intercom-lightweight-app { line-height: 1.57; displayletter-spacing: nonenormal; } /* hide accessiBe */ body .acsb-trigger.acsb-ready color: #fafafa; } .empty-state-container .description-container { display: none !important; } </style> <!-- <script> AJS.toInit(function(){ $("head").append(`<meta http-equiv="refresh" content="30">`); }); </script> --> |
HTML |
<!-- new styles --> <style> .editor {.empty-state-container { background: #1c1c1c !important; marginopacity: 20px auto.7; backgroundwidth: transparent90%; background-colordisplay: flex transparent!important; opacity: 0.62; border-radius: 9px;max-width: unset !important; } .empty-state-container.medium .headline-container { /* background-color: #1c1c1ccolor: var(--primary-color); } </style> |
HTML |
---|
<style> .timeline-editor-container; */ } .editor-content { background-color: #1c1c1ctransparent; widthborder: 90%; /* background: white; */none; borderbox-radiusshadow: 15pxnone; } .timeline-editor-container .profile-picture { paddingdisplay: 10px 10pxnone; } span.microblog-tooltip {display: none !important;} .micropost .micropost-right /* background-color: white; */ul.micropost-meta li.micropost-saveDate .microblog-tooltip { margindisplay: auto; font-family: Raleway;block !important; } .micropost .micropost-right {} .micropost .micropost-right div.micropost-content { fontmargin-sizeleft: 14px0px; font-weight: normal; } .micropost .micropost-left { fontjustify-stretchcontent: normalcenter; fontalign-styleitems: normalcenter; } line-height: 1.57; letter-spacing: normal;.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner { colormargin-top: #fafafa5px; } .aui-button.aui-button-primary[disabled]body .micropost { backgroundbox-colorshadow: var(--primary-color)none; opacityborder: .7none; colorbackground: whitetransparent; } button.aui-button.aui-button-primary {} #page .rw_content_spaces_white2.rw_content_menu_solid #main, #rw_wrapper padding: 10px; margin: 0px; } body .micropost .reply-editor { backgrounddisplay: none transparent!important; } .rw#rw_bodywrapper.rw_bodybackground_white,top body.rw_background_bodysection_whitebackground1 { backgrounddisplay: transparentnone; } div#full-height-container { background: transparent; background-color: transparent; } div#main-content</style> |
Hide If | ||
---|---|---|
| ||
|
Dynamic chat | ||
---|---|---|
|
HTML |
---|
<style> div.micropost-entry { padding: 20px background: transparent20px !important; } .globalTimelineMore { width: calc(90% border-top: none40px); } .micropost-entry .userLogoLink { bordermargin-radiusleft: 9px0px; } div#full-height-container::-webkit-scrollbar { background-color: rgba(2884, 2884, 2884, 0.283); /* opacitywidth: .2714px; */ } a.url.fn.confluence-userlinkdiv#full-height-container::-webkit-scrollbar-thumb { background-color: white !importantrgb(16,58,50); fontborder-weightradius: 50010px; } .micropost-saveDate span.microblog-tooltip { font-weight: 300; color: var(--primary-color); } .micropost .micropost-right div.micropost-content { font-family: Raleway; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #fafafa; } </style> |
HTML |
---|
<style>
.timeline-editor-container {
background: transparent;
border: none;
box-shadow: none;
}
.timeline-editor-container .profile-picture {
display: none;
}
span.microblog-tooltip {display: none !important;}
.micropost .micropost-right ul.micropost-meta li.micropost-saveDate .microblog-tooltip {
display: block !important;
}
.micropost .micropost-right {}
.micropost .micropost-right div.micropost-content {
margin-left: 0px;
}
.micropost .micropost-left {
justify-content: center;
align-items: center;
}
.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner {
margin-top: 5px;
}
body .micropost {
box-shadow: none;
border: none;
background: transparent;
padding: 10px;
margin: 0px;
}
body .micropost .reply-editor {
display: none !important;
}
#rw_wrapper.rw_background_top .rw_background_section_background1 {
display: none;
}
</style> |
HTML |
---|
<script> function renderAndInsertMarkup(markup, containingElement) { var dataObj = {}; dataObj.representation = "storage"; dataObj.content = {}; dataObj.content.id = AJS.params.pageId; dataObj.value = markup; jQuery.ajax({dataType: 'json', contentType: 'application/json', type: 'POST', url: '/rest/api/contentbody/convert/view', data: JSON.stringify(dataObj), success: function(response) { jQuery(containingElement).append(response.value); } }); } var topic_id = getQueryVariableFromUrl("topicid"); topic_id = topic_id == "notfound" ? "2" : topic_id; renderAndInsertMarkup(` <ac:structured-macro ac:macro-id="ad2a6246-f132-447c-9d41-134a863d6d38" ac:name="globaltimeline" ac:schema-version="1"> <ac:parameter ac:name="topic">`+topic_id+`</ac:parameter> <ac:parameter ac:name="source">topic</ac:parameter> </ac:structured-macro>`, "#chat-container"); </script> <div id="chat-container"> </div> @media only screen and (max-width : 400px) { .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner img, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner img { height: 28px; width: 28px; } /* div.micropost-entry { justify-content: center; } .microBlogWrapper .microBlogContainer.slim .micropost .micropost-left { height: 44px; } .aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner { margin-top: 0px; } .microBlogWrapper .microBlogContainer.slim .micropost .micropost-left { margin-top: 5px; } .micropost .micropost-left { padding-right: 0px; } .micropost .userLogoLink { margin-left: 5px; } */ .micropost .micropost-right { width: 80%; max-width: 80%; min-width: 80%; } .micropost .micropost-right .micropost-header { width: 100%; } .micropost-action-menu.show-permanent { margin-right: 0px; } div.micropost-entry { justify-content: flex-end; } .micropost .micropost-left { padding-right: 5px; } .microBlogWrapper .microBlogContainer.slim .micropost .micropost-left { margin-top: 0px; } .micropost .micropost-entry { width: 85%; } } .micropost .micropost-right { width: calc(100% - 64px); } .aui-button .aui-icon { color: white; } .wiki-content a.user-mention { background: rgba(0, 0, 0, 0.3) !important; pointer-events: none; } .wiki-content a.user-mention:hover, .wiki-content a.user-mention:active { background: rgba(0, 0, 0, 0.3) !important; } </style> <script> let topicId = getQueryVariableFromUrl("topicId"); $(document).arrive("form .aui-button-primary", function () { console.log( "ready!" ); $("form .aui-button-primary").click(() => { console.log("track comment"); analytics.track('eventCommented', { topicId }); }); $(document).unbindArrive("form .aui-button-primary"); }); </script> |