MediaWiki:Themes.css

/***********************************************************************/ /***********************************************************************/ /********************* 6DIIep — used generally *************************/ /***********************************************************************/ /***********************************************************************/ /* All Infoboxes — General */ .portable-infobox.pi-background { width: 285px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); margin-bottom: 6px; }

.portable-infobox .pi-data-label, .portable-infobox .pi-data-value, .portable-infobox .pi-caption { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }/**/

/* All Infoboxes — Titles & Headers */ .portable-infobox .pi-header, .portable-infobox .pi-title { color: #EEEEEE; }

.portable-infobox .pi-title { padding: 10px 14px; }

.portable-infobox .pi-collapse .pi-header:first-child::after { border-width: 3px 3px 0 0; border-radius: 2px; }/**/

/* All Infoboxes — Images */ .portable-infobox:not(.pi-theme-blogbox) .pi-image:hover { padding: 1px 0 2px 0; }

.portable-infobox .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox .pi-caption { font-style: italic; font-size: 12px; color: #AAAAAA; color: rgba(213, 212, 212, 0.75); text-align: center; }

.portable-infobox .pi-image-collection-tabs { text-align: center; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { font-weight: bold; }/**/

/* All Infoboxes — Data */ .portable-infobox .pi-data { padding-top: 0; padding-bottom: 0; }

.portable-infobox .pi-data-label { padding-top: 6px; padding-bottom: 3px; }

.portable-infobox .pi-horizontal-group .pi-data-label, .portable-infobox .pi-data-label.pi-smart-data-label, .portable-infobox.pi-layout-stacked .pi-data-label { padding-bottom: 3px; }

.portable-infobox .pi-data-value:not(.pi-theme-blogbox) { padding-bottom: 6px; }

.portable-infobox.pi-layout-default:not(.pi-theme-blogbox) .pi-data-value { padding-top: 6px; }/**/

/* All Infoboxes — Navigation */ .portable-infobox .pi-navigation { text-align: center; }/**/

/* All Infoboxes — Borders */ .portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-item:not(.pi-group), .portable-infobox .pi-horizontal-group, .portable-infobox .pi-navigation { border-style: solid; border-width: 0 4px 0 4px; border-color: #333B3D; }

.portable-infobox > .pi-item:not(.pi-group):first-child { border-top: 4px solid #333B3D; }

.portable-infobox > .pi-navigation:last-child, .portable-infobox > .pi-item:last-child { border-bottom: 4px solid #333B3D; }

.portable-infobox:not(.pi-theme-blogbox) .pi-header, .portable-infobox:not(.pi-theme-blogbox) .pi-title { border-style: solid; border-width: 0 4px 0 4px; border-color: #006688 !important; }

.portable-infobox .pi-group:first-child .pi-item:first-child, .portable-infobox > .pi-item:first-child:not(.pi-group) { border-top-width: 4px !important; }

.portable-infobox .pi-collapse-closed .pi-header { border-bottom-width: 4px !important; }

.portable-infobox .pi-collapse-closed { border-bottom: none !important; }/**/

/* All Infoboxes — Animations/Effects */ .portable-infobox:not(.pi-theme-blogbox) .pi-image-collection-tabs, .portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group), .portable-infobox:not(.pi-theme-blogbox) .pi-horizontal-group, .portable-infobox:not(.pi-theme-blogbox) .pi-navigation, .portable-infobox.pi-background:not(.pi-theme-blogbox), .portable-infobox:not(.pi-theme-blogbox) .pi-header { transition: all 0.15s; }

.portable-infobox:not(.pi-theme-blogbox) .pi-image-collection-tabs:hover, .portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group):hover, .portable-infobox:not(.pi-theme-blogbox) .pi-horizontal-group:hover, .portable-infobox:not(.pi-theme-blogbox) .pi-navigation:hover, .portable-infobox:not(.pi-theme-blogbox) .pi-header:hover { position: relative; z-index: 2; margin-left: -3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }

.portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group):not(.pi-smart-group):not(.pi-title):not(.pi-header):not(.pi-image):hover, .portable-infobox:not(.pi-theme-blogbox) .pi-horizontal-group:hover { width: calc(100% + 3px); box-sizing: border-box; }

.portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group):hover, .portable-infobox:not(.pi-theme-blogbox) .pi-horizontal-group:hover { padding-right: 3px; }

.portable-infobox:not(.pi-theme-blogbox) .pi-item-spacing:not(.pi-horizontal-group-item):not(.pi-smart-data-label):not(.pi-smart-data-value):not(.pi-tab-link):not(.pi-caption):hover { padding-right: 17px; }

.portable-infobox:not(.pi-theme-blogbox) .pi-collapse .pi-header:first-child:hover { padding-right: 28px !important; }

.portable-infobox:not(.pi-theme-blogbox) .pi-header:hover, .portable-infobox:not(.pi-theme-blogbox) .pi-title:hover { padding: 13px 14px; }

.portable-infobox:not(.pi-theme-blogbox) .pi-item:not(.pi-group):not(.pi-title):not(.pi-header):hover, .portable-infobox:not(.pi-theme-blogbox) .pi-image-collection-tabs:hover { padding-top: 3px; padding-bottom: 3px; }

.portable-infobox:not(.pi-theme-blogbox) .pi-navigation:hover { padding-top: 13px; padding-bottom: 13px; }

.portable-infobox:not(.pi-theme-blogbox) .pi-tab-link.current { position: relative; z-index: 2; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }

.portable-infobox.pi-background:not(.pi-theme-blogbox):hover { margin-bottom: 0; }/**/

/***********************************************************************/ /***********************************************************************/ /******************************* BlogBox *******************************/ /***********************************************************************/ /***********************************************************************/ /* General */ .portable-infobox.pi-theme-blogbox { width: 188px; border-radius: 0.5em; }

.portable-infobox.pi-theme-blogbox .pi-item-spacing { padding: 1px 0 3px 0; }

.portable-infobox.pi-theme-blogbox .pi-image { border-radius: 0.5em 0.5em 0 0; }

.portable-infobox.pi-theme-blogbox .pi-image img { max-width: 100%; height: auto; border-radius: 0.25em 0.25em 0 0; }

.portable-infobox.pi-theme-blogbox .pi-header:first-child { border-radius: 0.25em 0.25em 0 0; }

.portable-infobox.pi-theme-blogbox .pi-header { font-size: smaller; padding: 0; }

.portable-infobox.pi-theme-blogbox .pi-group { display: flex; } .portable-infobox.pi-theme-blogbox .pi-group .pi-data.pi-item-spacing { padding: 3px 2px; } .portable-infobox.pi-theme-blogbox .pi-group .pi-data.pi-item-spacing:not(:only-child) { padding: 2px 1px 2px 2px; } .portable-infobox.pi-theme-blogbox .pi-group .pi-data.pi-item-spacing:nth-child(even) { padding: 2px 2px 2px 1px; } .portable-infobox.pi-theme-blogbox .pi-group .pi-data .pi-data-value a.image.image-thumbnail.link-external img { width: 100%; height: auto; }

.portable-infobox.pi-theme-blogbox .pi-group .pi-data:only-child .pi-data-value a.image.image-thumbnail.link-external img { width: 50%; }

.portable-infobox.pi-theme-blogbox .pi-navigation center { display: flex; justify-content: space-around; }

.portable-infobox.pi-theme-blogbox .pi-navigation center abbr + span { display: none; }

.portable-infobox.pi-theme-blogbox .pi-title, .portable-infobox.pi-theme-blogbox .pi-header { border-style: solid; border-width: 0 4px 0 4px; border-color: #006688; }/**/

/* November 2017 */ .portable-infobox.pi-theme-nov17 .pi-header { background: #F14800; border-color: #C33300; }

.portable-infobox.pi-theme-nov17 .pi-image:first-child { border-color: #8899BB; }/**/

/* December 2017 */ .portable-infobox.pi-theme-dec17 .pi-header { background: #0088AA; }

.portable-infobox.pi-theme-dec17 .pi-image:first-child { border-color: #222F44; }/**/

/* Best You Can Be */ .portable-infobox.pi-theme-bycb .pi-header { background: #3F553F; border-color: #334433; }

.portable-infobox.pi-theme-bycb .pi-image:first-child { border-color: #445F22; }/**/