baldi.css

/*
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

{ /*Anything pixel art related goes here*/
        image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
        image-rendering: -moz-crisp-edges;          /* Firefox                        */
        image-rendering: -o-crisp-edges;            /* Opera                          */
        image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
        image-rendering: pixelated; /* Chrome */
        image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
        -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

:root{
        --SecondaryNavBackgroundColor: #00bb21;
        --PrimaryNavBottomBorder: #58ff76;
        --PrimaryNavBackgroundColor:#00bb21;
        --InputFieldColorPrimary:#000b5e;
        --InputFieldColorPrimaryHover:#000636;
        --InputValueColor:#ffffff;
        --NavPaneBackgroundColor:#006712;
	--DefaultTextColor:#ffffff;
	--DefaultGreyColor:#b2ff82;
	--DefaultGreenColor:#00ffed;
       
        --uhhhhhhhhh:white;
        --bruh:white;
}

@font-face {
	font-family:comicsans;
	src:url(https://files.gamebanana.com/bitpit/comic_sans_ms_400.ttf);
}

* {font-family:comicsans;}

.Avatar, .Avatar img{border-radius:50px;box-shadow: 0 0 0 0.125em rgba(0,0,0,0.75);}
.Avatar.Offline{
        opacity:0.5;
}
.Avatar.Online{
        opacity:1;
}
.Avatar.IsRipeSupporter{
        border-radius: 50px !important;
}
.Avatar.Online:after{display:none !important;}
.Identity .Avatar, .Identity .Avatar img,
#IdentityModule .Content a,
#IdentityModule .Content a img{
        border-radius:0px !important;
        opacity:1 !important;
        /*Revert previous changes on certain elements*/
}

h1#PageTitle{
        background:var(--uhhhhhhhhh);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family:comicsans;
}

h2#PageDescription{
        background:var(--bruh);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

input[type=text], input[type=password], input[type=password], input[type=number], input[type=email], input[type=num], input[type=tel], select, .SelectLike, option, .OptionLike, optgroup, textarea, .TextareaLike{
        background:var(--InputFieldColorPrimary);
        color:var(--InputValueColor);
}

input[type=text]:hover, input[type=password]:hover, input[type=password]:hover, input[type=number]:hover, input[type=email]:hover, input[type=num]:hover, input[type=tel]:hover, select:hover, .SelectLike:hover, option:hover, .OptionLike:hover, optgroup:hover, textarea:hover, .TextareaLike:hover{
        background:var(--InputFieldColorPrimaryHover);
}

input[type=text]:focus, input[type=password]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input[type=num]:focus, input[type=tel]:focus, select:focus, .SelectLike:focus, option:focus, .OptionLike:focus, optgroup:focus, textarea:focus, .TextareaLike:focus{
        background:var(--InputFieldColorPrimaryHover);
}

div.Content{
        background: var(--PrimaryNavBackgroundColor);
        border: solid 1px teal;
        border-image-source:url(https://files.gamebanana.com/bitpit/greenborder.png);
        border-image-slice: 10.667;
        border-image-width:8;
}

overlay#Headline{
        background: url(https://files.gamebanana.com/bitpit/baldi-checkerdither-lg.png);
	background-size:40px;
        background-attachment:scroll;
}


div#ContentGrid{
        background:url(https://files.gamebanana.com/bitpit/161249256839522781_70b3a.png);
    background-repeat:fixed;
    background-size:cover;
    background-attachment:fixed;
}

#MainContentHeader, body.site-gamebanana,
#SubNavigator ul li ul{
        background:url(https://files.gamebanana.com/bitpit/pixel-art-series-3-homage-to-window.png);
}

#SubNavigator ul li{
    background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,0) 100%);
}
#SubNavigator ul li.ActiveEntry, #SubNavigator ul li.sfHover, #SubNavigator ul li:hover{
    background:linear-gradient(0deg, rgba(68,0,0,1) 0%, rgba(79,0,0,1) 42%, rgba(0,0,0,0) 100%) !important;
}

#ContentGrid module h1, #ContentGrid module h2, #ContentGrid module h3, #ContentGrid module h4{
    text-shadow:0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black;
}

p.Description{
    text-shadow:0px 0px 2px black, 0px 0px 2px black;
    color:white !important;
}

button.IconButton, button.IconOnlyButton{
        background: url(https://files.gamebanana.com/bitpit/baldi-checkerdither-lg.png);
	color:white;
        text-shadow: 0 0 5px black;
        border:1px solid #b2ff82;
        border-radius:0px;
        transition-duration:0.4s;
}
button.IconButton:hover, button.IconOnlyButton:hover{
        background: url(https://files.gamebanana.com/bitpit/baldi-checkerdither-lg.png);
	color:lime;
        text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black;
        /*border:3px solid deeppink;
        margin-top:-2px;
        margin-left:-2px;*/
        border-radius:10px;
        transition-duration:0.18s;
}

select option{background-color: var(--PrimaryNavBottomBorder);}

/* 1995 1.1 */
li .Info .Name h4{
    text-shadow:none !important;
}

/* v 1.3 */
::selection {
  color: white !important;
  background: #8c0000 !important;
}::-moz-selection {
  color: white !important;
  background: #8c0000 !important;
}

/* v 1.4 */
module#ResponsibilitiesModule div.Content dl li{
	border:none;
	box-shadow: none;
	background:none;
	margin-bottom: -8px;
}

/* v 1.5 */
:root{
    --defaultCursor:        url("https://files.gamebanana.com/bitpit/3dwarro.cur"),default !important;
    --grabCursor:   url("https://files.gamebanana.com/bitpit/hand_8765f.cur"),grab !important;
    --grabbingCursor:       url("https://files.gamebanana.com/bitpit/handwe.cur"),grabbing !important;
    --helpCursor:   url("https://files.gamebanana.com/bitpit/3dwno.cur"),help !important;
    --pointerCursor:        url("https://files.gamebanana.com/bitpit/harrow_a6fea.cur"),pointer !important;
    --moveCursor:   url('https://files.gamebanana.com/bitpit/3dwmove.cur'), move !important;
}

/* ***********CUSTOM CURSOR CODE BY RING-A-DING RAMPAGE*********** */
/* ******LIGHTLY ALTERED AND LIKELY BUTCHERED BY YELLOWJELLO****** */
body,.lg-outer #lg-dropdown-overlay
{
        cursor : var(--defaultCursor);
}

.RichText .Spoiler,#MedalsModule li,.PostsListModule .Posts>li article .PostStamps:hover
{
        cursor : var(--helpCursor);
}

.PostsListModule .Posts>li article .PostStamps li
{
        background: #2A0C07;
}

.PostsListModule .Posts>li article .PostStamps li[data-_sCategory=positive]
{
        color: #2BBF26;
        border-color: #2BBF26;
}

spriteIcon.MiscIcon.ShowContentIcon, .SpriteIcon.MiscIcon.ShowContentIcon
{
        width: 16px;
        height: 14px;
        background-position: -64px -256px;
}

a,.Linklike,button,.ButtonLike,input[type=range]::-webkit-slider-runnable-track,select,.SelectLike,.BeaconParent .Beacon,.ExpandableToggle,.PageModule>.RelatedLinksButton,.MainForm .InputsWrapper .OptionalInput>legend,fieldset#Userid .AdvancedElement_InputSuggestionsList li,.AdvancedListSettingsModule>.Content .OrderAndSortControls fieldset legend,.AdvancedElement_FloatingButtonTabs li,.AdvancedElement_InputSuggestionsList li,.AdvancedElement_Tabs li,.AdvancedElement_GraphicalSelect .OptionsWrapper .Options li,.AdvancedElement_Switch.List ul li,#MasterLog log .CloseButton,.Modal .CloseModal,.Editor .ViewModeSwitchers span,.Editor .WysiwygPalettes>h4,#PrimaryNav controls,#SecondaryNav controls,body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #SecondaryNav module>icon:hover,body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #SecondaryNav module>widget:hover,body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #PrimaryNav module>icon:hover,body[data-_sDeviceType=desktop][data-_sNavItemActivation=Click] #PrimaryNav module>widget:hover,#HiddenColumnToggleButton,#AlertsNavModule pane .Controls .MarkAllAsSeen,#ActivityNavModule pane .Controls .MarkAllAsSeen,#AlertsNavModule pane .Broadcasts .Unseen .BroadcastStatusWrapper,#ActivityNavModule pane .Broadcasts .Unseen .BroadcastStatusWrapper,#GamesNavModule widget ul li,#BuddiesNavModule pane #BuddyChatInitiators li,.RichText .TableOfContents ul li,#FeaturesSliderModule .Slides .Slide,#FeaturesSliderModule .Slides .ExpandedSlide,#FeaturesSliderModule .Slides .Slide .Info .Name,#FeaturesSliderModule .Slides .ExpandedSlide .Info .Name,#SubmissionsListAdvancedListSettingsModule .RecentGames li,#SubmissionsListAdvancedListSettingsModule .SelectedGames li,#ThanksToggleModule .Content #ShowThanksOptionsToggle.ModalLauncher,#UpdatesModule .ToggleContentButton,.lg-actions .lg-next,.lg-actions .lg-prev,.lg-toolbar .lg-icon,.lg-outer .lg-thumb-item,.lg-outer .lg-toogle-thumb,.lg-outer .lg-video .lg-video-play,.lg-outer .lg-pager-cont
{
        cursor : var(--pointerCursor);
}

/* ***********END CUSTOM CURSOR CODE*********** */

/* v 1.6 */
::-webkit-scrollbar-track {
  background: var(--PrimaryNavBackgroundColor) !important;
}
::-webkit-scrollbar-thumb {
  background: var(--SecondaryNavBackgroundColor) !important;
  border-radius:0px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--PrimaryNavBottomBorder) !important;
}

/* i stopped tracking version numbers here. *
 * refer to github repo for version history */
div.PostReplies module div.Content ul.Posts li.Post{
    padding:5px;
}