From Brotato Wiki

(ibox)
m (ibox: fix icon margins)
Line 127: Line 127:
background-color: rgba(255,255,255, 0.1);
background-color: rgba(255,255,255, 0.1);
margin-right: 10px;
margin-right: 10px;
width: 60px;
height: 60px;
padding: 3px;
}
.ibox__icon p {
margin: 0;
}
}
.ibox__name {
.ibox__name {

Revision as of 18:26, 30 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);
}

.box-content h3 {
    font-size: 18px;
}


/*=============================================================
 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;
}

/* Template:NavBoxStats */
.navbox-stats {
	margin: 0 auto 30px;
}
.navbox-stats--topmargin {
	margin-top: 40px !important;
}
.navbox-stats td {
    width: 160px;
    
}


/*=============================================================
 Item Box (Template:Itembox)
==============================================================*/

.ibox {
	width: 200px;
	padding: 10px;
}
.ibox__top {
	display: flex;
	margin-bottom: 10px;
}
.ibox__icon {
	background-color: rgba(255,255,255, 0.1);
	margin-right: 10px;
	width: 60px;
	height: 60px;
	padding: 3px;
}
.ibox__icon p {
	margin: 0;
}
.ibox__name {
	font-weight: bold;
}
.ibox__stats {
	font-size: 15px;
	line-height: 1.2;
}
.ibox__stats ul {
	margin: 0;
}
.ibox__stats li {
	list-style: none;
	margin-bottom: 3px;
}


/*=============================================================
 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;
}