workflowy-clozetest by seoulrain

Details

Authorseoulrain
LicenseNo License
Categoryuserstyles
Created3 years, 4 months ago
Updated3 years, 4 months ago
Size16 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

Cloze Test creator for Workflowy
Notes

Userstyle doesn't have notes.
Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           workflowy-clozetest
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
/* 일반 스타일 설정 = = = = = = = = = = = = = = = = */

  :root
  {
  /* White Theme Colors */
  /* Sepia Theme Colors */
    --primary-color: #fff !important;
    --secondary-color: #fff !important;
    --bg-color: #fff !important;
    --border-color: #f8f8f8 !important;
    --highlight-color: #efefef !important;
  /* Dark Theme Colors */;
  }

/* 리스트 스타일= = = = = = = = = = = = = = = = */

  .project.collapsed > .name > .bullet
  {
    background: #ddd5c2 !important;
  }

/* 펼침 가이드라인 */
.open > div.children
  {
    border-left: 0px dotted #ccc !important;
  }

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




/* Page styles */


/* 기본 폰트 지정 */ 

.content {
    font-family: 'Georgia', 'Malgun Gothic' !important;
    color: #323232 !important;
    margin-bottom: 2px; /*불릿간 줄간격*/
    max-width: 86%;
    line-height: 1.5; /*불릿안 줄간격*/
}



/*이탤릭 (그대로 둡니다. 영어 지문에 이탤릭체가 자주 등장하기 때문) = = = = = = = = = = = = = = = = */ 

.content i {
    text-decoration: none;
}


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

.content u {
     color : #fff !important;
    background-color: #fff !important;
    border-bottom: 1px solid #666;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    /*text-decoration: underline !important;
    text-decoration-color: #000 !important; */
}




/*Bold 볼드 (→ 테두리 박스 효과. 강조하거나 어휘 선택용 박스) = = = = = = = = = = = = = = = = */ 

.content b {
    text-decoration: none !important;
    font-style : normal; 
    font-weight: normal !important;
    border: 1px solid #ddd !important;
    background-color: #F8F8F8 !important;
    border-radius: 3px !important;
    color: #2C3E50 !important;
    padding: 0px 2px 0px 2px !important;   
     
}


/*Bold+Under 볼드언더  (→ 정답 강조. 흑백인쇄시 알아보기 힘든 하이라이트 효과) = = = = = = = = = = = = = = = = */ 

.content b u {
   color: #2C3E50 !important;
   border-bottom: 0px;
   text-decoration: none;    
   font-style: normal; 
   background-color: #fdffdfc7 !important;       
}






/* ## H1 헤더 스타일 (볼드체강조) = = = = = = = = = = = = = = */ 
div.project.selected > div.name div.content
  {
    font-weight: bold;
    font-family: 'Nanum Square' !important;
    font-size: 0.85em;
    padding-bottom: 0px;
    margin: 0px 0px -9px 0px;  

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


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

div.project.selected > div.children > div > div.name div.content
  {
    font-family: 'Nanum Square' !important;  
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 0px;
    margin: 20px 0px 0px -10px;  
    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;
  }


/* 3단계 헤더 스타일 (더 작은 불릿) = = = = = = = = = = = = = = = = = = = = = = = = */ 
div.project.selected > div.children > div > div.children > div > div.name div.content
  {
    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 -2px !important;
    background-size: cover;
    margin: 1px 0 0 -12px !important;
    padding: 0px !important;
    width: 13px !important;
    height: 13px !important;
    border: 1px solid #FFF !important;
  }

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




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

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 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;
  }



/* 5단계 헤더 스타일 (불릿 투명처리) */ 
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: -45px;
  }

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;
    color: #0489B1 !important;
    text-decoration: none !important;    
    font-size: 0.95em;
}

/* 태그 스타일(지정) = = = = = = = = = = = = = = = = */
/* 추천 색상이름 : indianred lightcoral darksalmon crimson palevioletred darkkhaki Plum OliveDrab SteelBlue BurlyWood */ 

.contentTagText
  {
    text-decoration: none !important;
  }


[title~="#중요"] {
    text-decoration: none !important;
    background-color: indianred !important;
	color: #ffffff !important;
    padding: 0px 2px 0px !important;
}




[title~="#기출"] {
    background-color: darkkhaki !important;
	color: #ffffff !important;
    padding: 0px 2px 0px !important;
}



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

.content .contentLink {
    color: #4183C4;
    text-transform: none !important;
}




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

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

/*노트 무조건 펼침*/
.content {
    overflow: visible !important;
    display: block !important;
    max-height: none !important;
    height: auto !important;
} 
    
    
/* 완료한 항목 불릿 v 대체 = = = = = = = = = = = = = = = = */ 



.project.done > .name > a.bullet {
        border-radius: 100% !important;
        -webkit-border-radius: 100% !important;
        -moz-border-radius: 100% !important;
        background-color: transparent !important;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr...
Reviews

No reviews yet.