|
|
| Line 41: |
Line 41: |
| } | | } |
|
| |
|
| .card{ | | .card { |
| background-color: $card-bgcolor;
| | width: 190px; |
| width: $card_width; | | height: 254px; |
| min-height: $card_height; | | border-radius: 20px; |
| | | padding: 5px; |
| display: -webkit-box;
| | box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px; |
|
| | background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB); |
| display: -ms-flexbox;
| |
|
| |
| display: flex;
| |
| -webkit-box-orient: vertical;
| |
| -webkit-box-direction: normal;
| |
| -ms-flex-direction: column;
| |
| flex-direction: column;
| |
| padding: $card_padding; | |
| margin: $card_margin; | |
|
| |
| -webkit-box-shadow: $card-shadow;
| |
|
| |
| box-shadow: $card-shadow;
| |
| border-radius: $card_round;
| |
|
| |
| -webkit-animation-name: shadow-show; /* Safari 4.0 - 8.0 */
| |
| -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
| |
| animation-name: shadow-show;
| |
| animation-duration: 1.5s;
| |
|
| |
| -webkit-transition-timing-function: cubic-bezier(0.795, 0.000, 0.165, 1.000);
| |
| -o-transition-timing-function: cubic-bezier(0.795, 0.000, 0.165, 1.000);
| |
| transition-timing-function: cubic-bezier(0.795, 0.000, 0.165, 1.000); /* custom */
| |
| | |
|
| |
| h1,h2,h3,h4,h5{
| |
| margin: 0px;
| |
| padding: $card_head_padding;
| |
| font-family: 'Noto Sans KR', sans-serif;
| |
| font-size: 30px;
| |
| color: $black;
| |
| } | |
|
| |
| hr{
| |
| display: block;
| |
| border: none;
| |
| height: 3px;
| |
| background-color: $point;
| |
| margin: 0px;
| |
|
| |
| -webkit-animation-name: line-show; /* Safari 4.0 - 8.0 */
| |
| -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
| |
| animation-name: line-show;
| |
| animation-duration: 0.3s;
| |
| -webkit-transition-timing-function: cubic-bezier(0.795, 0.000, 0.165, 1.000);
| |
| -o-transition-timing-function: cubic-bezier(0.795, 0.000, 0.165, 1.000);
| |
| transition-timing-function: cubic-bezier(0.795, 0.000, 0.165, 1.000); /* custom */
| |
| }
| |
|
| |
| p{
| |
| margin: $card-padding-basis 0px 0px 0px;
| |
| font-family: 'Noto Sans KR', sans-serif;
| |
| font-weight: 100;
| |
| letter-spacing: -0.25px;
| |
| line-height: 1.25;
| |
| font-size: 16px;
| |
| word-break: break-all;
| |
| word-wrap: pre-wrap;
| |
| color: $black;
| |
|
| |
| -webkit-animation-name: p-show; /* Safari 4.0 - 8.0 */
| |
| -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
| |
| animation-name: p-show;
| |
| animation-duration: 1.5s;
| |
| }
| |
|
| |
| button{
| |
| border: none;
| |
| background-color: $point;
| |
| width: 50%;
| |
| margin: 10px auto;
| |
| padding: 10px 30px;
| |
| color: white;
| |
| font-family: 'Noto Sans KR', sans-serif;
| |
| text-transform: uppercase;
| |
| }
| |
|
| |
| } | | } |
/* CSS placed here will be applied to all skins */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading {
display: none;
}
#all-reports > ul {
list-style-type: none;
columns: 3 auto;
}
#all-reports > ul > li {
text-align: center;
padding: 5px;
border: 2px solid gray;
border-radius: 5px;
font-size: 20px;
transition: 0.5s;
}
#all-reports > ul > li:hover {
font-size: 25px;
transition: 0.5s;
transition-timing-function: ease-in-out;
border-color: #87cecd;
}
#all-reports > ul > li > a {
color: gray;
}
#all-reports > ul > li:hover > a {
color: #87cecd;
transition: 0.5s;
}
a.external:after {
display: none !important;
}
.card {
width: 190px;
height: 254px;
border-radius: 20px;
padding: 5px;
box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB);
}
