인프런 커뮤니티 질문&답변
작성한 질문수
사이드바와 css
작성
·
123
답변 1
0
1. 사이드바 이미지는 "_config.yml" 파일에
image: /assets/img/main_left.jpg
에서 바꿀수 있습니다.
2. 이전, 이후글 css 적용은 "assets/css/hydejack.css" 파일에서 스타일을 적용할수 있습니다.
.button {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:16px;
border:3px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:18px;
font-weight:bold;
padding:6px 100px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.button:hover {
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.button:active {
position:relative;
top:1px;
}
.page-control-upside {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.page-control-upside > div {
max-width: 50%;
}
.btn {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#6942f3;
border-radius:16px;
border:3px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:6px 50px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.btn:hover {
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.btn:active {
position:relative;
top:1px;
}