No edit summary |
No edit summary |
||
Line 115: | Line 115: | ||
.portable-infobox .pi-data { |
.portable-infobox .pi-data { |
||
background-color: lightsalmon; |
background-color: lightsalmon; |
||
+ | padding: 1px; |
||
height: 1px; /* sets height */ |
height: 1px; /* sets height */ |
||
display: flex; |
display: flex; |
||
− | align-items: center; /* vertically align items or text */ |
||
justify-content: center; /* horizontally aligns items or text */ |
justify-content: center; /* horizontally aligns items or text */ |
||
} |
} |
Revision as of 12:43, 24 September 2020
/* 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;
font-weight: bold !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 {
max-width: 274px;
background-color: lightsalmon;
border: 1px solid lightsalmon;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 0px;
margin: 0px;
}
.pi-border-color, .pi-image {
border-color: lightsalmon;
background-color: white
}
.pi-data, .pi-group, .pi-image {
border-bottom-width: 2px
}
.portable-infobox .pi-title {
text-align: center;
font-size: 115%;
color: black;
background: lightsalmon;
border-top-left-radius: 10px;
border-top-right-radius: 10px
}
.portable-infobox .pi-navigation {
background: lightsalmon;
text-align: center;
color: black;
font-size: 80%
}
.portable-infobox .pi-image {
background-color: white;
border-bottom-style: solid
}
.portable-infobox .pi-header {
text-align: center;
background-color: lightsalmon;
color: black;
font-size: 80%
}
.portable-infobox .pi-data {
background-color: lightsalmon;
padding: 1px;
height: 1px; /* sets height */
display: flex;
justify-content: center; /* horizontally aligns items or text */
}
.portable-infobox .pi-data-label {
margin-bottom: inherit;
margin-top: 0;
padding: 3px;
background-color: lightsalmon;
color: black;
font-size: 75%
}
.portable-infobox .pi-data-value {
margin-bottom: inherit;
margin-top: 0;
padding: 3px;
background: white;
font-size: 75%
}