Section |
---|
Column |
---|
| Image Removed HTML |
---|
<link rel="stylesheet" href="https://reporting.healthcarecommunities.org/DesktopModules/CSI/CSIQUp_ETCLC/css/confluence-menu.css?ver=1">
<link rel="stylesheet" href="https://reporting.healthcarecommunities.org/DesktopModules/CSI/CSIQUp_ETCLC/css/confluence-header.css?ver=3"> |
Column |
---|
|
Image Added HTML |
---|
<div class="header_container row">
<div class="column left<div class="header_container row">
<div class="column left">
<img class="confluence-embedded-image image-center" height=150px draggable="false" src="https://qnetconfluence.cms.gov/download/attachments/522098634/ETCLC-Logo-FullColor-300px.jpg?version=1&modificationDate=1704461422814&api=v2" alt="" />
</div>
<div class="column middle">
<div class="carousel">
<img <div class="mySlides"><img class="mySlideconfluence-embedded-image image-center" height=150px draggable="false" src="https://reportingqnetconfluence.healthcarecommunitiescms.orggov/download/Desktopmodulesattachments/CSI522098634/CSIQUp_ETCLC/images/carousel/ca1.jpg"/></div>ETCLC-Logo-FullColor-300px.jpg?version=1&modificationDate=1704461422814&api=v2" alt="" />
</div>
<div class="column middle">
<div class="carousel">
<div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca2ca1.jpg"/></div>
<div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca3ca2.jpg"/></div>
<div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca4ca3.jpg"/></div>
<div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca4.jpg"/></div>
<div class="mySlides"><img class="mySlide" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/carousel/ca5.jpg"/></div>
</div>
</div>
<div class="column right">
<div class="card">
<h3>Current ETCLC Members</h3>
<p>Progress Tracker <a href='https://healthcarecommunities.b2clogin.com/healthcarecommunities.onmicrosoft.com/oauth2/v2.0/authorize?p=b2c_1_etclc_signin&response_type=id_token&client_id=07e0f659-b33e-444d-a279-b6e0d59f8e67&redirect_uri=https%3A%2F%2Fetclc.healthcarecommunities.org%2F&response_mode=form_post&scope=openid&state=generic' target='_blank'>Login</a></p>
<p>Not a Tracker user? <a href='https://healthcarecommunities.b2clogin.com/healthcarecommunities.onmicrosoft.com/oauth2/v2.0/authorize?p=B2C_1_ETCLC_signup&client_id=07e0f659-b33e-444d-a279-b6e0d59f8e67&nonce=defaultNonce&redirect_uri=https%3A%2F%2Fghn.healthcarecommunities.org%2Fwp-login.php&scope=openid&response_type=id_token&prompt=login' target='_blank'>Register</a></p>
</div>
</div>
<script async src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/js/carousel.js"></script>
| style
|
|
Section |
---|
. Column |
---|
HTML |
---|
<div class="container"> {
float: left;<!--start CssMenu-->
padding: 10px;
}
.left {
width: 40%;
margin-left: auto;
margin-right: auto;
}
.middle {
width: 40%;
height: auto;
}
.right {
width: 20%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1300px) {
.column {
width: 100%;
}
}
/* Style the counter cards */
.card {
min-width: 225px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
padding: 16px;
text-align: center;
background-color: #fbfbf9;
font-family: Verdana, sans-serif;
height: auto;
}
* {
box-sizing: border-box;
}
.header_container {
text-align: center;
display: block;
align-items: center;
}
.header_container {
overflow: hidden;
}
.header_container div {
/*min-height: 200px;*/
}
.header_left {
padding: 20px;
float: left;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.header_right {
float: right;
width: 50% !important;
height: auto;
}
.header_right1 div{
text-align: center;
align-items: center;
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 1200px) {
.header_container {
display: block;
}
}
@media screen and (max-width: 1200px) {
.header_left,
.header_right {
float: none;
margin: auto;
width: auto;
border: 0;
/*border-bottom: 2px solid #000;*/
}
}
.carousel {
display: block;
max-width: 400px;
min-width: 400px;
padding-top: 0px;
padding-left: 5px;
}
.mySlides {
display: none;
}
.mySlides img{
object-fit: cover;
width: 100%;
height: auto;
}
.mySlide {
width: 100%;
height: 100%;
border-radius: 5%;
}
#main1 {
max-width: 1600px;
} .test .confluenceTd {
padding: 2px 5px !important;
/* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
vertical-align: top;
text-align: center;
min-width: 8px;
/* CONF-39943: set table cell min-width to which cursor can be focused */
background-color: #FFFFFF !important;
border: 0px none #FFF; }
.test .confluenceTd td {
padding: 0px 15px !important;
/* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
vertical-align: top;
text-align: center;
min-width: 8px;
/* CONF-39943: set table cell min-width to which cursor can be focused */
background-color: #FFFFFF !important;
border: 0px none #FFF;
} |
| |
Section |
---|
Column |
---|
HTML |
---|
<div class="container">
<!--start CssMenu-->
<div id="cssmenu">
<ul>
<li>
<span>About ETCLC <i class="arrow"></i></span>
<ul class="dropdown">
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/End+Stage+Renal+Disease+Treatment+Choices+Learning+Collaborative?preview=/202386541/209161617/ETCLC%20Recruitment%20Talking%20Points_FINAL2.pdf">FAQ's</a></li>
<li><a href="https://qnetconfluence.cms.gov/pages/viewpageattachments.action?pageId=517474114&metadataLink=true&preview=/517474114/517474123/ETCLC%20Committment%20for%20Results%2010.27.21_fillable-2-10-23.pdf">Learn More</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/National+Faculty">National Faculty</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/LCC#">Leadership Coordinating Council</a></li>
<li><a href="https://etclc.healthcarecommunities.org/">ETCLC Progress Tracking System</a></li>
</ul>
</li>
<li>
<span>Participating Organizations <i class="arrow"></i></span>
<ul class="dropdown">
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/opo">Organ Procurement Organizations</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/transplant+centers">Transplant Centers</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/donor+hospitals">Donor Hospitals</a></li>
</ul>
</li>
<li>
<span>Resources <i class="arrow"></i></span>
<ul class="dropdown">
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/Change+Packages">Change Packages</a></li>
<li><a href="https://app.powerbi.com/view?r=eyJrIjoiMmJmMDMyYjktNTVmNS00ZDBmLWE4NDAtNjVlNWU3OThmNzE4IiwidCI6Ijc0MjZkZWJmLWQ4MDItNDFkMi05ZGJjLTJjNjk0YmRlYjZmZiIsImMiOjF9">National Dashboard</a></li>
</ul>
</li>
<li>
<span>Patient and Donor Family <i class="arrow"></i></span>
<ul class="dropdown right0">
<li><a href="https://donatelife.net/#">Become a Donor</a></li>
</ul>
</li>
</ul>
<!--end CssMenu-->
</div> |
Section |
---|
CSS Stylesheet |
---|
.confluenceTh, .confluenceTd {
background-color: #FFFFFF !important;
border: 0px none #FFF;
} |
Section |
---|
HTML |
---|
<div class="hwrap">
<div class="hmove">
<div class="hitem">February 14th is National Donor Day!</div>
</div>
</div> |
CSS Stylesheet |
---|
/* (A) FORCE ALL ITEMS INTO SINGLE ROW */
.hmove {
display: flex;
}
.hitem {
width: 100%;
flex-shrink: 0;
font-size: 21px;
font-family: Verdana, sans-serif;
}
.hwrap {
overflow: hidden;
padding-bottom: 15px;
}
/* (B) MOVE ITEMS FROM RIGHT TO LEFT */
/* first item = 0, fourth item = -300% */
@keyframes tickerh {
0% {
transform: translatex(100%);
}
100% {
transform: translatex(-30%);
}
}
.hmove {
animation: tickerh linear 20s infinite;
}
.hmove:hover {
animation-play-state: paused;
}
@media only screen and (min-width: 200px) and (max-width: 600px) {
.hmove {
animation: tickerh linear 20s infinite;
}
}
@media only screen and (min-width: 601px) and (max-width: 1000px) {
.hmove {
animation: tickerh linear 10s infinite;
}
} |
Round Rectangle |
---|
|
WHAT IS ETCLC?The collaborative boasts over 350 organizations that are encouraged to share best and promising practices across the kidney transplant continuum. The goal of the ETCLC is to improve kidney recovery, donation, and utilization in rapid-cycle quality improvement activities so people with end stage renal disease have greater access to kidney transplantation. |
...
NATIONAL AIMS
...
...
Image Removed
A Collaborative Built for a Broad Community
The ETCLC will bring transplant centers, Organ Procurement Organizations (OPOs), donor hospitals, patients, and donor families together to reduce the disparity in performance among OPOs and transplant centers with the goal of increasing kidney recoveries by OPOs and utilization of kidneys by transplant centers
Image Removed
Supported by National Leaders
ETCLC members are supported by a National Faculty and Leadership Coordinating Council made up of thought leaders and organizations in the field of organ recovery and transplant
Image Removed
Dedicated QI Coaches Leveraging a Tested Change Package
ETCLC members are guided by a national network of quality improvement coaches who lead QI Teams to identify best and promising practices that drive recovery and utilization performance and spread these practices throughout the kidney transplant community using the Kidney Donation and Utilization Change Package.
Image Removed
Amplifying the Patient and Family Voice
People on dialysis, transplant recipients, and donor family members have an important voice and role in the ETCLC by identifying patient and family education needs around organ donation and transplant.
Image RemovedImage Removed
<div id="cssmenu">
<ul>
<li>
<span>About ETCLC <i class="arrow"></i></span>
<ul class="dropdown">
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/End+Stage+Renal+Disease+Treatment+Choices+Learning+Collaborative?preview=/202386541/209161617/ETCLC%20Recruitment%20Talking%20Points_FINAL2.pdf">FAQ's</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/beta1?preview=%2F517474114%2F537232798%2FETCLC+Committment+for+Results+10.27.21_fillable-2-10-23.pdf">Learn More</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/National+Faculty">National Faculty</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/LCC#">Leadership Coordinating Council</a></li>
<li><a href="https://etclc.healthcarecommunities.org/">ETCLC Progress Tracking System</a></li>
</ul>
</li>
<li>
<span>Participating Organizations <i class="arrow"></i></span>
<ul class="dropdown">
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/opo">Organ Procurement Organizations</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/transplant+centers">Transplant Centers</a></li>
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/donor+hospitals">Donor Hospitals</a></li>
</ul>
</li>
<li>
<span>Resources <i class="arrow"></i></span>
<ul class="dropdown">
<li><a href="https://qnetconfluence.cms.gov/display/ETCLC/Change+Packages">Change Packages</a></li>
<li><a href="https://app.powerbi.com/view?r=eyJrIjoiMmJmMDMyYjktNTVmNS00ZDBmLWE4NDAtNjVlNWU3OThmNzE4IiwidCI6Ijc0MjZkZWJmLWQ4MDItNDFkMi05ZGJjLTJjNjk0YmRlYjZmZiIsImMiOjF9">National Dashboard</a></li>
</ul>
</li>
<li>
<span>Patient and Donor Family <i class="arrow"></i></span>
<ul class="dropdown right0">
<li><a href="https://registerme.org/">Become a Donor</a></li>
</ul>
</li>
</ul>
<!--end CssMenu-->
</div> |
|
|
Section |
---|
CSS Stylesheet |
---|
.confluenceTh, .confluenceTd {
background-color: #FFFFFF !important;
border: 0px none #FFF;
}
.confluence-embedded-image {
cursor: none !important;
} |
|
Section |
---|
HTML |
---|
<div class="hwrap">
<div class="hmove">
<div class="hitem">April is National Donate Life Month</div>
<div class="hitem">Save the date for the upcoming in-person events at Quality Conference, April 10th, Baltimore, MD, and NKF, May 17th, Long Beach, CA.</div>
</div>
</div> |
CSS Stylesheet |
---|
/* (A) FORCE ALL ITEMS INTO SINGLE ROW */
.hmove {
display: flex;
white-space: nowrap;
}
.hitem {
width: 100%;
flex-shrink: 0;
font-size: 21px;
font-family: Verdana, sans-serif;
}
.hwrap {
overflow: hidden;
padding-bottom: 15px;
}
/* (B) MOVE ITEMS FROM RIGHT TO LEFT */
/* first item = 0, fourth item = -300% */
@keyframes tickerh {
0% {
transform: translatex(100%);
}
100% {
transform: translatex(-200%);
}
}
.hmove {
animation: tickerh linear 40s infinite;
}
.hmove:hover {
animation-play-state: paused;
}
@media only screen and (min-width: 200px) and (max-width: 600px) {
.hmove {
animation: tickerh linear 30s infinite;
}
}
@media only screen and (min-width: 601px) and (max-width: 1000px) {
.hmove {
animation: tickerh linear 30s infinite;
}
} |
|
Round Rectangle |
---|
|
WHAT IS ETCLC?The collaborative boasts over 350 organizations that are encouraged to share best and promising practices across the kidney transplant continuum. The goal of the ETCLC is to improve kidney recovery, donation, and utilization in rapid-cycle quality improvement activities so people with end stage renal disease have greater access to kidney transplantation. |
Section |
---|
Align |
---|
| NATIONAL AIMS
Image Added |
|
Section |
---|
Center |
---|
Image Added A Collaborative Built for a Broad Community The ETCLC will bring transplant centers, Organ Procurement Organizations (OPOs), donor hospitals, patients, and donor families together to reduce the disparity in performance among OPOs and transplant centers with the goal of increasing kidney recoveries by OPOs and utilization of kidneys by transplant centers. | Image Added
Supported by National Leaders ETCLC members are supported by a National Faculty and Leadership Coordinating Council made up of thought leaders and organizations in the field of organ recovery and transplant. |
Image Added Dedicated QI Coaches Leveraging a Tested Change Package ETCLC members are guided by a national network of quality improvement coaches who lead QI Teams to identify best and promising practices that drive recovery and utilization performance and spread these practices throughout the kidney transplant community using the Kidney Donation and Utilization Change Package. |
Image Added Amplifying the Patient and Family Voice People on dialysis, transplant recipients, and donor family members have an important voice and role in the ETCLC by identifying patient and family education needs around organ donation and transplant. |
Image Added Image Added |
|
Alert |
---|
title | About this site |
---|
type | Info |
---|
|
|
Alert |
---|
title | About this site |
---|
type | Info |
---|
|
|
CSS Stylesheet |
---|
.container {
display: flex;
flex-flow: row wrap;
/* Shorthand for flex-direction: row and flex-wrap: wrap */
width: 100%;
justify-content: space-evenly;
overflow-wrap: break-word;
overflow: visible;
font-family: Verdana, sans-serif;
}
#cssmenu {
width: 100%;
display: block;
text-align: center;
font-family: inherit;
line-height: 1.2;
border-radius: 0px;
}
#cssmenu1 ul {
/*width: auto;*/
width: 100%;
display: block;
font-size: 0;
/*text-align: left;*/
text-align: justify;
color: #EEEEEE;
background-color: #1870b8;
border: transparent;
margin: 0;
padding: 0;
list-style: none;
position: relative;
z-index: 10;
border-radius: 5px;
}
#cssmenu1 li {
display: inline-block;
position: relative;
font-size: 0;
/*margin: 0;*/
/*padding: 0;*/
list-style-type: none;
padding-right: 10%;
width: auto;
margin-right: 0.5%;
padding-left: 0;
margin-left: 0;
}
#cssmenu1 ul>li:last-child {
margin-right: 0 !important;
padding-right: 0 !important;
}
#cssmenu ul {
display: flex;
align-items: stretch;
/* Default */
justify-content: space-between;
width: 100%;
background: #cacaca;
margin: 0;
padding: 0;
color: #EEEEEE;
background-color: #1870b8;
}
#cssmenu li {
display: inline-block;
position: relative;
flex: 0 1 auto;
/* Default */
list-style-type: none;
}
/*Top level items
---------------------------------------*/
#cssmenu>ul>li>span,
#cssmenu>ul>li>a {
font-size: 14px;
color: inherit;
text-decoration: none;
padding: 10px 20px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
position: relative;
transition: all 0.3s;
}
#cssmenu li:hover>span,
#cssmenu li:hover>a {
/*color: #FFFFFF;*/
color: #fdce08;
background-color: rgba(255, 255, 255, 0.1);
}
/*Sub level items
---------------------------------------*/
#cssmenu .dropdown {
text-align: left;
left: 0;
font-family: inherit;
color: #000;
background-color: #FFF;
border: none;
position: absolute;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
display: none;
opacity: 0;
cursor: default;
border-radius: 0px;
width: auto;
overflow-wrap: normal;
}
#cssmenu .dropdown li {
display: block;
}
#cssmenu .dropdown li>span,
#cssmenu .dropdown li>a,
#cssmenu .clm a,
#cssmenu .clm h3 {
font-size: 14px;
font-weight: 400;
font-family: inherit;
margin: 0;
padding: 12px 20px;
display: block;
color: inherit;
text-decoration: none;
}
#cssmenu .clm h3 {
font-size: 20px;
font-weight: 700;
}
#cssmenu .sub-item {
background-color: #FFFFFF;
position: relative;
transition: all 0.3s;
}
#cssmenu .dropdown li:hover>span,
#cssmenu .dropdown li:hover>a {
color: #000000;
background-color: #EEEEEE;
}
#cssmenu .clm a:hover {
color: #000000;
transition: color 0.2s;
}
#cssmenu .dropdown.right0 {
left: auto;
right: 0;
}
#cssmenu .dropdown li>.dropdown.right0 {
left: auto;
right: 100%;
}
#cssmenu li.full-width {
position: static;
}
#cssmenu li.full-width .dropdown {
width: 100%;
left: 0;
box-sizing: border-box;
}
#cssmenu li:hover>.dropdown {
display: block;
opacity: 1;
z-index: 1;
}
#cssmenu .dropdown li>.dropdown {
left: 100%;
right: auto;
top: 0;
}
#cssmenu ul.dropdown {
min-width: 240px;
/* Sub level menu min width */
}
#cssmenu div.dropdown {
text-align: center;
}
/* each column */
#cssmenu .clm {
text-align: left;
margin: 20px;
vertical-align: top;
/*or middle*/
width: auto;
min-width: 240px;
display: inline-block;
*display: inline;
*zoom: 1;
}
#cssmenu .clm a:hover {
color: #000000;
text-decoration: underline;
}
/*-----------Arrows----------------*/
#cssmenu .arrow {
color: inherit;
border-style: solid;
border-width: 2px 2px 0 0;
padding: 4px;
transform: rotate(135deg);
margin-top: -8.5px;
margin-left: 4px;
position: relative;
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
overflow: hidden;
/*for IE6*/
}
#cssmenu .dropdown .arrow {
transform: rotate(45deg);
top: 50%;
margin-top: -6px;
position: relative;
top: auto;
}
@keyframes topItemAnimation {
from {
opacity: 0;
transform: translate3d(0, -10vh, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
#cssmenu li a {
animation: none;
}
#cssmenu.active li a {
animation: topItemAnimation 0.5s ease 0.08333333333333333s backwards;
}
#cssmenu.active li:nth-of-type(1) a {
animation: topItemAnimation 0.5s ease 0.5s backwards;
}
#cssmenu.active li:nth-of-type(2) a {
animation: topItemAnimation 0.5s ease 0.4166666666666667s backwards;
}
#cssmenu.active li:nth-of-type(3) a {
animation: topItemAnimation 0.5s ease 0.3333333333333333s backwards;
}
#cssmenu.active li:nth-of-type(4) a {
animation: topItemAnimation 0.5s ease 0.25s backwards;
}
#cssmenu.active li:nth-of-type(5) a {
animation: topItemAnimation 0.5s ease 0.16666666666666666s backwards;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
#cssmenu.active li a {
animation: none !important;
}
}
/*--Add border to top-level menu items--*/
#mcmenu .top-item {
border-left: 1px solid #2e6fb2;
border-right: 1px solid #14314f;
}
#mcmenu li:first-child .top-item {
border-left: none;
}
#mcmenu li:last-child .top-item {
border-right: none;
}
.right {
background-color: #ffffff;
float: left;
width: 10%;
padding: 0px;
margin-top: 0px;
text-align: center;
}
.sectionColumnWrapper {
overflow-x: visible !important;
} |
HTML |
---|
<script>
AJS.toInit(function(){
if (AJS.params.remoteUser == ''){
if (AJS.$("div.ia-fixed-sidebar").width() > 55){
AJS.Confluence.Sidebar.toggle();
}
AJS.$(".ia-fixed-sidebar").hide();
}
});
</script>
<style>
#breadcrumb-section {
display: none !important;
}
#aui-flag-container {
right: 0px !important;
left: 10px !important;
}
</style> |
...