No edit summary |
No edit summary |
||
Line 116: | Line 116: | ||
background-color: lightsalmon; |
background-color: lightsalmon; |
||
padding: 1px; |
padding: 1px; |
||
− | + | align-items: center; |
|
− | justify-content: center; /* horizontally aligns items or text */ |
||
} |
} |
||
Revision as of 12:46, 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;
align-items: center;
}
.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%
}