MediaWiki:Common.css: Difference between revisions

From Boktai Hacking Wiki
(Created page with ".infobox-title { text-align: center; flex: 1; padding: 0.5rem 0; } .infobox-table th { padding-right: 1rem; } .infobox-table { margin: 0.5rem; } →‎Project boxes (Template:Project): .projectbox { border: 5px solid var(--infobox-color); border-radius: 5px; max-width: 32rem; margin: 0 auto; } @media screen and (min-width: 720px) { .projectbox { max-width: none; margin: 0; } } .projectbox .infobox-header {...")
 
mNo edit summary
 
(3 intermediate revisions by the same user not shown)
Line 5: Line 5:
}
}


.infobox-image { text-align: center; }
.infobox-table { margin: 0.5rem; }
.infobox-table th {
.infobox-table th {
    min-width: 5rem;
     padding-right: 1rem;
     padding-right: 1rem;
}
.infobox-table {
    margin: 0.5rem;
}
}


Line 17: Line 16:
     border: 5px solid var(--infobox-color);
     border: 5px solid var(--infobox-color);
     border-radius: 5px;
     border-radius: 5px;
    max-width: 32rem;
    margin: 0 auto;
}
}


@media screen and (min-width: 720px) {
@media screen and (min-width: 720px) {
     .projectbox {
     .projectbox {
         max-width: none;
         max-width: 32rem;
         margin: 0;
         margin: 0 auto;
     }
     }
}
}
Line 35: Line 32:
}
}


.projectbox-Tool {
.projectbox-Romhack { --infobox-color: forestgreen; }
    --infobox-color: forestgreen;
.projectbox-Tool { --infobox-color: darkslateblue; }
}
 
.projectbox-Tool {
    --infobox-color: darkslateblue;
}

Latest revision as of 15:06, 12 August 2024

.infobox-title {
    text-align: center;
    flex: 1;
    padding: 0.5rem 0;
}

.infobox-image { text-align: center; }
.infobox-table { margin: 0.5rem; }
.infobox-table th {
    min-width: 5rem;
    padding-right: 1rem;
}

/* Project boxes (Template:Project) */
.projectbox {
    border: 5px solid var(--infobox-color);
    border-radius: 5px;
}

@media screen and (min-width: 720px) {
    .projectbox {
        max-width: 32rem;
        margin: 0 auto;
    }
}

.projectbox .infobox-header {
    background: var(--infobox-color);
    color: white;
    font-weight: bold;
    display: flex;
}

.projectbox-Romhack { --infobox-color: forestgreen; }
.projectbox-Tool { --infobox-color: darkslateblue; }