테스트
광주문화예술인문스토리플랫폼
목차
FTP 테스트
홈페이지 테스트
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;
}
광주위키:
광주위키:
위키문법
표 안에 사진
〈표 1〉 테스트
테스트1 | 테스트2 | 테스트3 | 4 | |
---|---|---|---|---|
오버랩 기획 전시 -뒤집힌 프리즘- | [[File:http://digerati.aks.ac.kr/DhLab/2022/gwangju/image/daidong1/10%EB%85%84%ED%9B%84%EA%B7%B8%EB%9D%BC%EC%9A%B4%EB%93%9C-%EC%97%AC%EB%9D%BC%EC%83%81%EC%A0%90.JPG|thumb|100px|국립광주박물관]] |
사진 링크
갤러리
사진 갤러리 형식1(갤러리 제목 없이 나열)
- style="text-align: center; 을 빼면 왼쪽으로 정렬됨
사진 갤러리 형식2(갤러리 제목 있도록 나열하고 묶기)
사진 갤러리 형식3(갤러리를 슬라이드쇼 형식으로)
분류 관련
- 분류 컨텐츠 접음 + 분류 이름 보이기 + 개수 셈
- 분류 컨텐츠 접음 + 분류 이름 보이기
► 가
- 분류 컨텐츠 펼침 + 분류 이름 보이기 + 개수 셈
- 분류 컨텐츠 펼침 + 분류 이름 안보이기
설문조사
- 단, 설문조사 하고 싶은 모든 항목의 설문조사를 만들고, 해당 설문조사의 url을 지정해주어야 함.
설문조사 양식
응답 결과
- 캐시로 인하여 업데이트에 딜레이가 있을 수 있으나, 캐시를 지우면(=처음 접속하는 자) 실시간 응답결과 확인 가능