미디어위키

"Common.css"의 두 판 사이의 차이

North Korea Humanities

2번째 줄: 2번째 줄:
 
cite {
 
cite {
 
   box-shadow: inset 0 -20px 0 #FAFAFA;
 
   box-shadow: inset 0 -20px 0 #FAFAFA;
 +
}
 +
 +
/*241113*/
 +
/* inputbox 버튼 스타일 */
 +
.inputbox-button {
 +
    background-color: #4CAF50; /* 버튼 배경 색상 (초록색) */
 +
    color: white; /* 텍스트 색상 */
 +
    border: 2px solid #4CAF50; /* 버튼 테두리 */
 +
    border-radius: 4px; /* 둥근 모서리 */
 +
    padding: 10px 20px; /* 버튼 크기 */
 +
    font-size: 16px; /* 글자 크기 */
 +
    cursor: pointer; /* 클릭 시 커서 변경 */
 +
    transition: background-color 0.3s, border 0.3s; /* 부드러운 색상 전환 */
 +
}
 +
 +
/* 버튼에 마우스를 올렸을 때 색상 변경 */
 +
.inputbox-button:hover {
 +
    background-color: #45a049; /* 더 진한 초록색 */
 +
    border: 2px solid #45a049; /* 테두리 색상 변경 */
 +
}
 +
 +
/* 버튼 클릭 효과 */
 +
.inputbox-button:active {
 +
    background-color: #3e8e41; /* 클릭 시 색상 */
 +
    border: 2px solid #3e8e41; /* 클릭 시 테두리 */
 
}
 
}

2024년 11월 13일 (수) 14:04 판

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
cite {
  box-shadow: inset 0 -20px 0 #FAFAFA;
}

/*241113*/
/* inputbox 버튼 스타일 */
.inputbox-button {
    background-color: #4CAF50; /* 버튼 배경 색상 (초록색) */
    color: white; /* 텍스트 색상 */
    border: 2px solid #4CAF50; /* 버튼 테두리 */
    border-radius: 4px; /* 둥근 모서리 */
    padding: 10px 20px; /* 버튼 크기 */
    font-size: 16px; /* 글자 크기 */
    cursor: pointer; /* 클릭 시 커서 변경 */
    transition: background-color 0.3s, border 0.3s; /* 부드러운 색상 전환 */
}

/* 버튼에 마우스를 올렸을 때 색상 변경 */
.inputbox-button:hover {
    background-color: #45a049; /* 더 진한 초록색 */
    border: 2px solid #45a049; /* 테두리 색상 변경 */
}

/* 버튼 클릭 효과 */
.inputbox-button:active {
    background-color: #3e8e41; /* 클릭 시 색상 */
    border: 2px solid #3e8e41; /* 클릭 시 테두리 */
}