"테스트"의 두 판 사이의 차이
광주문화예술인문스토리플랫폼
(→분류 관련) |
|||
(같은 사용자의 중간 판 4개는 보이지 않습니다) | |||
4번째 줄: | 4번째 줄: | ||
==홈페이지 테스트== | ==홈페이지 테스트== | ||
<html> | <html> | ||
+ | |||
+ | <div class="content" style=" padding-top: 0px !important; overflow-y:hidden !important;"> | ||
+ | |||
+ | <iframe width="480" style="height: calc(100vh - 83px) !important;" | ||
+ | src="http://dh.aks.ac.kr/~sandbox/cgi-bin/GuestQuery.py?db=gwangju&project=gwangju&key=%EA%B8%88%EB%82%A8%EB%A1%9C"></iframe> | ||
+ | |||
+ | |||
+ | fieldset { | ||
+ | border: 1px solid #c0c0c0; | ||
+ | margin: 0 2px; | ||
+ | padding: 0.35em 0.625em 0.75em; | ||
+ | |||
+ | |||
+ | input[type="checkbox"], | ||
+ | input[type="radio"] { | ||
+ | box-sizing: border-box; | ||
+ | /* 1 */ | ||
+ | padding: 0; | ||
+ | /* 2 */ | ||
+ | *height: 13px; | ||
+ | /* 3 */ | ||
+ | *width: 13px; | ||
+ | /* 3 */ | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. | ||
+ | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome | ||
+ | * (include `-moz` to future-proof). | ||
+ | */ | ||
+ | |||
+ | input[type="search"] { | ||
+ | -webkit-appearance: textfield; | ||
+ | /* 1 */ | ||
+ | -moz-box-sizing: content-box; | ||
+ | -webkit-box-sizing: content-box; | ||
+ | /* 2 */ | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | .loading_g | ||
+ | { | ||
+ | position:absolute; | ||
+ | top:calc(50vh - 32px); | ||
+ | width:64px !important; | ||
+ | left:calc(50vw - 32px); | ||
+ | display:none; | ||
+ | |||
+ | } | ||
+ | .ag-bu { | ||
+ | background: #f2f2f2; | ||
+ | border: 1px solid #dad3d3; | ||
+ | font-size: 30px; | ||
+ | line-height: 33px !important; | ||
+ | border-radius: 6px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | padding-top: 6px; | ||
+ | padding-bottom: 6px; | ||
+ | box-shadow: 3px 3px 3px black; | ||
+ | } | ||
+ | |||
+ | .ag-bu:active { | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | * | ||
+ | { | ||
+ | cursor: url( ../img/df_cc.png) 0 0, auto; | ||
+ | |||
+ | } | ||
+ | a,button | ||
+ | { | ||
+ | cursor: url( ../img/df_l.png) 0 0, auto; | ||
+ | } | ||
+ | .col-12 { | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .col1 | ||
+ | { | ||
+ | width: 50%; | ||
+ | /* padding: 10px;*/ | ||
+ | padding-left:0px !important; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | } | ||
+ | .col2 | ||
+ | { | ||
+ | width: 50%; | ||
+ | /* padding: 10px;*/ | ||
+ | padding-left:0px !important; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | .col-6 { | ||
+ | width: calc(50% - 5px); | ||
+ | /* padding: 10px;*/ | ||
+ | padding-left:0px !important; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | |||
+ | } | ||
+ | .col-6 a {} | ||
+ | |||
+ | .col-6 h2 { | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 30px; | ||
+ | margin-left: 0px; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | .col-6 img { | ||
+ | cursor: url( ../img/df_hh.png) 0 0, auto !important; | ||
+ | } | ||
+ | |||
+ | .col-6 h2 { | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 30px; | ||
+ | margin-left: 0px; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 30px !important; | ||
+ | font-weight: 300 !important; | ||
+ | } | ||
+ | |||
+ | h2, | ||
+ | h4 { | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | |||
+ | color: black !important; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | font-family: agahnsangsoo2012, sans-serif !important; | ||
+ | |||
+ | font-weight: 300; | ||
+ | |||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | .a_link { | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | font-family: 'agahnsangsoo2012'; | ||
+ | |||
+ | } | ||
+ | |||
+ | .logo-s { | ||
+ | height: 40px; | ||
+ | margin-right: 10px; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | |||
+ | .logo-ss { | ||
+ | height: 50px; | ||
+ | margin-right: 10px; | ||
+ | vertical-align: text-top; | ||
+ | margin-top: -5px; | ||
+ | } | ||
+ | |||
+ | * { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | display: list-item; | ||
+ | } | ||
+ | |||
+ | .p_content { | ||
+ | z-index: 1000; | ||
+ | background: white; | ||
+ | position: fixed; | ||
+ | left: 480px; | ||
+ | |||
+ | height: calc(100vh - 40px); | ||
+ | width: calc(100vw - 500px); | ||
+ | margin: 0 !important; | ||
+ | transition: width 0.1s, height 0.1s, left 0.3s, top 0.3s; | ||
+ | top: 20px; | ||
+ | border-radius: 5px; | ||
+ | border: 1px solid #dad3d3; | ||
+ | box-shadow: 3px 3px 3px black; | ||
+ | } | ||
+ | |||
+ | .p_content .m_title { | ||
+ | font-size: 50px; | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | display: none; | ||
+ | font-family: 'agahnsangsoo2012' !important | ||
+ | } | ||
+ | |||
+ | .content_hide { | ||
+ | display: none; | ||
+ | width: 0 !important; | ||
+ | height: 0 !important; | ||
+ | } | ||
+ | |||
+ | .p_content .content { | ||
+ | width: calc(100% - 0px); | ||
+ | padding: 20px; | ||
+ | height: auto; | ||
+ | overflow-y: auto; | ||
+ | height: calc(100% - 83px) !important; | ||
+ | margin-bottom: 50px; | ||
+ | padding-top: 15px !important; | ||
+ | padding-bottom: 50px; | ||
+ | position: absolute; | ||
+ | top: 84px; | ||
+ | padding-right: 10px !important; | ||
+ | white-space: nowrap; | ||
+ | overflow: hidden; | ||
+ | overflow-y: scroll !important; | ||
+ | text-overflow: ellipsis; | ||
+ | width: calc(100% - 20px); | ||
+ | |||
+ | } | ||
+ | |||
+ | .p_content .title { | ||
+ | font-size: 50px; | ||
+ | position: absolute; | ||
+ | |||
+ | left: 20px; | ||
+ | top: 18px; | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | font-weight: 700; | ||
+ | -webkit-text-stroke: 1px #000; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .p_content .des { | ||
+ | font-size: 30px; | ||
+ | line-height: 47px; | ||
+ | position: relative; | ||
+ | top: 10px; | ||
+ | word-break: keep-all; | ||
+ | } | ||
+ | |||
+ | .active { | ||
+ | background: black !important; | ||
+ | color: #ffff75 !important; | ||
+ | border-color: black !important; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .active_l { | ||
+ | background: black !important; | ||
+ | color: blueviolet !important; | ||
+ | border-color: black !important; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | .sub_m { | ||
+ | display: none; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | top: 0; | ||
+ | margin-bottom: 1px; | ||
+ | } | ||
+ | |||
+ | .main_m { | ||
+ | list-style: none; | ||
+ | position: absolute; | ||
+ | left: 21px; | ||
+ | top: 20px; | ||
+ | margin: 0 !important; | ||
+ | /* height: calc(100vh - 20px);*/ | ||
+ | overflow-y:scroll !important; | ||
+ | } | ||
+ | |||
+ | .main_m li { | ||
+ | display: list-item; | ||
+ | text-align: -webkit-match-parent; | ||
+ | margin-top: -1px; | ||
+ | width: 400px; | ||
+ | } | ||
+ | |||
+ | .main_m li a { | ||
+ | background: white; | ||
+ | border: 1px solid #dad3d3; | ||
+ | height: 72px !important; | ||
+ | color: black; | ||
+ | text-decoration: none !important; | ||
+ | font-size: 50px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | padding-top: 5px; | ||
+ | line-height: 77px; | ||
+ | display: inline-block; | ||
+ | padding-bottom: 5px; | ||
+ | border-radius: 6px; | ||
+ | box-shadow: 3px 3px 3px black; | ||
+ | z-index: 1000 !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | .main_m::-webkit-scrollbar { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .main_m li a:active { | ||
+ | box-shadow: 0px 0px 0px black; | ||
+ | } | ||
+ | .main_m li a:hover { | ||
+ | background: #ff97b5; | ||
+ | cursor: url( ../img/df_hh.png) 0 0, auto !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sub_m li { | ||
+ | height: 48px !important; | ||
+ | min-height: unset !important; | ||
+ | margin-top: -1px; | ||
+ | margin-bottom: 0 !important; | ||
+ | } | ||
+ | |||
+ | .sub_m li a { | ||
+ | background: white; | ||
+ | border: 1px solid #dad3d3; | ||
+ | height: 48px !important; | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | color: black; | ||
+ | text-decoration: none !important; | ||
+ | font-size: 30px; | ||
+ | line-height: 33px !important; | ||
+ | |||
+ | border-radius: 6px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .ag-l { | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | .sub_m li a:hover { | ||
+ | background: aqua; | ||
+ | } | ||
+ | |||
+ | .d_mini { | ||
+ | width: 50px; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 50px; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | |||
+ | .d_close { | ||
+ | width: 50px; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0px; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | |||
+ | .div_mini { | ||
+ | width: auto; | ||
+ | height: 72px; | ||
+ | top: 90%; | ||
+ | left: 200px; | ||
+ | z-index: 999; | ||
+ | transition: left 0.0s, top 0.0s !important; | ||
+ | background: aqua !important; | ||
+ | color: blueviolet !important; | ||
+ | border-radius: 5px; | ||
+ | border: 1px solid #dad3d3; | ||
+ | } | ||
+ | |||
+ | .div_mini .title { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .div_mini .content { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .div_mini .m_title { | ||
+ | overflow: hidden; | ||
+ | white-space: nowrap; | ||
+ | display: block; | ||
+ | height: 50px !important; | ||
+ | margin-top: 11px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 40px; | ||
+ | z-index: -1; | ||
+ | user-select: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .div_mini .d_mini { | ||
+ | width: 20px !important; | ||
+ | right: 0 !important; | ||
+ | top: 18px !important; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .div_mini .d_close { | ||
+ | width: 20px !important; | ||
+ | top: 00px !important; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .content::-webkit-scrollbar { | ||
+ | width: 15px; | ||
+ | } | ||
+ | |||
+ | .content::-webkit-scrollbar-thumb { | ||
+ | background-color: #f5f5f5; | ||
+ | border-radius: 10px; | ||
+ | border: 1px solid #dad3d3; | ||
+ | } | ||
+ | |||
+ | .content::-webkit-scrollbar-track { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .exit_i { | ||
+ | position: fixed; | ||
+ | bottom: 30px; | ||
+ | left: 30px; | ||
+ | width: 220px; | ||
+ | z-index:-1 !important; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .div_mini .v_line { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .v_line { | ||
+ | position: absolute; | ||
+ | top: 83px; | ||
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | height: 1px; | ||
+ | background: #dad3d3; | ||
+ | } | ||
+ | |||
+ | #color_ul1 { | ||
+ | position: fixed; | ||
+ | right: 20px; | ||
+ | top: 20px; | ||
+ | } | ||
+ | |||
+ | #color_ul2 { | ||
+ | position: fixed; | ||
+ | right: 20px; | ||
+ | top: 49px; | ||
+ | } | ||
+ | |||
+ | .color_ul li { | ||
+ | float: left; | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | border: 1px solid black; | ||
+ | border-radius: 3px; | ||
+ | margin-left: -1px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | *, | ||
+ | *:before, | ||
+ | *:after { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | #lg-counter | ||
+ | { | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | font-size:33px; | ||
+ | |||
+ | } | ||
+ | .lg-icon | ||
+ | { | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | } | ||
+ | .lg-close | ||
+ | |||
+ | { | ||
+ | background-image:url('../img/close.svg') !important; | ||
+ | margin-top:10px; | ||
+ | margin-right: 15px; | ||
+ | width:40px !important; | ||
+ | height:38px !important; | ||
+ | } | ||
+ | .lg-toolbar .lg-close:after | ||
+ | { | ||
+ | |||
+ | content:''; | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | font-weight:300; | ||
+ | font-size:50px; | ||
+ | color:white !important; | ||
+ | } | ||
+ | .lg-fullscreen | ||
+ | { | ||
+ | background-image:url('../img/big.svg') !important; | ||
+ | margin-top:10px; | ||
+ | width:40px !important; | ||
+ | height:38px !important; | ||
+ | |||
+ | margin-top: 10px; | ||
+ | |||
+ | margin-right: -2px; | ||
+ | } | ||
+ | .lg-fullscreen-on .lg-fullscreen | ||
+ | { | ||
+ | background-image:url('../img/mini.svg') !important; | ||
+ | width:40px !important; | ||
+ | height:38px !important; | ||
+ | } | ||
+ | .lg-fullscreen:after | ||
+ | { | ||
+ | content: '' !important; | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | font-weight:300; | ||
+ | font-size:50px; | ||
+ | color:white !important; | ||
+ | } | ||
+ | .lg-outer .lg-toggle-thumb | ||
+ | { | ||
+ | |||
+ | background-image:url('../img/list_1.svg') !important; | ||
+ | width:35px !important; | ||
+ | height:35px !important; | ||
+ | top: -46px; | ||
+ | right: 15px; | ||
+ | } | ||
+ | .lg-outer .lg-toggle-thumb:after | ||
+ | { | ||
+ | content:' ' !important; | ||
+ | font-family: 'agahnsangsoo2012' !important; | ||
+ | font-weight:300; | ||
+ | font-size:50px; | ||
+ | color:white !important; | ||
+ | } | ||
+ | .lg-outer .lg-toggle-thumb | ||
+ | { | ||
+ | background:transparent; | ||
+ | } | ||
+ | .lg-outer.lg-pull-caption-up .lg-sub-html, .lg-outer .lg-img-wrap,.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html,.lg-outer.lg-thumb-open .lg-thumb-outer,.lg-outer .lg-thumb | ||
+ | { | ||
+ | background:black !important; | ||
+ | } | ||
+ | .lg-sub-html h4 | ||
+ | { | ||
+ | color:white !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | <div class="p_content content_hide" id="content_6""> | ||
+ | <p class="m_title">광주위키:</p> | ||
+ | <div class="v_line"></div> | ||
+ | <p class="title">광주위키:</p> | ||
+ | <img src="./img/mini.svg" class="d_mini" value="6"> | ||
+ | <img src="./img/close.svg" class="d_close"> | ||
<div class="content" style=" padding-top: 0px !important; overflow-y:hidden !important;"> | <div class="content" style=" padding-top: 0px !important; overflow-y:hidden !important;"> | ||
9번째 줄: | 591번째 줄: | ||
<iframe width="100%" style="height: calc(100vh - 83px) !important;" | <iframe width="100%" style="height: calc(100vh - 83px) !important;" | ||
src="http://dh.aks.ac.kr/~sandbox/cgi-bin/GuestQuery.py?db=gwangju&project=gwangju&key=%EA%B8%88%EB%82%A8%EB%A1%9C"></iframe> | src="http://dh.aks.ac.kr/~sandbox/cgi-bin/GuestQuery.py?db=gwangju&project=gwangju&key=%EA%B8%88%EB%82%A8%EB%A1%9C"></iframe> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> | ||
67번째 줄: | 657번째 줄: | ||
* 분류 컨텐츠 펼침 + 분류 이름 안보이기 | * 분류 컨텐츠 펼침 + 분류 이름 안보이기 | ||
<categorytree mode="pages" depth="5" hideroot="on" ...>가</categorytree> | <categorytree mode="pages" depth="5" hideroot="on" ...>가</categorytree> | ||
− | |||
− | |||
== 설문조사 == | == 설문조사 == |