twin/jul
1
0
Fork 0
mirror of https://github.com/Xkeeper0/jul.git synced 2025-07-29 03:01:58 -07:00
Code Issues Packages Projects Releases Wiki Activity

update [code] and [img] tags

Browse Source 
[close #52] [code] changes
[close #51] [img] changes
This commit is contained in:
Xkeeper
2018-12-11 14:26:35 -08:00
parent 17e04a55bc
commit e3bb327a21
3 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
css/base.css
View File

@@ -18,16 +18,17 @@ 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;
/* Make code blocks slightly less likely to go haywire, since apparently
"don't stretch the entire gat dang page" is not possible in HTML, lol */
.code pre {
max-width: 100%;
width: 100%;
overflow-x: auto;
white-space: pre-wrap;
}
/* "Fix" for auto-generated <br> tags in <code> and <pre> blocks */
code br, pre br { display: none; }
/* "Fix" for auto-generated <br> tags in <pre> blocks */
pre br { display: none; }
/* Make radio buttons look not terrible */
input[type=radio] { color: black; background: white; }
@@ -73,3 +74,5 @@ input[type=radio] { color: black; background: white; }
.spoiler > input[type="checkbox"]:checked + .hidden > * {
visibility: visible;
}
.imgtag { max-width: 100%; }

15
css/basics.css
View File

@@ -25,9 +25,20 @@ div.lastpost { font-size: 90%; text-align: right !important; }
.center, center { text-align: center; }
.right { text-align: right; }
code { overflow: auto; width: 100%; white-space: pre; display: block; }
code br { display: none; }
/* Make code blocks slightly less likely to go haywire, since apparently
"don't stretch the entire gat dang page" is not possible in HTML, lol */
.code pre {
max-width: 100%;
width: 100%;
overflow-x: auto;
white-space: pre-wrap;
}
/* "Fix" for auto-generated <br> tags in <pre> blocks */
pre br { display: none; }
.pstspl1 {opacity:0;}
.pstspl1:hover {opacity:1;}
.pstspl2 {background:#000;color:#FFF;display:block;}
.imgtag { max-width: 100%; }