Content deleted Content added
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.portable-infobox { |
.portable-infobox { |
||
border:2px solid #fff; |
|||
-webkit-border-radius: 10px 0px 0px 10px; |
|||
-moz-border-radius: 10px 0px 0px 10px; |
|||
-ms-border-radius: 10px 0px 0px 10px; |
|||
-o-border-radius: 10px 0px 0px 10px; |
|||
border-radius: 10px 0px 0px 10px; |
|||
background:#fff; |
background:#fff; |
||
border:1px solid #94a4b4; |
|||
color:black; |
color:black; |
||
line-height:95%; |
|||
width:250px!important; |
|||
width:220px!important; |
|||
line-height:130%; |
line-height:130%; |
||
padding:5px |
padding:5px |
||
Line 15: | Line 12: | ||
padding:1px 0 0 0; |
padding:1px 0 0 0; |
||
} |
} |
||
.portable-infobox .pi-title, |
.portable-infobox .pi-title, |
||
.portable-infobox .pi-header { |
.portable-infobox .pi-header { |
||
background:# |
background:#94a4b4; |
||
color:#fff; |
color:#fff; |
||
padding:2px; |
padding:2px; |
||
font-weight:bold; |
font-weight:bold; |
||
text-align:center; |
text-align:center; |
||
line-height: 1.5em; |
|||
text-transform:none; |
|||
letter-spacing:0; |
|||
} |
} |
||
.portable-infobox .pi-data-label { |
|||
.portable-infobox .pi-title { |
|||
background:#ececec; |
|||
font-size:120%; |
|||
margin-top:2px; |
|||
padding-right:10px; |
|||
-ms-flex-preferred-size:60%; |
|||
-webkit-flex-basis:60%; |
|||
-moz-flex-basis:60%; |
|||
flex-basis:60%; |
|||
line-height: 120%; |
|||
text-transform:none; |
|||
letter-spacing:0px; |
|||
background-color:#ececec; |
|||
text-align:right; |
|||
} |
} |
||
.portable-infobox .pi- |
.portable-infobox .pi-header { |
||
font-size:90%; |
|||
} |
|||
padding-left:3px; |
|||
.portable-infobox .pi-header:first-child { |
|||
margin-top:2px; |
|||
} |
|||
.portable-infobox .pi-navigation { |
|||
color:#fff; |
|||
text-align:center; |
|||
font-weight:bold; |
|||
background:#94a4b4; |
|||
} |
|||
.portable-infobox .pi-title a, |
|||
.portable-infobox .pi-title a:link, |
|||
.portable-infobox .pi-title a:visited, |
|||
.portable-infobox .pi-title a:hover, |
|||
.portable-infobox .pi-header a, |
|||
.portable-infobox .pi-header a:visited, |
|||
.portable-infobox .pi-header a:link, |
|||
.portable-infobox .pi-header a:hover, |
|||
.portable-infobox .pi-navigation a, |
|||
.portable-infobox .pi-navigation a:link, |
|||
.portable-infobox .pi-navigation a:visited, |
|||
.portable-infobox .pi-navigation a:hover { |
|||
color:#fff; |
|||
text-decoration:none; |
|||
} |
|||
.portable-infobox .pi-title a:new, |
|||
.portable-infobox .pi-title a:new:visited, |
|||
.portable-infobox .pi-header a:new, |
|||
.portable-infobox .pi-header a:new:visited, |
|||
.portable-infobox .pi-navigation a:new, |
|||
.portable-infobox .pi-navigation a:new:visited { |
|||
color:#eee; |
|||
text-decoration:none; |
|||
} |
|||
.portable-infobox .pi-caption { |
|||
color:#000; |
|||
text-align:center; |
|||
font-style:normal; |
|||
font-size:smaller; |
|||
} |
|||
.portable-infobox .pi-data-label { |
|||
background:#94a4b4; |
|||
color:#fff; |
|||
-webkit-align-items: center; |
|||
align-items: center; |
|||
display: -webkit-flex; |
|||
display: -moz-flex; |
|||
display: -ms-flex; |
|||
display: flex; |
|||
padding-left:2px!important; |
|||
-ms-flex-preferred-size:70%; |
|||
-webkit-flex-basis:70%; |
|||
-moz-flex-basis:70%; |
|||
flex-basis:70%; |
|||
} |
} |
||
.portable-infobox .pi-data-label a, |
.portable-infobox .pi-data-label a, |
||
.portable-infobox .pi-data-label a:link, |
.portable-infobox .pi-data-label a:link, |
||
.portable-infobox .pi-data-label a:visited { |
.portable-infobox .pi-data-label a:visited { |
||
color:# |
color:#fff |
||
} |
} |
||
.portable-infobox .pi-data-value { |
|||
background:#f5f5f5; |
|||
.ns-0 .portable-infobox .pi-data-value a:link, |
|||
border:1px solid #e8e8e8; |
|||
.ns-0 .portable-infobox .pi-data-value a:visited { |
|||
text-align:right; |
|||
padding-right:2px; |
|||
} |
} |
||
.portable-infobox .pi-data-value, |
.portable-infobox .pi-data-value, |
||
.portable-infobox .pi-data-label { |
.portable-infobox .pi-data-label { |
||
Line 65: | Line 103: | ||
hyphens:none; |
hyphens:none; |
||
line-height:130%; |
line-height:130%; |
||
} |
|||
.portable-infobox .pi-data-value:not(:first-child) { |
|||
padding-left:0 |
|||
} |
|||
.portable-infobox .pi-border-color { |
|||
border-color:transparent; |
|||
} |
} |
||
.portable-infobox img.pi-image-thumbnail { |
.portable-infobox img.pi-image-thumbnail { |
||
width: |
width:220px; |
||
height:auto; |
height:auto; |
||
padding-top:4px; |
padding-top:4px; |
||
Line 75: | Line 120: | ||
height:auto; |
height:auto; |
||
} |
} |
||
div.infobox-icon, |
|||
h3.pi-data-label.pi-secondary-font { |
|||
.infobox-icon { |
|||
background-color:#fff!important; |
|||
margin:0 auto; |
|||
text-align:center; |
|||
} |
} |
Revision as of 17:10, 9 June 2021
.portable-infobox {
background:#fff;
border:1px solid #94a4b4;
color:black;
line-height:95%;
width:220px!important;
line-height:130%;
padding:5px
}
.portable-infobox .pi-item-spacing {
padding:1px 0 0 0;
}
.portable-infobox .pi-title,
.portable-infobox .pi-header {
background:#94a4b4;
color:#fff;
padding:2px;
font-weight:bold;
text-align:center;
}
.portable-infobox .pi-title {
font-size:120%;
margin-top:2px;
}
.portable-infobox .pi-header {
font-size:90%;
}
.portable-infobox .pi-header:first-child {
margin-top:2px;
}
.portable-infobox .pi-navigation {
color:#fff;
text-align:center;
font-weight:bold;
background:#94a4b4;
}
.portable-infobox .pi-title a,
.portable-infobox .pi-title a:link,
.portable-infobox .pi-title a:visited,
.portable-infobox .pi-title a:hover,
.portable-infobox .pi-header a,
.portable-infobox .pi-header a:visited,
.portable-infobox .pi-header a:link,
.portable-infobox .pi-header a:hover,
.portable-infobox .pi-navigation a,
.portable-infobox .pi-navigation a:link,
.portable-infobox .pi-navigation a:visited,
.portable-infobox .pi-navigation a:hover {
color:#fff;
text-decoration:none;
}
.portable-infobox .pi-title a:new,
.portable-infobox .pi-title a:new:visited,
.portable-infobox .pi-header a:new,
.portable-infobox .pi-header a:new:visited,
.portable-infobox .pi-navigation a:new,
.portable-infobox .pi-navigation a:new:visited {
color:#eee;
text-decoration:none;
}
.portable-infobox .pi-caption {
color:#000;
text-align:center;
font-style:normal;
font-size:smaller;
}
.portable-infobox .pi-data-label {
background:#94a4b4;
color:#fff;
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
padding-left:2px!important;
-ms-flex-preferred-size:70%;
-webkit-flex-basis:70%;
-moz-flex-basis:70%;
flex-basis:70%;
}
.portable-infobox .pi-data-label a,
.portable-infobox .pi-data-label a:link,
.portable-infobox .pi-data-label a:visited {
color:#fff
}
.portable-infobox .pi-data-value {
background:#f5f5f5;
border:1px solid #e8e8e8;
text-align:right;
padding-right:2px;
}
.portable-infobox .pi-data-value,
.portable-infobox .pi-data-label {
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none;
line-height:130%;
}
.portable-infobox .pi-data-value:not(:first-child) {
padding-left:0
}
.portable-infobox .pi-border-color {
border-color:transparent;
}
.portable-infobox img.pi-image-thumbnail {
width:220px;
height:auto;
padding-top:4px;
}
img.pi-image-thumbnail {
max-width:100%;
height:auto;
}
div.infobox-icon,
.infobox-icon {
background-color:#fff!important;
margin:0 auto;
text-align:center;
}