body *{ font-family: 'Lato', Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; } p{ display: block; } .header_buy_row p{ color:white; display: block; text-shadow: 0 0 5px #404040,0 0 5px #404040, 0 0 5px #404040,0 0 5px #404040, 0 0 5px #404040,0 0 5px #404040, 0 0 5px #404040,0 0 5px #404040; } .header img{ box-shadow: 10px 10px 0px black; border: 4px solid; width: 100vw; } .header{ width: 100%; } /*This inserts the scanlines overlay over the page*/ .inner_column::before{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; /*the scanline png*/ background-image:url('https://img.itch.zone/aW1nLzEyMTk0NDUwLnBuZw==/original/0SaEfy.png'); background-repeat: repeat; z-index:100; content: ""; pointer-events: none; image-rendering: pixelated; } .game_devlog_post_page, .devlog *{ background-color:black; color: white; } .devlog{ box-shadow: 10px 10px 0px #D0D0D0; border: 4px solid; background-color:black; } .game_comments_page *{ color:white; } /*This inserts a very faint animated gif of an eye as an overlay over the page so that there is subtle movement*/ .header::before{ position: fixed; width: 100%; height: 100%; /*an animated gif of an eye*/ background-image:url('https://img.itch.zone/aW1nLzEyMTk0NTg2LmdpZg==/original/aXiw%2BE.gif'); background-size: 100% 100%; background-attachment: fixed; background-size: cover; z-index:100; content: ""; pointer-events: none; opacity: .1; image-rendering: pixelated; } .formatted_description{ color: white; box-shadow: 10px 10px 0px black; border: 4px solid; background-color: rgb(0,0,0,.5); /*a gradient background that shows faintly in the description boxes*/ background-image:url('https://img.itch.zone/aW1nLzEyMTk0Mjc1LnBuZw==/original/r3O%2Fhl.png'); background-size: 100% 100%; background-attachment: fixed; background-size: cover; padding: 10px; } .buy_message{ color:white; } .more_information_toggle, .buy_row{ padding: 10px; padding-left: 30px; } .more_information_toggle, .uploads, .game_comments_widget{ box-shadow: 10px 10px 0px black; border: 4px solid; background-color: rgb(0,0,0,.5); /*a gradient background that shows faintly in these boxes*/ background-image:url('https://img.itch.zone/aW1nLzEyMTk0Mjc1LnBuZw==/original/r3O%2Fhl.png'); background-size: 100% 100%; background-attachment: fixed; background-size: cover; } .community_post_form_widget, .click_input *{ color:white; } .buy_lightbox *{ text-shadow: 0 0 5px #D0D0D0,0 0 5px #D0D0D0, 0 0 5px #D0D0D0,0 0 5px #D0D0D0, 0 0 5px #D0D0D0,0 0 5px #D0D0D0, 0 0 5px #D0D0D0,0 0 5px #D0D0D0; } .direct_download_btn, .download_links *{ text-shadow: 0 0 5px #D0D0D0,0 0 5px #D0D0D0, 0 0 5px #D0D0D0,0 0 5px #D0D0D0, 0 0 5px #D0D0D0,0 0 5px #D0D0D0, 0 0 5px #D0D0D0,0 0 5px #D0D0D0; } .columns{ color:white; text-shadow: 0 0 5px #404040,0 0 5px #404040, 0 0 5px #404040,0 0 5px #404040, 0 0 5px #404040,0 0 5px #404040, 0 0 5px #404040,0 0 5px #404040; } .right_col img{ box-shadow: 10px 10px 0px black; border: 4px solid; background-color: rgba(0, 0, 0, .7); } /*make sure the main background (animated gif in this theme's case) fully covers the back of the page*/ .main{ background-size: 100% 100%; background-attachment: fixed; background-size: cover; }