toine/passion_retro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

First Commit

Browse source
This commit is contained in:
mrtoine 2025-09-12 11:11:44 +02:00
commit ce0758fbbb
496 changed files with 52062 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

228
static/themes/00s/profile.css Normal file
View file

@ -0,0 +1,228 @@
.profile-header {
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
}
.profile-avatar {
width: 150px;
height: 150px;
object-fit: cover;
}
.profile-info {
flex: 1;
}
.profile-name {
font-size: 2rem;
margin-bottom: 0.5rem;
}
.profile-username {
font-size: 1.1rem;
margin-bottom: 1rem;
}
.profile-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 1rem;
margin: 2rem 0;
padding: 1rem;
}
.stat-item {
text-align: center;
padding: 1rem;
}
.stat-value {
font-size: 1.5rem;
font-weight: bold;
}
.stat-label {
font-size: 0.9rem;
margin-top: 0.5rem;
}
.profile-bio {
line-height: 1.6;
margin: 2rem 0;
padding: 1rem;
}
.profile-contact {
display: flex;
gap: 1rem;
margin-top: 2rem;
}
.contact-button {
padding: 0.8rem 1.5rem;
cursor: pointer;
}
.profile-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 2rem;
margin-top: 2rem;
}
.profile-main {
padding: 2rem;
}
.profile-header {
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
}
.avatar-container {
position: relative;
width: 150px;
height: 150px;
}
.level-badge {
position: absolute;
padding: 0.5rem;
width: 60px;
height: 60px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 0.8rem;
}
.level-number {
font-size: 1rem;
font-weight: bold;
z-index: 3;
}
.profile-info {
flex: 1;
}
.username {
font-size: 2rem;
margin-bottom: 0.5rem;
}
.joined-date {
font-size: 0.9rem;
}
.profile-bio {
margin-top: 2rem;
padding-top: 2rem;
}
.bio-content {
line-height: 1.6;
}
/* Colonne de droite */
.profile-stats {
display: flex;
flex-direction: column;
gap: 2rem;
}
.stats-card, .achievements-card {
padding: 1.5rem;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-top: 1rem;
}
.stat-item {
text-align: center;
padding: 1rem;
}
.stat-value {
font-size: 1.5rem;
font-weight: bold;
display: block;
}
.stat-label {
font-size: 0.9rem;
margin-top: 0.5rem;
}
.achievements-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-top: 1rem;
}
.badge-item {
text-align: center;
padding: 0.5rem;
}
.badge-item img {
width: 50px;
height: 50px;
margin-bottom: 0.5rem;
}
.badge-name {
font-size: 0.8rem;
}
.profile-actions {
margin-top: 2rem;
display: flex;
gap: 1rem;
}
.inventory {
padding: 1.5rem;
width: 98%;
margin: 10px auto;
}
.inventory-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 15px;
padding: 15px;
}
.inventory-item {
text-align: center;
margin: 15px;
padding: 15px;
}
.item-quantity {
font-size: 1.5rem;
font-weight: bold;
display: block;
}
/* Responsive */
@media (max-width: 768px) {
.profile-grid {
grid-template-columns: 1fr;
}
.stats-grid {
grid-template-columns: repeat(2, 1fr);
}
}