User:HudgynS/common.css
Jump to navigation
Jump to search
|
Note: This is a user's personal page attached to their profile! This is not an actual article, may not be related to JoJo or Araki, and is not associated with the wiki. As such, it may not adhere to the policies. |
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* @author : Hudgyn Sasdarl, Fngplg
*
* @date : 2017-2024
*/
/* image not found class */
.npage-preview-file .npage-preview-noimage {
max-width: 100px;
max-height: 100px;
background-image: none;
border: none;
}
.npage-preview-noimage:not(.npage-preview-file) {
max-width: 100px;
max-height: 100px;
background-image: none;
border: none;
}
/* only file */
.npage-preview-file img:not(.npage-preview-noimage) {
background-image: url(https://static.jojowiki.com/images/customizations/DiamondBG.png);
}
.npage-preview-file:not(.npage-preview-vertical) img {
}
.npage-preview-file .npage-preview-vertical img {
}
.npage-preview:not(.npage-preview-vertical):not(.npage-preview-file) img {
object-fit: contain;
max-height: 150px;
border-right: 3px solid var(--jjbe,#9da1c0);
}
.npage-preview-vertical:not(.npage-preview-file) img {
object-fit: contain;
max-width: 240px;
border-bottom: 3px solid var(--jjbe,#9da1c0);
}
.npage-preview:not(.npage-preview-file) img:not(.npage-preview-noimage) {
background-image: url(https://static.jojowiki.com/images/customizations/DiamondBG.png);
}
.npage-preview:not(.npage-preview-vertical):not(.npage-preview-file) div {
/* -webkit-line-clamp: 8; */
text-align: justify;
max-height: 108px;
align-content: center;
mask: linear-gradient(rgb(255,255,255) 95px,rgba(255,255,255,0));
}
.npage-preview-vertical div {
/* -webkit-line-clamp: 9; */
text-align: justify;
max-height: 121px;
max-width: 220px;
mask: linear-gradient(rgb(255,255,255) 108px,rgba(255,255,255,0));
}
.npage-preview div p {
margin: 0px;
}
.npage-preview div {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 11px;
margin: 10px;
box-sizing: border-box;
linear-gradient(rgb(255, 255, 255) 90%, rgba(255,255,255,0));
}
.npage-preview:not(.npage-preview-vertical) {
flex-direction: row;
max-width: 25%;
max-height: 150px;
}
.npage-preview-vertical {
flex-direction: column;
max-width: 240px;
}
.npage-preview-file:not(.npage-preview-vertical) {
max-height: fit-content;
}
.npage-preview-vertical .npage-preview-file {
max-width: fit-content;
}
.npage-preview {
display: flex;
position: absolute;
overflow: hidden;
z-index: 10000000;
background-color: #f7f7f7;
border: 3px solid var(--jjbe, #9da1c0);
border-radius: 20px;
margin: 0px;
padding: 0px;
align-items: center;
}
