119 lines
4.5 KiB
CSS
119 lines
4.5 KiB
CSS
/* SIR SOFT 지운아빠 Feb. 2013 */
|
|
|
|
/* 초기화 */
|
|
html {overflow-y:scroll}
|
|
body {margin:0;padding:0;background:#fff;font-size:0.875em}
|
|
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
|
|
h1, h2, h3, h4, h5, h6 {color:#2a4959;font-size:1em}
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
|
|
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
|
|
label, input, select, img {vertical-align:middle}
|
|
input {margin:0;padding:0}
|
|
input[type=text], input[type=password], input[type=submit], input[type=image] {border-radius:0} /* 모바일에서만 사용 */
|
|
p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
|
|
hr {display:none}
|
|
pre {overflow-x:scroll;font-size:1.1em}
|
|
|
|
/* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/
|
|
.sound_only {display:none}
|
|
|
|
/* 상단 레이아웃 */
|
|
#hd {background:#fff;zoom:1}
|
|
#hd:after {display:block;visibility:hidden;clear:both;content:""}
|
|
#hd h1 {display:none}
|
|
|
|
#logo {float:left;padding:5px 0;margin-left:10px}
|
|
|
|
#schall {position:absolute;top:12px;right:10px}
|
|
#schall legend {display:none}
|
|
#schall_stx {padding-left:5px;width:100px;height:24px;border:1px solid #aaa;border-right:0;background:#f7f7f2;line-height:1.9em !important;line-height:1.6em}
|
|
#schall_submit {border:1px solid #aaa;border-left:0}
|
|
|
|
#snb {clear:both;border-top:1px solid #e7f1ed;background:#151515;text-align:center}
|
|
#snb li {display:inline-block;border-right:1px solid #333}
|
|
#snb li:nth-last-of-type(1) {border-right:0 !important}
|
|
#snb a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
|
#snb img {display:none}
|
|
|
|
#gnb {border-bottom:1px solid #c3c7c5;background:#f0f4f8;zoom:1}
|
|
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
|
|
#gnb h2 {display:none}
|
|
#gnb_ul {border-top:1px solid #e7f1ed}
|
|
#gnb li {float:left;width:25%;border-bottom:1px solid #e7f1ed}
|
|
#gnb li ul {display:none}
|
|
.gnb_1depth a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
|
|
|
|
/* 배포시에는 필요없는 부분 */
|
|
#sirgle_title {height:100px;color:#fff;font-size:3em}
|
|
#sirgle_title_span {display:block;position:relative;top:33px;left:0}
|
|
|
|
/* 중간 레이아웃 */
|
|
#wrapper {margin:30px 0}
|
|
|
|
#lnb {display:none}
|
|
|
|
#container {position:relative;min-height:300px;zoom:1}
|
|
#container:after {display:block;visibility:hidden;clear:both;content:""}
|
|
|
|
/* 하단 레이아웃 */
|
|
#ft img {display:none}
|
|
|
|
/* 광고 레이아웃 */
|
|
.ad200200 {display:none}
|
|
.ad72890 {display:none}
|
|
|
|
sup {display:none !important}
|
|
|
|
/* 아웃로그인 */
|
|
|
|
/* 설문조사 */
|
|
|
|
/* 최근게시물 스킨 (latest) */
|
|
.lt {float:left}
|
|
.lt ul {display:none}
|
|
.lt_title {display:inline-block;padding:10px}
|
|
.lt_title:focus ~ ul,
|
|
.lt_title:hover ~ ul,
|
|
.lt_title:active ~ ul {display:block;position:absolute;top:100px;left:0}
|
|
.lt a {color:#000;text-decoration:none}
|
|
.lt_more {display:none}
|
|
/*
|
|
.lt {position:relative;margin-bottom:20px;padding-bottom:10px;width:100%;height:150px;border-bottom:1px solid #ddd}
|
|
.lt ul {margin:0 0 10px;padding:0;list-style:none}
|
|
.lt li {padding:3px 0}
|
|
.lt_title {display:block;padding:10px 0 8px}
|
|
.lt_more {position:absolute;top:10px;right:0}
|
|
*/
|
|
|
|
/* 게시판 목록 */
|
|
#bo_list table {width:100%}
|
|
#bo_list th {padding:12px 0 8px;background:#565e60;color:#fff}
|
|
#bo_list caption {display:none}
|
|
#bo_list th:nth-of-type(1) {display:none}
|
|
#bo_list td:nth-of-type(1) {display:none}
|
|
#bo_list th:nth-of-type(3) {display:none}
|
|
#bo_list td:nth-of-type(3) {display:none}
|
|
#bo_list th:nth-of-type(4) {width:20%}
|
|
#bo_list td:nth-of-type(4) {text-align:center}
|
|
#bo_list th:nth-of-type(5) {display:none}
|
|
#bo_list td:nth-of-type(5) {display:none}
|
|
#bo_list th:nth-of-type(6) {display:none}
|
|
#bo_list td:nth-of-type(6) {display:none}
|
|
/*
|
|
#bo_list table {margin:0 auto;width:100%}
|
|
#bo_list caption {display:none}
|
|
#bo_list thead {display:none}
|
|
#bo_list tr {border:1px solid #ccc}
|
|
#bo_list tr:nth-of-type(odd) {background:#eee}
|
|
#bo_list td {display:block;position:relative;padding:5px 0 5px 20%}
|
|
#bo_list td::before {position:absolute;top:5px;left:0}
|
|
#bo_list td:nth-of-type(1) {display:none}
|
|
#bo_list td:nth-of-type(1):before {content:"번호"}
|
|
#bo_list td:nth-of-type(2):before {content:"제목"}
|
|
#bo_list td:nth-of-type(3) {display:none}
|
|
#bo_list td:nth-of-type(3):before {content:"글쓴이"}
|
|
#bo_list td:nth-of-type(4):before {content:"날짜"}
|
|
#bo_list td:nth-of-type(5):before {content:"조회"}
|
|
#bo_list a {color:#000;text-decoration:none}
|
|
.bo_cate_link {font-weight:bold}
|
|
*/ |