MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 10:42, 15 February 2021

1,500 bytes added ,  3 years ago
Hopefully this doesn't look too ugly
m (Moved enchantment code to the appropriate location)
(Hopefully this doesn't look too ugly)
Line 1,866: Line 1,866:
}
}


.enchanted {
/* ========================================================================= */
/*                                                                          */
/*          Classes corresponding to Minecraft Written Book display          */
/*                                                                          */
/* ========================================================================= */
 
.book {
  background-image: url(https://wiki.gm4.co/images/e/e2/Book_page.png);
  background-size: 292px 360px;
  line-height: 18px;
   position: relative;
   position: relative;
  font-family: minecraftia;
  width: 292px;
  height: 360px;
  font-size: 16px;
  padding-top: 27px;
  padding-left: 32px;
  padding-right: 34px;
  padding-bottom: 2px;
  box-sizing: border-box;
  user-select: none;
}
.book_pagetext {
  overflow-wrap: break-word;
  white-space: break-spaces;
  display: none;
  width: 228px;
  height: 252px;
  word-spacing: -2.5px;
}
.book_pagetext.pageactive {
  overflow: hidden;
  display: block;
  width: 228px;
  height: 252px;
}
.book_pagenum {
  text-align: right;
  margin-bottom: 10px;
  margin-right: 2px;
  word-spacing: -2.5px;
}
.book_pagenum p {
  text-align: left;
  margin-bottom: 0px;
}
.book_leftarrow {
  background-image: url(https://wiki.gm4.co/images/d/d1/Book_arrow_left.png);
  display: inline-block;
  position: absolute;
  bottom: 24px;
  left: 52px;
  width: 36px;
  height: 20px;
  cursor: pointer;
}
.book_leftarrow:hover {
  background-image: url(https://wiki.gm4.co/images/6/64/Book_arrow_left_selected.png);
}
}


.enchanted::before {
.book_rightarrow {
   mix-blend-mode: screen;
   background-image: url(https://wiki.gm4.co/images/7/73/Book_arrow_right.png);
  animation: enchantedAnimate 5s linear 2s infinite;
   display: inline-block;
   content: "";
   position: absolute;
   position: absolute;
   width: 200%;
   bottom: 24px;
   height: 200%;
   right: 58px;
   top: -50%;
   width: 36px;
   left: -50%;
   height: 20px;
   z-index: -1;
   cursor: pointer;
   background-image: url(https://wiki.gm4.co/images/c/ca/Enchantment_Glint.png);
}
  background-size: 100%;
 
  transform: rotate(-20deg);
.book_rightarrow:hover {
   background-image: url(https://wiki.gm4.co/images/4/4e/Book_arrow_right_selected.png);
}
}
Epyon
Bureaucrats, Check users, emailconfirmed, Interface administrators, staff, Administrators, translation-admin, Widget editors
1,633

edits

Retrieved from "https://wiki.gm4.co/Special:MobileDiff/6722"

Navigation menu