MediaWiki:Common.css: Difference between revisions

Revision as of 17:51, 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 {
  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);
}

@@ 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;
-  }
 }