"테스트"의 두 판 사이의 차이
(→홈페이지 테스트) |
(→홈페이지 테스트) |
||
| 9번째 줄: | 9번째 줄: | ||
<iframe width="480" style="height: calc(100vh - 83px) !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> | 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;"> | ||
| + | |||
| + | <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> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
</html> | </html> | ||