zigzi/asset/official.css

ZIGZI는 사내에서 Markdown으로 작성한 문서에 미리 디자인된 템플릿을 적용하여 규격화된 문서를 간편하고 빠르게 생성할 수 있는 도구입니다. 용도에 따라 프레젠테이션용 문서인 `zb_ppt`, 워드 문서인 `zb_doc`, 그리고 여러 공공기관에 필요한 공문 `zb_official`의 템플릿을 선택할 수 있습니다.

html {
    -webkit-print-color-adjust: exact;
  }
@import "https://s.zigbang.com/zbee/spoqa/css/SpoqaHanSansApp-kr.css";

body {
	font-family: "SpoqaHanSans", sans-serif;
	color: #000;
}

body {padding: 20px; font-size:14px;}

body, html {margin:0; padding:0; min-height:100vh;}
#zigbang-zigzi {
	position: relative;
    z-index:1;
}
em {
	display: block;
	text-align: center;
	font-style: normal;
}


header {
	border-bottom: 1px solid #333;
	padding-top: 45px;
	padding-bottom: 20px;
}

header::before {
    position: absolute;
    left:0px;
    top:0px;
    content:" ";
    width: 100px;
    height: 36px;
	background: url(https://zigbang.github.io/zigzi/asset/image/Zigbang_CI_Horizontal_RGB.svg) no-repeat center center ;
}

header::after {
    position: absolute;
    right:0px;
    top:0px;
	/* float: right; */
	font-size: 9px;
	font-style: normal;
	letter-spacing: 0;
	line-height: 2.3em;
	font-weight: normal;
	text-align: right;
	content: "OOOOO OOO OOOOO OO, OO(OOO, OOOO)\ATel) 00-000-0000";
	white-space: pre;
}

blockquote {
	padding: 7px 10px;
	font-size: 14px;
	line-height: 1em;
	margin: 0 !important;
    display:block;
    font-weight:bold;
}
blockquote p {margin:0; padding:0;}
blockquote:first-of-type {
	padding-top: 15px;
}
blockquote:last-of-type {
    position:relative;
    padding-bottom: 15px;
    margin-bottom: 40px;
}
blockquote:last-of-type:after {
    position:absolute;
    content:"";
    left:0; right:0; bottom:1px;
    height:1px;
    background:#333;
}

header + h2 {
	padding-top: 10px;
}

table {
    margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
}

table thead th {
	background: #ccc;
}

table td,
table th {
	padding: 3px;
	border: 1px solid #ddd;
	font-size: 14px;
}

table tbody tr:nth-child(2n) td,
table tbody tr:nth-child(2n) th {
	background: #f1f1f1;
}

ul,
ol {
	margin: 10px 0 0 20px;
	padding: 0;
}

li {
	padding: 0 0 5px;
    line-height: 1.4em;

}

p {
	margin: 20px 0 0;
	padding: 0;
    line-height: 1.5em;
}

.page-break {page-break-before: always; opacity: 0;}