User:Hollowness/common.css

/*************************************************/ /* Whimsical Theme with Pale Desaturated Pastels */ /*                By Hollowness                 */ /*      Please Credit or Import if you use      */ /*************************************************/

/***********************/ /* 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; } /************/ /* 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: #4b5057; 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; } /***********************************/ /* 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 #4b5057; box-shadow: 1px 1px 1px 1px #4b5057; } .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; } .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(transparent, #FFFFFF) !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; } .comments li blockquote { color:#4b5057; background:linear-gradient(#FFF, #e8e7fc) !important; } .comments li blockquote:after { color:#4b5057 !important; background:linear-gradient(#FFF, #e8e7fc) !important; } .comments li blockquote div { color:#4b5057 !important; background: transparent; } .comments li blockquote { color:#4b5057 !important; 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; } /************************/ /* Font and Link Colors */ /************************/ body { color:#4b5057; } a { color: #b49c9a; } .mw-collapsible-toggle a { color: white; } body    { color:#4b5057; } external { color:#b49c9a; } active  { color:#b49c9a; } visited { color:#b49c9a; } .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; } /*********************/ /* Table of Contents */ /*********************/         border: none; background:linear-gradient(#f9f8fe, #eef4fd) !important; border-radius: 14px 14px 7px 7px; padding: 10px; }   border: none; background: transparent!important; color: #4b5057; } /**********/ /* Images */ /**********/   .WikiaArticle img, img { opacity: 0.7; } /***********************/ /* 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; } /***************/ /* Background */ /**************/ 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%); } /************/ /* 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; }
 * toc, #toc h1, #toc h2 {
 * 1) toc h1, #toc h2 {