Workflowy Style for Cloze Test

/* 펼쳤을 때 세로 가이드선 투명처리 */
.open > div.children
  {
    border-left: 1px dotted rgba(0,0,0,0) !important;
  }

  .highlighted::before
  {
    background: #e9e4d8 !important;
    background: var(--highlight-color) !important;
  }



/* 기본 폰트 지정 */ 

.content {
    margin-left: 0px;
    font-family: 'Georgia', '나눔바른고딕' !important; /*기본 서체*/
    color: #323232 !important; /*폰트 색상*/
    margin-bottom: 2px; /*불릿간 줄간격(문단 간격)*/
    max-width: 100%; /*본문 가로폭 */
    line-height: 1.4; /*불릿안 줄간격(본문 줄간격)*/
    word-break: keep-all; /*단어 쪼개서 줄바꿈 금지*/
    word-wrap: normal; 
}



/* 이탤릭 스타일 (그대로 유지. 지문의 이탤릭체 서식 그대로 표현) = = = = = = = = = */ 

.content i {
    text-decoration: none;
}


/* 밑줄 스타일 (빈칸밑줄 효과 for Cloze Test) = = = = = = = = = = = = = = = = */ 

.content u {
    color :rgba(0,0,0,0) !important; /*폰트색상 투명으로 변경*/
    text-shadow: 0 0 0 #fff; /*하이라이트 시 흰색으로 내용표시 효과*/
    background-color: #a6d4c0 !important; /* 하이라이트 색상 */
    border-bottom: 1px solid #666; /* 밑줄효과를 테두리로 대체 */
    font-family: inherit !important; /* 폰트 그대로 */
    font-weight: inherit !important; /* 폰트 굴기 그대로 */
    font-size: inherit !important; /* 폰트 사이즈 그대로 */
    text-decoration: none !important; /* 기본 밑줄효과는 삭제 */
}



/* 볼드체 스타일 (테두리 박스 효과 for A/B 선택 문제 유형)  = = = = = = = = = = = = */ 

.content b {
    text-decoration: none !important; /* 기본 효과 없음 */
    font-style : normal; /* 폰트 스타일 없음*/
    font-weight: normal !important; /* 기본 볼드체 효과 취소 */
    background-color: rgba(0, 0, 0, 0) !important; /* 박스 안 배경색 투명 */
    color: #2C3E50 !important; /* 박스 안 폰트색상 */
    padding: 0px 1px 0px 1px !important; /* 테두리 안쪽 여백 */
    outline: 1px solid #b1b1b1;  /* 외곽선으로 박스 효과 적용*/    
}









/* ## H1 헤더 (대제목)  = = = = = = = = = = = = = = */ 


div.project.selected > div.name div.content 
  {
  padding-bottom: 0px;
  margin: 0px 0px -12px 0px;  
}


div.project.selected > div.name div.content b
  {
    font-size: 0.87em;  
    font-weight: bold !important;
    font-family: 'NanumSquare' !important;
    padding-bottom: 0px;
    margin: 0px 0px 0px 0px;  
    background-color: #FFF !important;  
    border: 0px solid #FFF !important;   
    outline: unset;
  }

  /* ...except for tags */
  div.project.selected > div.name div.content .contentTag
  {
    font-weight: normal;
  }








/* ## H2 헤더 스타일 (볼드체강조, 115% 크기, 불릿 투명처리) = = = = = = = = = = = = = = */ 

div.project.selected > div.children > div > div.name div.content
  {
    font-family: 'NanumSquare' !important;      
    font-weight: bold !important;
    font-size: 1.15em;
    padding-bottom: 0px;
    margin: 20px 0px 0px 0px;  
    border-bottom: 1px solid silver;
  }

  /* ...except for tags */
  div.project.selected > div.children > div > div.name div.content .contentTag
  {
    font-weight: normal;
  }

div.project.selected > div.children > div > div.name > a.bullet
  {
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    background-color: transparent !important;      
    background-position: center -2px !important;
    background-size: cover;
    margin: 1px 0 0 -12px !important;
    padding: 0px !important;
    width: 0px !important;
    height: 0px !important;
    border: 1px solid #FFF !important;
  }





/* ### H3 헤더 스타일 (불릿크기 축소) = = = = = = = = = = = = = = = = = = = = = = = = */ 

div.project.selected > div.children > div > div.children > div > div.name div.content
  {
    font-family: 'Georgia', 'NanumBarunGothic' !important; 
    font-weight: normal;
    font-size: 1em;
    margin-left: -18px; 
  }

div.project.selected > div.children > div > div.children > div > div.name > a.bullet
  {
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    background-color: transparent !important;      
    background-position: center -12px !important;
    background-size: cover;
    margin: 1px 0 0 -12px !important;
    padding: 0px !important;
    width: 13px !important;
    height: 13px !important;
    border: 1px solid rgba(0,0,0,0) !important;
  }

  /* ...except for tags */
  div.project.selected > div.children > div > div.children > div > div.name div.content .contentTag
  {
    font-weight: normal;
  }




/* #### H4 헤더 스타일 (불릿 투명처리) */ 

div.project.selected > div.children > div > div.children > div > div.children > div > div.name div.content
  {
    font-weight: normal;
    font-size: 1em;
    margin-left: -38px;
  }

div.project.selected > div.children > div > div.children > div > div.children > div > div.name > a.bullet
  {
       border-radius: 100% !important;
        -webkit-border-radius: 100% !important;
        -moz-border-radius: 100% !important;
        background-color: transparent !important;      
        background-position: center -2px !important;
        background-size: cover;
        margin: 1px 0 0 -25px !important;
        padding: 0px !important;
        width: 10px !important;
        height:10px !important;
        border: 0px solid rgba(0,0,0,0) !important;
  }

  /* ...except for tags */
 div.project.selected > div.children > div > div.children > div > div.children > div > div.name div.content .contentTag
  {
    font-weight: normal;
  }



/* ##### H5 헤더 스타일 (불릿 투명처리) */ 
div.project.selected > div.children > div > div.children > div > div.children > div > div.children > div > div.name div.content
  {
    font-weight: normal;
    font-size: 1em;
    margin-left: -55px;
  }

div.project.selected > div.children > div > div.children > div > div.children > div > div.children > div > div.name > a.bullet
  {
       border-radius: 100% !important;
        -webkit-border-radius: 100% !important;
        -moz-border-radius: 100% !important;
        background-color: transparent !important;      
        background-position: center -2px !important;
        background-size: cover;
        margin: 1px 0 0 2px !important;
        padding: 0px !important;
        width: 0px !important;
        height: 0px !important;
        border: 0px solid #FFF !important;
  }

  /* ...except for tags */
 div.project.selected > div.children > div > div.children > div > div.children > div > div.name div.content .contentTag
  {
    font-weight: normal;
  }





/* 링크 스타일 설정 = = = = = = = = = = = = = = = = */

.content a {
  color: #4183C4;
  text-decoration: none !important; 
}

.content a:hover {
  text-decoration: underline;
}


/* 태그 스타일(기본) = = = = = = = = = = = = = = = = */

.content .contentTag a {
    text-decoration: none;    
}

.contentTag {
    font-family: 'NanumBarunGothic' !important;
    text-decoration: none !important;    
    font-size: 0.9em;
    border: 1px solid silver !important;
}




/* 노트 스타일 = = = = = = = = = = = = = = = = */ 

.noted > .notes > .content {
    font-family: 'NanumBarunGothic' !important;
    color: indianred !important;
}

/*노트 무조건 펼침*/
.content {
    overflow: visible !important;
    display: block !important;
    max-height: none !important;
    height: auto !important;
}