MediaWiki:Wikia.css

.portable-infobox { width: 320px; background-color:transparent; } .portable-infobox.pi-theme-wergelder .pi-image { width: 300px; } .portable-infobox.pi-theme-wergelder .pi-image-thumbnail { width: 300px; max-width: 300px; height: auto; margin-left:10px; } .portable-infobox.pi-theme-wergelder .pi-item-spacing { padding: 0; } .portable-infobox.pi-theme-wergelder .pi-background { background-color: transparent; } .portable-infobox.pi-theme-wergelder .pi-secondary-background { background: #E1E183; color: #000000; } .portable-infobox.pi-theme-wergelder .pi-title { font-size: 18px; line-height: 18px; } .portable-infobox.pi-theme-wergelder .pi-title, .portable-infobox.pi-theme-wergelder .pi-header { background: #E1E183; color: #000000; font-weight: bold; text-align: center; margin-bottom: 2px; padding: 3px 0; transform:skew(-0.25rad); margin-left: 7px; margin-right: 7px; } .portable-infobox.pi-theme-wergelder .pi-navigation { text-align: center; padding: 4px 0; transform:skew(-0.25rad); margin-left: 7px; margin-right: 7px; } .portable-infobox.pi-theme-wergelder .pi-navigation a { color: #000000; } .portable-infobox.pi-theme-wergelder .pi-data { border: 0; margin-bottom: 1px; } .portable-infobox.pi-theme-wergelder .pi-data-label { background: #E1E183; color: #000000; padding: 5px 10px; transform:skew(-0.25rad); margin-left: 10px; } .portable-infobox.pi-theme-wergelder .pi-data-value { line-height: 26px; padding: 0; border: none; transform:skew(-0.25rad); margin-right:7px; } .portable-infobox.pi-theme-wergelder .pi-data-value:not(:first-child) { padding-left: 10px; background-color: black; } .portable-infobox.pi-theme-wergelder .pi-group { border: none; } .portable-infobox.pi-theme-wergelder .line { background: -moz-linear-gradient(left, rgba(225,225,131,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(225,225,131,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(225,225,131,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(225,225,131,1) 0%,rgba(255,255,255,0) 100%); width: 300px; padding: 2px 0; margin-bottom: 1px; } .portable-infobox.pi-theme-wergelder .line2 { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(225,225,131,1) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(225,225,131,1) 50%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(225,225,131,1) 50%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(225,225,131,1) 50%,rgba(255,255,255,0) 100%); width: 300px; padding: 2px 0; margin-bottom: 1px; }

.portable-infobox.pi-theme-wergelder .center { text-align:center; }

.bot-left { position: relative; } .bot-left:before, .bot-left:after { content: ""; position: absolute; bottom: -3px; left: 0px; } .bot-left:before { top: 50px; width: 2px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(transparent), to(#E1E183)); background-image: -webkit-linear-gradient(transparent, #E1E183); background-image: -moz-linear-gradient(transparent, #E1E183); background-image: -o-linear-gradient(transparent, #E1E183); }

.bot-left:after { right: -3px; height: 2px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#E1E183), to(transparent)); background-image: -webkit-linear-gradient(left, #E1E183, transparent); background-image: -moz-linear-gradient(left, #E1E183, transparent); background-image: -o-linear-gradient(left, #E1E183, transparent); }

.top-right { position: relative; } .top-right:before, .top-right:after { content: ""; position: absolute; top: -3px; right: 0px; } .top-right:before { bottom: 50px; width: 2px; background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#E1E183), to(transparent)); background-image: -webkit-linear-gradient(#E1E183, transparent); background-image: -moz-linear-gradient(#E1E183, transparent); background-image: -o-linear-gradient(#E1E183, transparent); }

.top-right:after { left: -3px; height: 2px; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#E1E183)); background-image: -webkit-linear-gradient(right, #E1E183, transparent); background-image: -moz-linear-gradient(right, #E1E183, transparent); background-image: -o-linear-gradient(right, #E1E183, transparent); }