Wiki

Template:Infobox room/styles.css

From 2D Tower Wiki
Revision as of 06:52, 7 September 2026 by gary (talk | contribs) (Add reusable responsive styles for room infobox)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
This page was last edited on 7 September 2026, at 06:52.

.infobox-wrapper {

 float: right;
 clear: right;
 width: 300px;
 margin: 0 0 1rem 1.5rem;

}

.outer-box {

 border: 1px solid #c8ccd1;
 border-radius: 6px;
 overflow: hidden;
 background: #f8f9fa;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);

}

.inner-header {

 display: flex;
 align-items: center;
 justify-content: center;
 padding: .75rem 1rem;
 background: #eaecf0;
 text-align: center;

}

.title {

 font-size: 1.25em;
 font-weight: 700;

}

.inner-main {

 padding: .75rem;
 text-align: center;

}

.inner-main .description {

 margin-top: .75rem;
 text-align: left;

}

.inner-table {

 padding: 0 .75rem .75rem;

}

.table {

 width: 100%;
 border-collapse: collapse;

}

.table-tr { border-top: 1px solid #c8ccd1; } .table-td-left {

 width: 45%;
 padding: .5rem;
 font-weight: 700;
 text-align: left;
 vertical-align: top;

} .table-td-right {

 padding: .5rem;
 text-align: right;
 vertical-align: top;

}

@media (max-width: 600px) {

 .infobox-wrapper {
   float: none;
   width: 100%;
   margin: 1rem 0;
 }

}