c3245e No.851
Just checking :tehepero:
c3245e No.852
:sry:
c3245e No.854
Checking staples here
:heavysigh:
:deepsigh:
:sigh:
:wah:
:wtf:
:eek:
c3245e No.917
:curry:
:ibsuka:
:femcel:
:3:
:tsun:
:NOW:
:akanbe:
:yup:
:bow:
:bpd:
:ty:
:wellnesscheck:
:b:
:idk:
:plot:
:congratulations:
:orz:
:forme:
:bishi:
:hj:
:crop:
:thunk:
:promotions:
:nyeheh:
:glassed:
:WASTED:
:prayer:
:sip:
:christmascake:
:crampjoke:
:bravo:
:tetrakarn:
:penance:
:youfail:
:hbd:
:hoverei:
:hons:
:mildcramp:
:mml:
:wave:
:momdontknow:
:agony:
:no:
:<3:
:uke:
:jyane:
:homesick:
:househusband:
:domesticabuse:
:dismal:
:^q^:
:jog:
:platonicideal:
:platonyxideal:
:punicorn:
:approve:
:zerothougt:
c3245e No.944
/* Apply flex to wrap posts into vertical columns */
.thread {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
background-color: black; /* or any color to match your theme */
}
.post {
flex: 0 0 40px; /* Default column size */
height: 100vh; /* Stretch the posts vertically */
transition: all 0.3s ease;
overflow: hidden;
margin-right: 1px; /* Space between columns */
white-space: nowrap; /* Prevent text wrapping */
color: black; /* Garish contrast */
}
/* Expand the post on hover */
.post:hover {
flex: 0 0 120px; /* Expand when hovered */
white-space: normal; /* Allow text to wrap on hover */
overflow: visible; /* Show content */
}
/* Garish background colors for posts */
.post:nth-child(1n) { background-color: #ff7f00; }
.post:nth-child(2n) { background-color: #ff0000; }
.post:nth-child(3n) { background-color: #00ff00; }
.post:nth-child(4n) { background-color: #0000ff; }
.post:nth-child(5n) { background-color: #ffff00; }
.post:nth-child(6n) { background-color: #4b0082; }
.post:nth-child(7n) { background-color: #9400d3; }
/* Optional: style text within posts */
.post .intro, .post .body {
padding: 5px;
font-family: Arial, sans-serif;
color: white;
}
/* Images are squashed unless hovered */
.post img {
width: 100%;
height: auto;
transition: transform 0.3s ease;
}
/* Grow images on hover */
.post:hover img {
transform: scale(1.2);
}
c3245e No.945
/* The Post Container */
div.thread {
display: grid;
grid-template-columns: repeat(auto-fit, 32px);
grid-gap: 2px;
background-color: black;
padding: 10px;
}
/* Individual Posts as Columns */
div.post {
width: 32px;
height: 80%;
overflow: hidden;
background-color: black;
color: black;
transition: all 0.3s ease;
cursor: pointer;
}
div.post:nth-child(9n) { background-color: red; }
div.post:nth-child(5n) { background-color: blue; }
div.post:nth-child(6n) { background-color: yellow; }
div.post:nth-child(7n) { background-color: lime; }
div.post:nth-child(8n) { background-color: purple; }
div.post:nth-child(12n) { background-color: orange; }
div.post:hover {
width: 240px;
height: 80%;
overflow: visible;
color: white;
z-index: 10;
background-color: #222;
}
/* Hide Images by Default */
div.post img {
display: none;
}
/* Bring Images Back on Hover */
div.post:hover img {
display: block;
max-width: 100%;
}
463d17 No.1340
Ano…
463d17 No.1341
Hey, nice
463d17 No.1355
Sneed,
463d17 No.1356
*smack*
463d17 No.1357
*smack*
463d17 No.1361
Not that, eh?
463d17 No.1362
Not that, eh?
463d17 No.1369
Wwhy
463d17 No.1372
PIECE
463d17 No.1373
PIECE
463d17 No.1466
Good catch,
463d17 No.1471
suki suki su
fuwa fuwa fu
463d17 No.1472
Mmmm
463d17 No.1473
MEX, CHITINSTALKless, based, etc
463d17 No.1475
MEX
MEX!?
MEEEEEEEEEEEEEX!!!
463d17 No.1485
comment-toolbar.js to ha…?
463d17 No.1486
Can't see shit :/
463d17 No.1487
>Rebuild>Nothing
moving on
463d17 No.1488
upload-selection.js, where are you!!
463d17 No.1489
As for wpaint…
463d17 No.1490
Yaaaaaan!
463d17 No.1503
Right, I wanted to check this here
463d17 No.1507
Huh. Definitely WRONG. Config.php going byebye soon!
463d17 No.1509
Hrmmm