.b0 { background-color: #000; }
.b1 { background-color: #b00; }
.b2 { background-color: #0b0; }
.b3 { background-color: #bb0; }
.b4 { background-color: #00b; }
.b5 { background-color: #b0b; }
.b6 { background-color: #0bb; }
.b7 { background-color: #bbb; }

.f0 { color: #000; }
.f1 { color: #b00; }
.f2 { color: #0b0; }
.f3 { color: #bb0; }
.f4 { color: #00b; }
.f5 { color: #b0b; }
.f6 { color: #0bb; }
.f7 { color: #bbb; }


div#content_preview a:link, div#content_preview a:visited
{
  color: #0bb;
  text-decoration: none;
  cursor: pointer;
}
div#content_preview a:link:active, div#content_preview a:visited:active
{
  color: #0ff;
}
div#content_preview a:link:hover, div#content_preview a:visited:hover
{
  color: #0ff;
}

.modal {
  color: black;
  background-color: darkgray;
  border: 1px solid #ddd;
}

.modal h2 {
    border-bottom: 1px solid #000;
    padding: 0.6rem;
    margin: 0;
}

.modal .content {
    padding: 0.6rem;
    margin: 0;
}


.content label {
	
}

.content input {
	
}

.content button {
	font-size: 1rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	margin-left: 2px;
	margin-right: 2px;
}


/////////////////////
.insert_img_modal {
  background: yellow;
  border: 1px solid #ddd;
  transition: 1.1s ease-out;
  box-shadow: 
    -2rem 2rem 2rem rgba(black, 0.2);
  filter: blur(0);
  transform: scale(1);  
  opacity: 1;
  visibility: visible;
}

.insert_img_modal h2 {
    border-bottom: 1px solid #000;
    padding: 1rem;
    margin: 0;
}
.insert_img_modal .insert_img_content {
    padding: 1rem;
}
.insert_img_modal .actions {
	border-top: 1px solid #ccc;
    padding: 0.5rem 1rem;
}
.insert_img_content label {
    padding: 0.2rem;
    margin: 0.4rem;
}
.insert_img_content input {
    padding: 0.2rem;
	margin: 0.4rem;
}
.insert_img_content button {
    padding: 0.2rem;
	margin: 0.4rem;
}
.actions button {
      border: 0;
      background: #67f090;
      border-radius: 8px;
      padding: 0.5rem 1rem;
      line-height: 1;
}

#content_preview {
	color: orange;
	line-height: 100%;
	overflow-wrap: break-word;
	margin: 0;
    padding: 0;
	white-space: pre-wrap;
	font-family: "細明體", "AR PL UMing TW", "Inconsolata", "LiSongPro", monospace;
}

#content_editor	{
	color: orange;
	line-height: 100%;
	overflow-wrap: break-word;
	margin: 0;
    padding: 0;
	white-space: pre-wrap;
	font-family: "細明體", "AR PL UMing TW", "Inconsolata", "LiSongPro", monospace;
}

#content_preview {
	color: orange;
	//color: #e67e00; //#ff8c00;
	line-height: 100%;
	overflow-wrap: break-word;
	margin: 0;
    padding: 0;
	white-space: pre-wrap;
	font-family: "細明體", "AR PL UMing TW", "Inconsolata", "LiSongPro", monospace;
}