0
0
애니멀과 퀸티어 양대축임
<style id="stylus-1" type="text/css" class="stylus"> @import url("http://taitems.github.io/Aristo-jQuery-UI-Theme/css/Aristo/Aristo.css"); /* jquery-ui 테마 */.view_reply { font-size:12px; height:16px; line-height:12px; padding:1px 2px; cursor:pointer; } /* 댓글띄우기 버튼 *//*광고 제거*/.top_ad, #left_ad, #center_ad02, #right_cont{display:none;}/*최하단 레이아웃제거.footer {display: none;}*//*담장 제목 제거.main_contents .tit_today {display:none;}*//*layout 크기*/.index {width: 100%;min-width: 900px;}.index{background:#ffffff;}.index #PCHeader .bg .gnb {width: 900px;margin: auto;}.index #container {width: 900px;margin: auto;}.index #container .contents {width: 900px;margin: auto;}/*Today best bullpen 레이아웃*/.main_contents .tit_today {width: 880px; /* "layout px"-20=width */height: 53px;line-height: 53px;color: #ec4908;font-size: 22px;font-weight: bold;border-bottom: 1px solid #ebebeb;background: #fafafa;vertical-align: middle;padding: 0 10px;letter-spacing: -1px;}/*상하단바 배경색*/.footer, .index #PCHeader .bg{background:#5181e3;}/*메뉴및 로고 */.index #PCHeader .main_menu .logo { padding: 15px 0px 0 0;width: 50px;}/*상단 메뉴 넓이*/.index #PCHeader .main_menu {width:900px;position: relative;margin: auto;padding: 0 0 0 0;}/*상단 글쓰기 검색 버튼*/.index #PCHeader .btn_box {width:80px; position: relative;margin: auto;padding: 0 0 0 0;}/*글 상단 추천 조회 리플 위치*/.index #container .contents .left_cont .view_head .text {width: 860px;}/*게시판 넓이*/.left_cont table{width:900px !important; }/*게시물 창 넓이*/.index #container .contents .left_cont {/* position: relative; *//* float: left; */width: 900px; margin: auto;}/*담장*/.today_layer_obj { width: 900px;position: relative;margin: auto;margin-bottom: 10px; /*하단 여백*/padding: 0 0 0 0;}.lists_today_contxt { width:900px; }.lists_today_contxt > div { width:100%; }.main_contents .nav li { width:264px; }.lists_today { width:264px; }/*담장 텍스트 조정*/.lists_today .items .text .title a {width: 262px !important; /* ("layout px" -108)/3=width */text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}/*이전 게시판*/.prev_list {margin: 10px 1px;}/*텍스트조정*//*게시물번호색조정*/.tbl_type01 tbody tr td {height: 36px;border-top: 1px solid #ededed;text-align: center;vertical-align: middle;color: #999;}/*한줄씩 색깔구분*/.tbl_type01 tr:nth-child(odd) {background-color: #fff;}.tbl_type01 tr:nth-child(even) {background-color: #F9F9F9;}.tbl_type01 tr:hover {background-color: #E0F0FF;}/*말머리 괄호*/.tbl_type01 tbody tr td .word:before {content:'['}.tbl_type01 tbody tr td .word:after {content:']'}/*말머리 색 조정*/.tbl_type01 tbody tr td .word, .main_contents .nav .bestTitle{color:#25a;}/*게시물 제목*/.tbl_type01 tbody tr td{padding:0 4px 0 0;}.tbl_type01 tbody tr td a:visited{color: #999;}/*조회수 텍스트 설정*/.tbl_type01 .viewV {padding-right: 5px;font-weight:bold;color: #242424;}/*댓글수 색 조정*/.tbl_type01 .replycnt {color: #FF871E;font-weight: bold;}/*댓글입력박스*/#contentTable{width:95%;margin:0 0 0 30px;}#center_ad01, .right_menu, .picture{display:none;}/*댓글 레이아웃 배경*/.reply_list {padding: 10px 0px 10px 0px;}/*타인 댓글 설정*//*타인 댓글 한줄씩 색구분*/.reply_list .other_reply .txt:nth-child(odd) {position: relative;float: left;max-width: 90%;padding: 15px 10px;background: rgba( 255, 255, 255, 0);border-radius: 0 10px 10px 10px;text-overflow: ellipsis;text-align: left;font-family: "굴림" , "Gulim";}.reply_list .other_con:nth-child(odd) {overflow: hidden;position: relative;margin: 0 0 0 0;padding: 10px 0 0 55px;background: #f7f7f7}.reply_list .other_con:nth-child(even) {overflow: hidden;position: relative;margin: 0 0 0 0;padding: 10px 0 0 55px;background: #fff}.reply_list .other_con .txt .icon_arr {display: none;}.reply_list, #cmtFormTable td{background:#9bbad8 !important;}.reply_list .other_reply .txt span, .tbl_type01 thead tr td{color:#000;}.reply_list, #cmtFormTable td {background: #f7f7f7 !important;}.reply_list .other_reply .txt, .reply_list .other_con .txt .icon_arr, .reply_list .my_reply .txt {background: #f7f7f7; }/*타인 댓글 포토사진*/.reply_list .other_con .photo img {position: absolute;left: 10px;border-radius: 20%;border:1px solid #ddd;}.reply_list .other_con .photo {position: absolute;top: 10px;left: 0;width: 37px;height: 37px;border-radius: 100%;border: 0px solid #bfbfbf;}/*타인 댓글 경계선*/.reply_list .other_con {border-bottom:1px solid #ccc;}/*타인 닉네임 설정*/.reply_list .other_reply .txt_box .name {color:#5181e3;font-weight:bold;}/*본인 댓글 설정*//*본인 닉네임 설정*/.reply_list .my_reply .txt_box .name {color:#000;font-weight:bold;}.reply_list .my_con {border-bottom:1px solid #ccc;}/*본인 댓글 배경색 및 위치*/.reply_list .my_con {overflow: hidden;position: relative;margin: 0 0 0 0;padding: 10px 0 0 55px;background: #FFFFE4;}.reply_list .my_reply .txt {float: left;background: rgba( 255, 255, 255, 0);}.reply_list .my_con .photo {position: absolute;top: 10px;left: 10px;width: 37px;height: 37px;border-radius: 20%;border: 1px solid #bfbfbf;}.reply_list .ip {display: inline;}.txt {margin-top:-10px;margin-bottom:-10px;}.tbl_type01 tbody tr td{height : 30px}#contentDetail img{width:80% !important;}/** 검색창 **/.searchbox .search_form {width:100% ; height:50px;background: #5181e3; /*색*/margin-bottom:2px;}.search_form {margin-bottom: 0px;}#searchbox{ left: 58% !important; /*좌우 이동*/position: absolute !important;display: block !important;width:325px; height: 30px !important; /*크기 조절*/top:0 !important;margin: 0 0 0 0;overflow-y: hidden !important;}#searchbox #search_suggest{display: none !important;height: 0px !important;}#searchbox .search_close{display: none !important;height: 0px !important;}.searchbox .search_form .in_t input{width: 110% !important;}.searchbox .search_form .in_t {padding: 2px 40px 6px 12px;}.searchbox .search_form .in_s{top: 2px; right:30px;}.searchbox .search_form .in_t .sel{top:10px; border-right:0px !important;}.ui-effects-wrapper{left:0px !important;}.searchbox .search_txt{display : none !important;}.searchbox div[style*="height: 100%"]{height:32px !important;overflow-y: hidden !important;top:10px; left:60% !important;}.index #container .contents .left_cont .view_head .text {width : 850px;}/* 댓글띄우기 버튼 꾸미기 (첫째줄에 jquery-ui 테마와 같이 쓰이는 부분이다) */.view_reply { border-radius:12px; font-size:10px; height:16px; line-height:2px; padding:1px 1px; cursor:pointer; color:white; background-color: #F37E59;border: 0px solid #4081AF; } - 아래 코드를 확장프로그램 Custom Javascript for websites 에 붙여 넣기하면 됩니다.// Here You can type your custom JavaScript...$(document).ready(function(){ $(".tbl_type01 span.viewV").each(function(){ var num = $(this).text().replace(",","") * 1; if(num>=2000) { $(this).closest("tr").find("td:nth-child(2) a").css("color", "#cc6666").css("font-weight",600); } else if(num>=1000) { $(this).closest("tr").find("td:nth-child(2) a").css("color", "#6666cc").css("font-weight",600); } else if(num>=500) { $(this).closest("tr").find("td:nth-child(2) a").css("color", "#559977").css("font-weight",600); } });});$(document).ready(function(){ $(".tbl_type01 span.replycnt").each(function(){ var num = $(this).text().replace("[","").replace("]","") * 1; var id = $(this).closest("td").prop("id").replace("list_",""); var title = $(this).closest("a").prop("title"); var b =$(this).closest("a").prop("href"); if(num>0) { $(this).closest("td").append(""); } }); $(".view_reply").bind("click", function(){ var nowpage=$(this).data("b"); var url ="b.php?id="+$(this).data("id")+"&b="+nowpage+"&m=view&select=title .reply_list"; var title = $(this).data("title"); $("").dialog({ modal:true, closeOnEscape:true, clickOutside: true, open:function(){ $(this).load(url); }, width:980, maxHeight:800, title: title, position: { my: "center", at: "center", of: window } }); });});.left_cont table{font-family:"나눔고딕" !important; /* 글 폰트 지정 */font-size:105%;width:800px !important; /* 전체 폭 지정 */}#contentTable{width:90%; /* 리플 등록 칸 폭 지정 */margin:0 0 0 20px; font-family:"나눔고딕" !important;font-size:105%;}.bigtoon_sub {display:none;}.list_search+div {display:none; }.view_context+div {display:none; } <style id="stylus-1" type="text/css" class="stylus"> @import url("http://taitems.github.io/Aristo-jQuery-UI-Theme/css/Aristo/Aristo.css"); /* jquery-ui 테마 */.view_reply { font-size:12px; height:16px; line-height:12px; padding:1px 2px; cursor:pointer; } /* 댓글띄우기 버튼 *//*광고 제거*/.top_ad, #left_ad, #center_ad02, #right_cont{display:none;}/*최하단 레이아웃제거.footer {display: none;}*//*담장 제목 제거.main_contents .tit_today {display:none;}*//*layout 크기*/.index {width: 100%;min-width: 900px;}.index{background:#ffffff;}.index #PCHeader .bg .gnb {width: 900px;margin: auto;}.index #container {width: 900px;margin: auto;}.index #container .contents {width: 900px;margin: auto;}/*Today best bullpen 레이아웃*/.main_contents .tit_today {width: 880px; /* "layout px"-20=width */height: 53px;line-height: 53px;color: #ec4908;font-size: 22px;font-weight: bold;border-bottom: 1px solid #ebebeb;background: #fafafa;vertical-align: middle;padding: 0 10px;letter-spacing: -1px;}/*상하단바 배경색*/.footer, .index #PCHeader .bg{background:#5181e3;}/*메뉴및 로고 */.index #PCHeader .main_menu .logo { padding: 15px 0px 0 0;width: 50px;}/*상단 메뉴 넓이*/.index #PCHeader .main_menu {width:900px;position: relative;margin: auto;padding: 0 0 0 0;}/*상단 글쓰기 검색 버튼*/.index #PCHeader .btn_box {width:80px; position: relative;margin: auto;padding: 0 0 0 0;}/*글 상단 추천 조회 리플 위치*/.index #container .contents .left_cont .view_head .text {width: 860px;}/*게시판 넓이*/.left_cont table{width:900px !important; }/*게시물 창 넓이*/.index #container .contents .left_cont {/* position: relative; *//* float: left; */width: 900px; margin: auto;}/*담장*/.today_layer_obj { width: 900px;position: relative;margin: auto;margin-bottom: 10px; /*하단 여백*/padding: 0 0 0 0;}.lists_today_contxt { width:900px; }.lists_today_contxt > div { width:100%; }.main_contents .nav li { width:264px; }.lists_today { width:264px; }/*담장 텍스트 조정*/.lists_today .items .text .title a {width: 262px !important; /* ("layout px" -108)/3=width */text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}/*이전 게시판*/.prev_list {margin: 10px 1px;}/*텍스트조정*//*게시물번호색조정*/.tbl_type01 tbody tr td {height: 36px;border-top: 1px solid #ededed;text-align: center;vertical-align: middle;color: #999;}/*한줄씩 색깔구분*/.tbl_type01 tr:nth-child(odd) {background-color: #fff;}.tbl_type01 tr:nth-child(even) {background-color: #F9F9F9;}.tbl_type01 tr:hover {background-color: #E0F0FF;}/*말머리 괄호*/.tbl_type01 tbody tr td .word:before {content:'['}.tbl_type01 tbody tr td .word:after {content:']'}/*말머리 색 조정*/.tbl_type01 tbody tr td .word, .main_contents .nav .bestTitle{color:#25a;}/*게시물 제목*/.tbl_type01 tbody tr td{padding:0 4px 0 0;}.tbl_type01 tbody tr td a:visited{color: #999;}/*조회수 텍스트 설정*/.tbl_type01 .viewV {padding-right: 5px;font-weight:bold;color: #242424;}/*댓글수 색 조정*/.tbl_type01 .replycnt {color: #FF871E;font-weight: bold;}/*댓글입력박스*/#contentTable{width:95%;margin:0 0 0 30px;}#center_ad01, .right_menu, .picture{display:none;}/*댓글 레이아웃 배경*/.reply_list {padding: 10px 0px 10px 0px;}/*타인 댓글 설정*//*타인 댓글 한줄씩 색구분*/.reply_list .other_reply .txt:nth-child(odd) {position: relative;float: left;max-width: 90%;padding: 15px 10px;background: rgba( 255, 255, 255, 0);border-radius: 0 10px 10px 10px;text-overflow: ellipsis;text-align: left;font-family: "굴림" , "Gulim";}.reply_list .other_con:nth-child(odd) {overflow: hidden;position: relative;margin: 0 0 0 0;padding: 10px 0 0 55px;background: #f7f7f7}.reply_list .other_con:nth-child(even) {overflow: hidden;position: relative;margin: 0 0 0 0;padding: 10px 0 0 55px;background: #fff}.reply_list .other_con .txt .icon_arr {display: none;}.reply_list, #cmtFormTable td{background:#9bbad8 !important;}.reply_list .other_reply .txt span, .tbl_type01 thead tr td{color:#000;}.reply_list, #cmtFormTable td {background: #f7f7f7 !important;}.reply_list .other_reply .txt, .reply_list .other_con .txt .icon_arr, .reply_list .my_reply .txt {background: #f7f7f7; }/*타인 댓글 포토사진*/.reply_list .other_con .photo img {position: absolute;left: 10px;border-radius: 20%;border:1px solid #ddd;}.reply_list .other_con .photo {position: absolute;top: 10px;left: 0;width: 37px;height: 37px;border-radius: 100%;border: 0px solid #bfbfbf;}/*타인 댓글 경계선*/.reply_list .other_con {border-bottom:1px solid #ccc;}/*타인 닉네임 설정*/.reply_list .other_reply .txt_box .name {color:#5181e3;font-weight:bold;}/*본인 댓글 설정*//*본인 닉네임 설정*/.reply_list .my_reply .txt_box .name {color:#000;font-weight:bold;}.reply_list .my_con {border-bottom:1px solid #ccc;}/*본인 댓글 배경색 및 위치*/.reply_list .my_con {overflow: hidden;position: relative;margin: 0 0 0 0;padding: 10px 0 0 55px;background: #FFFFE4;}.reply_list .my_reply .txt {float: left;background: rgba( 255, 255, 255, 0);}.reply_list .my_con .photo {position: absolute;top: 10px;left: 10px;width: 37px;height: 37px;border-radius: 20%;border: 1px solid #bfbfbf;}.reply_list .ip {display: inline;}.txt {margin-top:-10px;margin-bottom:-10px;}.tbl_type01 tbody tr td{height : 30px}#contentDetail img{width:80% !important;}/** 검색창 **/.searchbox .search_form {width:100% ; height:50px;background: #5181e3; /*색*/margin-bottom:2px;}.search_form {margin-bottom: 0px;}#searchbox{ left: 58% !important; /*좌우 이동*/position: absolute !important;display: block !important;width:325px; height: 30px !important; /*크기 조절*/top:0 !important;margin: 0 0 0 0;overflow-y: hidden !important;}#searchbox #search_suggest{display: none !important;height: 0px !important;}#searchbox .search_close{display: none !important;height: 0px !important;}.searchbox .search_form .in_t input{width: 110% !important;}.searchbox .search_form .in_t {padding: 2px 40px 6px 12px;}.searchbox .search_form .in_s{top: 2px; right:30px;}.searchbox .search_form .in_t .sel{top:10px; border-right:0px !important;}.ui-effects-wrapper{left:0px !important;}.searchbox .search_txt{display : none !important;}.searchbox div[style*="height: 100%"]{height:32px !important;overflow-y: hidden !important;top:10px; left:60% !important;}.index #container .contents .left_cont .view_head .text {width : 850px;}/* 댓글띄우기 버튼 꾸미기 (첫째줄에 jquery-ui 테마와 같이 쓰이는 부분이다) */.view_reply { border-radius:12px; font-size:10px; height:16px; line-height:2px; padding:1px 1px; cursor:pointer; color:white; background-color: #F37E59;border: 0px solid #4081AF; } - 아래 코드를 확장프로그램 Custom Javascript for websites 에 붙여 넣기하면 됩니다.// Here You can type your custom JavaScript...$(document).ready(function(){ $(".tbl_type01 span.viewV").each(function(){ var num = $(this).text().replace(",","") * 1; if(num>=2000) { $(this).closest("tr").find("td:nth-child(2) a").css("color", "#cc6666").css("font-weight",600); } else if(num>=1000) { $(this).closest("tr").find("td:nth-child(2) a").css("color", "#6666cc").css("font-weight",600); } else if(num>=500) { $(this).closest("tr").find("td:nth-child(2) a").css("color", "#559977").css("font-weight",600); } });});$(document).ready(function(){ $(".tbl_type01 span.replycnt").each(function(){ var num = $(this).text().replace("[","").replace("]","") * 1; var id = $(this).closest("td").prop("id").replace("list_",""); var title = $(this).closest("a").prop("title"); var b =$(this).closest("a").prop("href"); if(num>0) { $(this).closest("td").append(""); } }); $(".view_reply").bind("click", function(){ var nowpage=$(this).data("b"); var url ="b.php?id="+$(this).data("id")+"&b="+nowpage+"&m=view&select=title .reply_list"; var title = $(this).data("title"); $("").dialog({ modal:true, closeOnEscape:true, clickOutside: true, open:function(){ $(this).load(url); }, width:980, maxHeight:800, title: title, position: { my: "center", at: "center", of: window } }); });});.left_cont table{font-family:"나눔고딕" !important; /* 글 폰트 지정 */font-size:105%;width:800px !important; /* 전체 폭 지정 */}#contentTable{width:90%; /* 리플 등록 칸 폭 지정 */margin:0 0 0 20px; font-family:"나눔고딕" !important;font-size:105%;}.bigtoon_sub {display:none;}.list_search+div {display:none; }.view_context+div {display:none; }
|
|
빌 
