287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
...
526
527
528
529
530
531
532
533
534
535
536
537
538
539
...
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
|
grid-row: 1 / 2;
display: grid;
grid-template-columns: 1.1in 1fr;
grid-template-rows: max-content 1fr;
> .avatar {
display: block;
width: 1in; height: 1in;
object-fit: contain;
grid-column: 1 / 2;
grid-row: 1 / 3;
border: 1px solid black;
}
> .id {
grid-column: 2 / 3;
grid-row: 1 / 2;
................................................................................
transition: 0.2s ease-out;
>.avatar {
grid-column: 1/2; grid-row: 1/2;
background: linear-gradient(to bottom, tone(-53%), tone(-57%));
img {
display: block; width: 1in; height: 1in; margin:0;
border-right: 1px solid tone(-65%);
}
}
>a[href].username {
display: block;
grid-column: 1/3;
grid-row: 2/3;
text-align: left;
................................................................................
padding-top: 0.12in;
background: linear-gradient(to right, tone(-50%), tone(-50%,-0.7));
border: 1px solid tone(-55%);
border-left: none;
text-shadow: 1px 1px 0 black;
}
}
}
hr {
border: none;
border-top: 1px solid tone(-30%);
border-bottom: 1px solid tone(-55%);
}
|
|
>
>
>
>
>
>
>
>
>
>
>
|
|
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
...
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
...
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
|
grid-row: 1 / 2;
display: grid;
grid-template-columns: 1.1in 1fr;
grid-template-rows: max-content 1fr;
> .avatar {
display: block;
width: 1in; height: 1in;
object-fit: cover;
grid-column: 1 / 2;
grid-row: 1 / 3;
border: 1px solid black;
}
> .id {
grid-column: 2 / 3;
grid-row: 1 / 2;
................................................................................
transition: 0.2s ease-out;
>.avatar {
grid-column: 1/2; grid-row: 1/2;
background: linear-gradient(to bottom, tone(-53%), tone(-57%));
img {
display: block; width: 1in; height: 1in; margin:0;
border-right: 1px solid tone(-65%);
object-fit: cover;
}
}
>a[href].username {
display: block;
grid-column: 1/3;
grid-row: 2/3;
text-align: left;
................................................................................
padding-top: 0.12in;
background: linear-gradient(to right, tone(-50%), tone(-50%,-0.7));
border: 1px solid tone(-55%);
border-left: none;
text-shadow: 1px 1px 0 black;
}
}
img.avatar.big {
display:block;
width: 70%;
height: auto;
margin: 0.2in auto;
border: 1px solid tone(-45%);
border-top-color: tone(-40%);
border-bottom: 2px solid tone(-60%);
object-fit: cover;
border-radius: 3px;
}
}
hr {
border: none;
border-top: 1px solid tone(-30%);
border-bottom: 1px solid tone(-55%);
}
|