Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* --- PORTABLE INFOBOXES --- */
.portable-infobox {
width: 320px;
border: 2px solid #ffb7c5;
margin: 0.2em;
border-radius: 10px 10px 0px 0px;
box-shadow: 1px 1px 2px #ccc;
background: #fff;
color: #000;
}
.portable-infobox .pi-title {
border-radius: 10px 10px 0px 0px;
background: #105CFB;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 17px;
}
.portable-infobox .pi-header {
padding: 2px;
background: #105CFB;
color: #fff;
text-align: center;
}
.portable-infobox .pi-item-spacing {
padding: 2px;
text-align: center;
}
.pi-image img {
height: auto;
width: 100%;
}
.portable-infobox .pi-data-label
.portable-infobox .pi-data-value {
padding: 2px;
font-size: 12px;
padding: 5px 10px;
}
.portable-infobox .pi-data-label {
flex-basis: 100px;
text-align: center;
background: #ffb7c5;
color: #000;
}
.portable-infobox .pi-data-value {
flex-basis: 240px;
text-align: left;
}
.portable-infobox .pi-horizontal-group .pi-data-label, .portable-infobox .pi-smart-group .pi-smart-data-label {
margin: 2px;
background: #ffb7c5;
color: #000;
font-size: 12px;
text-align: center;
padding: 3px;
}
.portable-infobox .pi-horizontal-group .pi-data-value, .portable-infobox .pi-smart-group .pi-smart-data-value {
padding: 5px;
line-height: 0.9em;
text-align:center;
}