User:Hollowness/common.css

/*************************************************/ /* Whimsical Theme with Pale Desaturated Pastels */ /*                By Hollowness                 */ /*      Please Credit or Import if you use      */ /*************************************************/ /************************/ /* Font and Link Colors */ /************************/ a { color: #b49c9a; } body    { color:#727272; } .mw-collapsible-toggle a { color: white; } .WikiaActivityModule .edited-by a { color:#8fa2bb; } .dark_text_2 { color:#8fa2bb; } .global-footer ul li a { color: #b49c9a; } .WikiaBlogPostHeader .author-details a { color: #8fa2bb; } .Forum .ThreadList .activity li.follow { color: #8fa2bb; } .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color: #bcb487; } .EditPage .module_page_controls .diff-link { color: #8fa2bb; } .EditPage .module_content > .text-links > li > a { color: #8fa2bb; }.Wall .timestamp a.username, .Wall .timestamp span.username { color: #8fa2bb; } .wikia-paginator ul .paginator-page { color: #8fa2bb; } .special-videos-grid .title a { color: #727272; } .special-videos-grid .title a:hover { color: #8fa2bb; }.Wall .SortingBar .SortingMenu .SortingSelected, .WallHistory .SortingBar .SortingMenu .SortingSelected { color: #8fa2bb; } .Wall .SortingBar .SortingMenu .SortingSelected:hover, .WallHistory .SortingBar .SortingMenu .SortingSelected:hover { color: #727272; } .modalWrapper > h1, .WikiaRail .module .modalWrapper > h3, .modalWrapper .main-header { color: #b49c9a; } .mw-plusminus-pos { color: #8fa2bb; } .mw-plusminus-neg { color: #bcb487; } .Forum .last-post { color: #727272; } /***********************/ /* Portable Infoboxes */ /**********************/   .portable-infobox { background:linear-gradient(#b9b8c9, #d7e6fa) !important; font-size: 87%; border-radius: 0 14px 10px 10px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-left:10px; margin-bottom:10px; } .pi-secondary-background { background:linear-gradient(#b9b8c9, #acb8c8); border-radius: 0 0 0 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .portable-infobox .pi-title { background:linear-gradient(#9897b0, #94a4b8); } .portable-infobox .pi-header { background:linear-gradient(#b9b8c9, #acb8c8); border-radius: 0 0 0 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pi-border-color { border-color: #b9b8c9; } .pi-image { opacity: 0.9; } /***********/ /* Tables */ /**********/ table.basictable { background:#FFFFFF; color:#08445A; border-radius: 14px 14px 7px 7px; border: 1px solid #b9b8c9; margin-top:10px; } table.basictable th { background:linear-gradient(#b9b8c9, #acb8c8) !important; color: #FFFFFF; padding: 10px; border-radius: 10px 10px 0 0; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 8px; } table.basicdesaturatedtable { background:linear-gradient(#f9f8fe, #eef4fd) !important; border-radius: 14px 14px 7px 7px; border: none; margin-top:10px; } table.basicdesaturatedtable th { background:linear-gradient(#b9b8c9, #d7e6fa) !important; color:#727272; padding: 10px; border-radius: 10px 10px 0 0; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 8px; } table.basicdarkdesaturatedtable { background:linear-gradient(#b9b8c9, #d7e6fa) !important; border-radius: 14px 14px 7px 7px; border: none; } table.basicdarkdesaturatedtable th { background:linear-gradient(#9897b0, #94a4b8) !important; color:#FFFFFF; border-radius: 14px 14px 0 0; } table.desaturatedtable { background:linear-gradient(#f9f8fe, #eef4fd) !important; border-radius: 14px 14px 7px 7px; border: none; } table.desaturatedtable th { background:linear-gradient(#b9b8c9, #d7e6fa) !important; color:#727272; } table.desaturatedtable th:first-child { border-radius: 10px 0 0 0; } table.desaturatedtable th:last-child { border-radius: 0 10px 0 0; } table.desaturatedtable td { border-top: 1px solid #e5e5eb; } table.desaturatedtable tr:nth-of-type(2) td { border-top: none !important; } table.darkdesaturatedtable { background:linear-gradient(#b9b8c9, #d7e6fa) !important; border-radius: 14px 14px 7px 7px; border: none; } table.darkdesaturatedtable th { background:linear-gradient(#9897b0, #94a4b8) !important; color:#FFFFFF; } table.darkdesaturatedtable th:first-child { border-radius: 10px 0 0 0; } table.darkdesaturatedtable th:last-child { border-radius: 0 10px 0 0; } table.darkdesaturatedtable td { border-top: 1px solid #b9b8c9; } table.darkdesaturatedtable tr:nth-of-type(2) td { border-top: none !important; } /************/ /* Headers */ /***********/ .header-title > h1 { background:linear-gradient(#b9b8c9, #acb8c8); color: #FFFFFF; font-weight:bold; -moz-border-radius:14px 14px 0 0; border-top-right-radius:14px; border-top-left-radius:14px; padding:10px; border-bottom: 0; display:inline-block; width:95%; } .WikiaArticle h, .WikiaArticle h1,.WikiaArticle h2, .top-wiki-articles .top-wiki-main, .UserProfileMasthead .masthead-info hgroup { background:linear-gradient(#b9b8c9, #acb8c8); color: #FFFFFF; font-weight:bold; -moz-border-radius:14px 14px 0 0; border-top-right-radius:14px; border-top-left-radius:14px; padding:10px; border-bottom: 0; } .WikiaArticle h3,.WikiaArticle h4 { color: #727272; font-weight:bold; border-bottom: 0; } .Search .result h1, .Search .result .RailModule h2, .RailModule .Search .result h2l, .wikiaPhotoGallery-slider-body .horizontal .description h2, .AdminDashboard .admin-dashboard-content .control-section header h1, .wikiaPhotoGallery-slider-body .vertical .description h2 { background: none !important; font-weight:bold; } .WikiHeader .accent a { color: white; } .ChatModule h2.chat-headline .chat-total { background-color: #b9b8c9; } /***********/ /* Tabber */ /**********/ .page-Community_Central ul.tabbernav li.tabberactive a { color: #FFFFFF; background:linear-gradient(#acb8c8, #b9b8c9) !important; } .page-Community_Central ul.tabbernav li a:hover { background:linear-gradient(#acb8c8, #b9b8c9) !important; border-color: transparent; color: #FFFFFF; } .page-Community_Central ul.tabbernav { background:linear-gradient(#acb8c8, #b9b8c9) !important; border-top: 5px solid #acb8c8; color: #FFFFFF; } .page-Community_Central ul.tabbernav li a:link, .page-Community_Central ul.tabbernav li a:visited { background:linear-gradient(#acb8c8, #b9b8c9) !important; color: #FFFFFF; } /***********************/ /* Account Navigation */ /**********************/ .AccountNavigation .user-menu > li > a { background-color: #fff; border-top: 1px solid #c8d2d7; color: #b9b8c9; } /********************/ /* Wiki Navigation */ /*******************/ .WikiHeader .navbackground div { background:linear-gradient(#acb8c8, #b9b8c9) !important; border: none; } .navbackground { background:linear-gradient(#acb8c8, #b9b8c9) !important; border-radius:0 0 0 7px; -moz-border-radius:0 0 0 7px; } .WikiHeader > nav li { border: none; } .nav-item.marked { background:linear-gradient(#b9b8c9, #acb8c8) !important; border: none; border-radius: 14px 14px 0 0 !important; } .nav-item.marked > a { border-top-color: transparent !important; } .subnav-2-item.marked2 .subnav-2a { border: none; border-radius: 14px 14px 0 0 !important; -moz-border-radius: 14px 14px 0 0 !important; } .subnav-2a { border: none; transition :0.2s all linear; -webkit-transition: 0.2s all linear; border-radius: 14px 14px 0px 0px; -moz-border-radius: 14px; } .subnav-2a:hover { background:linear-gradient(#b9b8c9, #acb8c8) !important; border: none; } .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a { background:linear-gradient(#b9b8c9, #acb8c8) !important; border: none; box-shadow: 1px -3px 7px 0 #555555; } .WikiHeader > nav .subnav-3 { border: none; } .subnav-3.subnav { border: none; border-radius: 0 14px 7px 7px; -moz-border-radius: 0 14px 7px 7px; margin-top: 1px !important; } /*************/ /* WikiaRail */ /************/    .WikiaRail .module { background:linear-gradient(#f9f8fe, #eef4fd) !important; border: 1px solid #b9b8c9; border-radius: 0 14px 10px 10px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } /***********************************/ /* User and Message Customization */ /**********************************/ .UserProfileMasthead { background:linear-gradient(#FFF, #d7e6fa) !important; overflow:hidden; } .UserProfileMasthead .masthead-info { background:linear-gradient(#FFF, #e8e7fc) !important; overflow:hidden; } .UserProfileMasthead .masthead-avatar .avatar { border: 2px #727272; box-shadow: 1px 1px 1px 1px #727272; } .avatar { border-radius: 8px 8px 7px 7px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; opacity: 0.7; } .UserProfileMasthead .masthead-info .tag { background:linear-gradient(#e8e7fc, #d7e6fa) !important; } .tabs { background:#d7e6fa; } .tabs .selected a { border-bottom: 1px solid #acb8c8; border-top: none; border-left: none; border-right: none; background:linear-gradient(#acb8c8, #b9b8c9) !important; color:#FFF !important; border-radius: 14px 14px 0 0 !important; cursor: text; font-weight: bold; text-decoration: none; } .Wall .SpeechBubble.new-message .speech-bubble-message { background:linear-gradient(#e8e7fc, #d7e6fa) !important; border: none; border-radius: 14px 14px 10px 10px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; } .Wall .SpeechBubble.new-message .speech-bubble-message:after { border-color: #e8e7fc #e8e7fc transparent transparent; } .Wall ul.comments > li.message > .speech-bubble-message { background:linear-gradient(#e8e7fc, #d7e6fa) !important; border-radius: 14px 14px 10px 10px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; } .Wall ul.comments > li.message > .speech-bubble-message:after { border-color: #e8e7fc #e8e7fc transparent transparent; } .Wall ul.comments > li.message ul.replies > li { background:linear-gradient(#f9f8fe, #eef4fd) !important; border-radius: 14px 14px 10px 10px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 11px; } .Wall .comments .SpeechBubble .msg-title a { color: #727272; } .comments li blockquote { background:linear-gradient(#FFF, #e8e7fc) !important; } .comments li blockquote:after { background: #FFF #e8e7fc transparent !important; } .comments li blockquote div { background: transparent; } .comments li blockquote { background:linear-gradient(#FFF, #e8e7fc) !important; } /*************************/ /* Personalized Comments */ /*************************/ a[href$='Hollowness'] { color:#b49c9a !important; font-weight:bold; } .comments li[data-user="Hollowness"] blockquote { background:linear-gradient(#e8e7fc, #d7e6fa) !important; } .comments li[data-user="Hollowness"] blockquote:after { border-color: transparent #e8e7fc #e8e7fc transparent !important; } .comments li[data-user="Hollowness"] blockquote div { background: transparent; } .comments li[data-user="Hollowness"] blockquote { border: 1px solid #FFF !important; } /*********************/ /* Table of Contents */ /*********************/     	background:linear-gradient(#f9f8fe, #eef4fd) !important; border-radius: 10px 10px 10px 10px; border: 1px solid #b9b8c9; padding: 10px; }   border: none; background: transparent!important; color: #727272; } /******************************/ /* Categories Bar and Gallery */ /******************************/ .article-categories { background:linear-gradient(#f9f8fe, #eef4fd) !important; border-radius: 8px 8px 7px 7px; border: 1px solid #acb8c8; } .category-gallery-item .title { background-color: #acb8c8; } .category-gallery-item .snippet { border: none !important; border-radius: 8px 8px 7px 7px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } /****************/ /* Language Bar */ /****************/ .mainpage .WikiaArticleInterlang, .mw-special-Contact div.WikiaArticleInterlang, .mw-special-Forum div.WikiaArticleInterlang { background:linear-gradient(#f9f8fe, #eef4fd) !important; border-radius: 10px 10px 10px 10px; border: 1px solid #b9b8c9; } /**********/ /* Footer */ /**********/	border-radius: 10px 10px 10px 10px; } .WikiaFooter section, .WikiaBarWrapper section { background:linear-gradient(#f9f8fe, #eef4fd) !important; border-radius: 10px 10px 10px 10px; border: 1px solid #b9b8c9; } .global-footer .branding.black.vertical-lifestyle a { background-color: #9897b0; border-radius: 10px 10px 10px 10px; } .global-footer .branding.black { border: none; } /***********/ /* Preview */ /***********/ .WikiaArticle pre { background-color: #FFF; border: 1px solid #b9b8c9; border-radius: 8px 8px 7px 7px; opacity: 0.9; } /***********************/ /* Syntaxhighlight CSS */ /***********************/  div.mw-geshi { background-color: #FFF; border: 1px solid #b9b8c9; border-radius: 8px 8px 7px 7px; opacity: 0.9; } /**********/ /* Images */ /**********/   .WikiaArticle img, img { border-radius: 8px 8px 7px 7px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; opacity: 0.7; } .accent { border: none !important; border-radius: 8px 8px 7px 7px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; color: #727272; } /***************/ /* Background */ /**************/ .WikiaPage .WikiaPageBackground { border-radius: 0 14px 10px 10px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .WikiaPage { border: none !important; } body.background-dynamic.skin-oasis { background:#d7e6fa !important; } body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before { background-color: transparent; background-image: none !important; } body.background-dynamic.skin-oasis .background-image-gradient { background:#eef4fd !important; } body.background-dynamic.skin-oasis .background-image-gradient::before { background: rgba(7,17,31,0) linear-gradient(to right,rgba(7,17,31,0) 0%,#eef4fd 100%); } body.background-dynamic.skin-oasis .background-image-gradient::after { background: rgba(7,17,31,0) linear-gradient(to left,rgba(7,17,31,0) 0%,#eef4fd 100%); }	background:linear-gradient(#f9f8fe, #eef4fd) !important; color: #727272; opacity: 0.7; } /************/ /* Buttons */ /***********/ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: #b9b8c9; background-image: -moz-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#b9b8c9),color-stop(65%,#acb8c8)); background-image: -o-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); background-image: -ms-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); border: 1px solid #acb8c8; color: white; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { background-color: #b9b8c9; background-image: -moz-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#b9b8c9),color-stop(65%,#b9b8c9)); background-image: -o-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); background-image: -ms-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); text-decoration: none; } .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { background-color: #b9b8c9; background-image: -moz-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#acb8c8),color-stop(65%,#b9b8c9)); } .wikia-menu-button > a, .wikia-menu-button > li > a { border-right: 1px solid #FFF; color: white; } a.wikia-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: #b9b8c9; background-image: -moz-linear-gradient(top,#acb8c8 35%,#b9b8c9 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#acb8c8),color-stop(65%,#b9b8c9)); background-image: -o-linear-gradient(top,#acb8c8 35%,#b9b8c9 65%); background-image: -ms-linear-gradient(top,#acb8c8 35%,#b9b8c9 65%); border: 1px solid #b9b8c9; } a.wikia-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { background-color: #acb8c8; background-image: -moz-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#b9b8c9),color-stop(65%,#acb8c8)); background-image: -o-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); background-image: -ms-linear-gradient(top,#b9b8c9 35%,#acb8c8 65%); text-decoration: none; } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary { background-color: #b9b8c9; background-image: -moz-linear-gradient(top,#acb8c8 35%,#b9b8c9 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#f9f8fe),color-stop(65%,#eef4fd)); background-image: -o-linear-gradient(top,#acb8c8 35%,#b9b8c9 65%); background-image: -ms-linear-gradient(top,#acb8c8 35%,#b9b8c9 65%); border: 1px solid #b9b8c9; color: #727272 } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary { background-color: #e8e7fc; background-image: -moz-linear-gradient(top,white 35%,#e5e5e5 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#f9f8fe),color-stop(65%,#eef4fd)); background-image: -o-linear-gradient(top,white 35%,#e5e5e5 65%); background-image: -ms-linear-gradient(top,white 35%,#e5e5e5 65%); border: 1px solid #b9b8c9; color: #727272 }
 * toc, #toc h1, #toc h2 {
 * 1) toc h1, #toc h2 {
 * 1) SPOTLIGHT_FOOTER {
 * 1) theme-solarized-light {