body { background-image: url(https://st3.depositphotos.com/4874705/12556/i/950/depositphotos_125561016-stock-photo-set-8-red-carbon-fiber.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%; background-color: black; } .Module > h3 { font-size: 10px; letter-spacing: 2px; color: #FFA812; padding: 5px 0px 0px 8px; background: #A52A2A; border-radius: 10px; font-family: CopperplateGothicLight; transition: 1.5s; border: 2px solid red; text-shadow: 1px 1px 1px #000000, 2px 2px 1px #000000; text-align: center; } button { background: #222; box-shadow: 0 0 0 1px black; border: 2px outset #FF0000; color: #FF0000; outline: 0; font-family: 'Verdana'; } .Modal .CloseModal, .UnsubscribeFromMeModule button, .BuddyRemoverModule button, .RemoveFromBuddiesFormModule button, .UnsubscribeFromSubmitterFormModule button, .UnsubscribeFromGameFormModule button, .UnwatchSubmissionFormModule button { border-color: #FF4E4E; color: #FF4E4E; } .PostAddFormRequesterModule button[type="submit"], .PostsListModule button[type="submit"] { border-color: #6CB1E1; color: #6CB1E1; } .SubscribeToMeModule button, .BuddyRequesterModule button, .AddToBuddiesFormModule button, .SubscribeToSubmitterFormModule button, .SubscribeToGameFormModule button { border-color: #6EE16C; color: #6EE16C; } .SayThanksFormModule button { border-color: #FF5E9D; color: #FF5E9D; } .SendPMModule button { border-color: #FFFFFF; color: #FFFFFF; button:hover, .Modal .CloseModal:hover { background: #222; color: #FD70E1; border: 2px solid #FD70E1; } } .PostsListModule div.Content ul.Posts > li article .PostStamps li { margin: 1px 5px 5px 1px; padding: 5px; border-radius: 10px; background: #424242; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(255, 250, 250, 0); border: 2px solid #00BFFF; cursor: pointer; } .PostsListModule div.Content ul.Posts > li article .PostStamps li:hover { background: #00BFFF; border: 2px solid #424242; } .PostsListModule div.Content ul.Posts > li article .PostStamps li span { font-size: 14px; font-family: Meiryo; display: block; vertical-align: middle; color: white; cursor: pointer; } .PostsListModule div.Content ul.Posts > li article .PostStamps li span:hover { color: red; text-shadow: 1px 1px 1px #000000, 2px 2px 1px #000000; cursor: pointer; } .PostsListModule div.Content ul.Posts > li .TogglePostRepliesButton { font-size: 12px; margin: 10px 10px 10px 0; border-radius: 10px; outline: none; text-align: center; background: #424242; color: rgb(255, 255, 255); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(255, 250, 250, 0); border: 2px solid #FFFFFF; font-family: Meiryo; } .PostsListModule div.Content ul.Posts > li .TogglePostRepliesButton:hover { background: #FBCCE7; border: 2px solid red; color: red; text-shadow: 1px 1px 1px black, 1px 1px 1px black; } .PostsListModule div.Content ul.Posts > li article footer { text-align: center; margin-top: 10px; color: rgba(255, 255, 255, 0.65); } .PostsListModule div.Content ul.Posts > li { background: rgba(22, 21, 21, 0); } .PostsListModule div.Content ul.Posts > li .PostReplies { border-left: 1px solid rgba(255, 0, 0.5); border-bottom: 1px solid rgba(255, 0, 0.5); } .PostsListModule div.Content ul.Posts > li .PostHeader .PostLabels .StateLabel.IsSubmitter { background: #6CB1E1 color: #000000; display: none; } .PostsListModule div.Content ul.Posts > li .Date, .PostsListModule div.Content ul.Posts > li .DateModified { padding: 8px; font-size: 15px; margin-right: -9px; margin-left: 1px; margin-top: 13px; font-weight: normal; font-family: Knucklehead; } .PostsListModule div.Content ul.Posts > li article .Screenshots li img { max-width: 100%; border-radius: 10px; box-shadow: 5px 5px 5px #000000; } .PostsListModule div.Content ul.Posts > li .FullStampsDisplay article .Stamps .Stamp div span { vertical-align: middle; display: block; font-family: SugarVinegar; font-size: 18px; } .PostsListModule div.Content ul.Posts > li .PostHeader .PostTools .PostUrlForm input { font-size: 9px; margin-left: 15px; margin-top: 12px; } .PostsListModule div.Content ul.Posts > li .PostHeader .PostLabels .StateLabel.IsModerator { background: red; color: #000000; font-family: 'open sans'; font-size: 9px; } .PostsListModule div.Content ul.Posts > li { white-space: normal; list-style-type: none; border: 1px solid #FFA500; padding: 10px; } .PostTools button { transform : scale(0); /* Resize post tools to become invisible */ transition : transform .2s ease-in-out; /* Smooth transition for the pop out transformation */ } .Post:hover .PostTools button { transform : scale(1); /* Reset post tools to normal size, effectively popping them out using transitions. */ } /*** Transition Delays ***/ /* -- The delays allow individual post tools to pop-out one after the other -- */ .PostTools button:nth-of-type(2) { transition-delay : .05s; } .PostTools button:nth-of-type(3) { transition-delay : .1s; } .PostTools button:nth-of-type(4) { transition-delay : .15s; } .PostTools button:nth-of-type(5) { transition-delay : .2s; } .PostTools button:nth-of-type(6) { transition-delay : .25s; } .PostTools button:nth-of-type(7) { transition-delay : .3s; } fieldset#Stamps .StampsForm .StampsGroup label { margin: 0 5px 5px 0; padding: 5px 10px 5px 5px; } fieldset#Stamps .StampsForm .StampsGroup h4 { font-size: 28px; margin-bottom: 7px; text-shadow: 1px 1px 0px white, 1px 1px 0px #FCFCFC; } div#requester_0129670849497402371509298093857_response.Modal { display: block; padding-bottom: 40px; } #DownloadModule .Content .Downloads li { background: #8AE234; } .Module > .Description { background: #FFA500; } table { font-size: 20px; font-family: Knucklehead; } table td { border: 1px solid #A40000; } table thead th { border-right: 1px solid #A40000; font-size: 18px; } input[type=text], input[type=password], input[type=password], input[type=number], input[type=email] { box-shadow: inset 0px 0px 0px rgba(32, 32, 32, 0); border: 2px solid #FF0000; background: #232323; } #ImportantLinks li a span { vertical-align: middle; display: inline-block; font-size: 28px; text-shadow: 1px 1px 1px #000000, 2px 2px 1px #000000; transition: 0.8s; font-family: GodHong; margin: -6px 0px -6px 0px; } #ImportantLinks li a span:hover { color: white; } #ImportantLinks li a { display: block; border: 2px solid #FFA812; border-radius: 10px; background: #36454F; transition: 1.3s; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0); margin-top: 3px; } #ImportantLinks li a:hover { background: #FBCCE7; border: 2px solid red; } #ImportantLinks li #AddIdeaLink { color: #3DFF02; } div.GenericPreviewListModule div.Preview { display: inline-block; width: 90%; padding-right: 0px; border-radius: 10px; } .Avatar { padding-left: 3px; } .Avatar .OnlineIndicator { bottom: 0; right: auto; left: 0px; width: 3px; height: 100%; border-radius: 0; box-shadow: none; } #BuddiesModule > .Content > ul > li { padding: 3px; } .NsfwLabel { background: #FF0000; padding: 0px 50px; color: black; font-size: 18px; margin-left: 0px; margin-right: 20px; border-radius: 10px; border: 2px solid #FFA812; padding-top: 3px; padding-bottom: 0px; transition: 1.0s; } .NsfwLabel:hover { background: black; color: red; border: 2px solid red; text-shadow: 1px 1px 0px #FFFFFF; } .MainForm .InputsWrapper fieldset > legend .StateLabel.RequiredInput { color: #FFA812; font-size: 25px; } .MainForm .InputsWrapper .OptionalInput > legend { cursor: pointer; margin-top: 7px; background: #36454F; border-radius: 10px; text-shadow: 2px 2px 1px #000000, 2px 2px 1px #000000; transition: 1.5s; font-weight: normal; border: 2px solid #FFA812; color: #FFA812; } .MainForm .InputsWrapper .OptionalInput > legend:hover { background: #FBCCE7; color: red; border: 2px solid red; text-shadow: 2px 2px 1px #000000, 2px 2px 1px #000000; } .MainForm .InputsWrapper fieldset > legend .StateLabel.OptionalInput { color: #FFA812; font-size: 25px; font-family: GodHong; } .MainForm .InputsWrapper fieldset > legend .Title { font-size: 35px; font-weight: normal; margin-left: 10px; font-family: GodHong; } .MainForm .InputsWrapper fieldset .InputHelp { padding: 5px 10px; font-size: 13px; color: #999999; } legend { margin: 0; padding: 2.5px 0; width: 100%; cursor: pointer; margin-top: 7px; border-bottom: 2px solid #FFA812; text-shadow: 2px 2px 1px #000000, 2px 2px 1px #000000; font-size: 32px; transition: 1.5s; font-family: GodHong; font-weight: normal; } legend:hover { background: black; color: white; text-shadow: 1px 1px 1px red, 1px 1px 1px red; border-bottom: 2px solid red; } #MasterLog { background: black; } #tpm__sYogAboutMember .Avatar.online { border: 2px solid #6ce06e; border-radius: 10px; transition: 1.5s; } #tpm__sYogAboutMember .Avatar.online:hover { border: 2px solid #FF0000; transform: scale(1.2); filter: brightness(200%); } .tooltipster-base .Tooltip { font-family: SugarVinegar; display: none; } .tooltipster-base .Title { font-family: SugarVinegar; display: none; } .tooltipster-base .tooltipster-content { font-family: SugarVinegar; display: none; } #MainContent #ContentGrid > row > column, #TopGamesModule .Content .Options { border: solid; border-color: #1c272e;} #FullscreenModuleWrapper module, #ContentGrid module { margin: 0px; padding: 0px;} #SubFeedModule > .Content .SubFeed li, #SubFeedModule > .Content .GamesFilter ul li { border: solid; border-color: #1c272e; background-color: #0d1215; } :root { --DefaultMediumFontSize: 0.9em; --DefaultLargeFontSize: 0.95em; --DefaultXLargeFontSize: 1em; --DefaultXxLargeFontSize: 1.25em; --DefaultXxxLargeFontSize: 1.5em; --DefaultXxxxLargeFontSize: 1.75em; --DefaultXxxxxLargeFontSize: 2em; } /** Post List Item **/ .PostsListModule div.Content ul.Posts > li { padding : 5px; } /** Post Tools **/ .PostTools button { margin-top : 3px; padding : 0; background : transparent; } /** Horizontal Rule **/ .PostsListModule hr { padding : 0; border-top : 1px solid; } article > ul > li { list-style-type : square; } /** Blockquote and Pre Tags **/ .PostsListModule blockquote { border : 0; opacity : 1; } .PostsListModule pre, .PostsListModule blockquote { margin : 2px; padding : 3px 7px; background : rgba(0,0,0,.2); font-size : 11px; } /** Header Tags **/ .PostsListModule article h1, .PostsListModule article h2, .PostsListModule article h3, .PostsListModule article h4, .PostsListModule article h5, .PostsListModule article h6 { margin : 0; padding : 0; } /** Stamps **/ .PostsListModule .Posts > li article .PostStamps { margin-top : 3px; } .PostsListModule .Posts > li article .PostStamps li { margin : 2px; padding : 2px; border : 0; } .PostsListModule .Posts > li article .PostStamps li spriteicon { counter-increment : span; margin-right : 0; } .PostsListModule .Posts > li article .PostStamps li spriteicon:not(:first-child) { display : inline; } .PostsListModule .Posts > li article .PostStamps li { counter-reset : span; position : relative; } .PostsListModule .Posts > li article .PostStamps li span { font-size : 0 !important; } .PostsListModule .Posts > li article .PostStamps li span::after { font-size : 10px !important; content : 'x' counter(span); } /** Reply and Load More Button **/ .PostsListModule .ExtendedContentButton { padding : 0; padding-right : 2px; } :root { --NavBackgroundColor : transparent; }