Merge branch 'master' of http://share.barunsoft.net:9105/git/solarai
commit
5fae7376fd
@ -1,9 +1,5 @@
|
||||
<?php
|
||||
return [
|
||||
'gallery' => '갤러리소개',
|
||||
'greeting' => '대표인사말',
|
||||
'groups' => '조직도',
|
||||
'visit' => '오시는길',
|
||||
'privacy' => '개인정보처리방침',
|
||||
'terms' => '이용약관',
|
||||
];
|
||||
|
@ -0,0 +1,771 @@
|
||||
.main-portfolio .container,
|
||||
.main-introduce .container,
|
||||
.main-inquiry .container {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/* [ Gallery ] */
|
||||
.g-main {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.g-main figure .g-img,
|
||||
.g-main figure .img-wrapper img {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transition: all .7s ease-in-out;
|
||||
-moz-transition: all .7s ease-in-out;
|
||||
-o-transition: all .7s ease-in-out;
|
||||
-ms-transition: all .7s ease-in-out;
|
||||
transition: all .7s ease-in-out;
|
||||
height: 225px;
|
||||
}
|
||||
|
||||
.g-main figure:hover .g-img,
|
||||
.g-main figure:hover .img-wrapper img {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
transform: scale(1.2, 1.2);
|
||||
-o-transform: scale(1.2, 1.2);
|
||||
-moz-transform: scale(1.2, 1.2);
|
||||
-ms-transform: scale(1.2, 1.2);
|
||||
-webkit-transform: scale(1.2, 1.2);
|
||||
-webkit-transition: all .7s ease-in-out;
|
||||
-moz-transition: all .7s ease-in-out;
|
||||
-o-transition: all .7s ease-in-out;
|
||||
-ms-transition: all .7s ease-in-out;
|
||||
transition: all .7s ease-in-out;
|
||||
}
|
||||
|
||||
.g-main figure .over-box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 13% 11%;
|
||||
width: 78%;
|
||||
height: 78%;
|
||||
}
|
||||
|
||||
.g-main figure:hover .over-box {
|
||||
background-color: rgba(0,0,0,1);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
-webkit-transition: all .7s ease-in-out;
|
||||
-moz-transition: all .7s ease-in-out;
|
||||
-o-transition: all .7s ease-in-out;
|
||||
-ms-transition: all .7s ease-in-out;
|
||||
transition: all .7s ease-in-out;
|
||||
}
|
||||
|
||||
.g-main figcaption {
|
||||
padding: 20%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: all .7s ease-in-out;
|
||||
-moz-transition: all .7s ease-in-out;
|
||||
-o-transition: all .7s ease-in-out;
|
||||
-ms-transition: all .7s ease-in-out;
|
||||
transition: all .7s ease-in-out;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.g-main figure:hover figcaption {
|
||||
opacity: 1;
|
||||
-webkit-transition: all .7s ease-in-out;
|
||||
-moz-transition: all .7s ease-in-out;
|
||||
-o-transition: all .7s ease-in-out;
|
||||
-ms-transition: all .7s ease-in-out;
|
||||
transition: all .7s ease-in-out;
|
||||
}
|
||||
|
||||
.g-main figcaption .inner-box {
|
||||
margin-top: 0;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.g-main h5.figure {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.2em;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
text-transform: uppercase;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.g-main .line {
|
||||
width: 20px;
|
||||
border-color: #606060;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.g-main p.figure {
|
||||
font-size: 12px;
|
||||
color: #a3a2a2;
|
||||
position: relative;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
fill: #a3a2a2;
|
||||
}
|
||||
|
||||
.next-item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gallery-more {
|
||||
font-size: 12px;
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
text-align: center;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.gallery-more:hover {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.gallery-more em {
|
||||
color: #c30;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@media only screen and (max-width:991px) {
|
||||
.g-main .line,
|
||||
.g-main p.figure {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width:767px) {
|
||||
.g-main figcaption {
|
||||
padding: 15%;
|
||||
}
|
||||
.g-main h5.figure {
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
.g-main .line,
|
||||
.g-main p.figure {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.g-main .g-list { padding-left: 0; padding-right: 0; }
|
||||
.g-main .g-list .grid { float: left; }
|
||||
.g-main .g-list .grid.empty-txt { width: 100%!important; max-width: 100%!important; text-align: center!important; padding-top: 50px!important; padding-bottom: 50px!important; background-color: transparent!important; }
|
||||
|
||||
|
||||
.g-main .g-list .grid figure,
|
||||
.g-main .g-list .grid .img-wrapper { position: relative; overflow: hidden; }
|
||||
.g-main .g-list .grid .img-wrapper > .g-img {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.g-main .g-list .grid .figure:nth-child(0).hide + .figure,
|
||||
.g-main .g-list .grid .figure:nth-child(0).hide + .line,
|
||||
.g-main .g-list .grid .figure:nth-child(0).hide + .view-text { margin-top: 0!important; }
|
||||
|
||||
.g-main .g-list[data-align="left"] figcaption { text-align: left; }
|
||||
.g-main .g-list[data-align="center"] figcaption { text-align: center; }
|
||||
.g-main .g-list[data-align="right"] figcaption { text-align: right; }
|
||||
|
||||
.g-main[data-gpd="0"] .g-list .grid { padding: 0; }
|
||||
.g-main[data-gpd="1"] .g-list .grid { padding: 0 1px; }
|
||||
.g-main[data-gpd="2"] .g-list .grid { padding: 0 2px; }
|
||||
.g-main[data-gpd="3"] .g-list .grid { padding: 0 3px; }
|
||||
.g-main[data-gpd="4"] .g-list .grid { padding: 0 4px; }
|
||||
.g-main[data-gpd="5"] .g-list .grid { padding: 0 5px; }
|
||||
.g-main[data-gpd="6"] .g-list .grid { padding: 0 6px; }
|
||||
.g-main[data-gpd="7"] .g-list .grid { padding: 0 7px; }
|
||||
.g-main[data-gpd="8"] .g-list .grid { padding: 0 8px; }
|
||||
.g-main[data-gpd="9"] .g-list .grid { padding: 0 9px; }
|
||||
.g-main[data-gpd="10"] .g-list .grid { padding: 0 10px; }
|
||||
.g-main[data-gpd="11"] .g-list .grid { padding: 0 11px; }
|
||||
.g-main[data-gpd="12"] .g-list .grid { padding: 0 12px; }
|
||||
.g-main[data-gpd="13"] .g-list .grid { padding: 0 13px; }
|
||||
.g-main[data-gpd="14"] .g-list .grid { padding: 0 14px; }
|
||||
.g-main[data-gpd="15"] .g-list .grid { padding: 0 15px; }
|
||||
.g-main[data-gpd="16"] .g-list .grid { padding: 0 16px; }
|
||||
.g-main[data-gpd="17"] .g-list .grid { padding: 0 17px; }
|
||||
.g-main[data-gpd="18"] .g-list .grid { padding: 0 18px; }
|
||||
.g-main[data-gpd="19"] .g-list .grid { padding: 0 19px; }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.g-main[data-gcol="1"] .g-list .grid { width: 100%; }
|
||||
.g-main[data-gcol="2"] .g-list .grid { width: 50%; }
|
||||
.g-main[data-gcol="3"] .g-list .grid { width: 33.33333333333333%; }
|
||||
.g-main[data-gcol="4"] .g-list .grid { width: 25%; }
|
||||
.g-main[data-gcol="5"] .g-list .grid { width: 20%; }
|
||||
.g-main[data-gcol="6"] .g-list .grid { width: 16.666666666666664%; }
|
||||
|
||||
.g-main[data-gcol="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
|
||||
.g-main[data-gcol="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
|
||||
.g-main[data-gcol="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
|
||||
.g-main[data-gcol="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
|
||||
.g-main[data-gcol="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
|
||||
|
||||
.g-main[data-gpd="1"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="1"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="1"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="1"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="1"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="1"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
|
||||
.g-main[data-gpd="2"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="2"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="2"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="2"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="2"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="2"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
|
||||
.g-main[data-gpd="3"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="3"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="3"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="3"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="3"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="3"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
|
||||
.g-main[data-gpd="4"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="4"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="4"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="4"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="4"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="4"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
|
||||
.g-main[data-gpd="5"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="5"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="5"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="5"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="5"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="5"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
|
||||
.g-main[data-gpd="6"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="6"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="6"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="6"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="6"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="6"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
|
||||
.g-main[data-gpd="7"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="7"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="7"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="7"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="7"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="7"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
|
||||
.g-main[data-gpd="8"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="8"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="8"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="8"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="8"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="8"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
|
||||
.g-main[data-gpd="9"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="9"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="9"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="9"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="9"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="9"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
|
||||
.g-main[data-gpd="10"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="10"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="10"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="10"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="10"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="10"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
|
||||
.g-main[data-gpd="11"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="11"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="11"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="11"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="11"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="11"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
|
||||
.g-main[data-gpd="12"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="12"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="12"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="12"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="12"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="12"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
|
||||
.g-main[data-gpd="13"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="13"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="13"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="13"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="13"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="13"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
|
||||
.g-main[data-gpd="14"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="14"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="14"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="14"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="14"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="14"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
|
||||
.g-main[data-gpd="15"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="15"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="15"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="15"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="15"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="15"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
|
||||
.g-main[data-gpd="16"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="16"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="16"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="16"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="16"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="16"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
|
||||
.g-main[data-gpd="17"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="17"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="17"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="17"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="17"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="17"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
|
||||
.g-main[data-gpd="18"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="18"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="18"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="18"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="18"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="18"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
|
||||
.g-main[data-gpd="19"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="19"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="19"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="19"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="19"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="19"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
|
||||
.g-main[data-gpd="20"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="20"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="20"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="20"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="20"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="20"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.g-main[data-gcol][data-gcol-t="1"] .g-list .grid { width: 100%; }
|
||||
.g-main[data-gcol][data-gcol-t="2"] .g-list .grid { width: 50%; }
|
||||
.g-main[data-gcol][data-gcol-t="3"] .g-list .grid { width: 33.33333333333333%; }
|
||||
.g-main[data-gcol][data-gcol-t="4"] .g-list .grid { width: 25%; }
|
||||
.g-main[data-gcol][data-gcol-t="5"] .g-list .grid { width: 20%; }
|
||||
.g-main[data-gcol][data-gcol-t="6"] .g-list .grid { width: 16.666666666666664%; }
|
||||
|
||||
.g-main[data-gcol][data-gcol-t="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-t="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-t="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-t="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-t="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
|
||||
|
||||
.g-main[data-gpd="1"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="1"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="1"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="1"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="1"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="1"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
|
||||
.g-main[data-gpd="2"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="2"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="2"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="2"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="2"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="2"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
|
||||
.g-main[data-gpd="3"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="3"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="3"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="3"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="3"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="3"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
|
||||
.g-main[data-gpd="4"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="4"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="4"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="4"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="4"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="4"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
|
||||
.g-main[data-gpd="5"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="5"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="5"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="5"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="5"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="5"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
|
||||
.g-main[data-gpd="6"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="6"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="6"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="6"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="6"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="6"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
|
||||
.g-main[data-gpd="7"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="7"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="7"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="7"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="7"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="7"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
|
||||
.g-main[data-gpd="8"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="8"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="8"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="8"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="8"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="8"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
|
||||
.g-main[data-gpd="9"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="9"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="9"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="9"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="9"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="9"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
|
||||
.g-main[data-gpd="10"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="10"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="10"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="10"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="10"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="10"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
|
||||
.g-main[data-gpd="11"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="11"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="11"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="11"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="11"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="11"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
|
||||
.g-main[data-gpd="12"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="12"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="12"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="12"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="12"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="12"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
|
||||
.g-main[data-gpd="13"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="13"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="13"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="13"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="13"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="13"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
|
||||
.g-main[data-gpd="14"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="14"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="14"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="14"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="14"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="14"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
|
||||
.g-main[data-gpd="15"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="15"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="15"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="15"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="15"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="15"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
|
||||
.g-main[data-gpd="16"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="16"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="16"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="16"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="16"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="16"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
|
||||
.g-main[data-gpd="17"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="17"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="17"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="17"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="17"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="17"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
|
||||
.g-main[data-gpd="18"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="18"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="18"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="18"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="18"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="18"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
|
||||
.g-main[data-gpd="19"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="19"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="19"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="19"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="19"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="19"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
|
||||
.g-main[data-gpd="20"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="20"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="20"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="20"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="20"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="20"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.g-main[data-gcol][data-gcol-m="1"] .g-list .grid { width: 100%; }
|
||||
.g-main[data-gcol][data-gcol-m="2"] .g-list .grid { width: 50%; }
|
||||
.g-main[data-gcol][data-gcol-m="3"] .g-list .grid { width: 33.33333333333333%; }
|
||||
.g-main[data-gcol][data-gcol-m="4"] .g-list .grid { width: 25%; }
|
||||
.g-main[data-gcol][data-gcol-m="5"] .g-list .grid { width: 20%; }
|
||||
.g-main[data-gcol][data-gcol-m="6"] .g-list .grid { width: 16.666666666666664%; }
|
||||
|
||||
.g-main[data-gcol][data-gcol-m="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-m="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-m="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-m="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-m="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
|
||||
|
||||
.g-main[data-gpd="1"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="1"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="1"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="1"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="1"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="1"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
|
||||
.g-main[data-gpd="2"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="2"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="2"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="2"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="2"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="2"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
|
||||
.g-main[data-gpd="3"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="3"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="3"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="3"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="3"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="3"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
|
||||
.g-main[data-gpd="4"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="4"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="4"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="4"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="4"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="4"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
|
||||
.g-main[data-gpd="5"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="5"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="5"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="5"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="5"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="5"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
|
||||
.g-main[data-gpd="6"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="6"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="6"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="6"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="6"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="6"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
|
||||
.g-main[data-gpd="7"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="7"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="7"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="7"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="7"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="7"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
|
||||
.g-main[data-gpd="8"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="8"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="8"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="8"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="8"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="8"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
|
||||
.g-main[data-gpd="9"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="9"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="9"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="9"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="9"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="9"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
|
||||
.g-main[data-gpd="10"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="10"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="10"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="10"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="10"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="10"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
|
||||
.g-main[data-gpd="11"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="11"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="11"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="11"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="11"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="11"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
|
||||
.g-main[data-gpd="12"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="12"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="12"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="12"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="12"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="12"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
|
||||
.g-main[data-gpd="13"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="13"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="13"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="13"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="13"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="13"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
|
||||
.g-main[data-gpd="14"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="14"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="14"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="14"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="14"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="14"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
|
||||
.g-main[data-gpd="15"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="15"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="15"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="15"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="15"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="15"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
|
||||
.g-main[data-gpd="16"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="16"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="16"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="16"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="16"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="16"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
|
||||
.g-main[data-gpd="17"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="17"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="17"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="17"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="17"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="17"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
|
||||
.g-main[data-gpd="18"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="18"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="18"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="18"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="18"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="18"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
|
||||
.g-main[data-gpd="19"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="19"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="19"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="19"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="19"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="19"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
|
||||
.g-main[data-gpd="20"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="20"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="20"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="20"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="20"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="20"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
|
||||
}
|
||||
|
||||
@media (max-width: 450px) {
|
||||
.g-main[data-gcol][data-gcol-s="1"] .g-list .grid { width: 100%; }
|
||||
.g-main[data-gcol][data-gcol-s="2"] .g-list .grid { width: 50%; }
|
||||
.g-main[data-gcol][data-gcol-s="3"] .g-list .grid { width: 33.33333333333333%; }
|
||||
.g-main[data-gcol][data-gcol-s="4"] .g-list .grid { width: 25%; }
|
||||
.g-main[data-gcol][data-gcol-s="5"] .g-list .grid { width: 20%; }
|
||||
.g-main[data-gcol][data-gcol-s="6"] .g-list .grid { width: 16.666666666666664%; }
|
||||
|
||||
.g-main[data-gcol][data-gcol-s="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-s="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-s="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-s="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
|
||||
.g-main[data-gcol][data-gcol-s="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
|
||||
|
||||
.g-main[data-gpd="1"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="1"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="1"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="1"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="1"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="1"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
|
||||
.g-main[data-gpd="2"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="2"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="2"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="2"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="2"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="2"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
|
||||
.g-main[data-gpd="3"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="3"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="3"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="3"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="3"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="3"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
|
||||
.g-main[data-gpd="4"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="4"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="4"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="4"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="4"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="4"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
|
||||
.g-main[data-gpd="5"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="5"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="5"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="5"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="5"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="5"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
|
||||
.g-main[data-gpd="6"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="6"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="6"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="6"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="6"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="6"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
|
||||
.g-main[data-gpd="7"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="7"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="7"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="7"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="7"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="7"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
|
||||
.g-main[data-gpd="8"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="8"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="8"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="8"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="8"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="8"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
|
||||
.g-main[data-gpd="9"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="9"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="9"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="9"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="9"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="9"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
|
||||
.g-main[data-gpd="10"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="10"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="10"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="10"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="10"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="10"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
|
||||
.g-main[data-gpd="11"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="11"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="11"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="11"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="11"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="11"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
|
||||
.g-main[data-gpd="12"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="12"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="12"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="12"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="12"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="12"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
|
||||
.g-main[data-gpd="13"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="13"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="13"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="13"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="13"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="13"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
|
||||
.g-main[data-gpd="14"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="14"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="14"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="14"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="14"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="14"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
|
||||
.g-main[data-gpd="15"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="15"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="15"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="15"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="15"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="15"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
|
||||
.g-main[data-gpd="16"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="16"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="16"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="16"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="16"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="16"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
|
||||
.g-main[data-gpd="17"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="17"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="17"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="17"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="17"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="17"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
|
||||
.g-main[data-gpd="18"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="18"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="18"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="18"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="18"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="18"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
|
||||
.g-main[data-gpd="19"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="19"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="19"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="19"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="19"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="19"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
|
||||
.g-main[data-gpd="20"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
||||
.g-main[data-gpd="20"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
||||
.g-main[data-gpd="20"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
||||
.g-main[data-gpd="20"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
||||
.g-main[data-gpd="20"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
||||
.g-main[data-gpd="20"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
|
||||
}
|
||||
|
Binary file not shown.
After Width: | Height: | Size: 1.9 KiB |
@ -0,0 +1,116 @@
|
||||
$(document).ready(function() {
|
||||
resizeGallery();
|
||||
|
||||
$('.gallery-more').css('cursor', 'pointer').on('click', function() {
|
||||
$('.next-item').slideDown('fast');
|
||||
$(this).remove();
|
||||
});
|
||||
|
||||
$('#writeForm').submit(function () {
|
||||
if (!$("#name").checkEmpty('이름을 입력해 주세요.')) return false;
|
||||
if (!$("#phone").checkEmpty('연락처를 입력해 주세요.')) return false;
|
||||
if (!$("#email").checkEmpty('이메일을 입력해 주세요.')) return false;
|
||||
if (!$("#content").checkEmpty('문의내용을 입력해 주세요.')) return false;
|
||||
$.post($(this).attr('action'), $(this).serialize(), function(result) {
|
||||
alert(result.message);
|
||||
if (result.code == 'success') {
|
||||
window.location.reload();
|
||||
}
|
||||
}).fail(function(result) {
|
||||
console.log(result);
|
||||
alert('문의 등록에 실패했습니다!!\n잠시 후 다시 시도해 주세요.');
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
$(window).on('resize', function() {
|
||||
resizeGallery();
|
||||
});
|
||||
|
||||
function resizeGallery() {
|
||||
$('.g-main').each(function() {
|
||||
if($(this).find('.empty-txt').length > 0 || $(this).find('.grid').length == 0) return;
|
||||
|
||||
var gel = $(this).find('.grid').eq(0);
|
||||
var gw = parseFloat(gel[0].getBoundingClientRect().width);
|
||||
var gpl = parseFloat(gel.css('padding-left').replace(/[^0-9]/g,''));
|
||||
var gpr = parseFloat(gel.css('padding-right').replace(/[^0-9]/g,''));
|
||||
var g_img_height = (gw - (gpl+gpr)) * parseFloat(1);
|
||||
|
||||
$(this).find('.grid .g-img').css('height', g_img_height + 'px');
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
var currentPage = 1;
|
||||
|
||||
function getGalleryData(uid) {
|
||||
$.get('/main/gallery/view', { 'uid': uid }, function(result) {
|
||||
var data = result.data;
|
||||
if (result.code == 'success' && data.assets && data.assets.length > 0) {
|
||||
var assets = data.assets;
|
||||
console.log(result.code);
|
||||
var gallery = [];
|
||||
$.each(assets, function(idx, asset) {
|
||||
var item = {
|
||||
'src': "/image/"+ asset.uid,
|
||||
'thumb': "/image/rate/h80/"+ asset.uid,
|
||||
'caption': data.subject,
|
||||
};
|
||||
gallery.push(item);
|
||||
});
|
||||
Fancybox.show(gallery, {
|
||||
// Your options go here
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function getGalleryList() {
|
||||
$.get('/main/gallery', { 'page': currentPage }, function(result) {
|
||||
if (!result.data.lists.length) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var lists = result.data.lists;
|
||||
var pages = result.data.pages;
|
||||
|
||||
$.each(lists, function(i, list) {
|
||||
var galleryBox = $('#galleryBox');
|
||||
galleryBox.find('.portfolio').attr('data-uid', list.uid);
|
||||
galleryBox.find('.portfolio-img').html('<img src="/image/600x600/'+ list.assets[0].uid +'" />');
|
||||
galleryBox.find('.portfolio-title').html(list.subject);
|
||||
galleryBox.find('.portfolio-desc').html(list.content.replaceAll('\r\n', '<br>'));
|
||||
$('#portfolio-list').append(galleryBox.html());
|
||||
});
|
||||
|
||||
$('.portfolio').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
getGalleryData($(this).data('uid'));
|
||||
});
|
||||
|
||||
if (pages.mores) {
|
||||
$('.now-count').html(pages.items);
|
||||
$('.max-count').html(pages.total);
|
||||
} else {
|
||||
$('#galleryMore').remove();
|
||||
}
|
||||
|
||||
currentPage++;
|
||||
|
||||
}).fail(function(result) {
|
||||
console.log(result.responseJSON);
|
||||
});
|
||||
}
|
||||
|
||||
getGalleryList();
|
||||
|
||||
$('#galleryMore').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
getGalleryList();
|
||||
})
|
||||
|
||||
});
|
@ -0,0 +1,291 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('content')
|
||||
<form id="writeForm" method="post" accept-charset="utf-8" enctype="multipart/form-data" action="{{ route('cms.board.store', null, false) }}" onsubmit="return false;">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}" />
|
||||
<input type="hidden" name="mode" value="{{ $data->mode }}" />
|
||||
<input type="hidden" name="code" value="{{ $data->code }}" />
|
||||
<input type="hidden" name="board_id" value="{{ $data->board_id }}" />
|
||||
<input type="hidden" name="uid" value="{{ $data->uid }}" />
|
||||
<input type="hidden" name="category" value="{{ $data->category }}" />
|
||||
<div class="card card-default">
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<label for="input-subject">제목 입력</label>
|
||||
<input type="text" class="form-control" name="subject" id="input-subject" required value="{{ $data->subject }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="input-content">서브 타이틀</label>
|
||||
<textarea class="form-control autosize" name="content" id="input-content" rows="3">{{ $data->content }}</textarea>
|
||||
</div>
|
||||
<div class="form-group" style="position:relative;">
|
||||
<label for="form-control" id="fileBtn">이미지 추가</label>
|
||||
<span class="fileSize mobileNone">(<em id="fileSize">0</em>)</span>
|
||||
<div id="dropzone" class="frame-wrap clearfix">
|
||||
<div id="dropzoneDesc" class="dropzone-desc">여기를 클릭하거나 파일을 마우스로 드래그하여 업로드할 수도있습니다.</div>
|
||||
<input type="file" name="selectFiles[]" id="selectFiles" class="dropzone-file" multiple="multiple" accept="image/gif,image/jpeg,image/png" />
|
||||
<div id="dropzoneList" class="dropzone-list">
|
||||
<ul id="previewFiles" class="preview-images">
|
||||
@if ($data->assets)
|
||||
@foreach ($data->assets as $i => $asset)
|
||||
<li class="old-file" data-uid="{{ $asset->uid }}" data-size="{{ $asset->asset->size }}">
|
||||
<a href="{{ route('image', [$asset->uid], false) }}" data-fancybox="gallery"><img class="image-item" src="{{ route('image.thumbnail.rate', ['h100', $asset->uid], false) }}" alt="{{ $asset->uid }}" /></a>
|
||||
<img src="/assets/img/button/btn_delete.gif" class="image-del" alt="삭제" />
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<span>
|
||||
<button type="submit" class="btn btn-success"><i class="fas fa-pen"></i> @if($data->mode == 'modify') 수정 @else 등록 @endif</button>
|
||||
@if($data->mode == 'modify')
|
||||
<a href="{{ route('cms.board.delete', null, false) }}" class="btn btn-secondary ml-2 btn-delete"><i class="far fa-trash-alt"></i> 삭제</a>
|
||||
@endif
|
||||
</span>
|
||||
<span><a href="javascript:;" onclick="gotoList();" class="btn btn-primary btn-list ml-2"><i class="fas fa-list-alt"></i> 목록 </a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@stop
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
function gotoList() {
|
||||
window.location.href = '{{ route('cms.board.list', [$data->code], false) }}';
|
||||
}
|
||||
|
||||
var fileIndex = 0; // 파일 번호
|
||||
var totalSize = 0; // 전체 파일용량
|
||||
var fileList = []; // 파일 목록
|
||||
var sizeList = []; // 파일용량 목록
|
||||
|
||||
// 드래그앤드롭 파일 첨부
|
||||
function fileDropDown() {
|
||||
var dropzone = $("#dropzone");
|
||||
dropzone.on('dragenter', function (e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
dropzone.css({'background-color': '#FFEFEE', 'border': '1px dashed #999'});
|
||||
});
|
||||
dropzone.on('dragleave', function (e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
dropzone.css({'background-color': '#F3F3F3', 'border': '1px solid #e5e5e5'});
|
||||
});
|
||||
dropzone.on('dragover', function (e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
dropzone.css({'background-color': '#FFEFEE', 'border': '1px dashed #999'});
|
||||
});
|
||||
dropzone.on('drop', function (e) {
|
||||
e.preventDefault();
|
||||
dropzone.css({'background-color': '#F3F3F3', 'border': '1px solid #e5e5e5'});
|
||||
|
||||
var files = e.originalEvent.dataTransfer.files;
|
||||
if (files != null) {
|
||||
if (files.length < 1) {
|
||||
console.log("파일이 선택되지 않았습니다.");
|
||||
return false;
|
||||
} else {
|
||||
selectFiles(files);
|
||||
}
|
||||
} else {
|
||||
console.log("ERROR!!");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function toggleFileBox() {
|
||||
if ($('#previewFiles li').length > 0) {
|
||||
$('.dropzone-desc').hide();
|
||||
$('.dropzone-list').show();
|
||||
} else {
|
||||
$('.dropzone-desc').show();
|
||||
$('.dropzone-list').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function setFileSize() {
|
||||
var strSize = 0;
|
||||
if (!isNaN(totalSize)){
|
||||
strSize = getFileSize(totalSize);
|
||||
}
|
||||
|
||||
$('#fileSize').html(strSize);
|
||||
}
|
||||
|
||||
// 첨부파일 추가
|
||||
function addFile(fSource, fName, fSize, isImage) {
|
||||
if (isImage === -1) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var appendHtml = $('<li class="new-file" data-index="'+ fileIndex +'"></li>');
|
||||
$('#previewFiles').append(appendHtml);
|
||||
|
||||
var reader = new FileReader();
|
||||
reader.onload = function(e) {
|
||||
appendHtml.append(
|
||||
'<a href="'+ e.target.result +'" data-fancybox="gallery"><img class="image-item" src="'+ e.target.result +'" alt="'+ fName +'" /></a>'+
|
||||
'<img class="image-del" src="/assets/img/button/btn_delete.gif" alt="삭제" />'
|
||||
);
|
||||
};
|
||||
reader.readAsDataURL(fSource);
|
||||
|
||||
totalSize += fSize;
|
||||
|
||||
sizeList[fileIndex] = fSize;
|
||||
fileList[fileIndex] = fSource;
|
||||
|
||||
fileIndex++;
|
||||
|
||||
setFileSize();
|
||||
toggleFileBox();
|
||||
}
|
||||
|
||||
// 첨부파일 션택 완료
|
||||
function selectFiles(files) {
|
||||
if (files == null) {
|
||||
console.log('파일이 선택되지 않았습니다.');
|
||||
return false;
|
||||
}
|
||||
|
||||
for (var i = 0; i < files.length; i++) {
|
||||
var fileName = files[i].name;
|
||||
var fileNameArr = fileName.split('\.');
|
||||
var fileExtension = fileNameArr[fileNameArr.length - 1];
|
||||
var fileSize = files[i].size;
|
||||
|
||||
var isImage = $.inArray(fileExtension, extImages.split(','));
|
||||
if (fileSize <= 0) {
|
||||
alert('비어 있는 파일입니다.');
|
||||
return;
|
||||
} else if ($.inArray(fileExtension, extExecutes.split(',')) !== -1) {
|
||||
alert('업로드가 허용되지 않는 파일입니다.');
|
||||
} else {
|
||||
addFile(files[i], fileName, fileSize, $.inArray(fileExtension, extImages.split(',')));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
fileDropDown();
|
||||
|
||||
$('#selectFiles').bind('change', function() {
|
||||
selectFiles(this.files);
|
||||
$(this).val('');
|
||||
});
|
||||
|
||||
$('#fileBtn').click(function() {
|
||||
$('#selectFiles').click();
|
||||
});
|
||||
|
||||
if ($('.old-file').length) {
|
||||
$('.old-file').each(function() {
|
||||
totalSize += parseInt($(this).data('size'));
|
||||
});
|
||||
}
|
||||
|
||||
setFileSize();
|
||||
toggleFileBox();
|
||||
|
||||
// 드래그존 클릭시 파일 선택
|
||||
$('#dropzone').on('click', function(e) {
|
||||
var targetID = e.target.id;
|
||||
console.log(e.target);
|
||||
if (targetID == 'dropzone' || targetID == 'dropzoneDesc' || targetID == 'dropzoneList' || targetID == 'previewFiles') {
|
||||
$('#selectFiles').click();
|
||||
}
|
||||
});
|
||||
|
||||
// 파일 삭제
|
||||
$('#previewFiles').on('click', '.image-del', function(e) {
|
||||
var objItem = $(this).parent();
|
||||
|
||||
objItem.remove();
|
||||
|
||||
if (objItem.hasClass('old-file')) {
|
||||
$('#writeForm').append('<input type="hidden" name="delFiles[]" value="'+ objItem.data('uid') +'" />');
|
||||
totalSize -= parseInt(objItem.data('size'));
|
||||
} else {
|
||||
var fIndex = objItem.data('index');
|
||||
|
||||
totalSize -= parseInt(sizeList[fIndex]);
|
||||
|
||||
delete fileList[fIndex];
|
||||
delete sizeList[fIndex];
|
||||
}
|
||||
|
||||
setFileSize();
|
||||
toggleFileBox();
|
||||
});
|
||||
|
||||
$('input[name=subject]').focus();
|
||||
|
||||
$('#writeForm').submit(function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
if (!$('#input-subject').checkEmpty('제목을 입력해 주세요.')) return false;
|
||||
|
||||
if ($('input[name=mode]').val() == 'add' && !fileList.length) {
|
||||
alert('이미지를 업로드해 주세요.');
|
||||
return false;
|
||||
}
|
||||
|
||||
var formData = new FormData(this);
|
||||
var uploadFiles = Object.keys(fileList);
|
||||
for (var i = 0; i < uploadFiles.length; i++) {
|
||||
formData.append('files[]', fileList[uploadFiles[i]]);
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url : $(this).attr('action'),
|
||||
type : 'POST',
|
||||
data : formData,
|
||||
enctype : 'multipart/form-data',
|
||||
processData : false,
|
||||
contentType : false,
|
||||
dataType : 'json',
|
||||
cache : false,
|
||||
async : false,
|
||||
success: function(result) {
|
||||
if (result.code == 'success') {
|
||||
if ($(this).find("input[name='uid']").val()) {
|
||||
window.location.reload();
|
||||
} else {
|
||||
gotoList();
|
||||
}
|
||||
} else {
|
||||
alert(result.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.btn-delete').click(function() {
|
||||
if(confirm('게시물을 삭제하시겠습니까?')) {
|
||||
$.post($(this).attr('href'), {'uid': $('#writeForm input[name=uid]').val() }, function (result) {
|
||||
if (result.code = 'success') {
|
||||
gotoList();
|
||||
} else {
|
||||
alert(result.message);
|
||||
}
|
||||
}).fail(function(result) {
|
||||
var data = result.responseJSON;
|
||||
if (!data.success) {
|
||||
alert(data.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
@ -0,0 +1,57 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form id="search-form">
|
||||
<input type="hidden" name="field" value="subject" />
|
||||
<div class="form-row">
|
||||
<div class="col-auto form-inline">
|
||||
<div class="input-group">
|
||||
<input type="text" name="word" class="form-control" size="20" value="{{ @$search['word'] }}" placeholder="검색어 입력" />
|
||||
<div class="input-group-append">
|
||||
<button type="submit" class="btn btn-info"><i class="fas fa-search"></i> 검색</button>
|
||||
</div>
|
||||
<div class="input-group-append">
|
||||
<a href="{{ route('cms.board.create', [$code], false) }}" class="btn btn-danger"><i class="fas fa-pen"></i> 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body pl-3 pr-3 pt-1 pb-1">
|
||||
<table class="table text-center">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="width-50">순번</th>
|
||||
<th class="text-left">제목</th>
|
||||
<th class="width-70 mobileNone">작성자</th>
|
||||
<th class="width-70">등록일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($data as $i => $row)
|
||||
<tr>
|
||||
<td>{{ $row->number }}</td>
|
||||
<td class="ellipsis ellipsis-wide text-left"><span><a href="{{ route('cms.board.modify', [$code, $row->uid], false) }}" class="view-link">{{ Str::limit($row->subject, 100, ' ‥') }}</a></span></td>
|
||||
<td class="nowrap mobileNone"><span>{{ $row->name }}</span></td>
|
||||
<td class="nowrap">{{ str_replace('-', '.', substr($row->created_at, 0, 10)) }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
@if(!$data->count())
|
||||
<tr>
|
||||
<td colspan="4" class="none-data">데이터가 없습니다.</td>
|
||||
</tr>
|
||||
@endif
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{ $data->render('admin.paginator') }}
|
||||
</div>
|
||||
@stop
|
||||
|
||||
@push('scripts')
|
||||
@endpush
|
@ -0,0 +1,402 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('content')
|
||||
<form id="writeForm" method="post" accept-charset="utf-8" enctype="multipart/form-data" action="{{ route('cms.board.store', null, false) }}" onsubmit="return false;">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}" />
|
||||
<input type="hidden" name="mode" value="{{ $data->mode }}" />
|
||||
<input type="hidden" name="code" value="{{ $data->code }}" />
|
||||
<input type="hidden" name="board_id" value="{{ $data->board_id }}" />
|
||||
<input type="hidden" name="uid" value="{{ $data->uid }}" />
|
||||
<input type="hidden" name="category" value="{{ $data->category }}" />
|
||||
<div class="card card-default">
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<label for="input-subject">제목</label>
|
||||
<input type="text" class="form-control" name="subject" id="input-subject" required value="{{ $data->subject }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="input-content">내용</label>
|
||||
<div id="editor"></div>
|
||||
<textarea class="form-control autosize" name="content" id="input-content" rows="8" placeholder="내용을 입력해 주세요." style="display:none;">{{ $data->content }}</textarea>
|
||||
</div>
|
||||
@if($data->code == 'news')
|
||||
<div class="form-group">
|
||||
<label for="input-image">목록 이미지</label>
|
||||
<div class="custom-file">
|
||||
<input type="file" name="image" id="input-image" class="custom-file-input" accept="image/gif,image/jpeg,image/png">
|
||||
<label class="custom-file-label" for="input-image">이미지 선택</label>
|
||||
</div>
|
||||
</div>
|
||||
@if ($data->image)
|
||||
<div class="form-group">
|
||||
<div class="form-group-box list-image-del">
|
||||
<i class="fas fa-trash" title="삭제"></i>
|
||||
<a href="/image/{{ $data->image }}" data-fancybox="gallery-list"><span class="prev-image">{{ $data->asset->orgin_name }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
<div class="form-group" style="position:relative;">
|
||||
<label for="form-control" id="fileBtn">첨부파일</label>
|
||||
<span class="fileSize mobileNone">(<em id="fileSize">0</em>)</span>
|
||||
<div id="dropzone" class="frame-wrap clearfix">
|
||||
<div id="dropzoneDesc" class="dropzone-desc">여기를 클릭하거나 파일을 마우스로 드래그하여 업로드할 수 있습니다.</div>
|
||||
<input type="file" name="selectFiles[]" id="selectFiles" class="dropzone-file" multiple="multiple" />
|
||||
<div id="dropzoneList" class="dropzone-list">
|
||||
<ul id="previewFiles" class="preview-files">
|
||||
@if ($data->assets)
|
||||
@foreach ($data->assets as $i => $asset)
|
||||
<li class="old-file" data-uid="{{ $asset->uid }}" data-size="{{ $asset->asset->size }}">
|
||||
<i class="fas fa-trash" title="삭제"></i>
|
||||
@if($asset->asset->width && $asset->asset->height)
|
||||
<a href="{{ route('download', [$asset->uid], false) }}" class="file-item" data-fancybox="gallery">{{ $asset->asset->orgin_name }} ({{ human_filesize($asset->asset->size) }})</a>
|
||||
@else
|
||||
<a href="{{ route('image', [$asset->uid], false) }}" class="file-item">{{ $asset->asset->orgin_name }} ({{ human_filesize($asset->asset->size) }})</a>
|
||||
@endif
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="notice">옵션 설정</label>
|
||||
<div class="form-group-box">
|
||||
<div class="custom-control custom-checkbox custom-control-inline">
|
||||
<input type="checkbox" id="notice" class="custom-control-input" name="notice" value="1" {{ $data->notice ? 'checked="checked "' : '' }}/>
|
||||
<label for="notice" class="custom-control-label">공지글</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@if($data->uid)
|
||||
<div class="form-group">
|
||||
<label for="view_count">조회수</label>
|
||||
<input type="text" class="form-control" id="view_count" disabled="disabled" value="{{ $data->view_count }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="input-name">작성자</label>
|
||||
<input type="text" class="form-control" name="name" id="input-name" disabled="disabled" value="{{ $data->name }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="created_at">작성일시</label>
|
||||
<input type="text" class="form-control" id="created_at" disabled="disabled" value="{{ $data->created_at }}" />
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<span>
|
||||
<button type="submit" class="btn btn-success"><i class="fas fa-pen"></i> @if($data->mode == 'modify') 수정 @else 등록 @endif</button>
|
||||
@if($data->mode == 'modify')
|
||||
<a href="{{ route('cms.board.delete', null, false) }}" class="btn btn-secondary ml-2 btn-delete"><i class="far fa-trash-alt"></i> 삭제</a>
|
||||
@endif
|
||||
</span>
|
||||
<span><a href="javascript:;" onclick="gotoList();" class="btn btn-primary btn-list ml-2"><i class="fas fa-list-alt"></i> 목록 </a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@stop
|
||||
|
||||
@push('styles')
|
||||
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/summernote@0.8.20/dist/summernote-bs4.min.css">
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/summernote@0.8.20/dist/summernote-bs4.min.js"></script>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/summernote@0.8.20/dist/lang/summernote-ko-KR.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
function gotoList() {
|
||||
window.location.href = '{{ route('cms.board.list', [$data->code], false) }}';
|
||||
}
|
||||
|
||||
var fileIndex = 0; // 파일 번호
|
||||
var totalSize = 0; // 전체 파일용량
|
||||
var fileList = []; // 파일 목록
|
||||
var sizeList = []; // 파일용량 목록
|
||||
|
||||
// 드래그앤드롭 파일 첨부
|
||||
function fileDropDown() {
|
||||
var dropzone = $("#dropzone");
|
||||
dropzone.on('dragenter', function (e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
dropzone.css({'background-color': '#FFEFEE', 'border': '1px dashed #999'});
|
||||
});
|
||||
dropzone.on('dragleave', function (e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
dropzone.css({'background-color': '#F3F3F3', 'border': '1px solid #e5e5e5'});
|
||||
});
|
||||
dropzone.on('dragover', function (e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
dropzone.css({'background-color': '#FFEFEE', 'border': '1px dashed #999'});
|
||||
});
|
||||
dropzone.on('drop', function (e) {
|
||||
e.preventDefault();
|
||||
dropzone.css({'background-color': '#F3F3F3', 'border': '1px solid #e5e5e5'});
|
||||
|
||||
var files = e.originalEvent.dataTransfer.files;
|
||||
if (files != null) {
|
||||
if (files.length < 1) {
|
||||
console.log("파일이 선택되지 않았습니다.");
|
||||
return false;
|
||||
} else {
|
||||
selectFiles(files);
|
||||
}
|
||||
} else {
|
||||
console.log("ERROR!!");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function toggleFileBox() {
|
||||
if ($('#previewFiles li').length > 0) {
|
||||
$('.dropzone-desc').hide();
|
||||
$('.dropzone-list').show();
|
||||
} else {
|
||||
$('.dropzone-desc').show();
|
||||
$('.dropzone-list').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function setFileSize() {
|
||||
var strSize = getFileSize(totalSize);
|
||||
|
||||
$('#fileSize').html(strSize);
|
||||
}
|
||||
|
||||
// 첨부파일 추가
|
||||
function addFile(fSource, fName, fSize, isImage) {
|
||||
var appendHtml = $('<li class="new-file" data-index="'+ fileIndex +'"><i class="fas fa-trash"></i></li>');
|
||||
|
||||
if (isImage !== -1) {
|
||||
appendHtml.append('<a href="#" class="file-item" data-fancybox="gallery">'+ fName +' ('+ getFileSize(fSize) +')</a>');
|
||||
$('#previewFiles').append(appendHtml);
|
||||
|
||||
var reader = new FileReader();
|
||||
reader.onload = function(e) {
|
||||
appendHtml.find('a').attr('href', e.target.result);
|
||||
};
|
||||
reader.readAsDataURL(fSource);
|
||||
} else {
|
||||
appendHtml.append('<span class="file-item">'+ fName +' ('+ getFileSize(fSize) +')</span>');
|
||||
$('#previewFiles').append(appendHtml);
|
||||
}
|
||||
|
||||
totalSize += fSize;
|
||||
|
||||
sizeList[fileIndex] = fSize;
|
||||
fileList[fileIndex] = fSource;
|
||||
|
||||
fileIndex++;
|
||||
|
||||
setFileSize();
|
||||
toggleFileBox();
|
||||
}
|
||||
|
||||
// 첨부파일 션택 완료
|
||||
function selectFiles(files) {
|
||||
if (files == null) {
|
||||
console.log('파일이 선택되지 않았습니다.');
|
||||
return false;
|
||||
}
|
||||
|
||||
for (var i = 0; i < files.length; i++) {
|
||||
var fileName = files[i].name;
|
||||
var fileNameArr = fileName.split('\.');
|
||||
var fileExtension = fileNameArr[fileNameArr.length - 1];
|
||||
var fileSize = files[i].size;
|
||||
|
||||
if (fileSize <= 0) {
|
||||
alert('비어 있는 파일입니다.');
|
||||
return;
|
||||
} else if ($.inArray(fileExtension, extExecutes.split(',')) !== -1) {
|
||||
alert('업로드가 허용되지 않는 파일입니다.');
|
||||
} else {
|
||||
addFile(files[i], fileName, fileSize, $.inArray(fileExtension, extImages.split(',')));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
fileDropDown();
|
||||
|
||||
$('#selectFiles').bind('change', function() {
|
||||
selectFiles(this.files);
|
||||
$(this).val('');
|
||||
});
|
||||
|
||||
$('#fileBtn').click(function() {
|
||||
$('#selectFiles').click();
|
||||
});
|
||||
|
||||
if ($('.old-file').length) {
|
||||
$('.old-file').each(function() {
|
||||
totalSize += parseInt($(this).data('size'));
|
||||
});
|
||||
}
|
||||
|
||||
setFileSize();
|
||||
toggleFileBox();
|
||||
|
||||
// 드래그존 클릭시 파일 선택
|
||||
$('#dropzone').on('click', function(e) {
|
||||
var targetID = e.target.id;
|
||||
console.log(e.target);
|
||||
if (targetID == 'dropzone' || targetID == 'dropzoneDesc' || targetID == 'dropzoneList' || targetID == 'previewFiles') {
|
||||
$('#selectFiles').click();
|
||||
}
|
||||
});
|
||||
|
||||
// 파일 삭제
|
||||
$('.list-image-del').on('click', '.fa-trash', function(e) {
|
||||
var objItem = $(this).parent();
|
||||
|
||||
objItem.remove();
|
||||
|
||||
$('#writeForm').append('<input type="hidden" name="delImage" value="1" />');
|
||||
});
|
||||
|
||||
// 파일 삭제
|
||||
$('#previewFiles').on('click', '.fa-trash', function(e) {
|
||||
var objItem = $(this).parent();
|
||||
|
||||
objItem.remove();
|
||||
|
||||
if (objItem.hasClass('old-file')) {
|
||||
$('#writeForm').append('<input type="hidden" name="delFiles[]" value="'+ objItem.data('uid') +'" />');
|
||||
totalSize -= parseInt(objItem.data('size'));
|
||||
} else {
|
||||
var fIndex = objItem.data('index');
|
||||
|
||||
totalSize -= parseInt(sizeList[fIndex]);
|
||||
|
||||
delete fileList[fIndex];
|
||||
delete sizeList[fIndex];
|
||||
}
|
||||
|
||||
setFileSize();
|
||||
toggleFileBox();
|
||||
});
|
||||
|
||||
$('#editor').html($('textarea[name=content]').val());
|
||||
var $editor = $('#editor').summernote({
|
||||
height: 300,
|
||||
placeholder: '내용을 입력해 주세요.',
|
||||
dialogsInBody: true,
|
||||
dialogsFade: true,
|
||||
codeviewFilter: false,
|
||||
codeviewIframeFilter: true,
|
||||
lang: 'ko-KR',
|
||||
toolbar: [
|
||||
['fontsize', ['fontsize']],
|
||||
['font', ['bold', 'italic', 'underline']],
|
||||
['font', ['strikethrough', 'superscript', 'subscript']],
|
||||
['color', ['color']],
|
||||
['para', ['ul', 'ol', 'paragraph', 'height']],
|
||||
['insert', ['table', 'picture', 'video', 'link', 'hr']],
|
||||
['font', ['undo', 'redo', 'clear']],
|
||||
['view', ['fullscreen', 'codeview', 'help']]
|
||||
],
|
||||
callbacks: {
|
||||
onImageUpload: function (files) {
|
||||
for (var i = 0; i < files.length; i++) {
|
||||
//if (i > 10) {
|
||||
// alert('Only 10 images can be registered.');
|
||||
// return;
|
||||
//}
|
||||
sendEditorImage(this, files[i]);
|
||||
}
|
||||
},
|
||||
onPaste: function (e) {
|
||||
var clipboardData = e.originalEvent.clipboardData;
|
||||
if (clipboardData && clipboardData.items && clipboardData.items.length) {
|
||||
var item = clipboardData.items[0];
|
||||
if (item.kind === 'file' && item.type.indexOf('image/') !== -1) {
|
||||
e.preventDefault();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if ($('input[name=subject]').length) {
|
||||
$('input[name=subject]').focus();
|
||||
} else if ($('#editor').length) {
|
||||
$('#editor').summernote('focus');
|
||||
} else if ($('textarea[name=content]').length) {
|
||||
$('textarea[name=content]').focus();
|
||||
}
|
||||
|
||||
$('#writeForm').submit(function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
if ($('#input-subject').length) {
|
||||
if (!$('#input-subject').checkEmpty('제목을 입력해 주세요.')) return false;
|
||||
}
|
||||
|
||||
if ($('#editor').length) {
|
||||
$('#input-content').val($('#editor').summernote('code'));
|
||||
if ($('#editor').summernote('isEmpty')) {
|
||||
alert('내용을 입력해 주세요.');
|
||||
$('#editor').summernote('focus');
|
||||
return false;
|
||||
}
|
||||
} else if (!$('#input-content').checkEmpty('내용을 입력해 주세요.')) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var formData = new FormData(this);
|
||||
var uploadFiles = Object.keys(fileList);
|
||||
for (var i = 0; i < uploadFiles.length; i++) {
|
||||
formData.append('files[]', fileList[uploadFiles[i]]);
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url : $(this).attr('action'),
|
||||
type : 'POST',
|
||||
data : formData,
|
||||
enctype : 'multipart/form-data',
|
||||
processData : false,
|
||||
contentType : false,
|
||||
dataType : 'json',
|
||||
cache : false,
|
||||
async : false,
|
||||
success: function(result) {
|
||||
if (result.code == 'success') {
|
||||
if ($(this).find("input[name='uid']").val()) {
|
||||
window.location.reload();
|
||||
} else {
|
||||
gotoList();
|
||||
}
|
||||
} else {
|
||||
alert(result.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.btn-delete').click(function() {
|
||||
if(confirm('게시글을 삭제하시겠습니까?')) {
|
||||
$.post($(this).attr('href'), {'uid': $('#writeForm input[name=uid]').val() }, function (result) {
|
||||
if (result.code = 'success') {
|
||||
gotoList();
|
||||
} else {
|
||||
alert(result.message);
|
||||
}
|
||||
}).fail(function(result) {
|
||||
var data = result.responseJSON;
|
||||
if (!data.success) {
|
||||
alert(data.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
@ -0,0 +1,71 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="d-flex bg-white">
|
||||
<div class="left-image-section board-left-section flex-column d-none d-xl-flex">
|
||||
<div class="page-header">
|
||||
<div class="menu-root d-none d-xl-block">{{ $page['title'] }}@if($page['subTitle']) <i class="fa-solid fa-chevron-right"></i> {{ $page['subTitle'] }}@endif</div>
|
||||
<div class="header-title d-none d-xl-block">@if($page['subTitle']){{ $page['subTitle'] }}@else{{ $page['title']}}@endif</div>
|
||||
<div class="header-mobile-logo d-block d-xl-none"><img src="/images/word-logo-white.png" class="img-fluid"></div>
|
||||
</div>
|
||||
<div class="board-links">
|
||||
<a href="{{ route('board.list', ['notice'], false) }}"@if($board->code == 'notice') class="active"@endif><div>공지사항</div></a>
|
||||
<a href="{{ route('board.list', ['gallery'], false) }}"@if($board->code == 'gallery') class="active"@endif><div>시공사진</div></a>
|
||||
<a href="{{ route('board.create', ['inquiry'], false) }}"@if($board->code == 'inquiry') class="active"@endif><div>문의하기</div></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="board-section news-list">
|
||||
@if($data)
|
||||
<section class="news-column">
|
||||
@foreach($data as $i => $row)
|
||||
@if($i > 0 && $i % 2 == 0)
|
||||
</section>
|
||||
<section class="news-column">
|
||||
@endif
|
||||
<div class="news-item">
|
||||
<a href="{{ route('board.view', [$board->code, $row->uid], false) }}">
|
||||
<div class="img-containter-fit"><img src="@if($row->image){{ route('image.thumbnail.rate', ['w800', $row->image], false) }}@else{{ '/images/no-img.png' }}@endif" class="img-fluid" onerror="this.src='/images/no-img.png'"/></div>
|
||||
<div class="font-16 news-title cut-text">{{ $row->subject }}</div>
|
||||
<div class="font-14 news-date">{{ date('Y.m.d', strtotime($row->created_at)) }}</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</section>
|
||||
@else
|
||||
<div class="none-data">게시글이 없습니다.</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('style')
|
||||
<link rel="stylesheet" type="text/css" href="/css/board.css?v={{ $now }}">
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript" src="/js/board.js?v={{ $now }}"></script>
|
||||
<script type="text/javascript">
|
||||
const scrollContainer = document.querySelector('.news-list');
|
||||
|
||||
var ww = window.innerWidth;
|
||||
var scrollEventHandler = function(evt){
|
||||
evt.preventDefault();
|
||||
scrollContainer.scrollLeft += evt.deltaY;
|
||||
}
|
||||
|
||||
initEvent(ww);
|
||||
|
||||
$(window).resize(function () {
|
||||
ww = window.innerWidth;
|
||||
initEvent(ww);
|
||||
});
|
||||
|
||||
function initEvent(ww){
|
||||
if(ww >= 1200){
|
||||
scrollContainer.addEventListener('wheel',scrollEventHandler);
|
||||
}else{
|
||||
scrollContainer.removeEventListener('wheel',scrollEventHandler);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@endpush
|
@ -0,0 +1,20 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
var gallery = [];
|
||||
@if($data && $data->assets)
|
||||
@foreach($data->assets as $i => $row)
|
||||
var item = {
|
||||
'src': "{{ route('image', [$row->asset->uid]) }}",
|
||||
'thumb': "{{ route('image.thumbnail.rate', ['h80', $row->asset->uid]) }}",
|
||||
'caption': "{{ $data->subject }}",
|
||||
};
|
||||
gallery.push(item);
|
||||
@endforeach
|
||||
@endif
|
||||
Fancybox.show(gallery, {
|
||||
// Your options go here
|
||||
});
|
||||
</script>
|
||||
@endpush
|
@ -0,0 +1,73 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="d-flex flex-column flex-xl-row bg-white">
|
||||
<div class="left-image-section board-left-section flex-column d-none d-xl-flex">
|
||||
<div class="page-header">
|
||||
<div class="menu-root d-none d-xl-block">{{ $page['title'] }}@if($page['subTitle']) <i class="fa-solid fa-chevron-right"></i> {{ $page['subTitle'] }}@endif</div>
|
||||
<div class="header-title d-none d-xl-block">@if($page['subTitle']){{ $page['subTitle'] }}@else{{ $page['title']}}@endif</div>
|
||||
<div class="header-mobile-logo d-block d-xl-none"><img src="/images/word-logo-white.png" class="img-fluid"></div>
|
||||
</div>
|
||||
<div class="board-links">
|
||||
<a href="{{ route('board.list', ['notice'], false) }}"@if($data->code == 'notice') class="active"@endif><div>공지사항</div></a>
|
||||
<a href="{{ route('board.list', ['gallery'], false) }}"@if($board->code == 'gallery') class="active"@endif><div>시공사진</div></a>
|
||||
<a href="{{ route('board.create', ['inquiry'], false) }}"@if($data->code == 'inquiry') class="active"@endif><div>문의하기</div></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="board-section notice-view">
|
||||
<div class="board-title d-flex">
|
||||
<div class="font-28" style="flex:1">{!! $data->subject !!}</div>
|
||||
<div class="complete-logo d-none d-xl-block">
|
||||
<img src="/images/complete-logo.png" class="img-fluid"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="board-date font-16 line-top line-bottom">{{ date('Y.m.d H:i', strtotime($data->created_at)) }}</div>
|
||||
<div class="board-content line-bottom">
|
||||
@if($data->images && count($data->images))
|
||||
@foreach($data->images as $i => $asset)
|
||||
<p class="board-image"><img src="{{ route('image', [$asset->uid], false) }}" alt="" /></p>
|
||||
@endforeach
|
||||
@endif
|
||||
<div class="board-detail">
|
||||
{!! $data->content !!}
|
||||
</div>
|
||||
@if($data->files && count($data->files))
|
||||
<div class="board-file">
|
||||
<p><i class="fas fa-folder"></i>첨부파일</p>
|
||||
<ul class="file-btn">
|
||||
@foreach($data->files as $i => $asset)
|
||||
<li><a class="cut-text" href="{{ route('download', [$asset->uid], false) }}"><i class="fas fa-file"></i>{{ $asset->orgin_name }} ({{ human_filesize($asset->size) }})</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="board-controll justify-content-between">
|
||||
<a href="{{ route('board.list', [$data->code], false) }}" class="white-round-btn font-16">목록</a>
|
||||
@if($data->prev || $data->next)
|
||||
<div>
|
||||
@if($data->prev)
|
||||
<a href="{{ route('board.view', [$data->code, $data->prev->uid], false) }}"><img src="/images/icons/btn-prev.png" alt="이전글" style="width:36px" /></a>
|
||||
@endif
|
||||
@if($data->next)
|
||||
<a href="{{ route('board.view', [$data->code, $data->next->uid], false) }}"><img src="/images/icons/btn-next.png" alt="다음글" style="width:36px " /></a>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('style')
|
||||
<link rel="stylesheet" type="text/css" href="/css/board.css?v={{ $now }}">
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript" src="/js/board.js?v={{ $now }}"></script>
|
||||
<script type="text/javascript">
|
||||
$(window).on('load', function() {
|
||||
imagesLoad($(".board-content img"));
|
||||
});
|
||||
</script>
|
||||
@endpush
|
@ -1,64 +1,63 @@
|
||||
@php
|
||||
$title = '청담K - The Hub Of Global K-art';
|
||||
$title = '쏠라아이, 프리미엄 태양광 파고라/썬룸/주차장 설계 및 시공 전문회사';
|
||||
|
||||
if (!empty($page['subTitle'])) {
|
||||
$title = $page['subTitle'];
|
||||
} else if (!empty($page['title'])) {
|
||||
$title = $page['title'];
|
||||
} else if (!empty($settings->meta_title)) {
|
||||
$title = $settings->meta_title;
|
||||
} else if (!empty($settings->title)) {
|
||||
$title = $settings->title;
|
||||
}
|
||||
@endphp
|
||||
<!doctype html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<title>{{ $title }}</title>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="language" content="Korean">
|
||||
<meta name="author" content="청담K">
|
||||
<meta name="robots" content="index, follow"/>
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
@include('layouts.seo')
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png" />
|
||||
{{-- <link rel="alternate" type="application/rss+xml" title="청담K" href="http://www..co.kr/rss.xml" /> --}}
|
||||
<link rel="dns-prefetch" href="//fonts.gstatic.com">
|
||||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Jost"/>
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="//unpkg.com/pageable@latest/dist/pageable.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css" />
|
||||
<link rel="stylesheet" type="text/css" href="{{ asset('css/app.css') }}?v={{ $now }}">
|
||||
@stack('style')
|
||||
<title>{{ $title }}</title>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="language" content="Korean">
|
||||
<meta name="author" content="{{ $settings->site_name }}">
|
||||
<meta name="robots" content="index, follow"/>
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
@include('layouts.seo')
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png" />
|
||||
{{--<link rel="alternate" type="application/rss+xml" title="{{ $settings->site_name }}" href="http://www..co.kr/rss.xml" />--}}
|
||||
<link rel="dns-prefetch" href="//fonts.gstatic.com">
|
||||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Jost"/>
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="//unpkg.com/pageable@latest/dist/pageable.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css" integrity="sha512-nSomje7hTV0g6A5X/lEZq8koYb5XZtrWD7GU2+aIJD35CePx89oxSM+S7k3hqNSpHajFbtmrjavZFxSEfl6pQA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/app.css?v={{ $now }}">
|
||||
@stack('style')
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@include('layouts.header')
|
||||
<main class="">
|
||||
@yield('content')
|
||||
</main>
|
||||
</div>
|
||||
<div id="app">
|
||||
@include('layouts.header')
|
||||
<main>
|
||||
@yield('content')
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@include('layouts.footer')
|
||||
|
||||
<script type="text/javascript" src="//code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="//unpkg.com/pageable@latest/dist/pageable.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js" integrity="sha512-ZHauUc/vByS6JUz/Hl1o8s2kd4QJVLAbkz8clgjtbKUJT+AG1c735aMtVLJftKQYo+LD62QryvoNa+uqy+rCHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
|
||||
<script type="text/javascript" src="//kit.fontawesome.com/280c51cde6.js" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
|
||||
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=52cafe4f03c6eb124e97eafc302f7240"></script>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
|
||||
<script type="text/javascript" src="/assets/js/formplugins/autosize/autosize.min.js"></script>
|
||||
<script type="text/javascript" src="/js/app.js?v={{ $now }}"></script>
|
||||
|
||||
@stack('scripts')
|
||||
@include('layouts.footer')
|
||||
|
||||
<script type="text/javascript" src="//code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="//unpkg.com/pageable@latest/dist/pageable.min.js"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js" integrity="sha512-ZHauUc/vByS6JUz/Hl1o8s2kd4QJVLAbkz8clgjtbKUJT+AG1c735aMtVLJftKQYo+LD62QryvoNa+uqy+rCHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script>
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
|
||||
<script type="text/javascript" src="//kit.fontawesome.com/280c51cde6.js" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
|
||||
{{--<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=52cafe4f03c6eb124e97eafc302f7240"></script>--}}
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
|
||||
<script type="text/javascript" src="/assets/js/formplugins/autosize/autosize.min.js"></script>
|
||||
<script type="text/javascript" src="/js/app.js?v={{ $now }}"></script>
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
|
@ -1,15 +1,15 @@
|
||||
<meta name="title" content="{{ $title }}" />
|
||||
<meta name="description" content="{{ $settings->description }}" />
|
||||
<meta name="keywords" content="{{ $settings->keywords }}" />
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="{{ $title }}">
|
||||
<meta property="og:description" content="{{ $settings->description }}">
|
||||
<meta property="og:image" content="/images/greeting/image2.png">
|
||||
<meta property="og:url" content="{{ request()->url() }}">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="{{ $title }}">
|
||||
<meta name="twitter:description" content="{{ $settings->description }}">
|
||||
<meta name="twitter:image" content="/images/greeting/image2.png">
|
||||
<meta name="twitter:domain" content="{{ config('app.url') }}">
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png" />
|
||||
<link rel="canonical" href="{{ config('app.url') }}">
|
||||
<meta name="title" content="{{ $title }}" />
|
||||
<meta name="description" content="{{ $settings->description }}" />
|
||||
<meta name="keywords" content="{{ $settings->keywords }}" />
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="{{ $title }}">
|
||||
<meta property="og:description" content="{{ $settings->description }}">
|
||||
<meta property="og:image" content="/images/greeting/image2.png">
|
||||
<meta property="og:url" content="{{ request()->url() }}">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="{{ $title }}">
|
||||
<meta name="twitter:description" content="{{ $settings->description }}">
|
||||
<meta name="twitter:image" content="/images/greeting/image2.png">
|
||||
<meta name="twitter:domain" content="{{ config('app.url') }}">
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png" />
|
||||
<link rel="canonical" href="{{ config('app.url') }}">
|
||||
|
@ -1,95 +1,19 @@
|
||||
<section class="main-portfolio" id="portfolio">
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
<div class="col-6 col-md-4 col-lg-3 mb-4 portfolio">
|
||||
<div class="portfolio-img">
|
||||
<img src="/images/testimg.png"/>
|
||||
</div>
|
||||
<div class="portfolio-inner">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-title">
|
||||
태양광 카포트
|
||||
</div>
|
||||
<div class="portfolio-hr"></div>
|
||||
<div class="portfolio-desc">
|
||||
태양광 발전량은 일조 시간이 중요해요!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-6 col-md-4 col-lg-3 mb-4 portfolio">
|
||||
<div class="portfolio-img">
|
||||
<img src="/images/testimg.png"/>
|
||||
</div>
|
||||
<div class="portfolio-inner">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-title">
|
||||
태양광 카포트
|
||||
</div>
|
||||
<div class="portfolio-hr"></div>
|
||||
<div class="portfolio-desc">
|
||||
태양광 발전량은 일조 시간이 중요해요!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-6 col-md-4 col-lg-3 mb-4 portfolio">
|
||||
<div class="portfolio-img">
|
||||
<img src="/images/testimg.png"/>
|
||||
</div>
|
||||
<div class="portfolio-inner">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-title">
|
||||
태양광 카포트
|
||||
</div>
|
||||
<div class="portfolio-hr"></div>
|
||||
<div class="portfolio-desc">
|
||||
태양광 발전량은 일조 시간이 중요해요!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-6 col-md-4 col-lg-3 mb-4 portfolio">
|
||||
<div class="portfolio-img">
|
||||
<img src="/images/testimg.png"/>
|
||||
</div>
|
||||
<div class="portfolio-inner">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-title">
|
||||
태양광 카포트
|
||||
</div>
|
||||
<div class="portfolio-hr"></div>
|
||||
<div class="portfolio-desc">
|
||||
태양광 발전량은 일조 시간이 중요해요!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="portfolio-list"></div>
|
||||
<div id="galleryMore" class="more-button">더보기 <span class="now-count">0</span> / <span class="max-count">0</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="col-6 col-md-4 col-lg-3 mb-4 portfolio">
|
||||
<div class="portfolio-img">
|
||||
<img src="/images/testimg.png"/>
|
||||
</div>
|
||||
<div class="portfolio-inner">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-title">
|
||||
태양광 카포트
|
||||
</div>
|
||||
<div class="portfolio-hr"></div>
|
||||
<div class="portfolio-desc">
|
||||
태양광 발전량은 일조 시간이 중요해요!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="galleryBox" style="display:none;">
|
||||
<div class="col-6 col-md-4 col-lg-3 mb-4 portfolio">
|
||||
<div class="portfolio-img"></div>
|
||||
<div class="portfolio-inner">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-title"></div>
|
||||
<div class="portfolio-hr"></div>
|
||||
<div class="portfolio-desc"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="more-button">더보기 <span class="now-count">8</span> / <span class="max-count">24</span></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue