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