[잡담] css 백업

ul, li{margin:0px;padding:0px}
body {background:#345}

#mLeft, #mCenter, #myMenu {background:white}
.mypiNick {border:1px solid #ddd;opacity:0.65}
#mypiWrap {width:70%;border:2px solid white;float:left}
#mLeft {padding-left:7px;height:500px}
/* 상단 메뉴 */
#mypiTop {border-bottom:0px;width:99.1%;margin:0}
#myMenu {width:100%;height:50px;margin:3px 0 3px 0;padding-left:15px;background:#f8f8f8}
#myMenu > li {list-styte-:none;
display:inline-block;border-top:4px solid transparent;margin:5px 0px 5px 0px;
width:100px;height:25px;padding-top:10px;transition:all 0.5s ease-in-out;}
#myMenu > li:hover {border-top:4px solid #78c8c8;}
#myMenu > li:hover a{opacity:1}
#myMenu > li > a {text-align:center;display:block;width:100%;height:100%;opacity:0.5}
#myMenu > li > ul {max-height:0px;overflow:hidden;p-osition:absolute;
border:1px solid #ddd;width:90px;text-align:center;opacity:0;
transition:max-height 1s ease-in-out;background:white;
box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.15);padding:3px}
#myMenu > li > ul > li {height:25px;padding-top:5px}
#myMenu > li > ul > li:hover{background:#78c8c8}
#myMenu > li:hover ul {max-height:200px;opacity:1}
#myMenu > li > ul > li > a {display:block}
/*프로필 이미지 테두리*/
.mypiMark > img {border:1px solid #ccc}
/*제목 숨기기*/
.txt {display:none}
/* 전체 앵커태그 초기화 */
a:hover {text-decoration:none}
/* 메뉴 앞 아이콘 지우기 */
.mypiMenu01 > .ico_comm {background-image:none}
.mypiMenu02 > .ico_comm {background-image:none}
.subject {border-bottom:none}
/* 카테고리 숨기기 */
.subject{display:none}
/* 프로필 숨기기 */
.mypiMenu01 + .subject {display:none}
/* 서브 메뉴 이벤트 설정 */
.mypiMenu01, .mypiMenu02 {display:none}
/*
.mypiMenu01, .mypiMenu02 {width:150px;border:1px solid #ccc;
overflow:hidden;max-height:0px;transition:all 0.5s ease-in-out;opacity:0}
.subject:hover + .mypiMenu01{max-height:200px;opacity:1}
.mypiMenu01 > a {display:block;transition:background 0.5s ease-in-out;}
.mypiMenu01:hover {max-height:300px;opacity:1}
.subject{clear:both;width:150px;margin:14px 0 5px 0;}
.mypiMenu01 > a:hover {background:#78c8c8}
*/
/* 댓글 부 수정 */
.box_txt_area > textarea[name=content]:focus {border:1px solid red;}
.box_txt_area > textarea[name=content] {border:1px solid black;
width:95%;height:50px;transition:border 0.5s ease-in-out;padding:3px;display:block;margin-bottom:5px}

.mypiReply, .mypiReply div{background:#f8f8f8}
.mypiMenu02 {margin-bottom:10px}
.m1{background:#eee}
.cm02 > li {padding-right:5px;margin-left:3px}
.cm02 > li:first-child > a{color:red;}
.cm02 > li:nth-child(2) > a{color:blue;}
.cm02 > li:first-child {color:red;border:1px solid transparent;transition:border 0.5s ease-in-out}
.cm02 > li:nth-child(2) {color:blue;border:1px solid transparent;transition:border 0.5s ease-in-out}
.cm02 > li:first-of-type:hover, .cm02 > li:nth-of-type(2):hover {font-weight:900}
.cm01 > b {text-align:center;background:#78c8c8;padding:5px;opacity:0.85}
.mypiZmenu2 > .cm01 > b {text-align:center;color:white;background:red;padding:5px;opacity:0.75;margin-left:13px}
.cm01 > img:first-child {display:none}

.mypiZmenu, .mypiZmenu2 {padding-top:7px;border:none;}
.mypiZmenu {height:19px;}
.mypiZmenu2 {padding-left:7px;height:18px;}
.readcomment, .readcomment2 {margin:2px 7px 0px 7px;padding:7px;}
.readcomment {border:1px solid #78c8c8;}
.readcomment2 {padding-left:7px;border:1px solid red;margin-left:20px}
/* 페이징 색깔 수정*/
.paging_comm .num:hover, .paging_comm em.num {border:1px solid #78c8c8;color:#78c8c8}
/*방문자 수 색깔*/
.mypiEtc > li:nth-child(1) {color:blue}
.mypiEtc > li:nth-child(2) {color:red}
/*짝수 게시글 배경색 변경*/
.mypiList > li:nth-child(even) {background:#eee}
/*게시글 마우스 오버 이벤트*/
.mypiList > li {transition:background 0.5s ease-in-out}
.mypiList > li:hover {background:#78c8c8}
/*카테고리 강조*/
.mypiList > li > a > b {color:red;font-styte:bold}
td.m1 > a > b {color:red}
/* 검색 박스 */
.mypiFind > form > -nput.search {padding-left:5px;transition:border 0.5s ease-in-out}
.mypiFind > form > -nput.search:focus {border:1px solid red;background:#eee}
/* 댓글 아이디 옆 마이피 정보 친구신청 숨기고 보여주기 */
.cm01 > a {display:none;}
.cm01 > a:nth-of-type(1) {width:35px}
.cm01 > a:nth-of-type(2) {width:18px}
.cm01 > a:nth-of-type(3) {width:50px}
.cm01:hover a{display:inline-block}
/* 댓글 답글 화살표 숨기기 */
.readcomment > a > img {display:none}
/*카운터부 수정*/
.mypiEtc {text-align:right;padding-right:8px}
.mypiFind + h4 {text-align:right;padding-right:8px}
.mypiEtc > li:nth-child(n+3) {display:none}
/* 댓글부 */
.mypiReply,.mypiComm {p-osition:absolute;float:right;width:29%;z-in!de:9999;right:5px}
.mypiReply {top:230px;padding-bottom:8px}
.mypiComm {top:115px}
.mypiComm:after {content:"";clear:both}
.btn_comm > -nput, .btn_comm > li {display:inline-block;margin-right:5px}
.mypiReply, .mypiComm {border:2px solid white}
/* 상단 메뉴 */

• 전체보기


• 카테고리
  
  
  
  • 잡담
  
  
  • 유머
  
  
  • 동물
  
  
  
  


• 마이피