diff --git a/AvocadoAmber/adm/board_delete.inc.php b/AvocadoAmber/adm/board_delete.inc.php index bcb8747..c9fe5d3 100644 --- a/AvocadoAmber/adm/board_delete.inc.php +++ b/AvocadoAmber/adm/board_delete.inc.php @@ -4,7 +4,7 @@ if (!defined('_GNUBOARD_')) exit; if (!defined('_BOARD_DELETE_')) - exit; // 개별 페이지 접근 불가 + exit; // $tmp_bo_table 에는 $bo_table 값을 넘겨주어야 함 if (!$tmp_bo_table) { diff --git a/AvocadoAmber/adm/head.sub.php b/AvocadoAmber/adm/head.sub.php index f2728a6..861681d 100644 --- a/AvocadoAmber/adm/head.sub.php +++ b/AvocadoAmber/adm/head.sub.php @@ -1,6 +1,6 @@ diff --git a/AvocadoAmber/bbs/register_form_update_mail2.php b/AvocadoAmber/bbs/register_form_update_mail2.php index 59ce556..ed8cac6 100644 --- a/AvocadoAmber/bbs/register_form_update_mail2.php +++ b/AvocadoAmber/bbs/register_form_update_mail2.php @@ -1,7 +1,7 @@ diff --git a/AvocadoAmber/bbs/register_form_update_mail3.php b/AvocadoAmber/bbs/register_form_update_mail3.php index b7c1e3d..12830c0 100644 --- a/AvocadoAmber/bbs/register_form_update_mail3.php +++ b/AvocadoAmber/bbs/register_form_update_mail3.php @@ -1,7 +1,7 @@ diff --git a/AvocadoAmber/bbs/view.php b/AvocadoAmber/bbs/view.php index 5a46049..63852ff 100644 --- a/AvocadoAmber/bbs/view.php +++ b/AvocadoAmber/bbs/view.php @@ -1,6 +1,6 @@ =') && defined('G5_BROWSCAP_USE') && G5_BROWSCAP_USE)) return; diff --git a/AvocadoAmber/bbs/visit_insert.inc.php b/AvocadoAmber/bbs/visit_insert.inc.php index ff2ee39..2ab1789 100644 --- a/AvocadoAmber/bbs/visit_insert.inc.php +++ b/AvocadoAmber/bbs/visit_insert.inc.php @@ -1,6 +1,6 @@ diff --git a/AvocadoAmber/common.php b/AvocadoAmber/common.php index 48f6838..fe1434e 100644 --- a/AvocadoAmber/common.php +++ b/AvocadoAmber/common.php @@ -912,21 +912,24 @@ unset($extend_file); // ----- 테마 추가기능 불러오기 (확장) if (defined('G5_THEME_PATH')) { $extend_file = []; - $tmp = dir(G5_THEME_PATH . '/' . G5_EXTEND_DIR); - - while ($entry = $tmp->read()) { - // php 파일만 include 함 - if (preg_match("/(\.php)$/i", $entry)) - $extend_file[] = $entry; - } - - if (!empty($extend_file) && is_array($extend_file)) { - natsort($extend_file); - foreach ($extend_file as $file) { - include_once G5_THEME_PATH . '/' . G5_EXTEND_DIR . "/" . $file; + $theme_extend = G5_THEME_PATH . '/' . G5_EXTEND_DIR; + if (is_dir($theme_extend)) { + $tmp = dir($theme_extend); + + while ($entry = $tmp->read()) { + if (preg_match("/(\.php)$/i", $entry)) { + $extend_file[] = $entry; + } } + + if (!empty($extend_file) && is_array($extend_file)) { + natsort($extend_file); + foreach ($extend_file as $file) { + @include_once "{$theme_extend}/{$file}"; + } + } + unset($extend_file); } - unset($extend_file); } ob_start(); diff --git a/AvocadoAmber/extend/banner.lib.php b/AvocadoAmber/extend/banner.lib.php index 8f38e63..0b5ec03 100644 --- a/AvocadoAmber/extend/banner.lib.php +++ b/AvocadoAmber/extend/banner.lib.php @@ -4,7 +4,7 @@ * @suppress PHP0419 */ if (!defined('_GNUBOARD_')) - exit; // 개별 페이지 접근 불가 + exit; // 배너출력 // 스킨, 슬라이드 이펙트(slide/fade), 슬라이드 속도, 자동재생 여부(true/false), 슬라이드 방향 (default/alter), 컨트롤 출력여부(true/false), 애니메이션 속도 diff --git a/AvocadoAmber/extend/exp.lib.php b/AvocadoAmber/extend/exp.lib.php index 2be8fad..54e3170 100644 --- a/AvocadoAmber/extend/exp.lib.php +++ b/AvocadoAmber/extend/exp.lib.php @@ -1,6 +1,6 @@ ') ) { //textarea로 작성되고, html 내용이 없다면 - $content = nl2br($content); - } - } - - $width = isset($editor_width) ? $editor_width : "100%"; - $height = isset($editor_height) ? $editor_height : "250px"; - if (defined('G5_PUNYCODE')) - $editor_url = G5_PUNYCODE.'/'.G5_EDITOR_DIR.'/'.$config['cf_editor']; - else - $editor_url = G5_EDITOR_URL.'/'.$config['cf_editor']; - - $html = ""; - - if ($is_dhtml_editor) { - if ($js) { - $html .= ""; - } - $html .= "\n"; - $html .= "웹에디터 시작"; - $html .= "\n"; - $html .= "\n웹 에디터 끝"; - $html .= "\n"; - } else { - $html .= "\n"; - } - return $html; -} - - -// textarea 로 값을 넘긴다. javascript 반드시 필요 -function get_editor_js($id, $is_dhtml_editor=true) -{ - if ($is_dhtml_editor) { - return "document.getElementById('tx_{$id}').value = ed_{$id}.outputBodyHTML();\n"; - } else { - return "var {$id}_editor = document.getElementById('{$id}');\n"; - } -} - - -// textarea 의 값이 비어 있는지 검사 -function chk_editor_js($id, $is_dhtml_editor=true) -{ - if ($is_dhtml_editor) { - return "if (document.getElementById('tx_{$id}') && jQuery.inArray(ed_{$id}.outputBodyHTML().toLowerCase().replace(/^\s*|\s*$/g, ''), [' ','

 

','


','

','

','
','']) != -1) { alert(\"내용을 입력해 주십시오.\"); ed_{$id}.returnFalse(); return false; }\n"; - } else { - return "if (!{$id}_editor.value) { alert(\"내용을 입력해 주십시오.\"); {$id}_editor.focus(); return false; }\n"; - } -} - -/* -https://github.com/timostamm/NonceUtil-PHP -*/ - -if (!defined('FT_NONCE_UNIQUE_KEY')) - define( 'FT_NONCE_UNIQUE_KEY' , sha1($_SERVER['SERVER_SOFTWARE'].G5_MYSQL_USER.session_id().G5_TABLE_PREFIX) ); - -if (!defined('FT_NONCE_SESSION_KEY')) - define( 'FT_NONCE_SESSION_KEY' , substr(md5(FT_NONCE_UNIQUE_KEY), 5) ); - -if (!defined('FT_NONCE_DURATION')) - define( 'FT_NONCE_DURATION' , 60 * 30 ); // 300 makes link or form good for 5 minutes from time of generation, 300은 5분간 유효, 60 * 60 은 1시간 - -if (!defined('FT_NONCE_KEY')) - define( 'FT_NONCE_KEY' , '_nonce' ); - -// This method creates a key / value pair for a url string -if(!function_exists('ft_nonce_create_query_string')){ - function ft_nonce_create_query_string( $action = '' , $user = '' ){ - return FT_NONCE_KEY."=".ft_nonce_create( $action , $user ); - } -} - -if(!function_exists('ft_get_secret_key')){ - function ft_get_secret_key($secret){ - return md5(FT_NONCE_UNIQUE_KEY.$secret); - } -} - -// This method creates an nonce. It should be called by one of the previous two functions. -if(!function_exists('ft_nonce_create')){ - function ft_nonce_create( $action = '',$user='', $timeoutSeconds=FT_NONCE_DURATION ){ - - $secret = ft_get_secret_key($action.$user); - - $salt = ft_nonce_generate_hash(); - $time = time(); - $maxTime = $time + $timeoutSeconds; - $nonce = $salt . "|" . $maxTime . "|" . sha1( $salt . $secret . $maxTime ); - - set_session('nonce_'.FT_NONCE_SESSION_KEY, $nonce); - - return $nonce; - - } -} - -// This method validates an nonce -if(!function_exists('ft_nonce_is_valid')){ - function ft_nonce_is_valid( $nonce, $action = '', $user='' ){ - - $secret = ft_get_secret_key($action.$user); - - if (is_string($nonce) == false) { - return false; - } - $a = explode('|', $nonce); - if (count($a) != 3) { - return false; - } - $salt = $a[0]; - $maxTime = intval($a[1]); - $hash = $a[2]; - $back = sha1( $salt . $secret . $maxTime ); - if ($back != $hash) { - return false; - } - if (time() > $maxTime) { - return false; - } - return true; - } -} - -// This method generates the nonce timestamp -if(!function_exists('ft_nonce_generate_hash')){ - function ft_nonce_generate_hash(){ - $length = 10; - $chars='1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM'; - $ll = strlen($chars)-1; - $o = ''; - while (strlen($o) < $length) { - $o .= $chars[ rand(0, $ll) ]; - } - return $o; - } -} \ No newline at end of file +') ) { //textarea로 작성되고, html 내용이 없다면 + $content = nl2br($content); + } + } + + $width = isset($editor_width) ? $editor_width : "100%"; + $height = isset($editor_height) ? $editor_height : "250px"; + if (defined('G5_PUNYCODE')) + $editor_url = G5_PUNYCODE.'/'.G5_EDITOR_DIR.'/'.$config['cf_editor']; + else + $editor_url = G5_EDITOR_URL.'/'.$config['cf_editor']; + + $html = ""; + + if ($is_dhtml_editor) { + if ($js) { + $html .= ""; + } + $html .= "\n"; + $html .= "웹에디터 시작"; + $html .= "\n"; + $html .= "\n웹 에디터 끝"; + $html .= "\n"; + } else { + $html .= "\n"; + } + return $html; +} + + +// textarea 로 값을 넘긴다. javascript 반드시 필요 +function get_editor_js($id, $is_dhtml_editor=true) +{ + if ($is_dhtml_editor) { + return "document.getElementById('tx_{$id}').value = ed_{$id}.outputBodyHTML();\n"; + } else { + return "var {$id}_editor = document.getElementById('{$id}');\n"; + } +} + + +// textarea 의 값이 비어 있는지 검사 +function chk_editor_js($id, $is_dhtml_editor=true) +{ + if ($is_dhtml_editor) { + return "if (document.getElementById('tx_{$id}') && jQuery.inArray(ed_{$id}.outputBodyHTML().toLowerCase().replace(/^\s*|\s*$/g, ''), [' ','

 

','


','

','

','
','']) != -1) { alert(\"내용을 입력해 주십시오.\"); ed_{$id}.returnFalse(); return false; }\n"; + } else { + return "if (!{$id}_editor.value) { alert(\"내용을 입력해 주십시오.\"); {$id}_editor.focus(); return false; }\n"; + } +} + +/* +https://github.com/timostamm/NonceUtil-PHP +*/ + +if (!defined('FT_NONCE_UNIQUE_KEY')) + define( 'FT_NONCE_UNIQUE_KEY' , sha1($_SERVER['SERVER_SOFTWARE'].G5_MYSQL_USER.session_id().G5_TABLE_PREFIX) ); + +if (!defined('FT_NONCE_SESSION_KEY')) + define( 'FT_NONCE_SESSION_KEY' , substr(md5(FT_NONCE_UNIQUE_KEY), 5) ); + +if (!defined('FT_NONCE_DURATION')) + define( 'FT_NONCE_DURATION' , 60 * 30 ); // 300 makes link or form good for 5 minutes from time of generation, 300은 5분간 유효, 60 * 60 은 1시간 + +if (!defined('FT_NONCE_KEY')) + define( 'FT_NONCE_KEY' , '_nonce' ); + +// This method creates a key / value pair for a url string +if(!function_exists('ft_nonce_create_query_string')){ + function ft_nonce_create_query_string( $action = '' , $user = '' ){ + return FT_NONCE_KEY."=".ft_nonce_create( $action , $user ); + } +} + +if(!function_exists('ft_get_secret_key')){ + function ft_get_secret_key($secret){ + return md5(FT_NONCE_UNIQUE_KEY.$secret); + } +} + +// This method creates an nonce. It should be called by one of the previous two functions. +if(!function_exists('ft_nonce_create')){ + function ft_nonce_create( $action = '',$user='', $timeoutSeconds=FT_NONCE_DURATION ){ + + $secret = ft_get_secret_key($action.$user); + + $salt = ft_nonce_generate_hash(); + $time = time(); + $maxTime = $time + $timeoutSeconds; + $nonce = $salt . "|" . $maxTime . "|" . sha1( $salt . $secret . $maxTime ); + + set_session('nonce_'.FT_NONCE_SESSION_KEY, $nonce); + + return $nonce; + + } +} + +// This method validates an nonce +if(!function_exists('ft_nonce_is_valid')){ + function ft_nonce_is_valid( $nonce, $action = '', $user='' ){ + + $secret = ft_get_secret_key($action.$user); + + if (is_string($nonce) == false) { + return false; + } + $a = explode('|', $nonce); + if (count($a) != 3) { + return false; + } + $salt = $a[0]; + $maxTime = intval($a[1]); + $hash = $a[2]; + $back = sha1( $salt . $secret . $maxTime ); + if ($back != $hash) { + return false; + } + if (time() > $maxTime) { + return false; + } + return true; + } +} + +// This method generates the nonce timestamp +if(!function_exists('ft_nonce_generate_hash')){ + function ft_nonce_generate_hash(){ + $length = 10; + $chars='1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM'; + $ll = strlen($chars)-1; + $o = ''; + while (strlen($o) < $length) { + $o .= $chars[ rand(0, $ll) ]; + } + return $o; + } +} diff --git a/AvocadoAmber/theme/basic_community/_common.php b/AvocadoAmber/theme/basic_community/_common.php new file mode 100644 index 0000000..f91eaa3 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/_common.php @@ -0,0 +1,2 @@ +', 0); +?> + +
+ +
+
    + +
  • +
    + + + + + + + +
    + +

    + ♥ 커플
    + 일 째입니다. +

    +
    • + +
+ +
+
diff --git a/AvocadoAmber/theme/basic_community/css/couple.css b/AvocadoAmber/theme/basic_community/css/couple.css new file mode 100644 index 0000000..8d03f69 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/couple.css @@ -0,0 +1,23 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 커플란 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + +#couple_page { + position: relative; + padding: 50px 0; +} + +#couple_list { + text-align: center; +} + +#couple_list li { + display: block; + padding-bottom: 50px; +} diff --git a/AvocadoAmber/theme/basic_community/css/default.css b/AvocadoAmber/theme/basic_community/css/default.css new file mode 100644 index 0000000..2913a69 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/default.css @@ -0,0 +1,338 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 스타일 초기화 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + +/**************************************** + Import +****************************************/ + +@import url(./swiper.css); + +@font-face { + font-family: 'icon'; + src: url('./fonts/icomoon.eot?y5isk6'); + src: url('./fonts/icomoon.eot?y5isk6#iefix') format('embedded-opentype'), + url('./fonts/icomoon.ttf?y5isk6') format('truetype'), + url('./fonts/icomoon.woff?y5isk6') format('woff'), + url('./fonts/icomoon.svg?y5isk6#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +.sound_only { + display: none; +} + + +/**************************************** + 소스코드 초기화 +****************************************/ + +html { + overflow-y: auto +} + +body { + margin: 0; + padding: 0; +} + +html, +h1, +h2, +h3, +h4, +h5, +h6, +form, +fieldset, +img { + margin: 0; + padding: 0; + border: 0 +} + +h1, +h2, +h3, +h4, +h5, +h6 {} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block +} + +ul, +li { + margin: 0; + padding: 0; + list-style: none +} + +legend { + display: none; +} + +label, +input, +button, +select, +img { + vertical-align: middle +} + +input, +button { + margin: 0; + padding: 0; +} + +button { + cursor: pointer +} + +textarea, +select { + font-size: 1em +} + +select { + margin: 0 +} + +p { + margin: 0; + padding: 0; + word-break: break-all +} + +hr { + display: none +} + +pre { + overflow-x: scroll; +} + +a:link, +a:visited { + text-decoration: none +} + +a:hover, +a:focus, +a:active { + text-decoration: none +} + +ul, +li { + margin: 0; + padding: 0; +} + +i, +sup, +em { + font-style: normal; +} + +label { + cursor: pointer; +} + +img { + max-width: 100%; + vertical-align: middle; +} + +table { + width: 100%; +} + + +/**************************************** + 기본 레이아웃 정의 +****************************************/ + +.fix-layout { + max-width: 1000px; + margin: 0 auto; + padding: 0 10px; +} + +.fix-layout .fix-layout { + padding: 0; + margin: 0; +} + +#body { + min-height: 100%; + box-sizing: border-box; + padding: 30px 0; +} + + +/**************************************** + 애니메이션 효과 지정 / 초기화 +****************************************/ + +* { + transition: all .3s ease; + -webkit-transition: all .3s ease; + -ms-transition: all .3s ease; +} + +.trans, +.trans *, +.trans *:after, +.trans *:before { + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; +} + +.none-trans, +.none-trans *, +.none-trans *:after, +.none-trans *:before { + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; +} + + +/**************************************** + 텍스트 코드 정렬 +****************************************/ + +.txt-left { + text-align: left; +} + +.txt-center { + text-align: center; +} + +.txt-right { + text-align: right; +} + + +/**************************************** + 스크롤 스타일 정의 +****************************************/ + +/* scrollbar : ie except */ +*::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgba(0, 0, 0, 0.2); +} + +*::-webkit-scrollbar { + width: 5px; + height: 5px; + background-color: transparent; +} + +*::-webkit-scrollbar-thumb { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background: #fff677; + border: none; + border-radius: 6.0em; +} + + +/********************** + 폼 스타일 +**********************/ + +.theme-form { + width: 100%; +} + + +/************************************************************** + Web Size Viewer Control - 반응형 코딩 + - + 모바일 기준 :width 1024px +***************************************************************/ + +@media all and (min-width:1025px) { + .only-pc {} + + .only-ta { + display: none !important; + } + + .only-mo { + display: none !important; + } + + .not-pc { + display: none !important; + } + + .not-ta {} + + .not-mo {} +} + +@media all and (max-width:1024px) and (min-width:1025px) { + .only-pc { + display: none !important; + } + + .only-ta {} + + .only-mo { + display: none !important; + } + + .not-pc {} + + .not-ta { + display: none !important; + } + + .not-mo {} +} + +@media all and (max-width:1025px) { + .only-pc { + display: none !important; + } + + .only-ta { + display: none !important; + } + + .only-mo {} + + .not-pc {} + + .not-ta {} + + .not-mo { + display: none !important; + } +} diff --git a/AvocadoAmber/theme/basic_community/css/emoticon.css b/AvocadoAmber/theme/basic_community/css/emoticon.css new file mode 100644 index 0000000..b0e7a17 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/emoticon.css @@ -0,0 +1,122 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 자비란 이모티콘 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + + +#emoticon_page { + position: relative; + padding: 20px; + margin: 0 auto; + box-sizing: border-box; +} + +#emoticon_page:after { + content: ""; + display: block; + clear: both; +} + +#page_title { + display: block; + font-size: 18px; + padding: 10px 0; + text-align: center; +} + +#page_title li { + display: inline-block; +} + +#page_title li a { + line-height: 55px; + font-size: 18px; + padding: 0 20px; +} + + +/********************************* + 반응형 처리 +**********************************/ + +@media all and (max-width:670px) { + .fix-layout { + padding: 0; + } + + #page_title li a { + font-size: 14px; + padding: 0 10px; + line-height: 40px; + } + + #lnb_mark { + width: 70px; + } + +} + +@media all and (max-width:670px) { + #emoticon_page:before { + left: 10px; + right: 10px; + } +} + + +/********************************* + 리스트 +**********************************/ + +#emoticon_content { + position: relative; + text-align: center; +} + +#emoticon_content .no-data { + text-align: center; + width: 100%; + line-height: 100px; +} + +#emoticon_content li { + display: inline-block; + position: relative; + width: 80px; +} + +#emoticon_content li em { + display: block; + position: relative; + width: 80px; + height: 80px; + vertical-align: middle; + background: rgba(0, 0, 0, 0.3); + border-radius: 10px; + overflow: hidden; +} + +#emoticon_content li em:before { + content: ""; + display: inline-block; + vertical-align: middle; + width: 0; + height: 100%; +} + +#emoticon_content li em img { + display: inline-block; + vertical-align: middle; + max-width: 95%; +} + +#emoticon_content li span { + display: block; + padding: 5px 0 10px 0; + font-size: 12px; +} diff --git a/AvocadoAmber/theme/basic_community/css/enter.css b/AvocadoAmber/theme/basic_community/css/enter.css new file mode 100644 index 0000000..489b003 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/enter.css @@ -0,0 +1,76 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 대문 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + + +/********************************* + 인트로 스타일 정의 +**********************************/ + +html, +body { + height: 100%; + margin: 0; + padding: 0; +} + +.wrapper { + display: table; + width: 100%; + height: 100%; + position: relative; + z-index: 1; +} + +.wrapper>.inner { + display: table-cell; + vertical-align: middle; + text-align: center; +} + +.index-logo { + display: block; + padding: 10px; + margin-top: -80px; + word-break: keep-all; + text-align: center; + font-size: 14px; + padding-bottom: 23px; +} + +.index-logo img { + max-width: 70%; +} + +.index-logo p { + padding: 10px 0; +} + +.index-logo a { + display: inline-block; + text-decoration: none; +} + +@media all and (max-width:640px) { + .index-logo { + font-size: 14px; + } +} + +@media all and (max-width:480px) { + .index-logo { + font-size: 13px; + } +} + +@media all and (max-width:380px) { + .index-logo { + font-size: 12px; + } +} diff --git a/AvocadoAmber/theme/basic_community/css/index.css b/AvocadoAmber/theme/basic_community/css/index.css new file mode 100644 index 0000000..7b12105 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/index.css @@ -0,0 +1,69 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 인덱스 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + +/**************************************************** + Index Wrap Style +*****************************************************/ + +html, +body { + position: relative; + height: 100%; + margin: 0; + padding: 0; + overflow: hidden; +} + + +/**************************************************** + Index User Style +*****************************************************/ +#wrap { + height: 100%; +} + +#wrapper { + width: 100%; + height: 100%; +} + +#wrapper iframe { + width: 100%; + height: 100%; + background-color: transparent; + overflow: scroll; +} + +#bgm { + position: fixed; + top: 0; + right: 0; + text-align: center; + width: 145px; + z-index: -999; +} + +#bgm a { + display: none; + width: 15px; + height: 15px; + text-indent: -999px; + overflow: hidden; +} + +#bgm a.on { + display: inline-block; +} + +#site_bgm_box { + width: 0px; + height: 0px; + overflow: hidden; +} diff --git a/AvocadoAmber/theme/basic_community/css/intro.css b/AvocadoAmber/theme/basic_community/css/intro.css new file mode 100644 index 0000000..3d725ed --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/intro.css @@ -0,0 +1,44 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 인트로 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + + +/********************************* + 인트로 스타일 정의 +**********************************/ + +html.close-intro, +.close-intro body { + height: auto; +} + +html.close-intro { + overflow-y: auto; +} + +#intro_wrap { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-align: center; + z-index: 9999; + background: #000; +} + +#intro_wrap .intro-item { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow-y: auto; +} diff --git a/AvocadoAmber/theme/basic_community/css/login.css b/AvocadoAmber/theme/basic_community/css/login.css new file mode 100644 index 0000000..326cb3f --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/login.css @@ -0,0 +1,66 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 로그인 화면 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + +/**************************************************** + Login Style +****************************************************/ + +html, +body { + height: 100%; +} + +.loginWrap { + display: table; + width: 100%; + height: 100%; +} + +.login-inner { + display: table-cell; + vertical-align: middle; + text-align: center; +} + +.login-logo { + margin-top: -50px; +} + +.login-form-box { + position: relative; + box-sizing: border-box; + max-width: 280px; + margin: 0 auto; + padding: 5px; +} + +.login-form-box .inner { + display: block; + position: relative; + padding-right: 80px; +} + +.login-form-box button { + display: block; + position: absolute; + right: 0; + top: 0; + width: 75px; + bottom: 0; + height: 100%; +} + +.login-form-box fieldset+fieldset { + margin-top: 5px; +} + +.login-form-box input { + width: 100%; +} diff --git a/AvocadoAmber/theme/basic_community/css/main.css b/AvocadoAmber/theme/basic_community/css/main.css new file mode 100644 index 0000000..97fe049 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/main.css @@ -0,0 +1,9 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * Basic 메인 화면 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : + - 최초 작성자 : + - 최종 수정일 : + - 최종 수정자 : +--------------------------------------------------*/ diff --git a/AvocadoAmber/theme/basic_community/css/member.css b/AvocadoAmber/theme/basic_community/css/member.css new file mode 100644 index 0000000..7c07fb3 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/member.css @@ -0,0 +1,423 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 멤버란 디자인 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + + +/**************************************************** + 신청자 목록 레이아웃 +****************************************************/ + +.ready-member-list { + display: block; + position: relative; + overflow: hidden; +} + +.ready-member-list li { + float: left; + width: 50%; + margin-bottom: 8px; +} + +.ready-member-list li.empty { + width: 100%; + line-height: 300px; + text-align: center; +} + +.ready-member-list li .item { + position: relative; + padding: 10px; + margin: 0 5px; +} + +.ready-member-list li .ui-thumb { + display: block; + position: absolute; + top: 10px; + left: 10px; + width: 80px; + height: 80px; + overflow: hidden; + box-sizing: border-box; +} + +.ready-member-list li .ui-thumb span { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-align: center; + font-size: 11px; + line-height: 96px; + opacity: 1; +} + +.ready-member-list li .ui-thumb span.ing {} + +.ready-member-list li .ui-thumb span.com { + display: none; +} + +.ready-member-list li .ui-thumb a:hover span { + opacity: 0; +} + +.ready-member-list li .ui-profile { + display: block; + position: relative; + margin-left: 95px; + min-height: 85px; +} + +.ready-member-list li .ui-profile i { + display: block; + position: absolute; + top: 0; + left: 0; + width: 18px; +} + +.ready-member-list li .ui-profile .name { + padding: 5px 0; +} + +.ready-member-list li .ui-profile em { + display: block; + font-style: normal; + font-size: 11px; +} + +.ready-member-list li .ui-profile strong { + font-size: 14px; +} + +.ready-member-list li .ui-profile span { + display: block; + padding: 3px 0; + font-size: 11px; +} + +.ready-member-list li .ui-profile span.owner { + text-align: right; + margin-top: 5px; + padding-top: 5px; +} + +/* 반응형 */ +@media all and (max-width:1024px) { + #submenu li.menu-first { + display: block; + text-align: center; + } +} + +@media all and (max-width:640px) { + .ready-member-list li { + width: 100%; + } +} + + +/**************************************************** + 멤버 목록 레이아웃 +****************************************************/ + +.memberWrap { + display: table; + width: 100%; +} + +.memberWrap>.member-box { + display: table-cell; + text-align: center; + vertical-align: top; +} + +.member-list { + text-align: center; +} + +.member-list li { + display: inline-block; + vertical-align: top; + margin: 5px; +} + +.member-list .item { + display: block; + position: relative; + padding: 0; +} + +.member-list .ui-profile { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 5px; + text-align: center; +} + +@media all and (max-width:800px) { + + .memberWrap, + .memberWrap>.member-box { + display: block; + } +} + + +/**************************************************** + 멤버 프로필 레이아웃 +****************************************************/ + +#character_profile .visual-area { + position: relative; +} + +#character_profile #character_body { + position: relative; + z-index: 0; +} + +#character_profile #character_body img { + display: block; + margin: 0 auto; +} + +#character_profile #character_head { + position: absolute; + left: 0; + bottom: 0; + right: 0; + z-index: 1; +} + + +/**************************************************** + 인벤토리 스타일 +****************************************************/ + +.inventory-list { + display: block; + position: relative; + overflow: hidden; +} + +.inventory-list li { + display: block; + float: left; + padding: 5px; +} + +.inventory-list a { + display: block; + position: relative; + width: 40px; + height: 40px; + overflow: hidden; +} + +.inventory-list a img { + display: block; + position: relative; + margin: 0 auto; +} + +.inventory-list a i { + display: block; + position: absolute; + right: 1px; + bottom: 1px; + background: rgba(0, 0, 0, .5); + min-width: 15px; + height: 15px; + line-height: 15px; + color: #fff; + font-size: 10px; + font-weight: 800; + padding: 0 1px; + text-align: center; + z-index: 2; + box-sizing: border-box; + border: none !important; +} + +.inventory-list a i.present:before { + content: "\e99f"; + font-family: 'icon'; + font-weight: 400; +} + +.title-list { + display: block; + position: relative; + padding: 20px 0; +} + +.title-list p { + padding: 5px; +} + +.title-list .item { + display: inline-block; + min-width: 25%; + padding: 5px; + box-sizing: border-box; + text-align: left; + vertical-align: middle; +} + + +/****************************************** + 관계란 스타일 +*******************************************/ + +.relation-member-list { + position: relative; +} + +.relation-member-list>li { + position: relative; + padding-left: 90px; + min-height: 120px; + margin-bottom: 20px; +} + +.relation-member-list .ui-thumb { + position: absolute; + top: 0; + left: 0; + width: 80px; + overflow: hidden; +} + +.relation-member-list .rm-name { + font-size: 14px; + font-weight: 800; + padding-right: 150px; + padding-left: 10px; +} + +.relation-member-list .rm-like-style { + position: absolute; + right: 0; + top: 0; + width: 80px; +} + +.relation-member-list .rm-like-style i { + display: block; + width: 13px; + height: 15px; + position: relative; + float: left; + margin: 0 1px; +} + +.relation-member-list .rm-like-style i:before { + content: "\e9da"; + font-family: 'icon'; + font-style: normal; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + font-family: 'icon'; +} + +.relation-member-list .memo { + font-family: 'Dotum'; + padding: 10px; + margin: 5px 0; + line-height: 1.2em; + min-height: 30px; +} + +.relation-member-list ol { + display: block; + position: relative; + clear: both; + text-align: right; + padding-right: 10px; +} + +.relation-member-list ol li { + display: inline-block; +} + +.relation-member-list ol li a.btn-log { + display: block; + position: relative; + width: 20px; + height: 20px; + margin: 0 auto; +} + +.relation-member-list ol li a.btn-log:before { + content: "\e925"; + font-family: 'icon'; + font-size: 15px; + font-style: normal; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + font-family: 'icon'; +} + +.relation-member-list .modify-box { + display: none; +} + +.relation-member-list .state-modify {} + +.relation-member-list .state-modify .rm-like-style, +.relation-member-list .state-modify .memo .ori-content, +.relation-member-list .state-modify ol { + display: none; +} + +.relation-member-list .state-modify .modify-box { + display: block; +} + + +@media all and (max-width: 500px) { + .relation-member-list .rm-name { + padding-right: 0; + font-size: 13px; + } + + .relation-member-list .rm-like-style { + position: relative; + width: auto; + overflow: hidden; + } + + .relation-member-list>li { + padding-left: 0px; + } + + .relation-member-list .ui-thumb { + width: 50px; + } + + .relation-member-list .info { + min-height: 62px; + margin-left: 60px; + } +} diff --git a/AvocadoAmber/theme/basic_community/css/mypage.css b/AvocadoAmber/theme/basic_community/css/mypage.css new file mode 100644 index 0000000..ad37211 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/mypage.css @@ -0,0 +1,958 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 마이페이지 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + +/************************************************************** + 기본 레이아웃 +***************************************************************/ + +.mypageWrap { + padding: 20px 0; +} + +.mypageInside { + position: relative; +} + +.my-inner { + max-width: 900px; + padding: 20px; + margin: 0 auto; +} + +@media all and (max-width:640px) { + .mypageWrap { + padding: 10px 0px; + } +} + + +/************************************************************** + 캐릭터 작성 폼 +***************************************************************/ + +.list-character-box { + display: block; + position: relative; + margin: 10px 0; + overflow: hidden; +} + +.list-character-box .item { + display: block; + position: relative; + color: #fff; + margin: 10px 0; + padding: 0; +} + +.list-character-box .item a { + display: block; + position: relative; + padding: 10px 10px 10px 100px; + min-height: 100px; + box-sizing: border-box; +} + +.list-character-box .item a em { + display: block; + position: absolute; + width: 80px; + height: 80px; + top: 10px; + left: 10px; + background: no-repeat 50% 50%; + background-size: cover; +} + +.list-character-box .item strong { + display: block; + position: relative; + margin-bottom: 5px; + font-size: 18px; + line-height: 1.5; + font-weight: 800; + font-family: 'HeirofLight'; +} + +.list-character-box .item span { + display: inline-block; + font-size: 13px; + color: #fff; +} + +.list-character-box .item span:after { + content: " | "; + margin: 0 4px; + opacity: .5; +} + +.list-character-box .item span:last-child:after { + display: none; +} + +.list-character-box .item span i { + margin-right: 5px; +} + + +/************************************************************** + 탭 설정 +***************************************************************/ + +#tab_list { + display: block; + position: relative; + overflow: hidden; + box-sizing: border-box; + text-align: center; + border: none; +} + +#tab_list ul { + position: relative; + z-index: 1; +} + +#tab_list li { + font-size: 14px; + font-weight: 600; + padding: 5px; +} + +#tab_list li a { + color: #fff; + opacity: .7 +} + +#tab_list li a.point, +#tab_list li a:hover { + opacity: 1; +} + +#tab_list li a.point:before { + content: "《"; +} + +#tab_list li a.point:after { + content: "》"; +} + + +/************************************************************** + 로그 리스트 +***************************************************************/ + +.mypage-log-list { + display: Block; + position: relative; +} + +.mypage-log-list dl { + position: relative; + padding-left: 100px; + min-height: 80px; + margin: 20px 15px; + border-bottom: 1px solid rgba(255, 255, 255, .2); +} + +.mypage-log-list dl dt { + position: absolute; + top: 0; + left: 0; + width: 100px; + height: 80px; + overflow: hidden; +} + +.mypage-log-list dl dt img { + max-width: 100%; +} + +.mypage-log-list dl dd { + margin-left: 10px; +} + +.mypage-log-list dl .comemnt-list li { + overflow: hidden; + padding-bottom: 3px; +} + +.mypage-log-list dl .comemnt-list li+li { + padding-top: 3px; + border-top: 1px dashed rgba(255, 255, 255, .2); +} + +.mypage-log-list dl .comemnt-list li p { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.mypage-log-list dl .comemnt-list li p.con { + opacity: .8; +} + +.mypage-log-list dl .comemnt-list li p .date { + font-size: 11px; + font-family: 'Dotum'; +} + +@media all and (max-width:500px) { + .mypage-log-list dl { + padding-left: 0; + font-size: 12px; + } + + .mypage-log-list dl dt { + position: relative; + width: auto; + text-align: center; + } + + .mypage-log-list dl dd { + padding-top: 10px; + margin-left: 0; + } + +} + + +/************************************************************** + 좋아요 추가한 로그 리스트 +***************************************************************/ + +.mypage-favorite-list { + overflow: hidden; +} + +.mypage-favorite-list dl { + width: 20%; + float: left; + padding: 3px; + box-sizing: border-box; +} + +.mypage-favorite-list dl dt { + display: block; + position: relative; +} + +.mypage-favorite-list dl dt:before { + content: ""; + display: block; + position: relative; + padding-top: 100%; +} + +.mypage-favorite-list dl dt a { + display: block; + position: absolute; + top: 3px; + left: 3px; + right: 3px; + bottom: 3px; + overflow: hidden; + text-align: center; +} + +.mypage-favorite-list dl dt a img { + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); +} + +.mypage-favorite-list dl dd { + margin: 0; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +@media all and (max-width:820px) { + .mypage-favorite-list dl { + width: 25%; + } +} + +@media all and (max-width:600px) { + .mypage-favorite-list dl { + width: 33.33%; + } +} + +@media all and (max-width:450px) { + .mypage-favorite-list dl { + width: 50%; + } +} + +.mypage-log-list .no-data, +.mypage-favorite-list .no-data { + text-align: center; + line-height: 150px; +} + + +/************************************************************** + 마이페이지 캐릭터 관리 +***************************************************************/ + +.profile-viewer { + display: block; + position: relative; + padding-left: 100px; +} + +.profile-viewer .theme-box { + padding: 0; +} + +.profile-viewer .body { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100px; + bottom: 0; +} + +.profile-viewer .body em { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: no-repeat 50% 0% rgba(0, 0, 0, .5); +} + +.profile-viewer .data { + display: block; + position: relative; + margin-left: 15px; + padding-right: 15px; + padding-bottom: 20px; +} + +.profile-viewer .data>.control { + text-align: center; + margin-bottom: 20px; + border-bottom: 1px solid rgba(255, 255, 255, .5); +} + +.profile-viewer .data>.control a { + display: inline-block; + vertical-align: middle; + padding: 10px 0; + color: #fff; +} + +.profile-viewer .data>.control a+a { + margin-left: -4px; +} + +.profile-viewer .data>.control a+a:before { + content: " · "; + margin: 0 10px; + font-size: 15px; + vertical-align: middle; +} + +.profile-viewer .prof { + display: block; + position: relative; +} + +.profile-viewer .prof .thumb-item { + display: block; + position: relative; + max-width: 100px; + margin: 0 auto; + transform: scale(.9); + -webkit-transform: scale(.9); + text-align: center; +} + +.profile-viewer .prof .thumb-item a { + display: block; + background: rgba(0, 0, 0, .3); + border: 1px solid rgba(255, 255, 255, .3); +} + +.profile-viewer .prof .thumb-item em { + display: block; +} + +.profile-viewer .prof .thumb-item em img { + display: block; +} + +.profile-viewer .prof .thumb-item .name { + display: block; + padding: 3px 10px; + background: #000; + color: #fff; +} + +.profile-viewer .prof-data { + text-align: center; + padding: 10px 0 30px; + ; +} + +.profile-viewer .prof-data p { + padding-left: 0; +} + +.profile-viewer .prof-data p:before { + display: none; +} + +.profile-viewer .prof-data p strong { + display: block; + position: relative; + font-size: 16px; +} + +.profile-viewer .prof-data p+p { + margin-top: 5px; + opacity: .7; +} + +.profile-viewer .comment { + padding: 20px 0; + text-align: center; + font-size: 18px; + font-family: 'HeirofLight'; +} + +.profile-viewer .comment:before, +.profile-viewer .comment:after { + content: '"'; +} + +.profile-viewer .status-bar dd p { + padding-left: 0; +} + +.profile-viewer .status-bar dd p:before { + display: none; +} + +.profile-viewer .mypage-box { + padding: 10px 0; +} + +.profile-viewer .no-data { + text-align: center; + opacity: .5; + padding: 50px 0; +} + +@media all and (max-width:520px) { + .profile-viewer { + padding-left: 0; + } + + .profile-viewer .body { + display: none; + } + + .profile-viewer .tab-box-group { + margin: 0 -15px; + } +} + + +/** Quick Navigation **/ +#character_profile { + position: relative; + padding: 20px 0 100px; +} + +#character_profile #profile_menu { + display: block; + position: absolute; + top: 20px; + right: 10px; + z-index: 10; +} + +#character_profile #profile_menu a { + display: block; + position: relative; + margin-bottom: 5px; +} + +.relation-member-list { + margin-top: 30px; +} + +.relation-box .ui-btn { + margin-top: 10px; +} + +.pattern-box .inner-wrap {} + +.pattern-box .inner-wrap h4 { + line-height: 1.2; + font-size: 16px; + margin-bottom: 10px; + border-left: 4px solid #fff; + padding-left: .5em; +} + +@media all and (max-width:520px) { + .tbl-scroll { + overflow: auto; + } + + .tbl-scroll>table { + width: 620px; + } +} + +.inventory-list { + display: block; + position: relative; + overflow: hidden; +} + +.inventory-list li { + display: block; + float: left; + padding: 5px; +} + +.inventory-list a { + display: block; + position: relative; + width: 40px; + height: 40px; + overflow: hidden; +} + +.inventory-list a img { + display: block; + position: relative; + margin: 0 auto; +} + +.inventory-list a i { + display: block; + position: absolute; + right: 1px; + bottom: 1px; + background: rgba(0, 0, 0, .5); + min-width: 15px; + height: 15px; + line-height: 15px; + color: #fff; + font-size: 10px; + font-weight: 800; + padding: 0 1px; + text-align: center; + z-index: 2; + box-sizing: border-box; + border: none !important; +} + +.inventory-list a i.present:before { + content: "\e99f"; + font-family: 'icon'; + font-weight: 400; +} + +.title-list { + display: block; + position: relative; + padding: 20px 0; +} + +.title-list p { + padding: 5px; +} + +.title-list .item { + display: inline-block; + min-width: 25%; + padding: 5px; + box-sizing: border-box; + text-align: left; + vertical-align: middle; +} + + +/******************************** + 쪽지란 +********************************/ + +.memo-inner { + padding: 30px 10px; + max-width: 640px; + margin: 0 auto; + min-height: 300px; + overflow: hidden; +} + +.ui-list-control { + text-align: right; + padding-bottom: 20px; +} + +.message-item { + display: block; + position: relative; + max-width: 90%; + width: 570px; + box-sizing: border-box; + clear: both; + margin-top: 10px; +} + +.message-item.index { + max-width: 100%; + width: 100%; +} + +.message-item .thumb { + display: block; + position: absolute; + top: 0; + width: 80px; + text-align: center; +} + +.message-item .thumb em { + display: block; + position: relative; + padding-top: 100%; + background: no-repeat 50% 50%; + background-size: cover; + border: 2px solid #656567; +} + +.message-item .thumb strong { + display: block; + padding-top: 5px; + font-size: 13px; + word-break: break-all; +} + +.message-item .con { + display: block; + position: relative; + min-height: 70px; + padding: 15px; + box-sizing: border-box; +} + +.message-item .con:after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + border: 20px solid transparent; + border-top-width: 10px; + border-bottom-width: 0; + top: 0; +} + +.message-item .con .txt { + font-size: 14px; +} + +.message-item .con .txt a { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + word-wrap: break-word; + clear: both; + overflow: hidden; + height: 2.8em; + text-overflow: ellipsis; + color: #fff; +} + +.message-item .con .control { + display: block; + margin-top: 10px; + font-size: 12px; + opacity: .7; +} + +.message-item .con .control .ui-btn { + height: auto; + line-height: 1.2; + padding: 0 10px; + border-radius: 9em; +} + +.message-item.you { + padding-left: 105px; + float: left; +} + +.message-item.you .thumb { + left: 0; +} + +.message-item.you .con { + background: rgba(103, 103, 103, .8); + border-radius: 0 10px 10px 10px; +} + +.message-item.you .con:after { + border-top-color: rgba(103, 103, 103, .8); + border-top-width: 10px; + border-right-width: 0; + left: -20px; +} + +.message-item.you .con .control { + text-align: right; +} + +.message-item.me { + padding-right: 105px; + float: right; + margin-top: 20px; +} + +.message-item.me .thumb { + right: 0; +} + +.message-item.me .con { + background: rgba(62, 62, 62, .8); + border-radius: 10px 0 10px 10px; +} + +.message-item.me .con:after { + border-top-color: rgba(62, 62, 62, .8); + border-left-width: 0; + right: -20px; +} + +.message-item.me .con .control { + text-align: left; +} + +.ui-chatting-list:after { + content: ""; + display: block; + clear: both; + min-height: 200px; +} + +.ui-memo-write { + border-top: 1px solid rgba(255, 255, 255, .2); + padding-top: 20px; +} + +@media all and (max-width:640px) { + .message-item .thumb { + width: 60px; + } + + .message-item .con { + min-height: 50px; + padding: 10px; + } + + .message-item .con:after { + border-left-width: 10px; + border-right-width: 10px; + } + + .message-item .con .txt { + font-size: 12px; + } + + .message-item.you { + padding-left: 75px; + } + + .message-item.you .con:after { + left: -10px; + } + + .message-item.me { + padding-right: 75px; + } + + .message-item.me .con:after { + right: -10px; + } +} + +@media all and (max-width:420px) { + .message-item { + max-width: 100%; + } + + .message-item.you { + padding-left: 75px; + } + + .message-item.me { + padding-right: 75px; + } +} + + +/****************************************** + 관계란 스타일 +*******************************************/ + +.relation-member-list { + position: relative; +} + +.relation-member-list>li { + position: relative; + padding-left: 90px; + min-height: 120px; + margin-bottom: 20px; +} + +.relation-member-list .ui-thumb { + position: absolute; + top: 0; + left: 0; + width: 80px; + overflow: hidden; +} + +.relation-member-list .rm-name { + font-size: 14px; + font-weight: 800; + padding-right: 150px; + padding-left: 10px; +} + +.relation-member-list .rm-like-style { + position: absolute; + right: 0; + top: 0; + width: 80px; +} + +.relation-member-list .rm-like-style i { + display: block; + width: 13px; + height: 15px; + position: relative; + float: left; + margin: 0 1px; +} + +.relation-member-list .rm-like-style i:before { + content: "\e9da"; + font-family: 'icon'; + font-style: normal; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + font-family: 'icon'; +} + +.relation-member-list .memo { + font-family: 'Dotum'; + padding: 10px; + margin: 5px 0; + line-height: 1.2em; + min-height: 30px; +} + +.relation-member-list ol { + display: block; + position: relative; + clear: both; + text-align: right; + padding-right: 10px; +} + +.relation-member-list ol li { + display: inline-block; +} + +.relation-member-list ol li a.btn-log { + display: block; + position: relative; + width: 20px; + height: 20px; + margin: 0 auto; +} + +.relation-member-list ol li a.btn-log:before { + content: "\e925"; + font-family: 'icon'; + font-size: 15px; + font-style: normal; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + font-family: 'icon'; +} + + + +.relation-member-list .modify-box { + display: none; +} + +.relation-member-list .state-modify {} + +.relation-member-list .state-modify .rm-like-style, +.relation-member-list .state-modify .memo .ori-content, +.relation-member-list .state-modify ol { + display: none; +} + +.relation-member-list .state-modify .modify-box { + display: block; +} + + +@media all and (max-width: 500px) { + .relation-member-list .rm-name { + padding-right: 0; + font-size: 13px; + } + + .relation-member-list .rm-like-style { + position: relative; + width: auto; + overflow: hidden; + } + + .relation-member-list>li { + padding-left: 0px; + } + + .relation-member-list .ui-thumb { + width: 50px; + } + + .relation-member-list .info { + min-height: 62px; + margin-left: 60px; + } +} diff --git a/AvocadoAmber/theme/basic_community/css/shop.css b/AvocadoAmber/theme/basic_community/css/shop.css new file mode 100644 index 0000000..4f4b5f6 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/shop.css @@ -0,0 +1,185 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 상점 디자인 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + +#shop_page { + position: relative; + min-height: 500px; +} + + +/********************************* + NPC +**********************************/ + +#shop_npc { + position: absolute; + top: 0px; + bottom: 0; + left: 0px; + width: 300px; + z-index: 1; +} + + +/****************************************** + 아이템 정보 출력 +*******************************************/ + +#item_info { + display: block; + position: absolute; + bottom: 0px; + left: 0px; + width: 300px; + box-sizing: border-box; + z-index: 3; +} + +#item_info #item_talk {} + +#item_info #btn_buy { + display: block; + margin-right: -11px; +} + +#item_simple_viewer { + position: relative; +} + +#item_simple_viewer .item-thumb { + position: absolute; + top: 0; + left: 0; + width: 50px; +} + +#item_simple_viewer .item-name { + margin-left: 60px; + min-height: 50px; + font-size: 16px; + padding: 5px 0; + font-weight: 600; + box-sizing: border-box; +} + +#item_simple_viewer .item-name sup { + display: block; + margin: 0; + padding-top: 4px; + font-size: 12px; +} + +#item_simple_viewer .item-content { + padding: 15px 0; + font-size: 11px; +} + + +/********************************* + 아이템 리스트 +**********************************/ + +#item_list_box { + position: relative; + margin-left: 350px; + box-sizing: border-box; + padding: 20px 0; + z-index: 2; +} + +#shop_item_list { + display: block; + position: relative; + box-sizing: border-box; + z-index: 0; +} + +#shop_item_list>ul { + display: block; + position: relative; + box-sizing: border-box; +} + +#shop_item_list>ul li { + display: inline-block; + position: relative; + text-align: center; + margin-bottom: 10px; + font-size: 11px; +} + +#shop_item_list li a { + display: block; + position: relative; +} + +#shop_item_list li span { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#shop_paging { + display: block; +} + +#shop_paging .pg_wrap .pg_page { + border: none; +} + +#shop_cate { + overflow: hidden; + padding-bottom: 20px; +} + +#shop_cate ul { + display: block; + overflow: hidden; +} + +#shop_cate li { + float: left; +} + + +/********************************* + 반응형 처리 +**********************************/ + +@media all and (max-width:640px) { + #shop_npc { + display: none; + } + + #item_info { + position: fixed; + top: auto; + left: 0; + right: 0; + bottom: 0; + width: auto; + height: auto; + z-index: 9; + } + + #body .fix-layout { + padding: 0; + } + + #shop_page { + height: auto; + padding: 10px; + } + + #item_list_box { + margin-left: 0; + } +} diff --git a/AvocadoAmber/theme/basic_community/css/style.css b/AvocadoAmber/theme/basic_community/css/style.css new file mode 100644 index 0000000..b6b60f8 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/css/style.css @@ -0,0 +1,1401 @@ +@charset "utf-8"; +/* ----------------------------------------------- + * 사이트 전체 기본 스타일 정의 +-------------------------------------------------- + - 최초 작성일 : 2021.08.15 + - 최초 작성자 : 아보카도 + - 최종 수정일 : 2024.10.07 + - 최종 수정자 : Amber +--------------------------------------------------*/ + + +/********************************* + 기본 스타일 +**********************************/ + +html, +body { + height: 100%; +} + +body { + line-height: 1.5em; + font-size: 12px; +} + +caption { + display: none; +} + +html.single:before { + content: ""; + display: block; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} + + +/********************************* + 폼 요소 스타일 +**********************************/ + +button { + font-size: 12px; +} + +.form-input { + display: block; + line-height: 30px !important; +} + +input[type="file"] { + padding-left: 0 !important; +} + +.form-input, +input[type="text"], +input[type="password"], +input[type="file"], +select { + box-sizing: border-box; + height: 30px; + border-width: 1px; + border-style: solid; + padding: 0 10px; + max-width: 100%; + font-size: 12px; + line-height: 1.2; +} + +.form-input, +input[type="text"].full, +input[type="password"].full, +input[type="file"].full, +select.full { + width: 100%; +} + +textarea { + box-sizing: border-box; + border-width: 1px; + border-style: solid; + padding: 5px; + width: 100%; + min-height: 50px; + font-size: 12px; + resize: none; +} + + +/********************************* + Ajax 검색 리스트 +**********************************/ + +.ajax-list-box { + height: 100px; + overflow-y: auto; + margin-top: 10px; + padding: 5px; +} + +.ajax-list-box ul, +.ajax-list-box li { + display: block; + margin: 0; + padding: 0; + position: relative; +} + +.ajax-list-box li { + margin-bottom: 5px; +} + +.ajax-list-box li a { + display: block; + position: relative; + padding: 10px; + border-radius: 3px; + text-decoration: none; + font-size: 12px; +} + +.ajax-list-box li a .ui-thumb { + position: absolute; + top: 10px; + left: 10px; + width: 30px; + height: 30px; + line-height: 30px; + overflow: hidden; + text-align: center; +} + +.ajax-list-box li a .ui-thumb img { + max-width: 100%; +} + +.ajax-list-box li a .ui-info { + margin-left: 40px; +} + +.ajax-list-box .no-data { + line-height: 50px; + text-align: center; + margin-top: 10px; +} + + +/********************************* + 기본 라인 스타일 +**********************************/ + +hr.line { + display: block; + position: relative; + clear: both; + margin: 10px 0; + border: none; + padding: 0; + height: 1px; +} + +hr.padding { + display: block; + clear: both; + margin: 0; + padding: 0; + border: none; + height: 30px; +} + +hr.padding.small { + height: 5px; +} + +#bo_v_img img { + height: auto !important; +} + + +/******************** + TWITTER +*********************/ + +.timeline-Body { + border: none; + font-size: 12px; +} + +.timeline-Widget { + background: none; + opacity: .8; +} + +.timeline-Body-notification, +.timeline-Tweet-actions, +.timeline-Header { + display: none; +} + +.timeline-Viewport { + height: 100%; + overflow: auto; +} + +.timeline-TweetList { + display: block; + list-style: none; + margin: 0; + padding: 0; +} + +.timeline-Tweet { + position: relative; + padding: 20px 5px 20px 0; +} + +.timeline-Tweet:before { + content: ""; + display: block; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 1px; + border-top-width: 1px; + border-top-style: dashed; +} + +.timeline-TweetList li:first-child .timeline-Tweet { + padding-top: 0; +} + +.timeline-Tweet .timeline-Tweet-text { + padding: 0 10px; +} + +.timeline-Tweet-inReplyTo { + display: none; +} + +.TweetAuthor-link { + display: block; + position: relative; + margin-bottom: 10px; + font-size: 13px; + font-weight: 400; + padding: 2px 5px; +} + +.TweetAuthor-avatar { + display: none; +} + +.TweetAuthor-screenName { + font-size: 11px; + opacity: .5; +} + +.Interstitial-cookieConsentButton { + display: none; +} + +.Interstitial-link { + display: inline-block; + vertical-align: middle; + padding: 2px 10px; + margin: 3px 0; +} + +.timeline-Tweet-metadata { + display: block; + position: relative; + font-size: 11px; + text-align: right; + padding-right: 10px; +} + +.timeline-Tweet-metadata a {} + +.MediaCard-mediaContainer { + padding-bottom: 20px !important; +} + +.timeline-LoadMore { + display: none; +} + +.Emoji { + width: 15px; + vertical-align: middle; +} + +.NaturalImage-image, +.CroppedImage-image { + height: auto !important; +} + +.u-floatLeft, +.u-floatRight { + display: none; +} + + +/************************************************************** + 버튼 +***************************************************************/ + +.ui-btn { + display: inline-block; + position: relative; + text-align: center; + border-width: 1px; + border-style: solid; + vertical-align: middle; + height: 28px; + padding: 0 15px; + box-sizing: border-box; + cursor: pointer; +} + +a.ui-btn { + line-height: 26px; +} + +.ui-btn.small { + height: 25px; + line-height: 23px; + font-size: 12px; +} + +.ui-btn.full { + width: 100%; +} + +.ui-btn.admin { + background: #8c1e1e; + color: #fff; + border-color: #691010; +} + +.ui-btn.disable { + opacity: .3; +} + +.ui-btn.ico { + width: 15px; + height: 15px; + text-align: left; + line-height: 15px; + padding: 0; + font-size: 11px; + overflow: hidden; + text-indent: -999px; +} + +.ui-btn.ico.default { + width: 28px; + height: 28px; + line-height: 28px; +} + +.ui-btn.ico:before { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-align: center; + text-indent: 0; + font-family: 'icon'; +} + +.ui-btn.ico.big { + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; +} + +.ui-btn.ico.circle { + border-radius: 9.0em; +} + +.ui-btn.ico.del { + background: #a40000; + color: #fff; + border: none; + border-radius: 2px; + margin-left: 5px; +} + +.ui-btn.ico.del:before { + content: "\e9ac"; +} + +.ui-btn.ico.camera:before { + content: "\e90f"; +} + +.ui-btn.ico.search:before { + content: "\e986"; +} + +.ui-btn.ico.exp:before { + content: "\e923"; +} + +.ui-btn.ico.search:before { + content: "\e986"; +} + + +/************************************************************** + 기본박스 +***************************************************************/ + +.theme-box { + display: block; + position: relative; + padding: 10px; + box-sizing: border-box; +} + + +/************************************************************** + 테이블 +***************************************************************/ + +table { + width: 100%; + padding: 0; + border-spacing: 0px; + border: 0; + border-collapse: collapse; + table-layout: fixed; +} + +th, +td { + border: none; +} + +.theme-form {} + +.theme-form td { + padding: 5px; + height: 30px; +} + +.theme-form th { + padding: 5px 10px; +} + +.theme-form .frm_info { + display: block; + font-size: 12px; + padding: 0 0 8px 0; +} + +.theme-list { + table-layout: fixed; +} + +.theme-list thead th { + height: 30px; +} + +.theme-list td { + padding: 5px; + height: 30px; +} + +.theme-list td.no-data { + padding: 5px; + text-align: center; + line-height: 200px; +} + + +/************************************************************** + 도움말 정보 +**************************************************************/ + +.frm_info { + display: block; + font-size: 12px; + padding: 0 0 8px 0; + opacity: .7; +} + +.status-bar .frm_info { + padding: 0; +} + + +/************************************************************** + Status Bar +***************************************************************/ + +.status-bar { + display: block; +} + +.status-bar dl, +.status-bar dd, +.status-bar dt { + margin: 0; + padding: 0; +} + +.status-bar dl { + display: block; + position: relative; + margin: 1px 0; + padding-left: 100px; + line-height: 28px; +} + +.status-bar dt { + position: absolute; + top: 0; + left: 0; +} + +.status-bar dd p { + position: relative; +} + +.status-bar dd p span { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + z-index: 0; +} + +.status-bar dd p sup { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + z-index: 0; +} + +.status-bar dd p i { + display: block; + position: relative; + padding-left: 5px; + font-size: 11px; + z-index: 1; +} + +/** Bar Control 추가 **/ +.status-bar dl.ui-control { + padding-right: 60px; +} + +.status-bar dl dd.control { + display: block; + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 60px; +} + +.status-bar dl dd.control a { + display: block; + position: relative; + width: 50%; + float: left; + margin: 0; + padding: 0; + text-indent: -999px; + overflow: hidden; +} + +.status-bar dl dd.control a:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-indent: 0; + text-align: center; + font-family: 'icon'; +} + +.status-bar dl dd.control a+a { + border-left-width: 0; +} + +.status-bar dl dd.control a[data-function="plus"]:before { + content: '\ea0a'; +} + +.status-bar dl dd.control a[data-function="minus"]:before { + content: '\ea0b'; +} + + +/************************************************************** + 배경음악 이퀄라이저 효과 +***************************************************************/ + +html.single .bgm-player { + display: none !important; +} + +.bgm-player { + text-align: center; +} + +.bgm-player .title { + display: inline-block; + vertical-align: middle; + line-height: 30px; + font-size: 13px; +} + +.bgm-player ul { + display: inline-block; + vertical-align: middle; + margin-left: 10px; +} + +.bar-equalizer { + display: inline-block; + vertical-align: middle; + position: relative; + width: 90px; + height: 25px; + margin: 0 auto; + overflow: hidden; + text-align: center; + box-sizing: border-box; + margin-left: 15px; +} + +.bar-equalizer i { + display: block; + float: left; + width: 1px; + margin-right: 2px; + border-radius: 5px; + margin-top: 15px; + transform: translateY(-50%); + transition: height 0.3s linear; + -webkit-transition: height 0.3s linear; +} + +.bgm-player li { + display: inline-block; +} + +.bgm-player li a { + display: block; + position: relative; + width: 100%; + height: 100%; + line-height: 27px; + text-align: left; + text-indent: -999px; + overflow: hidden; +} + +.bgm-player li a:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-indent: 0; + text-align: center; + font-family: 'icon'; + font-size: 12px; +} + +.bgm-player li a.play:before { + content: "\ea1c"; +} + +.bgm-player li a.stop:before { + content: "\ea1e"; +} + + +/******************************************* + 헤더 레이아웃 +********************************************/ + +/** 디자인 설정 안할 시 */ +#no_design_gnb { + padding: 20px 0; + text-align: center; + line-height: 1.5em; +} + +#no_design_gnb li { + display: block; + margin-bottom: 20px; +} + +.close-header #header { + width: 0px !important; +} + +.close-header #body { + margin-left: 0 !important; +} + +.close-header body { + min-width: 0; +} + +@media all and (max-width:1000px) { + .close-header #header { + width: auto !important; + } +} + +#header .fix-layout { + padding: 0; +} + +#logo img { + max-width: 225px; +} + +/** 모바일 헤더 레이아웃 */ +@media all and (max-width:1024px) { + body { + width: 100%; + } + + #logo { + padding: 0; + z-index: 0; + top: auto; + left: auto; + transform: translateX(0) translateY(0); + position: relative; + text-align: center; + } + + #body { + margin-left: 0px; + padding-top: 50px; + } + + /* 헤더 위치 */ + #header .fix-layout { + padding: 0; + } + + #header { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: auto; + z-index: 999; + width: auto; + height: 50px; + overflow: visible; + } + + /* 메인메뉴 */ + #gnb { + position: fixed; + top: 0; + right: -280px; + bottom: 0; + width: 280px; + z-index: 999; + overflow-y: auto; + } + + #gnb_control_box { + position: absolute; + top: 50%; + margin-top: -20px; + right: 10px; + width: 40px; + height: 40px; + border-radius: 100%; + text-align: center; + } + + #gnb_control_box:before { + content: ""; + display: inline-block; + width: 0; + height: 100%; + vertical-align: middle; + } + + #gnb_control_box img { + display: inline-block; + max-width: 50%; + max-height: 50%; + vertical-align: middle; + margin-left: -12%; + opacity: 1; + } + + /* 메뉴 열고 닫기 */ + #gnb_control_box, + #gnb_control_box * { + transition: all 0s ease; + -webkit-transition: all 0s ease; + -ms-transition: all 0s ease; + } + + /* 메뉴 열렸을 시 */ + .open-gnb #gnb { + right: 0; + } + + .open-gnb #gnb_control_box { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 99; + background: rgba(0, 0, 0, 0.5); + border-radius: 0; + width: auto; + height: auto; + } + + .open-gnb #gnb_control_box img { + opacity: 0; + } +} + + +/************************************************************** + 탭 설정 +***************************************************************/ + +#tab_list { + display: block; + position: relative; + overflow: hidden; + border-bottom-width: 2px; + border-bottom-style: solid; +} + +#tab_list li { + display: block; + position: relative; + float: left; +} + +#tab_list li a { + display: block; + position: relative; + border-bottom-width: 0; +} + +#tab_list li+li a { + border-left-width: 0px; +} + + +/************************************************************** + 페이지 설정 +***************************************************************/ + +.pg_wrap { + display: block; + position: relative; + text-align: center; + padding: 20px 0; +} + +.pg_wrap .pg_page { + display: inline-block; + position: relative; + height: 30px; + line-height: 28px; + min-width: 30px; + box-sizing: border-box; + padding: 0 5px; + font-size: 13px; + text-align: center; + vertical-align: middle; + border-width: 1px; + border-style: solid; +} + +.pg_wrap .pg_control { + overflow: hidden; + text-align: left; + text-indent: -999px; +} + +.pg_wrap .pg_control:before { + font-family: 'icon'; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-indent: 0; + text-align: center; + font-size: 14px; +} + +.pg_wrap .pg_start, +.pg_wrap .pg_end { + display: none; +} + +.pg_wrap .pg_prev:before { + content: "\ea23"; +} + +.pg_wrap .pg_next:before { + content: "\ea24"; +} + + +/**************************************************** + Search Box +****************************************************/ + +.searc-sub-box { + position: relative; + clear: both; + padding: 30px 0px; +} + +.ui-search-box { + position: relative; + padding-left: 100px; + padding-right: 80px; + margin-top: 5px; +} + +.ui-search-box .sch_category { + position: absolute; + top: 0; + left: 0; + width: 95px; + line-height: 30px; +} + +.ui-search-box .sch_button { + position: absolute; + top: 0; + right: 0; + width: 75px; +} + +.ui-search-box span { + display: block; + padding: 0 15px; +} + +.ui-search-box select, +.ui-search-box input[type="text"], +.ui-search-box button { + display: block; + width: 100%; +} + + +/**************************************************** + 인벤토리 팝업 뷰 +****************************************************/ + +.inven-popup-viewer, +.inven-popup-viewer * { + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + font-family: 'Dotum'; +} + +.inven-popup-viewer .ajax-list-box { + height: auto; + padding: 5px; + font-size: 11px; + word-break: keep-all; + line-height: 1.5; +} + +.inven-popup-viewer { + display: none; + position: fixed; + top: 50%; + left: 50%; + width: 300px; + height: 370px; + margin-left: -150px; + margin-top: -185px; + z-index: 9000; + padding: 25px 40px; + box-sizing: border-box; +} + +.inven-item-box { + position: relative; + margin-right: 25px; + padding-left: 25px; + border-right-width: 0px; +} + +.inven_popup_viewer_close { + display: none; +} + +.inven-popup-on .inven_popup_viewer_close { + display: block; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 8900; + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); +} + +.inven_popup_viewer_close a { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + OVERFLOW: hidden; + text-indent: -999px; +} + +.inven-popup-viewer.default-form .inner-content { + position: relative; + height: 100%; +} + +.inven-popup-viewer.default-form .inner-content .error { + position: absolute; + top: 0; + left: 0; + right: 0; + text-align: center; + line-height: 100px; + font-family: 'Nanum Gothic'; +} + +.inven-popup-viewer.default-form .inner-content a {} + +.inven-popup-viewer.default-form .info { + position: relative; + text-align: center; + padding: 15px 0; +} + +.inven-popup-viewer.default-form .info .ui-thumb {} + +.inven-popup-viewer.default-form .info .ui-thumb img { + width: 50px; + height: 50px; +} + +.inven-popup-viewer.default-form .text { + position: relative; +} + +.inven-popup-viewer.default-form .text .title { + font-size: 14px; + text-align: center; + margin-bottom: 10px; + padding-bottom: 10px; +} + +.inven-popup-viewer.default-form .text .title span { + display: none; +} + +.inven-popup-viewer.default-form .text .item-content-box { + height: 170px; + overflow-y: auto; +} + +.inven-popup-viewer.default-form .text .item-content-box div { + line-height: 1.4em; + text-align: center; +} + +.inven-popup-viewer.default-form .text div.default {} + +.inven-popup-viewer.default-form .text div.effect { + padding-top: 15px; +} + +.inven-popup-viewer.default-form .text div.memo { + padding-top: 15px; +} + +.inven-popup-viewer.default-form .control-box { + clear: both; + position: relative; + padding: 10px 0 0; + text-align: center; +} + +.inven-popup-viewer.default-form .control-box li { + display: inline-block; +} + +.inven-popup-viewer.default-form .control-box li a { + display: block; +} + +.inven-popup-viewer.default-form .add-item-form { + position: relative; + height: 30%; + margin-top: 10px; +} + +.inven-popup-viewer.default-form .add-item-form .item-info { + position: relative; + margin-bottom: 5px; +} + +.inven-popup-viewer.default-form .add-item-form .item-info label { + display: none; +} + +.inven-popup-viewer.default-form .add-item-form .item-info span { + display: block; + font-size: 11px; + padding-top: 8px; +} + +.inven-popup-viewer.default-form .add-item-form input { + width: 100%; + box-sizing: border-box; +} + +.inven-popup-viewer.default-form .add-item-form .item-input { + position: relative; + margin-bottom: 5px; +} + +.inven-popup-viewer.default-form .add-item-form .ui-style-btn.type4 { + position: absolute; + right: 87px; + bottom: -44px; + height: 25px; + line-height: 25px; +} + +.inven-popup-viewer.default-form .send-item-form { + position: relative; + height: 30%; +} + +.inven-popup-viewer.default-form .send-item-form input, +.inven-popup-viewer.default-form .send-item-form select { + width: 100%; + box-sizing: border-box; +} + +.inven-popup-viewer.default-form .send-item-form input { + padding: 0 10px; +} + +.inven-popup-viewer.default-form .send-item-form .item-input { + position: relative; + margin-bottom: 5px; +} + +.inven-popup-viewer.default-form .send-item-form .ui-style-btn.type4 { + position: absolute; + right: 87px; + bottom: -44px; + height: 25px; + line-height: 25px; +} + + +/**************************************************** + Top 버튼 +****************************************************/ + +#goto_top { + position: fixed; + right: 0; + bottom: 0; + z-index: 50; +} + +@media all and (max-width:580px) { + #goto_top { + width: 50px; + } +} + + +/**************************************************** + 서브메뉴 레이아웃 +****************************************************/ + +#submenu { + display: block; + position: relative; + text-align: center; +} + +#submenu li { + display: inline-block; + vertical-align: middle; + font-size: 13px; + font-weight: 600; + padding: 8px 10px; +} + +#subpage { + margin-top: 20px; +} + +#subpage section { + padding-bottom: 50px; +} + +@media all and (max-width:1024px) { + #submenu { + margin: 0 -10px; + } + + #submenu li { + padding: 5px; + font-size: 12px; + } + + #subpage { + margin-left: 0; + } +} + + +/**************************************************** + 페이지 타이틀 +****************************************************/ + +.page-title { + font-size: 18px; + padding: 10px 0 20px; +} + +.page-title span { + font-size: 14px; + opacity: .8; + font-weight: 400; +} + +.sub-title { + font-size: 14px; + padding: 0 0 10px; +} + +.sub-title:before { + content: "\e906"; + display: inline-block; + vertical-align: middle; + font-family: 'icon'; + margin-right: 8px; +} + + +/**************************************************** + 알람 팝업 +****************************************************/ + +.ui-memo-alram-box, +.ui-call-alram-box { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 999; + text-align: center; +} + + +/**************************************************** + 마퀴 (우 ▶ 좌) 흐름 +****************************************************/ + +.marquee span { + display: block; + position: relative; + overflow: hidden; +} + +.marquee span i:after { + content: ""; + white-space: nowrap; + padding-right: 50px; +} + +.marquee span i { + margin: 0; + padding-left: 100%; + display: inline-block; + white-space: nowrap; + -webkit-animation-name: marquee; + -webkit-animation-timing-function: linear; + -webkit-animation-duration: 10s; + -webkit-animation-iteration-count: infinite; + -moz-animation-name: marquee; + -moz-animation-timing-function: linear; + -moz-animation-duration: 10s; + -moz-animation-iteration-count: infinite; + -ms-animation-name: marquee; + -ms-animation-timing-function: linear; + -ms-animation-duration: 10s; + -ms-animation-iteration-count: infinite; + -o-animation-name: marquee; + -o-animation-timing-function: linear; + -o-animation-duration: 10s; + -o-animation-iteration-count: infinite; + animation-name: marquee; + animation-timing-function: linear; + animation-duration: 10s; + animation-iteration-count: infinite; +} + +@-webkit-keyframes marquee { + from { + -webkit-transform: translate(0%); + } + + 99%, + to { + -webkit-transform: translate(-100%); + } +} + +@-moz-keyframes marquee { + from { + -moz-transform: translate(0%); + } + + 99%, + to { + -moz-transform: translate(-100%); + } +} + +@-ms-keyframes marquee { + from { + -ms-transform: translate(0%); + } + + 99%, + to { + -ms-transform: translate(-100%); + } +} + +@-o-keyframes marquee { + from { + -o-transform: translate(0%); + } + + 99%, + to { + -o-transform: translate(-100%); + } +} + +@keyframes marquee { + from { + transform: translate(0%); + } + + 99%, + to { + transform: translate(-100%); + } +} diff --git a/AvocadoAmber/theme/basic_community/enter.php b/AvocadoAmber/theme/basic_community/enter.php new file mode 100644 index 0000000..33f88c9 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/enter.php @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + <?= $g5['title'] ?> + + + + + + +
+
+ +
+
+ + + diff --git a/AvocadoAmber/theme/basic_community/extend/theme.extend.php b/AvocadoAmber/theme/basic_community/extend/theme.extend.php new file mode 100644 index 0000000..635e355 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/extend/theme.extend.php @@ -0,0 +1,6 @@ + + +
+ + + 'mobile' "; + if (!$is_admin) + $sql .= " and bo_use_cert = '' "; + $sql .= " order by bo_order "; + $result = sql_query($sql); + for ($i = 0; $row = sql_fetch_array($result); $i++) { + $lt_style = ""; + if ($i % 3 !== 0) + $lt_style = "margin-left:2%"; + else + $lt_style = ""; + ?> +
+ +
+ + +
+ + + + + + +
+
diff --git a/AvocadoAmber/theme/basic_community/head.sub.php b/AvocadoAmber/theme/basic_community/head.sub.php new file mode 100644 index 0000000..9523f54 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/head.sub.php @@ -0,0 +1,128 @@ +if(parent && parent!=this) location.href='./main.php';"; +} ?> + +'> + + + + + + + + ' . PHP_EOL; + echo '' . PHP_EOL; + echo '' . PHP_EOL; + } else { + echo '' . PHP_EOL; + echo '' . PHP_EOL; + } + + if ($config['cf_add_meta']) + echo $config['cf_add_meta'] . PHP_EOL; + ?> + + + + + + + + + + + + + + + + <?php echo $g5_head_title; ?> + ' . PHP_EOL; + echo '' . PHP_EOL; + } else { + echo '' . PHP_EOL; + if (!$config['cf_7']) { + echo ''; + } + echo '' . PHP_EOL; + } + ?> + + + + + + + + + + + + + + + + + + + + + ' . PHP_EOL; // overflow scroll 감지 + } + if (!defined('G5_IS_ADMIN')) + echo $config['cf_add_script']; + ?> + + + + + diff --git a/AvocadoAmber/theme/basic_community/index.php b/AvocadoAmber/theme/basic_community/index.php new file mode 100644 index 0000000..f6eb0a3 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/index.php @@ -0,0 +1,36 @@ +', 0); +?> + + +
+ +
+ + + +
+ +
+ + + + diff --git a/AvocadoAmber/theme/basic_community/inventory/item.skin.php b/AvocadoAmber/theme/basic_community/inventory/item.skin.php new file mode 100644 index 0000000..73c3325 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/inventory/item.skin.php @@ -0,0 +1,52 @@ + + + +
+
+ +
+
+
+

+ + +

+
+
+ +
+ +
+ +
+ + +
+ +

+

By.

+
+ +
+
+
+ + + +
diff --git a/AvocadoAmber/theme/basic_community/inventory/list.skin.php b/AvocadoAmber/theme/basic_community/inventory/list.skin.php new file mode 100644 index 0000000..938d03d --- /dev/null +++ b/AvocadoAmber/theme/basic_community/inventory/list.skin.php @@ -0,0 +1,32 @@ + + + + diff --git a/AvocadoAmber/theme/basic_community/main.php b/AvocadoAmber/theme/basic_community/main.php new file mode 100644 index 0000000..140a55b --- /dev/null +++ b/AvocadoAmber/theme/basic_community/main.php @@ -0,0 +1,16 @@ +', 0); +include_once G5_PATH . "/intro.php"; +?> + + +THEME BASIC MAIN + + + + diff --git a/AvocadoAmber/theme/basic_community/member/list.skin.php b/AvocadoAmber/theme/basic_community/member/list.skin.php new file mode 100644 index 0000000..0b20486 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/member/list.skin.php @@ -0,0 +1,53 @@ +', 0); +?> + +
+ {$side['si_name']}
"; + } + ?> +
+
    + +
  • +
    +
    + + + + + +
    +
    + + + +
    +
    +
    • + 등록된 멤버가 없습니다."; + } + ?> +
+
+ +
+ + diff --git a/AvocadoAmber/theme/basic_community/member/ready_list.skin.php b/AvocadoAmber/theme/basic_community/member/ready_list.skin.php new file mode 100644 index 0000000..c4fca6c --- /dev/null +++ b/AvocadoAmber/theme/basic_community/member/ready_list.skin.php @@ -0,0 +1,91 @@ +', 0); +?> + +
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+
    + +
  • +
    +
    + + + + + +
    +
    +

    + + [] + +

    + + + + + + +
    +
    +
    • + 대기자가 없습니다."; + } + ?> +
+
+ +
+
diff --git a/AvocadoAmber/theme/basic_community/member/viewer.skin.php b/AvocadoAmber/theme/basic_community/member/viewer.skin.php new file mode 100644 index 0000000..ac54702 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/member/viewer.skin.php @@ -0,0 +1,276 @@ +', 0); + +?> + +
+ + + + +
+ +
+ 캐릭터 전신 +
+ + +
+ 캐릭터 흉상 +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ + +
+ + + + + +
+ + + + +
+

+ STATUS + + / + +

+
+
+ +
+
+
+

+ + + +

+
+
+ +
+
+ + + +
+

+ TITLE +

+
+
+ + + 보유중인 타이틀이 없습니다.
"; + } + ?> +
+
+ + + +
+

+ INVENTORY + + + + + +

+
+ +
+ + + + + +
+

STORY

+
+
    + +
  • +
    + + + +
    +
    +
    + +
    + +
    +
    + +
    + +
      + ', $relation[$i]['rm_link']); + for ($j = 0; $j < count($link_list); $j++) { + $r_row = $link_list[$j]; + if (!$r_row) + continue; + ?> +
    1. + +
      2. + +
    +
    • + +
+
+ + +
+ 오너 : +
+ +
+
+ + diff --git a/AvocadoAmber/theme/basic_community/readme.txt b/AvocadoAmber/theme/basic_community/readme.txt new file mode 100644 index 0000000..31418a7 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/readme.txt @@ -0,0 +1,8 @@ +Theme Name: 기본(커뮤니티용) +Theme URI: +Maker: Avocado +Maker URI: https://avocado-edition-rout.postype.com/ +Version: 1.0.0 +Detail: 기본 테마는 기본적인 부분만을 제공하는 테마입니다. +License: GNU LESSER GENERAL PUBLIC LICENSE Version 2.1 +License URI: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html diff --git a/AvocadoAmber/theme/basic_community/screenshot.png b/AvocadoAmber/theme/basic_community/screenshot.png new file mode 100644 index 0000000..59a78de Binary files /dev/null and b/AvocadoAmber/theme/basic_community/screenshot.png differ diff --git a/AvocadoAmber/theme/basic_community/shop/shop.item.skin.php b/AvocadoAmber/theme/basic_community/shop/shop.item.skin.php new file mode 100644 index 0000000..b79af69 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/shop/shop.item.skin.php @@ -0,0 +1,39 @@ + + + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ + + + 구매하기 + + +
+ +
+

+ 오류가 발생했습니다. 다시 한번 선택해 주시길 바랍니다. +

+
+ diff --git a/AvocadoAmber/theme/basic_community/shop/shop.result.skin.php b/AvocadoAmber/theme/basic_community/shop/shop.result.skin.php new file mode 100644 index 0000000..9658b67 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/shop/shop.result.skin.php @@ -0,0 +1,8 @@ + + +
+

+
diff --git a/AvocadoAmber/theme/basic_community/shop/shop.skin.php b/AvocadoAmber/theme/basic_community/shop/shop.skin.php new file mode 100644 index 0000000..017a7d7 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/shop/shop.skin.php @@ -0,0 +1,59 @@ +', 0); +?> + +
+
+ +
+ +
+
+
+ +
+ + +
+ + + +
+
+
+ + + diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/img/btn_cmt.png b/AvocadoAmber/theme/basic_community/skin/board/basic/img/btn_cmt.png new file mode 100644 index 0000000..0a58a1b Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/board/basic/img/btn_cmt.png differ diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/img/chk.png b/AvocadoAmber/theme/basic_community/skin/board/basic/img/chk.png new file mode 100644 index 0000000..2841a67 Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/board/basic/img/chk.png differ diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/img/close_btn.png b/AvocadoAmber/theme/basic_community/skin/board/basic/img/close_btn.png new file mode 100644 index 0000000..50e9f26 Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/board/basic/img/close_btn.png differ diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_lock.png b/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_lock.png new file mode 100644 index 0000000..2a083a5 Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_lock.png differ diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_mobile.gif b/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_mobile.gif new file mode 100644 index 0000000..43189ff Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_mobile.gif differ diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_reply.gif b/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_reply.gif new file mode 100644 index 0000000..7fe2c65 Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_reply.gif differ diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_secret.gif b/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_secret.gif new file mode 100644 index 0000000..7be6700 Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/board/basic/img/icon_secret.gif differ diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/list.skin.php b/AvocadoAmber/theme/basic_community/skin/board/basic/list.skin.php new file mode 100644 index 0000000..33be350 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/board/basic/list.skin.php @@ -0,0 +1,337 @@ +', 0); +?> + + +
+ + + + + + + +
+ + + + + + + + + + + + +
+
+ Total 건 + 페이지 +
+ +
    + +
  • 관리자
    • + +
  • RSS
    • +
  • + +
    • + +
  • 글쓰기
    • + +
  • + + +
      +
      • +
      • +
      • +
    + +
    • + +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + "> + + + + + + + + + + + + + + + + + '; + } ?> + +
목록
+ + + 번호제목글쓴이조회 추천 비추천 날짜
+ + + + 공지'; + else if ($wr_id == $list[$i]['wr_id']) + echo "열람중"; + else + echo $list[$i]['num']; + ?> + + + + +
+ + + + + + N새글"; + // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; } + if (isset($list[$i]['icon_hot'])) + echo rtrim($list[$i]['icon_hot']); + if (isset($list[$i]['icon_file'])) + echo rtrim($list[$i]['icon_file']); + if (isset($list[$i]['icon_link'])) + echo rtrim($list[$i]['icon_link']); + ?> + 댓글개 +
+
게시물이 없습니다.
+
+ + + + + +
+ + + +
+ +
+ + +
+
+

검색

+
+ + + + + + +
+ + +
+ +
+
+
+
+ + +
+ + + + + + + + + diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/style.css b/AvocadoAmber/theme/basic_community/skin/board/basic/style.css new file mode 100644 index 0000000..6596b4a --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/board/basic/style.css @@ -0,0 +1,1822 @@ +@charset "utf-8"; + +/* 게시판 목록 */ +#bo_list { + position: relative; + margin-bottom: 20px +} + +#bo_list:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_list .td_board { + width: 120px; + text-align: center +} + +#bo_list .td_chk { + width: 30px; + text-align: center; + border-top: 1px solid #ecf0f1; + border-bottom: 1px solid #ecf0f1 +} + +#bo_list .td_date { + width: 60px; + text-align: center +} + +#bo_list .td_datetime { + width: 60px; + text-align: center +} + +#bo_list .td_group { + width: 100px; + text-align: center +} + +#bo_list .td_mb_id { + width: 100px; + text-align: center +} + +#bo_list .td_mng { + width: 80px; + text-align: center +} + +#bo_list .td_name { + width: 90px; + text-align: left; + padding: 10px 0 +} + +#bo_list .td_nick { + width: 100px; + text-align: center +} + +#bo_list .td_num { + width: 50px; + text-align: center +} + +#bo_list .td_num2 { + width: 50px; + text-align: center +} + +#bo_list .td_numbig { + width: 80px; + text-align: center +} + +#bo_list .txt_active { + color: #5d910b +} + +#bo_list .txt_expired { + color: #ccc +} + +#bo_list tbody tr { + border-left: 2px solid transparent +} + +#bo_list tbody tr:hover { + border-left: 2px solid #253dbe +} + +#bo_list tbody .even td { + background: #fbfbfb +} + +#bo_cate { + margin: 25px 0 +} + +#bo_cate h2 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_cate ul { + zoom: 1 +} + +#bo_cate ul:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_cate li { + display: inline-block; + padding: 2px +} + +#bo_cate a { + display: block; + line-height: 28px; + padding: 5px 15px; + border-radius: 30px; + border: 1px solid #d6e9ff; + color: #6794d3 +} + +#bo_cate a:focus, +#bo_cate a:hover, +#bo_cate a:active { + text-decoration: none; + background: #3a8afd; + color: #fff +} + +#bo_cate #bo_cate_on { + z-index: 2; + background: #3a8afd; + color: #fff; + font-weight: bold; + border: 1px solid #3a8afd; + -webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202); + -moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202); + box-shadow: inset 0 2px 5px rgb(33, 135, 202) +} + +.td_subject img { + margin-left: 5px +} + +/* 게시판 목록 공통 */ +.selec_chk { + position: absolute; + top: 0; + left: 0; + width: 0; + height: 0; + opacity: 0; + outline: 0; + z-index: -1; + overflow: hidden +} + +.chk_box { + position: relative +} + +.chk_box input[type="checkbox"]+label { + position: relative; + color: #676e70 +} + +.chk_box input[type="checkbox"]+label:hover { + color: #2172f8 +} + +.chk_box input[type="checkbox"]+label span { + float: left; + width: 15px; + height: 15px; + display: block; + background: #fff; + border: 1px solid #d0d4df; + border-radius: 3px +} + +.write_div .chk_box input[type="checkbox"]+label, +.bo_vc_w .chk_box input[type="checkbox"]+label { + padding-left: 20px +} + +.write_div .chk_box input[type="checkbox"]+label span, +.bo_vc_w .chk_box input[type="checkbox"]+label span { + position: absolute; + top: 2px; + left: 0; + width: 15px; + height: 15px; + display: block; + margin: 0; + background: #fff; + border: 1px solid #d0d4df; + border-radius: 3px +} + +.chk_box input[type="checkbox"]:checked+label { + color: #000 +} + +.chk_box input[type="checkbox"]:checked+label span { + background: url(./img/chk.png) no-repeat 50% 50% #3a8afd; + border-color: #1471f6; + border-radius: 3px +} + + +#bo_btn_top { + margin: 10px 0 +} + +#bo_btn_top:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +.bo_fx { + margin-bottom: 5px; + float: right; + zoom: 1 +} + +.bo_fx:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +.bo_fx ul { + margin: 0; + padding: 0; + list-style: none +} + +#bo_list_total { + float: left; + line-height: 34px; + font-size: 0.92em; + color: #4e546f +} + +.btn_bo_user { + float: right; + margin: 0; + padding: 0; + list-style: none +} + +.btn_bo_user li { + float: left; + width: 40px; + text-align: center; + margin-left: 5px; + background: #fff +} + +.btn_bo_user>li { + position: relative +} + +.btn_bo_adm { + float: left +} + +.btn_bo_adm li { + float: left; + margin-right: 5px +} + +.btn_bo_adm input { + padding: 0 8px; + border: 0; + background: #d4d4d4; + color: #666; + text-decoration: none; + vertical-align: middle +} + +.bo_notice td { + background: #fff6fa !important; + border-bottom: 1px solid #f8e6ee +} + +.bo_notice td a { + font-weight: bold +} + +.bo_notice .notice_icon { + display: inline-block; + line-height: 25px; + border-radius: 5px; + font-weight: bold; + color: #f9267f +} + +.more_opt { + display: none; + position: absolute; + top: 45px; + right: 0; + background: #fff; + border: 1px solid #b8bfc4; + z-index: 999 +} + +.more_opt:before { + content: ""; + position: absolute; + top: -8px; + right: 13px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 6px 8px 6px; + border-color: transparent transparent #b8bfc4 transparent +} + +.more_opt:after { + content: ""; + position: absolute; + top: -6px; + right: 13px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 6px 8px 6px; + border-color: transparent transparent #fff transparent +} + +.more_opt li { + border-bottom: 1px solid #f1f1f1; + padding: 10px; + float: inherit; + width: 90px; + margin: 0; + color: #6b757c; + text-align: left +} + +.more_opt li:last-child { + border-bottom: 0 +} + +.more_opt li button, +.more_opt li a { + width: 100%; + border: 0; + background: #fff; + color: #6b757c +} + +.more_opt li:hover a, +.more_opt li:hover button { + color: #000 +} + +.more_opt li i { + float: right; + line-height: 20px +} + +.td_num strong { + color: #000 +} + +.bo_cate_link { + float: left; + display: inline-block; + margin-right: 10px; + background: #e2eaf6; + color: #3a8afd; + font-weight: normal !important; + height: 20px; + line-height: 10px; + padding: 5px 8px; + border-radius: 5px; + font-size: 0.95em +} + +/* 글제목줄 분류스타일 */ +.bo_cate_link:hover { + text-decoration: none +} + +.bo_tit { + display: block; + color: #000; + font-weight: bold +} + +.bo_current { + color: #e8180c +} + +#bo_list .profile_img img { + border-radius: 50% +} + +#bo_list .cnt_cmt { + background: #e9eff5; + color: #3a8afd; + font-size: 11px; + height: 16px; + line-height: 16px; + padding: 0 5px; + border-radius: 3px; + vertical-align: middle +} + +#bo_list .bo_tit .title_icon { + margin-right: 2px +} + +#bo_list .bo_tit .fa-heart { + color: #ff0000 +} + +#bo_list .bo_tit .fa-lock { + display: inline-block; + line-height: 14px; + width: 16px; + font-size: 0.833em; + color: #4f818c; + background: #cbe3e8; + text-align: center; + border-radius: 2px; + font-size: 12px; + border: 1px solid #cbe3e8; + vertical-align: middle +} + +#bo_list .bo_tit .new_icon { + display: inline-block; + width: 16px; + line-height: 16px; + font-size: 0.833em; + color: #23db79; + background: #b9ffda; + text-align: center; + border-radius: 2px; + margin-left: 2px; + font-weight: bold; + vertical-align: middle +} + +#bo_list .bo_tit .hot_icon { + display: inline-block; + width: 16px; + line-height: 16px; + font-size: 0.833em; + color: #ff0000; + background: #ffb9b9; + text-align: center; + border-radius: 2px; + vertical-align: middle +} + +#bo_list .bo_tit .fa-caret-right { + color: #bbb +} + +#bo_list .bo_tit .fa-download { + display: inline-block; + width: 16px; + line-height: 16px; + font-size: 0.833em; + color: #daae37; + background: #ffefb9; + text-align: center; + border-radius: 2px; + margin-left: 5px; + vertical-align: middle +} + +#bo_list .bo_tit .fa-link { + display: inline-block; + width: 16px; + line-height: 16px; + font-size: 0.833em; + color: #b451fd; + background: #edd3fd; + text-align: center; + border-radius: 2px; + margin-left: 5px; + vertical-align: middle +} + +.bo_sch_wrap { + display: none; + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 999 +} + +.bo_sch { + position: absolute; + top: 50%; + left: 50%; + background: #fff; + text-align: left; + width: 330px; + max-height: 300px; + margin-left: -125px; + margin-top: -180px; + overflow-y: auto; + border-radius: 5px; + -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); + box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); + border: 1px solid #dde7e9; + background: #fff; + border-radius: 3px +} + +.bo_sch:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +.bo_sch h3 { + padding: 15px; + border-bottom: 1px solid #e8e8e8 +} + +.bo_sch legend { + background: red +} + +.bo_sch form { + padding: 15px; + display: block +} + +.bo_sch select { + border: 0; + width: 100%; + height: 40px; + border: 1px solid #d0d3db; + border-radius: 2px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) +} + +.bo_sch .sch_bar { + display: inline-block; + width: 100%; + clear: both; + margin-top: 15px; + border: 1px solid #d0d3db; + border-radius: 2px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) +} + +.bo_sch .sch_input { + width: 250px; + height: 38px; + border: 0; + padding: 0; + background-color: transparent; + float: left +} + +.bo_sch .sch_btn { + height: 38px; + float: right; + color: #656565; + background: none; + border: 0; + width: 40px; + font-size: 15px +} + +.bo_sch .bo_sch_cls { + position: absolute; + right: 0; + top: 0; + color: #b5b8bb; + border: 0; + padding: 12px 15px; + font-size: 16px; + background: #fff +} + +.bo_sch_bg { + background: #000; + background: rgba(0, 0, 0, 0.1); + width: 100%; + height: 100% +} + +/* 게시판 쓰기 */ +#char_count_desc { + display: block; + margin: 0 0 5px; + padding: 0 +} + +#char_count_wrap { + margin: 5px 0 0; + text-align: right +} + +#char_count { + font-weight: bold +} + +#autosave_wrapper { + position: relative +} + +#autosave_pop { + display: none; + z-index: 10; + position: absolute !important; + top: 34px; + right: 0; + width: 350px; + height: auto !important; + height: 180px; + max-height: 180px; + border: 1px solid #565656; + background: #fff; + -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); + box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2) +} + +#autosave_pop:before { + content: ""; + position: absolute; + top: -8px; + right: 45px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 6px 8px 6px; + border-color: transparent transparent #000 transparent +} + +#autosave_pop:after { + content: ""; + position: absolute; + top: -7px; + right: 45px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 6px 8px 6px; + border-color: transparent transparent #fff transparent +} + +html.no-overflowscrolling #autosave_pop { + height: auto; + max-height: 10000px !important +} + +/* overflow 미지원 기기 대응 */ +#autosave_pop strong { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#autosave_pop div { + text-align: center; + margin: 0 !important +} + +#autosave_pop button { + margin: 0; + padding: 0; + border: 0 +} + +#autosave_pop ul { + padding: 15px; + border-top: 1px solid #e9e9e9; + list-style: none; + overflow-y: scroll; + height: 130px; + border-bottom: 1px solid #e8e8e8 +} + +#autosave_pop li { + padding: 8px 5px; + border-bottom: 1px solid #fff; + background: #eee; + zoom: 1 +} + +#autosave_pop li:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#autosave_pop a { + display: block; + float: left +} + +#autosave_pop span { + display: block; + float: right; + font-size: 0.92em; + font-style: italic; + color: #999 +} + +.autosave_close { + cursor: pointer; + width: 100%; + height: 30px; + background: none; + color: #888; + font-weight: bold; + font-size: 0.92em +} + +.autosave_close:hover { + background: #f3f3f3; + color: #3597d9 +} + +.autosave_content { + display: none +} + +.autosave_del { + background: url(./img/close_btn.png) no-repeat 50% 50%; + text-indent: -999px; + overflow: hidden; + height: 20px; + width: 20px +} + +/* 게시판 읽기 */ +#bo_v { + margin-bottom: 20px; + background: #fff; + box-sizing: border-box +} + +#bo_v_table { + position: absolute; + top: 0; + right: 16px; + margin: 0; + padding: 0 5px; + height: 25px; + background: #ff3061; + color: #fff; + font-weight: bold; + line-height: 2.2em +} + +#bo_v_title {} + +#bo_v_title .bo_v_cate { + display: inline-block; + line-height: 20px; + background: #e2eaf6; + color: #3a8afd; + padding: 0 10px; + border-radius: 3px; +} + +#bo_v_title .bo_v_tit { + display: block; + font-size: 2em; + margin: 5px 0 0; + word-break: break-all +} + +#bo_v_info { + margin: 0; + border-bottom: 1px solid #f1f1f1; + color: #666 +} + +#bo_v_info:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_v_info h2 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_v_info .profile_info { + margin: 20px 0 10px; + display: inline-block; + float: left +} + +#bo_v_info .profile_info .pf_img { + float: left; + margin-right: 10px +} + +#bo_v_info .profile_info .pf_img img { + border-radius: 50%; + width: 50px; + height: 50px +} + +#bo_v_info .profile_info .profile_info_ct { + float: left; + padding: 5px 0; + line-height: 18px +} + +#bo_v_info strong { + display: inline-block; + margin: 0 10px 0 0; + font-weight: normal +} + +#bo_v_info .sv_member, +#bo_v_info .sv_guest, +#bo_v_info .member, +#bo_v_info .guest { + font-weight: bold +} + +#bo_v_info .profile_img { + display: none +} + +#bo_v_info .sv_member { + color: #000 +} + +#bo_v_info .if_date { + margin: 0; + color: #888 +} + +#bo_v_file h2 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_v_file ul { + margin: 0; + list-style: none +} + +#bo_v_file li { + padding: 15px; + position: relative; + margin: 10px 0; + border: 1px solid #dfdfdf; + border-radius: 5px; + -webkit-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%); + -moz-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%); + box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%) +} + +#bo_v_file li i { + float: left; + color: #b2b2b2; + font-size: 2.35em; + margin-right: 20px +} + +#bo_v_file a { + float: left; + display: block; + text-decoration: none; + word-wrap: break-word; + color: #000 +} + +#bo_v_file a:focus, +#bo_v_file li:hover a, +#bo_v_file a:active { + text-decoration: underline; + color: #3a8afd +} + +#bo_v_file img { + float: left; + margin: 0 10px 0 0 +} + +#bo_v_file .bo_v_file_cnt { + color: #b2b2b2; + font-size: 0.92em +} + +#bo_v_file li:hover { + border-color: #bed4f4; + color: #bed4f4 +} + +#bo_v_file li:hover i { + color: #3a8afd +} + +#bo_v_file li:hover .bo_v_file_cnt { + color: #99c2fc +} + + +#bo_v_link h2 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_v_file ul { + margin: 0; + list-style: none +} + +#bo_v_link li { + padding: 15px; + position: relative; + margin: 10px 0; + border: 1px solid #dfdfdf; + border-radius: 5px; + -webkit-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%); + -moz-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%); + box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%) +} + +#bo_v_link li i { + float: left; + color: #b2b2b2; + font-size: 2.35em; + margin-right: 20px +} + +#bo_v_link a { + float: left; + display: block; + text-decoration: none; + word-wrap: break-word; + color: #000 +} + +#bo_v_link a:focus, +#bo_v_link li:hover a, +#bo_v_link a:active { + text-decoration: underline; + color: #3a8afd +} + +#bo_v_link .bo_v_link_cnt { + color: #b2b2b2; + font-size: 0.92em +} + +#bo_v_link li:hover { + border-color: #bed4f4; + color: #bed4f4 +} + +#bo_v_link li:hover i { + color: #3a8afd +} + +#bo_v_link li:hover .bo_v_link_cnt { + color: #99c2fc +} + +#bo_v_top { + zoom: 1 +} + +#bo_v_top:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_v_top h2 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_v_top ul { + padding: 0; + list-style: none; + word-break: break-all; + background: #fff +} + +#bo_v_bot { + zoom: 1 +} + +#bo_v_bot:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_v_bot h2 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_v_bot ul { + padding: 0; + list-style: none +} + +.bo_v_com { + margin: 20px 0; + float: right +} + +.bo_v_com>li { + position: relative; + float: left; + margin-left: 5px +} + +.bo_v_nb { + position: relative; + margin: 20px 0; + clear: both; + text-align: left +} + +.bo_v_nb:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +.bo_v_nb li { + border-top: 1px solid #f1f1f1; + padding: 13px +} + +.bo_v_nb li:last-child { + border-bottom: 1px solid #f1f1f1 +} + +.bo_v_nb li:hover { + background: #f6f6f6 +} + +.bo_v_nb li i { + font-size: 13px; + color: #b3b3b3 +} + +.bo_v_nb li .nb_tit { + display: inline-block; + padding-right: 20px; + color: #b3b3b3 +} + +.bo_v_nb li .nb_date { + float: right; + color: #b3b3b3 +} + +#bo_v_atc { + min-height: 200px; + height: auto !important; + height: 200px +} + +#bo_v_atc_title { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_v_img { + width: 100%; + overflow: hidden; + zoom: 1 +} + +#bo_v_img:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_v_img a.view_image { + display: block +} + +#bo_v_img img { + margin-bottom: 20px; + max-width: 100%; + height: auto +} + +#bo_v_con { + margin: 10px 0 30px; + width: 100%; + line-height: 1.7em; + min-height: 200px; + word-break: break-all; + overflow: hidden +} + +#bo_v_con a { + color: #000; + text-decoration: underline +} + +#bo_v_con img { + max-width: 100%; + height: auto +} + +#bo_v_act { + margin-bottom: 30px; + text-align: center +} + +#bo_v_act .bo_v_act_gng { + position: relative +} + +#bo_v_act a { + margin-right: 5px; + vertical-align: middle; + color: #4a5158 +} + +#bo_v_act a:hover { + background-color: #fff; + color: #ff484f; + border-color: #ff484f +} + +#bo_v_act i { + font-size: 1.4em; + margin-right: 5px +} + +#bo_v_act_good, +#bo_v_act_nogood { + display: none; + position: absolute; + top: 30px; + left: 0; + z-index: 9999; + padding: 10px 0; + width: 165px; + background: #ff3061; + color: #fff; + text-align: center +} + +#bo_v_act .bo_v_good { + display: inline-block; + border: 1px solid #dedede; + width: 70px; + line-height: 46px; + border-radius: 30px +} + +#bo_v_act .bo_v_nogood { + display: inline-block; + border: 1px solid #dedede; + width: 70px; + line-height: 46px; + border-radius: 30px +} + +#bo_v_sns { + padding: 0; + list-style: none; + zoom: 1; + float: left; + display: inline-block +} + +#bo_v_sns:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_v_sns li { + float: left; + width: 135px; + margin-right: 5px; + text-align: left +} + +#bo_v_sns li a { + height: 35px; + line-height: 35px; + text-align: center; + border-radius: 5px; + color: #fff; + font-size: 0.95em +} + +#bo_v_sns li img { + vertical-align: middle; + margin-right: 5px +} + +#bo_v_sns li .sns_f { + display: block; + background: #3b5997 +} + +#bo_v_sns li .sns_t { + display: block; + background: #09aeee +} + +#bo_v_sns li .sns_g { + display: block; + background: #ea4026 +} + +#bo_v_sns li .sns_k { + display: block; + background: #fbe300 +} + +#bo_v_share { + position: relative; + padding: 20px 0 +} + +#bo_v_share:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_v_share .btn { + padding: 0 10px; + color: #555; + font-weight: normal; + font-size: 1em; + width: 80px; + line-height: 35px; + height: 35px; + border-color: #d5d5d5; + border-radius: 5px +} + +#bo_v_share .btn:hover { + background: #fff +} + +#bo_v_share .btn i { + margin-right: 5px; + color: #4b5259; + vertical-align: middle +} + +/* 게시판 댓글 */ +.cmt_btn { + width: 100%; + text-align: left; + border: 0; + border-bottom: 1px solid #f0f0f0; + background: #fff; + font-weight: bold; + margin: 30px 0 0px; + padding: 0 0 15px +} + +.cmt_btn span.total { + position: relative; + display: inline-block; + margin-right: 5px; + font-size: 1em; + color: #3a8afd +} + +.cmt_btn span.cmt_more { + float: right; + display: inline-block; + width: 15px; + height: 10px; + background: url(./img/btn_cmt.png) no-repeat right 2px; + margin-top: 5px +} + +.cmt_btn_op span.cmt_more { + background-position: right -8px +} + +.cmt_btn b { + font-size: 1.2em; + color: #000 +} + +.cmt_btn span.total:after { + position: absolute; + bottom: -17px; + left: 0; + display: inline-block; + background: #3a8afd; + content: ""; + width: 100%; + height: 2px +} + +#bo_vc {} + +#bo_vc h2 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_vc article { + margin: 20px 0; + position: relative; + border-bottom: 1px solid #f0f0f0 +} + +#bo_vc article:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_vc article .profile_img img { + border-radius: 50% +} + +#bo_vc article .pf_img { + float: left; + margin-right: 10px +} + +#bo_vc article .pf_img img { + border-radius: 50%; + width: 50px; + height: 50px +} + +#bo_vc article .cm_wrap { + float: left; + max-width: 870px; + width: 90% +} + +#bo_vc header { + position: relative; + width: 100% +} + +#bo_vc header:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_vc header .profile_img { + display: none +} + +#bo_vc header .icon_reply { + position: absolute; + top: 15px; + left: -20px +} + +#bo_vc .member, +#bo_vc .guest, +#bo_vc .sv_member, +#bo_vc .sv_guest { + font-weight: bold +} + +.bo_vc_hdinfo { + color: #777 +} + +#bo_vc h1 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#bo_vc .cmt_contents { + line-height: 1.8em; + padding: 0 0 20px +} + +#bo_vc p a { + text-decoration: underline +} + +#bo_vc p a.s_cmt { + text-decoration: underline; + color: #ed6479 +} + +#bo_vc_empty { + margin: 0; + padding: 80px 0 !important; + color: #777; + text-align: center +} + +#bo_vc #bo_vc_winfo { + float: left +} + +#bo_vc .bo_vl_opt { + position: absolute; + top: 0; + right: 0 +} + +.bo_vc_act { + display: none; + position: absolute; + right: 0; + top: 40px; + width: 58px; + text-align: right; + border: 1px solid #b8bfc4; + margin: 0; + list-style: none; + background: #fff; + zoom: 1; + z-index: 9999 +} + +.bo_vc_act:before { + content: ""; + position: absolute; + top: -8px; + right: 5px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 6px 8px 6px; + border-color: transparent transparent #b8bfc4 transparent +} + +.bo_vc_act:after { + content: ""; + position: absolute; + top: -6px; + right: 5px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 6px 8px 6px; + border-color: transparent transparent #fff transparent +} + +.bo_vc_act li { + border-bottom: 1px solid #f0f0f0 +} + +.bo_vc_act li:last-child { + border-bottom: 0 +} + +.bo_vc_act li a { + display: inline-block; + padding: 10px 15px +} + +.bo_vc_act li a:hover { + color: #3a8afd +} + +.bo_vc_w { + position: relative; + margin: 10px 0; + display: block +} + +.bo_vc_w:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +.bo_vc_w h2 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +.bo_vc_w #char_cnt { + display: block; + margin: 0 0 5px +} + +.bo_vc_w textarea { + border: 1px solid #ccc; + background: #fff; + color: #000; + vertical-align: middle; + border-radius: 3px; + padding: 5px; + width: 100%; + height: 120px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) +} + +#wr_secret {} + +.bo_vc_w_info { + margin: 10px 0; + float: left +} + +.bo_vc_w_info:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +.bo_vc_w_info .frm_input { + float: left; + margin-right: 5px +} + +.bo_vc_w_info #captcha { + padding-top: 10px; + display: block; + clear: both +} + +.bo_vc_w .btn_confirm { + clear: both; + margin-top: 10px +} + +.bo_vc_w .btn_confirm label { + display: inline-block; + margin-right: 10px; + border-radius: 3px; + font-size: 1.5em; + text-align: center +} + +.bo_vc_w .btn_submit { + height: 45px; + padding: 0 20px; + border-radius: 3px; + font-weight: bold; + font-size: 1.083em +} + +.bo_vc_w .btn_confirm .secret_cm label { + font-size: 1em !important +} + +.bo_vc_w_wr:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +.secret_cm { + display: inline-block; + float: left +} + +#bo_vc_send_sns { + display: inline-block; + float: left +} + +#bo_vc_sns { + display: inline-block; + margin: 0; + padding: 0; + list-style: none; + zoom: 1 +} + +#bo_vc_sns:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_vc_sns li { + float: left; + margin: 0 5px 0 0 +} + +#bo_vc_sns .sns_li_f { + border-radius: 3px; + background: #3a589b; + height: 40px; + line-height: 40px; + padding: 0 0 0 10px +} + +#bo_vc_sns .sns_li_t { + border-radius: 3px; + background: #00aced; + height: 40px; + line-height: 40px; + padding: 0 0 0 10px +} + +#bo_vc_sns .sns_li_off { + background: #bbb +} + +#bo_vc_sns a { + display: inline-block; + padding: 0 15px 0 5px +} + +#bo_vc_sns input { + margin: 0 5px 0 0 +} + +/*글쓰기*/ +#bo_w .bo_v_option li { + display: inline-block; + float: left; + text-align: left; + margin: 0 5px 0 0 +} + +#bo_w .bo_v_option li label { + vertical-align: baseline +} + +#bo_w .bo_v_option .chk_box input[type="checkbox"]+label span { + margin-left: 0; + margin-right: 5px +} + +#bo_w .write_div { + margin: 10px 0; + position: relative +} + +#bo_w .write_div:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_w .bo_w_info:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#bo_w .bo_w_info .frm_input { + float: left; + margin-bottom: 1% +} + +#bo_w #wr_password, +#bo_w #wr_homepage { + margin-left: 1% +} + +#bo_w .wr_content.smarteditor2 iframe { + background: #fff +} + +#bo_w .bo_w_tit { + position: relative +} + +#bo_w .bo_w_tit .frm_input { + padding-right: 120px +} + +#bo_w .bo_w_tit #btn_autosave { + position: absolute; + top: 5px; + right: 5px; + line-height: 30px; + height: 30px +} + +#bo_w .bo_w_link label { + position: absolute; + top: 1px; + left: 1px; + border-radius: 3px 0 0 3px; + height: 38px; + line-height: 38px; + width: 40px; + font-size: 1.2em; + text-align: center; + color: #b2b2b2 +} + +#bo_w .bo_w_link .frm_input { + padding-left: 50px +} + +#bo_w .bo_w_flie .lb_icon { + position: absolute; + top: 0px; + left: 0px; + border-radius: 3px 0 0 3px; + height: 38px; + line-height: 38px; + width: 40px; + font-size: 1.2em; + text-align: center; + color: #b2b2b2 +} + +#bo_w .bo_w_flie .frm_file { + padding-left: 50px; + margin-top: 3px +} + +#bo_w .bo_w_flie .file_wr { + position: relative; + border: 1px solid #ccc; + background: #fff; + color: #000; + vertical-align: middle; + border-radius: 3px; + padding: 5px; + height: 40px; + margin: 0 +} + +#bo_w .bo_w_flie .frm_input { + margin: 10px 0 0 +} + +#bo_w .bo_w_flie .file_del { + position: absolute; + top: 10px; + right: 10px; + font-size: 0.92em; + color: #7d7d7d +} + +#bo_w .bo_w_select select { + border: 1px solid #d0d3db; + width: 100%; + height: 40px; + border-radius: 3px +} + +#bo_w .btn_submit { + padding: 0 20px; + font-size: 1.167em +} + +#bo_w .btn_cancel { + border-radius: 3px; + font-size: 1.167em +} diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/view.skin.php b/AvocadoAmber/theme/basic_community/skin/board/basic/view.skin.php new file mode 100644 index 0000000..5e00cbb --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/board/basic/view.skin.php @@ -0,0 +1,340 @@ +', 0); +?> + + + + + +
+
+

+ + + + + +

+
+ +
+

페이지 정보

+
+
+
+ 작성자 +
+ 댓글 건 + 조회 + 회 + 작성일 + +
+
+ + +
+ + + + + +
+ +
+ +
+

본문

+ + + \n"; + + foreach ($view['file'] as $view_file) { + echo get_file_thumbnail($view_file); + } + + echo "\n"; + } + ?> + + +
+ + + + +

+ + + + +
+ + + 추천 + + + + + + 비추천 + + + +
+ +
+ 추천 + 비추천 +
+ + +
+ + + + + +
+

첨부파일

+
    + +
  • + + + + () + +
    + 회 다운로드 | DATE : + +
    • + +
+
+ + + + + + + + + + +
    + +
  • 이전글
    • + +
  • 다음글
    • +
+ + + +
+ + + + + + diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/view_comment.skin.php b/AvocadoAmber/theme/basic_community/skin/board/basic/view_comment.skin.php new file mode 100644 index 0000000..69eb4da --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/board/basic/view_comment.skin.php @@ -0,0 +1,346 @@ + + + + + +
+

댓글목록

+ \]/i", "", $comment); + $cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결 + $c_reply_href = $comment_common_url . '&c_id=' . $comment_id . '&w=c#bo_vc_w'; + $c_edit_href = $comment_common_url . '&c_id=' . $comment_id . '&w=cu#bo_vc_w'; + $is_comment_reply_edit = ($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) ? 1 : 0; + ?> +
style="margin-left:px;border-top-color:#e0e0e0" > +
+
+
+

님의 댓글의 댓글

+ + + 아이피 + () + + 작성일 + + +
+ +
+

+ 비밀글 + +

+ + +
+ + + " + id="secret_comment_"> + +
+ +
+ + +
+ + +
+ + +

등록된 댓글이 없습니다.

+
+ + + + + + + + diff --git a/AvocadoAmber/theme/basic_community/skin/board/basic/write.skin.php b/AvocadoAmber/theme/basic_community/skin/board/basic/write.skin.php new file mode 100644 index 0000000..44eb175 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/board/basic/write.skin.php @@ -0,0 +1,271 @@ +', 0); +?> + +
+

+ + +
+ + + + + + + + + + + + ' . PHP_EOL . ''; + } + if ($is_html) { + if ($is_dhtml_editor) { + $option_hidden .= ''; + } else { + $option .= PHP_EOL . '
  • ' . PHP_EOL . '
    • '; + } + } + if ($is_secret) { + if ($is_admin || $is_secret == 1) { + $option .= PHP_EOL . '
  • ' . PHP_EOL . '
    • '; + } else { + $option_hidden .= ''; + } + } + if ($is_mail) { + $option .= PHP_EOL . '
  • ' . PHP_EOL . '
    • '; + } + } + echo $option_hidden; + ?> + + +
    + + +
    + + +
    + + + + + + + + + class="frm_input half_input " placeholder="비밀번호"> + + + + + + + + + + + + +
    + + +
    + 옵션 +
      + +
    +
    + + +
    + + +
    + + + + + +
    + 임시 저장된 글 목록 +
      +
      +
      + +
      + +
      + +
      + +
      + + +

      이 게시판은 최소 글자 이상, 최대 + 글자 이하까지 글을 쓰실 수 있습니다.

      + + + + +
      글자
      + +
      + +
      + + +
      + + " + id="wr_link" class="frm_input full_input" size="50"> +
      + + + +
      +
      + + +
      + + + + + + + + + + +
      + + + + +
      + +
      + + +
      + 취소 + +
      +
      + + +
      + diff --git a/AvocadoAmber/theme/basic_community/skin/content/basic/content.skin.php b/AvocadoAmber/theme/basic_community/skin/content/basic/content.skin.php new file mode 100644 index 0000000..955dcfc --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/content/basic/content.skin.php @@ -0,0 +1,18 @@ +', 0); +?> + +
      +
      +

      +
      + +
      + +
      + +
      diff --git a/AvocadoAmber/theme/basic_community/skin/content/basic/style.css b/AvocadoAmber/theme/basic_community/skin/content/basic/style.css new file mode 100644 index 0000000..b27af26 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/content/basic/style.css @@ -0,0 +1,33 @@ +@charset "utf-8"; + +/* 내용관리 */ +#ctt { + margin: 10px 0; + padding: 20px; + background: #fff +} + +.ctt_admin { + text-align: right +} + +#ctt header h1 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#ctt_con { + padding: 10px 0; + line-height: 1.6em +} + +#ctt_con img { + max-width: 100%; + height: auto +} + +.ctt_img { + text-align: center +} diff --git a/AvocadoAmber/theme/basic_community/skin/outlogin/basic/img/chk.png b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/img/chk.png new file mode 100644 index 0000000..2841a67 Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/img/chk.png differ diff --git a/AvocadoAmber/theme/basic_community/skin/outlogin/basic/img/info_edit.png b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/img/info_edit.png new file mode 100644 index 0000000..ce5eae3 Binary files /dev/null and b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/img/info_edit.png differ diff --git a/AvocadoAmber/theme/basic_community/skin/outlogin/basic/outlogin.skin.1.php b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/outlogin.skin.1.php new file mode 100644 index 0000000..4195446 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/outlogin.skin.1.php @@ -0,0 +1,63 @@ +', 0); +?> + +
      +
      +

      회원로그인

      + 회원가입 +
      +
      +
      +
      + + + + + + +
      +
      +
      + + +
      + +
      +
      +
      +
      + + diff --git a/AvocadoAmber/theme/basic_community/skin/outlogin/basic/outlogin.skin.2.php b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/outlogin.skin.2.php new file mode 100644 index 0000000..5ce5f79 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/outlogin.skin.2.php @@ -0,0 +1,55 @@ +', 0); +?> + + +
      +
      +

      나의 회원정보

      + + + + 님 + 정보수정 + 관리자 +
      + + +
      + + + diff --git a/AvocadoAmber/theme/basic_community/skin/outlogin/basic/style.css b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/style.css new file mode 100644 index 0000000..5a7b17a --- /dev/null +++ b/AvocadoAmber/theme/basic_community/skin/outlogin/basic/style.css @@ -0,0 +1,370 @@ +@charset "utf-8"; + +/* 아웃로그인 스킨 */ +.ol { + position: relative; + border: 1px solid #dde7e9; + margin-bottom: 15px; + border-radius: 3px +} + +.ol h2 { + width: 117px; + float: left; + padding: 15px 0; + text-align: center +} + +.ol .join { + width: 116px; + float: left; + padding: 15px 0; + text-align: center; + background: #f7f7f7; + color: #6e6e6e +} + +.ol #ol_be_cate:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +.ol form { + padding: 20px +} + +.ol a.btn_admin { + display: inline-block; + padding: 0 10px; + height: 25px; + text-decoration: none; + line-height: 25px; + vertical-align: middle +} + +/* 관리자 전용 버튼 */ +.ol a.btn_admin:focus, +.ol a.btn_admin:hover { + text-decoration: none +} + +.ol .login-sns { + padding-bottom: 0px +} + +#ol_before {} + +#ol_before:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#ol_before .ol_wr { + position: relative; + margin-bottom: 5px +} + +#ol_id { + display: block; + width: 100%; + border: 1px solid #d0d3db; + padding: 0 10px; + height: 35px; + margin-bottom: 5px; + border-radius: 3px +} + +#ol_pw { + display: block; + width: 100%; + border: 1px solid #d0d3db; + padding: 0 10px; + height: 35px; + margin-bottom: 5px; + border-radius: 3px +} + +#ol_submit { + width: 100%; + height: 35px; + background: #3a8afd; + border-left: 1px solid #ccc; + color: #fff; + font-weight: bold; + font-size: 1.167em; + border-radius: 3px +} + +#ol_svc { + float: right; + line-height: 20px +} + +#ol_svc a { + display: inline-block; + border: 1px solid #d5d9dd; + color: #3a8afd; + border-radius: 2px; + padding: 2px 5px +} + +#ol_auto { + float: left; + line-height: 20px; + margin-top: 5px +} + +#ol_auto label { + color: #555; + vertical-align: baseline +} + +#ol_auto input { + width: 13px; + height: 13px +} + +.ol_auto_wr:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#sns_login { + margin-top: 0 !important; + border-top: 0 !important +} + +#sns_login h3 { + position: absolute; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#ol_after {} + +#ol_after_hd { + position: relative; + padding: 10px; + padding-left: 80px; + height: 80px +} + +#ol_after_hd strong { + display: block; + margin: 5px 0 10px +} + +#ol_after_hd .profile_img { + position: absolute; + top: 15px; + left: 15px; + display: inline-block +} + +#ol_after_hd .profile_img img { + border: 1px solid #bbb; + border-radius: 50%; + width: 50px; + height: 50px +} + +#ol_after_hd .profile_img a { + text-align: center; + font-size: 17px; + width: 30px; + line-height: 30px; + color: #777 +} + +#ol_after_info { + display: inline-block; + height: 28px; + line-height: 22px; + border: 1px solid #d5d9dd; + color: #3a8afd; + border-radius: 2px; + padding: 2px 5px +} + +#ol_after h2 { + margin: 0; + padding: 0; + width: 1px; + height: 1px; + font-size: 0; + line-height: 0; + overflow: hidden +} + +#ol_after_hd .btn_admin { + border-radius: 3px; + height: 28px; + line-height: 28px; + vertical-align: baseline +} + +#ol_after_hd .btn_b04 { + line-height: 23px; + padding: 0 5px +} + +#ol_after_private { + zoom: 1 +} + +#ol_after_private:after { + display: block; + visibility: hidden; + clear: both; + content: "" +} + +#ol_after_private li { + text-align: left; + position: relative; + text-align: left +} + +#ol_after_private li:first-child a { + border-left: 0 +} + +#ol_after_private a { + display: block; + color: #465168; + line-height: 18px; + padding: 10px 10px 10px 20px +} + +#ol_after_private a strong { + display: inline-block; + float: right; + max-width: 87px; + overflow: hidden; + white-space: nowrap; + text-overflow: clip; + color: #3a8afd; + padding: 0 5px; + border-radius: 15px; + font-size: 0.92em +} + +#ol_after_private a:hover strong { + background: #4b8bff +} + +#ol_after_private li a:hover { + color: #4b8bff; + background: #f7f7f7 +} + +#ol_after_private li a:hover:after { + position: absolute; + left: -1px; + top: 0; + width: 2px; + height: 38px; + background: #3a8afd; + content: "" +} + +#ol_after_private li i { + width: 25px; + color: #8c9eb0; + margin-right: 5px +} + +#ol_after_private li:hover i { + color: #3a8afd +} + +#ol_after_private .win_point:hover strong { + background: #37bc9b; + color: #fff +} + +#ol_after_private .win_memo:hover strong { + background: #8cc152; + color: #fff +} + +#ol_after_private .win_scrap:hover strong { + background: #ff8b77; + color: #fff +} + +#ol_after_logout { + text-align: center; + font-weight: bold; + display: block; + padding: 15px 0; + color: #a0a0a1; + border-top: 1px solid #dde7e9 +} + +#ol_after_logout:hover { + color: #3c8bfd +} + +#ol_after_memo { + margin-right: 1px +} + +#ol_after_pt { + margin-right: 1px +} + +.selec_chk { + position: absolute; + top: 0; + left: 0; + width: 0; + height: 0; + opacity: 0; + outline: 0; + z-index: -1; + overflow: hidden +} + +.chk_box { + position: relative +} + +.chk_box input[type="checkbox"]+label { + padding-left: 20px; + color: #676e70 +} + +.chk_box input[type="checkbox"]+label:hover { + color: #2172f8 +} + +.chk_box input[type="checkbox"]+label span { + position: absolute; + top: 2px; + left: 0; + width: 15px; + height: 15px; + display: block; + margin: 0; + background: #fff; + border: 1px solid #d0d4df; + border-radius: 3px +} + +.chk_box input[type="checkbox"]:checked+label { + color: #000 +} + +.chk_box input[type="checkbox"]:checked+label span { + background: url(./img/chk.png) no-repeat 50% 50% #3a8afd; + border-color: #1471f6; + border-radius: 3px +} diff --git a/AvocadoAmber/theme/basic_community/tail.php b/AvocadoAmber/theme/basic_community/tail.php new file mode 100644 index 0000000..9336035 --- /dev/null +++ b/AvocadoAmber/theme/basic_community/tail.php @@ -0,0 +1,36 @@ + +
      + +
      + + + + + + + + + + + + + + diff --git a/AvocadoAmber/theme/basic_community/tail.sub.php b/AvocadoAmber/theme/basic_community/tail.sub.php new file mode 100644 index 0000000..5e3820e --- /dev/null +++ b/AvocadoAmber/theme/basic_community/tail.sub.php @@ -0,0 +1,17 @@ + + + + + + +