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.
/* Customizing Tabber */
.tabbertab {
border-top: 1px solid grey !important;
border-bottom: 1px solid grey !important;
border-left: 1px solid grey !important;
border-right: 1px solid grey !important;
padding: 0px 0 !important;
}
/* add spaces to tabview tabs */
.tabberlive > ul.tabbernav > li {
margin-right: 2px;
}
/* not applying on the last tabview tabs */
.tabberlive > ul.tabbernav > li:last-child {
margin-right: 0;
}
.tabbernav {
background: transparent;
border-bottom: 0 !important;
padding: 0px 0 !important;
}
ul.tabbernav li a {
-moz-border-radius-topleft: 6px !important;
-moz-border-radius-topright: 6px !important;
background: #cacef3 !important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
border: 1px solid black !important;
color: black !important;
font-size: 9px !important;
font-weight: normal !important;
margin-left: 0 !important;
padding: 0px 0.1em !important;
position: relative;
}
ul.tabbernav li.tabberactive a {
background-color: #cacef3 !important;
border: 2px solid black !important;
color: black !important;
cursor: default;
font-size: 9px !important;
}
ul.tabbernav li.tabberactive {
line-height: 1 !important;
}
ul.tabbernav li.tabberactive:first-child a {
margin-left: 0 !important;
}
.tabbertab .ajax-poll {
border: none !important;
}
.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 {
display: block !important;
}
/* End of Customizing Tabber */
.portable-infobox {
--background-contrast: white;
--accent: crimson;
--accent-text: white;
float: right;
background-color: var(--accent);
border: 2px solid var(--accent);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
margin: 5px
}
.pi-border-color, .pi-image {
border-color:var(--accent);
background-color: var(--background-contrast)
}
.pi-data, .pi-group, .pi-image {
border-bottom-width: 2px
}
.portable-infobox .pi-title {
text-align: center;
font-size: 115%;
color: var(--accent-text);
background: var(--accent);
font-style: italic;
font-weight: bold;
padding:0;
padding-top:5px;
line-height : 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px
}
.portable-infobox .pi-navigation {
background: var(--accent);
text-align: center;
color: var(--accent-text);
font-size:85%;
font-weight: normal;
padding-top:0;
padding:2px;
}
.portable-infobox .pi-image {
background-color: white;
border-bottom-style: solid;
}
.portable-infobox .pi-header {
text-align: center;
background-color: var(--accent);
color: var(--accent-text);
font-size: 80%
padding:0;
padding-bottom:2px;
}
.portable-infobox .pi-data {
background-color: var(--background-contrast);
padding: 0;
margin-right: 0;
margin-left: 0;
}
.portable-infobox .pi-data-label {
margin-bottom: inherit;
margin-top: 0;
padding: 3px;
background-color: var(--accent);
color: var(--accent-text);
font-size: 75%
}
.portable-infobox .pi-data-value {
background: var(--background-contrast);
width: 100%;
font-size: 75%
}
.portable-infobox .pi-data-value:not(:first-child) {
padding-left: unset;
padding: 0.25em;
}
.portable-infobox.pi-theme-PaleTurquoise {
--background-contrast: white;
--accent: paleturquoise;
--accent-text: black;
}
.portable-infobox.pi-theme-YellowGreen {
--background-contrast: white;
--accent: YellowGreen;
--accent-text: white;
}
.portable-infobox.pi-theme-Thistle {
--background-contrast: white;
--accent: Thistle;
--accent-text: black;
}
.portable-infobox.pi-theme-Gold {
--background-contrast: white;
--accent: Gold;
--accent-text: black;
}
.portable-infobox.pi-theme-pink {
--background-contrast: white;
--accent: pink;
--accent-text: black;
}
.portable-infobox.pi-theme-Green {
--background-contrast: white;
--accent: Green;
--accent-text: white;
}
.portable-infobox.pi-theme-orange {
--background-contrast: white;
--accent: orange;
--accent-text: white;
}
.portable-infobox.pi-theme-Red {
--background-contrast: white;
--accent: Red;
--accent-text: black;
}
.portable-infobox.pi-theme-LemonChiffon {
--background-contrast: white;
--accent: LemonChiffon;
--accent-text: black;
}
.portable-infobox.pi-theme-Aquamarine {
--background-contrast: white;
--accent: Aquamarine;
--accent-text: black;
}
.portable-infobox.pi-theme-hotpink {
--background-contrast: white;
--accent: hotpink;
--accent-text: white;
}
.portable-infobox.pi-theme-DeepSkyBlue {
--background-contrast: white;
--accent: DeepSkyBlue;
--accent-text: white;
}
.portable-infobox.pi-theme-DeepSkyBlue {
--background-contrast: white;
--accent: DeepSkyBlue;
--accent-text: white;
}
.portable-infobox.pi-theme-CornflowerBlue {
--background-contrast: white;
--accent: CornflowerBlue;
--accent-text: white;
}
.portable-infobox.pi-theme-CadetBlue {
--background-contrast: white;
--accent: CadetBlue;
--accent-text: white;
}
.portable-infobox.pi-theme-MediumVioletRed {
--background-contrast: white;
--accent: MediumVioletRed;
--accent-text: white;
}
.portable-infobox.pi-theme-LightSkyBlue {
--background-contrast: white;
--accent: LightSkyBlue;
--accent-text: black;
}
.portable-infobox.pi-theme-Purple {
--background-contrast: white;
--accent: Purple;
--accent-text: white;
}
.portable-infobox.pi-theme-DarkCyan {
--background-contrast: white;
--accent: DarkCyan;
--accent-text: white;
}
.portable-infobox.pi-theme-DeepPink {
--background-contrast: white;
--accent: DeepPink;
--accent-text: white;
}
.portable-infobox.pi-theme-RoyalBlue {
--background-contrast: white;
--accent: RoyalBlue;
--accent-text: white;
}
.portable-infobox .pi-image-collection-tabs {
text-align: center;
margin: 0;
padding: 5px;
}
.portable-infobox .pi-image-collection-tabs .pi-tab-link {
background: none;
border-style: none;
color: blue;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
}
.portable-infobox .pi-image-collection-tabs .pi-tab-link.current {
color: black;
}
.portable-infobox .pi-image-collection-tabs .pi-tab-link:after {
color: blue;
content: "|";
width: 1em;
padding-right: 3px;
}
.portable-infobox .pi-image-collection-tabs .pi-tab-link:last-of-type:after {
content: none;
}
.portable-infobox .pi-caption {
text-align: center;
}