mirror of
https://github.com/Xkeeper0/jul.git
synced 2025-05-19 08:40:21 -07:00
57 lines
1.3 KiB
CSS
57 lines
1.3 KiB
CSS
/* Global CSS styles across every theme */
|
|
|
|
/* Make images upscale crispy */
|
|
* {
|
|
image-rendering: -moz-crisp-edges;
|
|
image-rendering: -o-crisp-edges;
|
|
image-rendering: -webkit-optimize-contrast;
|
|
image-rendering: crisp-edges;
|
|
image-rendering: pixelated;
|
|
-ms-interpolation-mode:nearest-neighbor;
|
|
}
|
|
|
|
/* Make all links bold and not underlined by default */
|
|
a:link,a:visited,a:active,a:hover{text-decoration:none;font-weight:bold;}
|
|
|
|
/* Mostly legacy thing from when IE had a blue border around link images */
|
|
img { border:none; }
|
|
.center {text-align:center}
|
|
.right {text-align:right}
|
|
|
|
/* Make code blocks scroll instead of stretching the page */
|
|
code {
|
|
overflow: auto;
|
|
width: 100%;
|
|
white-space: pre;
|
|
display: block;
|
|
}
|
|
|
|
/* "Fix" for auto-generated <br> tags in <code> and <pre> blocks */
|
|
code br, pre br { display: none; }
|
|
|
|
/* Make radio buttons look not terrible */
|
|
input[type=radio] { color: black; background: white; }
|
|
|
|
/* Spoiler tag code */
|
|
.pstspl1 {opacity:0;}
|
|
.pstspl1:hover {opacity:1;}
|
|
.pstspl2 {background:#000;color:#FFF;display:block;}
|
|
|
|
/* Stop avatars from being huge */
|
|
.avatar {
|
|
max-width: 200px;
|
|
}
|
|
|
|
/* On mobile, make avatars smaller */
|
|
.mobile-avatar {
|
|
float: left;
|
|
height: 50px;
|
|
width: 50px;
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|
|
.mobile-avatar > .avatar {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
}
|