"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; /* 클릭 시 테두리 */
}