Matt's Roof Garden

roam/css

This is an "Orphan" page. Its core content has not been shared: what you see below is a loose collection of pages and page snippets that mention this page, as well as snippets of this page that were quoted elsewhere.

embedded youtube comment button



.rm-video-player__comment-button {
  opacity:0;
  left: 93%;
  top: 80%;
}
.rm-video-player__comment-button::after{
  content: " 💬 ";
  font-size: 14 !important;
  color: transparent !important;
    text-shadow: 0 0 0 black;
  padding:5px;
  border-radius:10px;
  background-color:white;
  opacity:.5;
  top: 95%;
  cursor: cell;
}
.rm-video-player__container:hover .rm-video-player__comment-button {
  opacity:.5;
}

roam tabs testing

.ttab > .rm-block__self{
    -webkit-transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: green;
  margin: 40px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}


.tab.rm-block[data-page-links*="TODO"]> .rm-block-children >div:nth-of-type(3){
  color:blue;
  display:none;
}
.tab.rm-block[data-page-links*="DONE"]> .rm-block-children >div:nth-of-type(2){
  display:none;
}
.tab .tab-label > .rm-block__self{
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  color: #F90303;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  text-align: center;

    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;

}

.rm-page-ref[data-tag=".tab"] {
  display:none !important;
}
.tab.rm-block[data-page-links*="TODO"] > .rm-block__self:after{
  
}
.tab.rm-block[data-page-links*="DONE"] > .rm-block__self .check-container .checkmark{
  width:100px;
  border-radius:0 !important;
}

.tab.rm-block[data-page-links*="DONE"] > .rm-block__self .check-container .checkmark:after{
  content:"ANTI";
  transform: rotate(0deg) scale(1);
  width:100%;
    height:inherit !important;
border:none;
  box-shadow:none;
  --webkit-box-shadow:none;
}

.tab.rm-block[data-page-links*="TODO"] > .rm-block__self .check-container:after {
  content:"LIBRARY";
  transform: rotate(0deg) scale(1);
  width:100px !important;
    height:100px !important;
border:none;
  box-shadow:none;
  --webkit-box-shadow:none;
}

.tab.rm-block[data-page-links*="TODO"] > .rm-block__self .check-container input:checked~.checkmark, .bp3-control input:checked ~ .bp3-control-indicator{
  background-color:transparent;
  border:none;
  box-shadow:none;
  --webkit-box-shadow:none;
}