MediaWiki:Wikia.css

/***** CSS placed here will be applied to the new skin. *****/ /* Stuff */
 * 1) title-icons { display: block !important;	text-align: right;	width: 595px;	}

/* Expand Template */ .hiddentext { display: none } .visibletext:hover .hiddentext { display: inline !important }

/* Timer CSS */
 * 1) displayTimer { font-size: 12px !important; }


 * 1) showdate a { color: red !important; }

/* Administrators */ a[href="/wiki/User:Dragonus_Nesha"] { font-style: italic !important; color:#25A364 !important; }

/* Show Large Tables Normally */ .WikiaWideTablesWrapper canvas {display:none;} .WikiaWideTablesWrapper img.sprite.popout {display:none;} .WikiaWideTablesWrapper > .table {overflow:visible;}

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

.newcategory {color:darkorange;}

/***** Background CSS *****/

body { background-attachment: fixed; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; padding: 2px 0 2px 0; } .wikia-photogallery-add { display: none !important; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

div.ajax-poll{ width:auto !important; border: 1px solid #A0A0A0 !important; }

/* Hides image attribution on articles */ .picture-attribution { display:none !important; }

/* Reference Style */ .references {font-size:10px;} .refpopups-box { background: none repeat scroll 0 0 #fff !important; border-color: #961414 !important; color: #3a3a3a !important; font-size: 11px !important; } /*  Decreasing Font Size */
 * 1) WikiaArticle { font-size: 13px; }

/* == Navbox == */ table.navbox {           /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;           /* (doesn't work for IE6, but that's okay)       */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center;     /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } .navbox-group {           /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: #fdfdfd;    /* Background color */ } .navbox-list { border-color: #fdfdfd;  /* Must match background color */ } .navbox-title, table.navbox th { background: #ccccff;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff;    /* Level 3 color */ } .navbox-even { background: #f7f7f7;    /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .collapseButton {         /* 'show'/'hide' buttons created dynamically */ float: right;         /* by the CollapsibleTables javascript in    */ font-weight: normal;  /* MediaWiki:Common.jsare styled here    */ text-align: right;    /* so they can be customised. */   width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 6em;           /* the vde links from Template:Tnavbar,   */ }

.portal_body:hover span.portalEditLink { display: block !important; } /*********************************/ /* main page jquery tabs/sliders */ /*********************************/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none !important; } /**********/ /* portal */ /**********/ .portal_container { } .portal_section ul { list-style: disc; } .portal_section { border: 1px solid #222; margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, #181818 0, #080808 100%); -moz-border-radius: 1em; -moz-box-shadow: 1px 1px 4px rgb(24, 24, 24); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #181818), color-stop(100%, #080808)); -webkit-border-radius: 1em; -webkit-box-shadow: 1px 1px 4px rgb(24, 24, 24); border-radius: 1em; box-shadow: 1px 1px 4px rgb(24, 24, 24); } .portal_header { padding: 0 1em; position: relative; } .portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted MediumVioletRed; text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; } .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; } .portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: #BE1A16; } .portal_body { padding: 0.8em; } .portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; } .portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { #BE1A16; } .portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted MediumVioletRed; text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: #BE1A16; } /******************/ /* portal: slider */ /******************/ /*******************/ /* portal: content */ /*******************/ /****************/ /* portal: news */ /****************/ /******************/ /* portal: forums */ /******************/ /*******************/ /* portal: twitter */ /*******************/ /*#portal_twitter ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(220,220,220) !important; padding: 0.2em 0; list-style: none; } change it from a bulleted list into a unbulleted list */ /*#portal_twitter ul { margin-left: 0em !important; } */ /****************/ /* portal: poll */ /****************/
 * 1) portal_slider { margin: 0px; padding: 0px; position: relative; height: 300px; }
 * 2) portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(75,75,75) 0, rgb(165,165,165) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(75,75,75)), color-stop(100%, rgb(165,165,165))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(115,115,115); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
 * 3) portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(90,90,90) 0, rgb(185,185,185) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(90,90,90)), color-stop(100%, rgb(185,185,185))); color: rgb(140,140,140); }
 * 4) portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
 * 5) portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
 * 6) portal_slider > .portal_body { padding: 0; }
 * 1) portal_content { font-size: 0.9em; line-height: 1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; }
 * 2) portal_content .portal_body > table { height: 300px; }
 * 3) portal_content ul { list-style: disc outside; }
 * 4) portal_content ul ul { margin-left: 1em; }
 * 1) portal_news .WikiaBlogListingBox, #portal_news ul, .CommunityCornerModule .WikiaBlogListingBox { font-size: 100%; width: auto; float: none; clear: none; border: 0; padding: 0; background: transparent; }
 * 2) portal_news .WikiaBlogListingBox h3, #portal_news .wikia-button, .CommunityCornerModule .WikiaBlogListingBox h3 { display: none; }
 * 3) portal_news .WikiaBlogListingPost { border-top: 0px !important; border-bottom: 1px dotted rgb(220,220,220) !important; list-style-type: none; } /* override the default border #portal_news colors */
 * 1) portal_forums .forum_title { }
 * 2) portal_forums .forum_edited { text-align: right; }
 * 1) portal_twitter .twtr-hd { display: none !important; } /* removes header */
 * 2) portal_twitter .twtr-ft { display: none !important; } /* removes footer */
 * 3) portal_twitter .twtr-tweet { border-bottom-color: #DCDCDC !important; } /* changes the dividing dotted lines to red */
 * 1) portal_poll .ajax-poll { border: 2px; } /* give the poll some room on the right */
 * 2) portal_poll .pollAnswer { margin-bottom: 0.5em !important; } /* give each poll entry some space at the bottom */
 * 3) portal_poll .pollAnswerVotes { border-color: #dddddd; background-color: transparent; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } /* round the edges a tad */
 * 4) portal_poll .pollAnswerVotes > span { background-color: transparent; border-right: 1px solid #dddddd; } /* make the background red */
 * 5) portal_poll .pollAnswerVotes > div {background-color:#8b0000 !important;}

/* Crown Title Font */ @font-face { font-family: Crown Title; src: url('http://www.dafont.com/CROWNT.TTF'), url('http://www.dafont.com/CROWNT.eot') format("opentype"); /* IE */ }

/*******************************************************************************/ /*Template:Image pop-up*/ .imagepopup .popup {display:none; speak:none;} .imagepopup .link a {color:#006CB0;} .imagepopup:hover .popup { background:transparent; padding:2em 1em 1em 2em; display:inline; position:absolute; margin-left:-2em; margin-top:-2em; z-index:10; } .imagepopup .popup .thumb { border:none !important; } /*******************************************************************************/

/*********************/ /***Wiki Background***/ /*********************/

body.background-dynamic.skin-oasis { background: black; overflow: hidden; position: relative; } body.background-dynamic.skin-oasis:after, body.background-dynamic.skin-oasis:before { /* $wgCdnStylePath */ background-repeat: no-repeat; content: ""; height: 1000px; position: absolute; top: 0; width: 1000px; z-index: -2; } body.background-dynamic.skin-oasis.background-fixed:after, body.background-dynamic.skin-oasis.background-fixed:before { position: fixed; } body.background-dynamic.skin-oasis:after { background-position: -1000px 0; right: 50%; margin-right: -1000px; } body.background-dynamic.skin-oasis:before { left: 50.1%; margin-left: -1000px; } body.background-dynamic.skin-oasis .background-image-gradient { background: black; left: 50%; } body.background-dynamic.skin-oasis .background-image-gradient, body.background-dynamic.skin-oasis .background-image-gradient:before, body.background-dynamic.skin-oasis .background-image-gradient:after { content: ""; height: 100%; position: fixed; top: 0; z-index: -1; }

@media screen and (max-width: 1030px) { body.skin-oasis { background-image: none; } body.skin-oasis:after, body.skin-oasis:before { display: none; } } @media screen and (min-width: 1370px) { body.background-dynamic.skin-oasis:after, body.background-dynamic.skin-oasis:before { width: 685px; } body.background-dynamic.skin-oasis:after { background-position: -1000px 0; margin-right: 0; right: 0; } body.background-dynamic.skin-oasis:before { background-position: -315px 0; margin-left: 0; left: 0; } body.background-dynamic.skin-oasis .background-image-gradient { margin-left: -moz-calc(685px - 50%); margin-left: -o-calc(685px - 50%); margin-left: -webkit-calc(685px - 50%); margin-left: calc(685px - 50%); width: -moz-calc(100% - 1370px); width: -o-calc(100% - 1370px); width: -webkit-calc(100% - 1370px); width: calc(100% - 1370px); } body.background-dynamic.skin-oasis .background-image-gradient:after, body.background-dynamic.skin-oasis .background-image-gradient:before { width: 40px; } body.background-dynamic.skin-oasis .background-image-gradient:after { background-color: rgba(186, 205, 216, 0); background-image: -webkit-linear-gradient(right, rgba(186, 205, 216, 0) 0%, black 100%); background-image: linear-gradient(to left, rgba(186, 205, 216, 0) 0%, black 100%); right: 645px; } body.background-dynamic.skin-oasis .background-image-gradient:before { background-color: rgba(186, 205, 216, 0); background-image: -webkit-linear-gradient(left, rgba(186, 205, 216, 0) 0%, black 100%); background-image: linear-gradient(to right, rgba(186, 205, 216, 0) 0%, black 100%); left: 645px; } } @media screen and (min-width: 1940px) { body.background-dynamic.skin-oasis:after, body.background-dynamic.skin-oasis:before { width: 1000px; } body.background-dynamic.skin-oasis:after { background-position: -1000px 0; right: 50%; margin-right: -1285px; } body.background-dynamic.skin-oasis:before { background-position: 0; left: 50%; margin-left: -1285px; } body.background-dynamic.skin-oasis .background-image-gradient { margin-left: -285px; width: 570px; } body.background-dynamic.skin-oasis .background-image-gradient:after { margin-right: -325px; right: 50%; } body.background-dynamic.skin-oasis .background-image-gradient:before { left: 50%; margin-left: -325px; } }

/* Portable Infobox */ .portable-infobox { border: 1px solid #cccccc; } .portable-infobox .pi-image-collection-tabs { margin: auto; } .portable-infobox .pi-image-collection-tabs li { background: #aeaeae; color: black; } /* This is for the current selected tab */ .portable-infobox .pi-image-collection-tabs li.current { background: #f9f9f9; color: black; } /* The whole gallery/tabber box*/ .portable-infobox .pi-image-collection { background: #f9f9f9; border:1px solid #cccccc; }

.CharBox .portable-infobox { margin: -16px 0px 15px 15px; } .pi-border-color { border-color: #cccccc; } .pi-background { background-color: #ffffff; } .pi-secondary-background { background-color: #ffffff; } .pi-title { text-align: center; font-size: 20px !important; background-color: #cccccc; } .pi-header { text-align: center; font-size: 14px !important; background-color: #cccccc; } .pi-header a:link, .pi-header a:visited { color:inherit !important; } .pi-image-thumbnail { width: 100%; height: 100%; background-color: #f9f9f9; } .pi-navigation { text-align: center; padding: 0px 0px 0px 0px !important; /*margin-bottom: -7px !important;*/ } .pi-font { color:#000000; } .pi-secondary-font { color:#000000; } .pi-horizontal-group .pi-header { text-align: center !important; }

/* Colorschemes */ .ChapColors, .ChapColors, .pi-theme-ChapColors .pi-header, .pi-theme-ChapColors .pi-title, .pi-theme-ChapColors .pi-image-collection-tabs, .pi-theme-ChapColors .pi-collapse .pi-header:first-child::after { background-color:#000000; color:#ffffff; border-color: #ffffff;} .SpecChapColors, .SpecChapColors, .pi-theme-SpecChapColors .pi-header, .pi-theme-SpecChapColors .pi-title, .pi-theme-SpecChapColors .pi-image-collection-tabs { background-color:#C5B358; color:#000000;} .FightColors, .FightColors, .pi-theme-FightColors .pi-header, .pi-theme-FightColors .pi-title { background-color:#E62020; color:#000000;} .EventColors, .EventColors, .pi-theme-EventColors .pi-header, .pi-theme-EventColors .pi-title { background-color:#228B22; color:#ffffff;} .SpellColors, .SpellColors, .pi-theme-SpellColors .pi-header, .pi-theme-SpellColors .pi-title, .pi-theme-SpellColors .pi-image-collection-tabs { background-color:#702963; color:#ffffff;} .TermColors, .TermColors, .pi-theme-TermColors .pi-header, .pi-theme-TermColors .pi-title, .pi-theme-TermColors .pi-border { background-color:#D4AF37; color:#000000; border: 3px solid #000000;}

/* Squad Colorschemes */ .MagicEmpColors, .MagicEmpColors, .pi-theme-MagicEmpColors .pi-header, .pi-theme-MagicEmpColors .pi-title, .pi-theme-MagicEmpColors .pi-image-collection-tabs { background-color:#ccBd8d; color:#7e3040;} .BlackClawColors, .BlackClawColors, .pi-theme-BlackClawColors .pi-header, .pi-theme-BlackClawColors .pi-title, .pi-theme-BlackClawsColors .pi-image-collection-tabs, .pi-theme-BlackClawColors .pi-collapse .pi-header:first-child::after { background-color:#1a1a1a; color:#ffffff; border-color: #ffffff;} .GoldenLionColors, .GoldenLionColors, .pi-theme-GoldenLionColors .pi-header, .pi-theme-GoldenLionColors .pi-title, .pi-theme-GoldenLionColors .pi-image-collection-tabs { background-color:#dAA520; color:#000000;} .SilverHawkColors, .SilverHawkColors, .pi-theme-SilverHawkColors .pi-header, .pi-theme-SilverHawkColors .pi-title, .pi-theme-SilverHawkColors .pi-image-collection-tabs { background-color:#c0c0c0; color:#ffffff;} .BlueRhinoColors, .BlueRhinoColors, .pi-theme-BlueRhinoColors .pi-header, .pi-theme-BlueRhinoColors .pi-title, .pi-theme-BlueRhinoColors .pi-image-collection-tabs { background-color:#07a3cc; color:#ffffff;} .CrimsonWolfColors, .CrimsonWolfColors, .pi-theme-CrimsonWolfColors .pi-header, .pi-theme-CrimsonWolfColors .pi-title, .pi-theme-CrimsonWolfColors .pi-image-collection-tabs { background-color:#bc2627; color:#ffffff;} .GreenMantisColors, .GreenMantisColors, .pi-theme-GreenMantisColors .pi-header, .pi-theme-GreenMantisColors .pi-title, .pi-theme-GreenMantisColors .pi-image-collection-tabs { background-color:#2eac6f; color:#ffffff;} .RedLionColors, .RedLionColors, .pi-theme-RedLionColors .pi-header, .pi-theme-RedLionColors .pi-title, .pi-theme-RedLionColors .pi-image-collection-tabs { background-color:#79638b; color:#ffffff;} .BrownBeastColors, .BrownBeastColors, .pi-theme-BrownBeastColors .pi-header, .pi-theme-BrownBeastColors .pi-title, .pi-theme-BrownBeastColors .pi-image-collection-tabs { background-color:#ed848b; color:#5a4e74;} .VioletDeerColors, .VioletDeerColors, .pi-theme-VioletDeerColors .pi-header, .pi-theme-VioletDeerColors .pi-title, .pi-theme-VioletDeerColors .pi-image-collection-tabs { background-color:#beddcb; color:#000000;} .CloverColors, .CloverColors, .pi-theme-CloverColors .pi-header, .pi-theme-CloverColors .pi-title, .pi-theme-CloverColors .pi-image-collection-tabs { background-color:#506956; color:#CF9C3D;} .DiamondColors, .DiamondColors, .pi-theme-DiamondColors .pi-header, .pi-theme-DiamondColors .pi-title, .pi-theme-DiamondColors .pi-image-collection-tabs { background-color:#CDE8EF; color:#000000;} .HeartColors, .HeartColors, .pi-theme-HeartColors .pi-header, .pi-theme-HeartColors .pi-title, .pi-theme-HeartColors .pi-image-collection-tabs, .pi-theme-HeartColors .pi-collapse .pi-header:first-child::after { background-color:#5a2338; color:#a2944b; border-color: #a2944b;} .SpadeColors, .SpadeColors, .pi-theme-SpadeColors .pi-header, .pi-theme-SpadeColors .pi-title, .pi-theme-SpadeColors .pi-image-collection-tabs { background-color:#5b749d; color:#000000;} .WitchQueenColors, .WitchQueenColors, .pi-theme-WitchQueenColors .pi-header, .pi-theme-WitchQueenColors .pi-title, .pi-theme-WitchQueenColors .pi-image-collection-tabs { background-color:#8b0000; color:#ffffff;} .SeaTempleColors, .SeaTempleColors, .pi-theme-SeaTempleColors .pi-header, .pi-theme-SeaTempleColors .pi-title, .pi-theme-SeaTempleColors .pi-image-collection-tabs { background-color:#4A6F8C; color:#39BDB2;} .FanzellColors, .FanzellColors, .pi-theme-FanzellColors .pi-header, .pi-theme-FanzellColors .pi-title, .pi-theme-FanzellColors .pi-image-collection-tabs { background-color:#A09038; color:#37506E;} .WhiteNightColors, .WhiteNightColors, .pi-theme-WhiteNightColors .pi-header, .pi-theme-WhiteNightColors .pi-title, .pi-theme-WhiteNightColors .pi-image-collection-tabs { background-color:#ffffff; color:#000000;} .ElfTribeColors, .ElfTribeColors, .pi-theme-ElfTribeColors .pi-header, .pi-theme-ElfTribeColors .pi-title, .pi-theme-ElfTribeColors .pi-image-collection-tabs, .pi-theme-ElfTribeColors .pi-collapse .pi-header:first-child::after { background-color:#ffffff; color:#dAA520; border-color:#dAA520;} .DevilColors, .DevilColors, .pi-theme-DevilColors .pi-header, .pi-theme-DevilColors .pi-title, .pi-theme-DevilColors .pi-image-collection-tabs, .pi-theme-DevilColors .pi-collapse .pi-header:first-child::after { background-color:#f9fbfc; color:#960b2c; border-color:#960b2c;}