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;
}