MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Manual revert |
No edit summary |
||
Line 39: | Line 39: | ||
a.external:after { | a.external:after { | ||
display: none !important; | display: none !important; | ||
} | |||
.card{ | |||
background-color: $card-bgcolor; | |||
width: $card_width; | |||
min-height: $card_height; | |||
display: -webkit-box; | |||
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; | |||
} | |||
} | } |
Revision as of 17:49, 16 July 2023
/* 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{
background-color: $card-bgcolor;
width: $card_width;
min-height: $card_height;
display: -webkit-box;
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;
}
}