MediaWiki:Wikia.css

.WikiaPage { border: none; } .WikiaMainContent { border-radius: 10px; } .WikiaArticle { font-size: 16px; } .wikia-page-header .header-container, .WikiaArticle h2 { border-bottom: 1px solid rgba(255, 255, 255, 0.75); } .WikiaRail .module { border: 0; border-radius: 5px; background-color: rgba(18,82,158,.1); } .WikiaFooter section { border: none; border-radius: 5px; background-color: transparent; } .discussion-module .discussion-threads .discussion-thread { border: 0; border-radius: 5px; background-color: rgba(18,82,158,.1); } .discussion-module .discussion-threads .discussion-thread:hover { background-color: rgba(18,82,158,.2); } /* ======================  Pre, Special:CSS Making them more readable ======================= */ .WikiaArticle pre { border:2px solid #154fa0; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; -moz-box-shadow:0 0 5px #154fa0 inset; -webkit-box-shadow:0 0 5px #154fa0 inset; -o-box-shadow:0 0 5px #154fa0 inset; -ms-box-shadow:0 0 5px #154fa0 inset; box-shadow:0 0 5px #154fa0 inset; line-height:140%; width:auto; margin:auto; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; } /* =======================  Right rail & footer ======================= */   .WikiaRail .module, .mainpage-highlight, .community-updates widget-box, .education-links li, .widget-box li { border-radius:5px; background:rgba(18,82,158,.1) !important; }   display:none; } /* ==================  Media queries These help the design respond better to changes of browser width. in other words, they implement at least rdudimentary responsive design.
 * 1) WikiaRail > section.community-page-entry-point-module.module > div.community-page-entry-point-logo, div.community-page-entry-point-new {

=
===== */ @media only screen and (max-width:1023px) { .fpcontainer, .front-page-right-column { width:650px; margin:0 auto; padding-left:100px; } }

@media only screen and (min-width:1024px) { .fpcontainer, .front-page-right-column { width:250px; margin: 0 auto; } }

.WikiaArticle ul { list-style:square outside url("https://static.inven.co.kr/image_2011/indie/common/star_10x10_green.png"); margin:0 0 0.3em 2.5em; } .ajax-poll { border: 1px solid #AAA; } /* User Page Tab Row */ background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#176acc),color-stop(100%,#12529e)); border-top-left-radius:7px; border-top-right-radius:7px; border-radius:7px; padding-bottom:5px; }   border-bottom:none; }   background:transparent !important; border:none; color:black !important; }   color: #FFFFFF !important; } .firstChild li:last-child { display: none; } .roundy { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -icab-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } table table tr td { border-radius:20px; } caption { font-weight:bold; border:inherit; border-bottom:0; } /* Class article-table */ table.article-table { margin:auto; } table.article-table thead, table.article-table tbody th, table.article-table caption { text-align:center !important; } table.article-table tbody { text-align:center; border:1px solid; } table.article-table th { padding:4px 6px; } table.article-table img { padding:4px; } table.article-table li { text-align:left; } .wikitable caption { margin-left:initial; margin-right:initial; } /*   ######    Navbox ###### .nav-box { border-collapse:collapse; width:80%; margin:auto; } .nav-box tbody { background:#fff2d7; } .nav-box th, .nav-box td { border:1px solid #ffffff; padding:3px 4px; font-size:12px; } .nav-box tr ~ tr th { width:10%; } .nav-box tr td:only-child { text-align:center; } .nav-box th { background:orange; } .nav-box tr ~ tr th:not([rowspan]) { background:#ffe852; } .nav-box tr ~ tr th { background:#ffd200; } .nav-box th > a { font-size:1.5em; } /* Colors */ /* Light pink */ .pi-tab-link.pi-item-spacing /*, .pi-collapse .pi-header:first-child:hover::after*/ { border-color:#FFC2D9; } .pi-theme-infobox, ul.pi-image-collection-tabs li, .pi-tab-link.pi-item-spacing, .nav-box tr ~ tr th, .nav-box tr ~ tr th:not([rowspan]), table.article-table tbody { background-color:#FFC2D9; } /*.pi-theme-infobox div:hover h2, .pi-theme-infobox h2:hover { color:#FFC2D9; }*/ /* Dark pink */ .pi-tab-link.pi-item-spacing { border-color:#f76f82; } .pi-tab-link.pi-item-spacing.current { background-color:#f76f82; } /* Light blue */ .pi-theme-infobox .pi-image, .pi-theme-infobox .pi-image-collection-tabs, .pi-theme-infobox .pi-image-collection-tabs + div { background-color:#8ecaff; } /* Dark blue */ .pi-theme-infobox .pi-border-color, table.article-table tbody, .article-table td { border-color:#319eff; } /*.pi-theme-infobox div:hover h3, .pi-theme-infobox td:hover, .pi-theme-infobox .pi-image-collection-tabs li:hover:not(.current) { color:#319eff; }*/ .pi-theme-infobox .pi-title, .pi-theme-infobox .pi-header, .nav-box th, table.article-table thead, table.article-table tbody th, table.article-table caption { background-color:#319eff; } .pi-theme-infobox .pi-image-collection-tabs, .pi-theme-infobox figure, .pi-theme-infobox .pi-data, .pi-group:last-child .pi-image-collection, .pi-theme-infobox .pi-header, .pi-theme-infobox .pi-navigation, .pi-theme-infobox .pi-horizontal-group, .pi-theme-infobox section:last-child > h2 ~ .pi-item:last-child, .pi-theme-infobox .pi-title, .pi-theme-infobox .pi-header { border-left-color:#319eff !important; border-right-color:#319eff !important; } .pi-theme-infobox .pi-title, .pi-theme-infobox .pi-header { border-top-color:#319eff !important; } .pi-theme-infobox section:last-child > h2 ~ .pi-item:last-child { border-bottom-color:#319eff !important; } .pi-tab-link.pi-item-spacing { border:1px solid; } /* For Portable Infobox */ .pi-theme-infobox { float:right; border-radius:25px; width:275px; } .pi-theme-infobox .pi-title { font-weight:bold; border-left:3px solid; border-right:3px solid; border-top:3px solid; border-radius:20px 20px 0 0; } .pi-theme-infobox .pi-image-collection-tabs, .pi-theme-infobox figure, .pi-theme-infobox .pi-data, .pi-group:last-child .pi-image-collection, .pi-theme-infobox .pi-header, .pi-theme-infobox .pi-navigation, .pi-theme-infobox .pi-horizontal-group { border-left:3px solid; border-right:3px solid; } .pi-theme-infobox .pi-title, .pi-theme-infobox .pi-header { font-weight:bold; } .pi-theme-infobox .pi-image-collection-tabs { margin:0; padding-bottom:1em; text-align:center; line-height:1em; } .pi-theme-infobox .pi-image-collection-tabs li { margin:0; text-align:center; border-top:0; } .pi-theme-infobox section:last-child .pi-image-collection-tabs { border-left:0 !important; border-right:0 !important; padding-bottom:8px; } .pi-theme-infobox .pi-navigation { background:unset; font-weight:bold; border-top:1px solid #319eff; } .pi-theme-infobox .pi-data + .pi-navigation { border-top:0; } .pi-theme-infobox section:last-child > h2 ~ .pi-item:last-child { border-left:3px solid; border-right:3px solid; border-bottom:3px solid; border-radius:0 0 20px 20px; padding:5px 10px 1em; } .pi-theme-infobox .pi-tab-link, .pi-theme-infobox > h2 + div + div, .pi-theme-infobox .pi-header, .pi-theme-infobox figure + div { font-style:italic; } .pi-theme-infobox figure figcaption { display:none; } .pi-theme-infobox > section:last-child table { border:0 !important; } .pi-theme-infobox section:last-child figure { border-left:0 !important; border-right:0 !important; } .pi-collapse:last-child .pi-image img { max-width:245px; height:auto; } /*   #######    Movebox ####### .movebox { width:calc(100% - 290px); text-align:center; margin:auto; } .movebox table { width:100%; border:1px solid #CCC; border-top:0; border-collapse:collapse; } .movebox .wikia-slideshow { padding:1em 0; } .movebox .tabbertab > p { display:none; } .movebox td { border-top:1px solid #CCC; } .movebox .tabbernav a { line-height:20px; } .movebox ul.movebox li, .sprite-gallery ul.tabbernav li { line-height: 23px !important; } .movebox ul.movebox a, .sprite-gallery ul.tabbernav a { border-radius:15px; } /*   ###########    Gallery Box ########### div.gallery { height:250px; width:100%; margin-top:1em; text-align:center; overflow:auto; border:1px solid #c0c0c0; } /* Columns */ .column-2 { -ms-column-count:2; -webkit-column-count:2; -moz-column-count:2; column-count:2; } .column-3 { -ms-column-count:3; -webkit-column-count:3; -moz-column-count:3; column-count:3; } .column-4 { -ms-column-count:4; -webkit-column-count:4; -moz-column-count:4; column-count:4; }
 * 1) WikiaUserPagesHeader > div {
 * 1) WikiaUserPagesHeader > div > ul {
 * 1) WikiaUserPagesHeader > div > ul > li.selected > a {
 * 1) WikiaUserPagesHeader > div > ul > li > a {