x x x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Old Version 55

changes.mady.by.user Alex Lee

Saved on

compared with

New Version Current

changes.mady.by.user Fareeha Ahmed

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


HTML
<style>
.aui-button.aui-button-primary:hover, .aui-button.aui-button-primary:focus {
  background-color: var(--primary-color) !important;
}
</style>


Show If
special@anonymous


HTML
<style>
.microblog-editor-notice.aui-message.aui-message-info {
    display: none;
}
.micropost-left {
    display: none;
}
.micropost-right {
    margin: 0px 20px !important;
}
</style>
<!-- <script>
AJS.toInit(function(){
$("head").append(`<meta http-equiv="refresh" content="120">`);
});
</script> -->



Hide If
groupconfluence-administrators


Show If
groupcountry-admins


HTML
<div id="edit-style-container"> </div>

<script>

const countryAdminGroup = getQueryVariableFromUrl("cc") + "-admins";
var adminCanEdit = false;

async function checkIfCountryAdmin ()
HTML
<style> /* hide empty state */ .empty-state-container.medium { display: none !important; } div#full-height-container { overflow-y: scroll; } 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
let groupsRes = await jQuery.ajax({
      url: "/rest/api/user/memberof?username=" + AJS.params.remoteUser,
      type: "get",
      dataType: "json"
    }).then(res => res);
	
	groupsRes = groupsRes.results;
    console.log(groupsRes);

    for (let i = 0; i < groupsRes.length; i++) {
display:
none; } .aui-buttons.is-hidden { display: none; } .action-group.topic-select-container { 
 let groupName = groupsRes[i].name;
visibility: hidden; 
 if (groupName === countryAdminGroup) {
border:
0px; } .editor
{
margin:
adminCanEdit
20px
=
auto
true;
background:
transparent;
}
background-color: transparent
}
	
	return true;
}
.mb-editor-container.textarea.full-width-field
checkIfCountryAdmin().then(res => {
	if (!adminCanEdit) {
		document.getElementById("edit-style-container").innerHTML =
border:
(`<style>
0px;

	.micropost .micropost-right .micropost-header .micropost-action-menu.show-permanent {
		display: none !important;
	}
 </style>`);
	}
});

</script>




HTML
<style>
/* hide empty state */
.empty-state-container.medium background: transparent;
}

.editor-content {
    widthdisplay: none 90%!important;
}
div#full-height-container {
   backgroundoverflow-y: whitescroll;
    border-radius: 15px;}
a.copy-micropost-permalink-action {
    paddingdisplay: 10px 10px !important;
    backgroun-color: white;
    margin: autonone;
}
button.aui-button.globalTimelineMoreButton {
  visibility: hidden;
}

button.actions.is-hiddenaui-button.globalTimelineMoreButton:after {
    bordercontent:'Show 0pxOlder !importantPosts';
    widthvisibility: 90%visible;
    margindisplay: auto !important;
}

.new-posts-refresh-timeline-container {
    width: 170pxblock;
  position: relative;
    borderbackground-radiuscolor: 5px !importantwhite;
    marginpadding: auto5px;
    font-family: var(--main-font-family)top: 2px;
}

a.microblog-new-posts-refresh-timeline-linkdiv#rw_wrapper {
    border-radiusbackground: 5px !important;transparent;
}

div#postiontoggle {
    margindisplay: auto;none;
}
div#custom-footer {
    color: white !important;
    font-family: var(--main-font-family);
}

button.aui-button.aui-button-linkdisplay: none;
}
.aui-buttons.is-hidden {
    colordisplay: whitenone;
}

.auiaction-buttongroup.auitopic-button-primary[disabled]select-container {
    colorvisibility: whitehidden;
    opacityborder: .70px;
}
</style>
HTML
<style>
/* Disable clicking links */ 
a.url.fn.confluence-userlink {
.editor {
    margin: 20px auto;
    pointer-eventsbackground: nonetransparent;
    cursorbackground-color: defaulttransparent;
}


.micropost-saveDate amb-editor-container.textarea.full-width-field {
    pointer-eventsborder: none0px;
    cursorbackground: defaulttransparent;
}

a.userLogoLinkeditor-content {
    pointer-eventswidth: none90%;
    cursorbackground: defaultwhite;
}
/* show mod always */
button.aui-button.aui-style-default.aui-dropdown2-trigger.aui-dropdown2-trigger-arrowless { border-radius: 15px;
    opacitypadding: 10px 110px !important;
}
body  .globaltimeline .microBlogContainer .microblog-header-container .microblogHeader {backgroun-color: white;
    displaymargin: noneauto;
}

span.actions.microblogis-tooltiphidden {
    displayborder: 0px none!important;
}

.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    width: 90%;
    margin: auto !important;
}

.new-posts-refresh-timeline-container {
    displaywidth: none170px;
}

body .micropost .micropost-right .micropost-footer {   border-radius: 5px !important;
    displaymargin: none !importantauto;
    font-family: var(--main-font-family);
}

body .micropost .reply-editora.microblog-new-posts-refresh-timeline-link {
    displayborder-radius: none;
}

div.micropost-entry {
    border-radius:15px5px !important;
    widthmargin: 90%auto;
    margincolor: white auto!important;
    borderfont-bottomfamily: none;
 var(--main-font-family);
}

button.aui-button.aui-button-link {
   display: flex !important;
    padding: 20px 0px !important;

 color: white;
}

.micropost .micropost-right .micropost-headeraui-button.aui-button-primary[disabled] {
    padding-bottomcolor: 10pxwhite;
}
body .micropost {
    border-topopacity: 0px.7;
}
.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></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
HTML
<style>
.aui-flag.qr-flag.aui-flag-stack-top-item {
    display: none !important;
}
</style>   
<style>
/*body hide navbar */
#page div#rw_theme_header .micropost .reply-editor {
    display: none;
}

#rw_theme_header, #rw_theme_headerdiv.micropost-entry {
    display: none;
}

#rw_theme_content {
	margin-top: 0pxborder-radius:15px;
    width: 90%;
    margin: auto;
    border-bottom: none;
    display: flex !important;
}

/* div#rw_wrapper {
	background: #516cad    padding: 20px 0px !important;

}

.rw_content_section #rw_main_column .rw_content {
	background: #516cad !important;
	micropost .micropost-right .micropost-header {
    padding-bottom: 50px !important10px;
} */

/* 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> -->
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%;
    /* background: white; */
    border-radius: 15px;
    padding: 10px 10px !important;
    /* background-color: white; */
    margin: auto;
    font-family: Raleway;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #fafafa;
}


.aui-button.aui-button-primary[disabled] {
HTML
<!-- new styles --> <style>
.editor {
    margin: 20px auto;
    background: transparent;
    background-color: transparentvar(--primary-color);
    opacity: 0.62;
    border-radius: 9px.7;
    /* background-color: #1c1c1cwhite; */
}

.editor-contentbutton.aui-button.aui-button-primary {
    background-color: #1c1c1c;
    width: 90%;
    /*}

#page .rw_content_spaces_white2.rw_content_menu_solid #main, #rw_wrapper {
    background: white; */
    border-radius: 15px;
    padding: 10px 10px !important;
    /* background-color: white; */transparent;
}

.rw_body.rw_body_white, body.rw_body_white {
    background: transparent;
}

div#full-height-container {
    marginbackground: autotransparent;
    fontbackground-familycolor: Ralewaytransparent;
}

div#main-content {
   font-size background: 14px;
 transparent !important;
}

.globalTimelineMore {
   font border-weighttop: normalnone;
    font-stretch: normal;
}

.micropost-entry {
    fontborder-styleradius: normal9px;
    linebackground-heightcolor: 1.57;
    letter-spacing: normalrgba(28, 28, 28, 0.28);
    color/* opacity: #fafafa.27; */
}


.aui-button.aui-button-primary[disabled]a.url.fn.confluence-userlink {
    background-color: var(--primary-color);
    opacity: .7white !important;
    colorfont-weight: white500;
}

button.auimicropost-buttonsaveDate span.auimicroblog-button-primarytooltip {}

#page .rw_content_spaces_white2.rw_content_menu_solid #main, #rw_wrapper {    font-weight: 300;
    backgroundcolor: transparentvar(--primary-color);
}

.rw_body.rw_body_white, body.rw_body_whitemicropost .micropost-right div.micropost-content {
    backgroundfont-family: transparentRaleway;
}

div#full-height-container {    font-size: 14px;
    backgroundfont-weight: transparentnormal;
    backgroundfont-colorstretch: transparentnormal;
}

div#main-content {
    backgroundfont-style: transparent !important;
}

.globalTimelineMore {
normal;
     borderline-topheight: none1.57;
}

.micropost-entry {
    borderletter-radiusspacing: 9pxnormal;
    background- color: rgba(28, 28, 28, 0.28);#fafafa;
} 
.empty-state-container .description-container {
    /* opacitydisplay: .27none; */
}

a.url.fn.confluence-userlink.empty-state-container {
    colorbackground: white#1c1c1c !important;
    opacity: .7;
    font-weightwidth: 500;
}

.micropost-saveDate span.microblog-tooltip {90%;
    font-weightdisplay: 300flex !important;
    color: var(--primary-color)max-width: unset !important;
}

.micropost .micropost-right div.micropost-content {
    font-family: Raleway;empty-state-container.medium .headline-container {
    font-sizecolor: 14px;
    font-weight: normal;
    font-stretch: normal;var(--primary-color);
}
</style>


HTML
<style>
.timeline-editor-container {
    font-stylebackground: normaltransparent;
    line-heightborder: 1.57none;
    letterbox-spacingshadow: normal;none;
}

.timeline-editor-container .profile-picture {
    colordisplay: #fafafanone;
}

span.microblog-tooltip 
.empty-state-container .description-container{display: none !important;}

.micropost .micropost-right ul.micropost-meta li.micropost-saveDate .microblog-tooltip {
    display: block none!important;
}

.micropost .emptymicropost-state-containerright {}

.micropost .micropost-right   background: #1c1c1c !important;div.micropost-content {
    opacitymargin-left: .70px;
}

.micropost    width: 90%;.micropost-left {
    displayjustify-content: flex !importantcenter;
    maxalign-widthitems: unset !importantcenter;
}

.empty-state-container.medium .headline-containeraui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner {
    margin-top: 5px;
}
body .micropost {
    colorbox-shadow: var(--primary-color);
}
</style>
HTML
<style>
.timeline-editor-container {none;
    border: none;
    background: transparent;
    borderpadding: 10px;
    margin: none;0px;
}

body .micropost .reply-editor {
    box-shadowdisplay: none !important;
}

.timeline-editor-container .profile-picture#rw_wrapper.rw_background_top .rw_background_section_background1 {
    display: none;
}

span.microblog-tooltip {display: none !important;}</style>


Hide If
groupconfluence-administrators,country-admins, judging-administrators


HTML
<style>

.micropost .micropost-right
ul
.micropost-
meta
header
li
.micropost-
saveDate .microblog-tooltip
action-menu.show-permanent {
display: none;
}

</style>



Dynamic chat
TopicId3


HTML
<style>
div.micropost-entry {
  displaypadding: block20px 20px !important;
}

.micropost .micropost-right {}

  width: calc(90% - 40px);
}
.micropost .micropost-right div.micropost-contentuserLogoLink {
    margin-left: 0px;
}

.micropost .micropost-leftdiv#full-height-container::-webkit-scrollbar {
  background-color:  justify-content: centerrgba(84, 84, 84, 0.3);
    align-itemswidth: center14px;
}

.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner div#full-height-container::-webkit-scrollbar-thumb {
    marginbackground-topcolor: 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>
Hide If
groupconfluence-administrators,country-admins, judging-administrators
HTML
<style>

.micropost .micropost-right .micropost-header .micropost-action-menu.show-permanent {
display: none;
}

</style>

Dynamic chat
TopicId3

HTML
<style>
rgb(16,58,50);
  border-radius: 10px;
}

@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:  padding: 20px 20px !important;
  width: calc(90% - 40px);
}
.micropost .userLogoLink {
  margin-leftcenter;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		height: 44px;
	}
	.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner {
		margin-top: 0px;
	}
@media only screen and (max-width : 400px) {

	.microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost .micropost-left {
		margin-top: 5px;
	}
	.micropost .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, {
		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 #microPostContextContainer.micropost .micropost-left .aui-avatar .aui-avatar-inner img {
		heightmargin-top: 28px0px;
		width: 28px;
	}
	/*
	div.micropost .micropost-entry {
		justify-contentwidth: center85%;
	}
	.microBlogWrapper .microBlogContainer.slim 
}

.micropost .micropost-leftright {
		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%;
	}

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