From Brotato Wiki
m (minor cleanup (no functional changes)) |
(Improve the comments boxes) |
||
Line 25: | Line 25: | ||
.wikitable { | .wikitable { | ||
font-size: min(max(1vw,10px), 16px); | font-size: min(max(1vw,10px), 16px); | ||
} | |||
/*============================================================= | |||
Comments | |||
==============================================================*/ | |||
#comments-body { | |||
background: rgba(38, 38, 38, 0.5); | |||
content: 'Comments'; | |||
display: inline-block; | |||
margin-bottom: 20px; | |||
margin-top: 20px; | |||
padding: 10px 10px 10px 10px; | |||
} | |||
#comments-body:before { | |||
content: 'Comments'; | |||
padding: 10px 20px 0; | |||
display: inline-block; | |||
font-size: 18px; | |||
font-weight: bold; | |||
} | |||
#comments-body .c-order { | |||
border-bottom: 1px solid grey; | |||
margin-bottom: 10px; | |||
padding: 20px; | |||
} | |||
#comments-body .c-avatar { | |||
display: none; /* avatars aren't used anyway */ | |||
} | |||
#comments-body .c-container { | |||
margin-left: 20px; | |||
} | |||
#comments-body .c-item { | |||
border-color: #666; | |||
padding-bottom: 10px; | |||
} | |||
#comments-body .c-delete a { | |||
color: #9f3232 !important; | |||
} | |||
#comments-body .c-form-title { | |||
color: white; | |||
} | |||
#comments-body textarea#comment { | |||
background-color: #222222; | |||
color: white; | |||
padding: 10px; | |||
width: 100%; | |||
} | |||
#comments-body > form { | |||
padding: 0 20px 20px; | |||
} | } | ||
Revision as of 22:23, 15 November 2022
/* CSS placed here will be applied to all skins */
.infobox {
background: #eee;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 1em;
width: 400px;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.infobox-image {
text-align: center;
}
.infobox th {
text-align: right;
vertical-align: top;
width: 120px;
}
.infobox td {
vertical-align: top;
}
.wikitable {
font-size: min(max(1vw,10px), 16px);
}
/*=============================================================
Comments
==============================================================*/
#comments-body {
background: rgba(38, 38, 38, 0.5);
content: 'Comments';
display: inline-block;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px 10px 10px 10px;
}
#comments-body:before {
content: 'Comments';
padding: 10px 20px 0;
display: inline-block;
font-size: 18px;
font-weight: bold;
}
#comments-body .c-order {
border-bottom: 1px solid grey;
margin-bottom: 10px;
padding: 20px;
}
#comments-body .c-avatar {
display: none; /* avatars aren't used anyway */
}
#comments-body .c-container {
margin-left: 20px;
}
#comments-body .c-item {
border-color: #666;
padding-bottom: 10px;
}
#comments-body .c-delete a {
color: #9f3232 !important;
}
#comments-body .c-form-title {
color: white;
}
#comments-body textarea#comment {
background-color: #222222;
color: white;
padding: 10px;
width: 100%;
}
#comments-body > form {
padding: 0 20px 20px;
}
/*=============================================================
Templates
==============================================================*/
/* Template:MiniIconbox */
.iconbox--inline {
margin: 0;
vertical-align: baseline;
}
/* Template:NavBoxCharacters */
.navbox-characters {
font-size: 11px;
max-width: 750px;
}
/*=============================================================
Special Classes
==============================================================*/
/* Character's "Starting Weapons" table */
.starting-weapons-table {
margin: 0.4em 0 0.5em 0;
}
.starting-weapons-table td {
text-align: center;
vertical-align: top;
width: 85px;
}
@media only screen and (max-width: 640px) {
.starting-weapons-table td {
font-size: 12px;
}
}
/* use on lists (ul), ideal for lists inside tables (eg Mod:Extatonion) */
ul.list-remove-left-margin,
ol.list-remove-left-margin {
margin-left: 25px;
}