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 : Fngplg
*
* @date : 2017 and 2019
*/
.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;
}
.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-width: fit-content;
max-height: fit-content;
}
.npage-preview-file.npage-preview-vertical {
max-width: fit-content;
}
.npage-preview div {
display: -webkit-box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
overflow: hidden;
font-size: 11px;
margin: 10px;
box-sizing: border-box;
mask: linear-gradient(rgb(255, 255, 255) 90%, rgba(255,255,255,0));
}
.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: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);
}
/* 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 {
object-fit: contain;
}
.npage-preview-file.npage-preview-vertical img {
object-fit: contain;
}
/* image not found class */
.npage-preview-file.npage-preview-noimage {
max-width: 100px;
max-height: 100px;
background-image: none;
border: none !important;
}
.npage-preview-noimage:not(.npage-preview-file) {
max-width: 100px;
max-height: 100px;
background-image: none;
border: none !important;
}