Based on Suriko's incredibly well done Ye Olde Stylesheet, but with less retro flair. Closer to the stock modern look of the forums, but in assorted dark greys.
Penny Arcade - Dark Mode by jakevance
Details
Authorjakevance
LicenseCC-BY-4.0
Categoryforums.penny-arcade.com
Created
Updated
Code size57 kB
Code checksuma0bdc1b3
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Penny Arcade - Dark Mode
@namespace USO Archive
@author minor incident
@description `Based on Suriko's incredibly well done Ye Olde Stylesheet, but with less retro flair. Closer to the stock modern look of the forums, but in assorted dark greys. `
@version 0.1
@license CC-BY-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("forums.penny-arcade.com") {
body {
background: #666666 !important;
font-family: Helvetica !important;
min-width: 920px;
}
.content {
width: 990px;
margin: 0 auto;
}
.nav a:hover {
background-position: bottom left !important;
}
#bb .brands a {
margin-right: 30px !important;
padding-top: 9px !important;
color: #99999 !important;
display: block !important;
height: 21px !important;
}
#bb .brands a:hover,
#bb .join a:hover {
color: #ff7600 !important;
}
#Frame {
background: #666666 !important;
/* overflow: hidden; */
}
.React.Infraction:hover {
color: #dddd00 !important;
}
.MenuItems a,
.MenuItems a:link,
.MenuItems a:visited,
.MenuItems a:active {
color: red !important;
}
.Section-Conversation .PanelInfo li {
background: red !important;
}
.AddPeople form div {
background: red !important;
}
.MessageFormWrap {
background: red !important;
padding: 8px;
}
.Preview {
background: #666666 !important;
color: white !important;
min-height: 100px;
padding: 4px;
}
.EditComment a {
color: white !important;
}
.bbcode_acronym {
border-bottom: 1px dotted white !important;
cursor: help;
}
.bbcode_acronym .bbcode_smiley {
border-bottom: 1px dotted white !important;
cursor: auto;
}
.Section-Conversation .PanelColumn .Box > h4,
body.Badge .ContentColumn > h1,
body.Badge .ContentColumn > h2,
#SharedFingerprint h4,
.Box.BadgeGrid h4,
.CommentForm > h2,
body.Discussion .PageTitle h1,
body.Discussions .HomepageTitle,
h1.H,
h2.H {
color: #fff;
box-shadow: none !important;
font-size: 13px;
line-height: 1.7;
padding: 4px 8px;
margin: 10px 0 0;
text-shadow: none !important;
background: #666666 !important;
border: none !important;
border-top: 1px solid black !important;
border-right: 1px solid black !important;
border-left: 1px solid black !important;
}
.Box.BadgeGrid .PhotoGrid {
background: #666666 !important;
padding: 6px 5px 8px !important;
margin-left: -1px !important;
margin-right: 0px !important;
margin-top: 0px !important;
}
.Item.Read {
background: none repeat scroll 0 0 #F3F3F3;
opacity: 1 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Helvetica !important;
font-weight: bold;
margin: 5px 0;
}
.DataList.ChildCategoryList h3:after {
content: ", ";
color: gray !important;
}
.DataList.ChildCategoryList li,
.DataList.ChildCategoryList .ItemContent,
.DataList.ChildCategoryList h3,
.DataList.ChildCategoryList .Title {
background: none !important;
border: none !important;
display: inline;
padding: 0;
}
.DiscussionsTable .Unread .HasNew {
font-weight: bold !important;
text-shadow: none !important;
}
table.PreferenceGroup tbody tr:hover td {
background: none !important;
}
.Item .Author a {
font-size: 13px !important;
font-weight: bold;
}
.Item .Author a:hover {
text-decoration: none !important;
}
.Rank {
display: block;
position: absolute;
left: 7px !important;
top: 22px;
color: orange !important;
font-weight: bold;
text-transform: Capitalize !important;
}
.Item .OptionsTitle {
visibility: visible !important;
margin-top: 3px !important;
}
.ReactSprite {
}
.RecordReactions + .Reactions,
.Reactions {
padding-top: px;
}
.RecordReactions {
/* MAKES REACTION AVATARS SHOW UP display: none; */
}
.Reactions {
padding-top: 12px;
margin-left: -6px;
}
.Item .Reactions > * {
visibility: visible !important;
}
.PopList .Item:nth-of-type(odd) {
background: #333333 !important;
}
.Head .MeBox .SignInLinks a,
.ForumMenu a {
font-size: 13px !important;
line-height: 24px;
}
.ForumSearch .InputBox {
background: url("http://forums.penny-arcade.com/themes/pennyarcade/design/images/sprites.png") no-repeat scroll 5px -747px #FFFFFF !important;
color: gray !important;
}
.UserBox .Username,
.MeBox .Username {
font-size: 13px !important;
font-weight: bold;
vertical-align: top;
}
#ConversationForm label {
color: white !important;
display: block;
font-size: 13px !important;
font-weight: bold;
text-align: left;
}
.FormWrapper {
background: #333333 !important;
margin: 0;
padding: 13px 20px;
}
.bookmarked #Body .ContentColumn {
margin: 50px 20px !important;
}
.SearchResults {
color: white !important;
}
.NumberedPager a.Highlight {
background: gray !important;
}
.UserReactionWrap .ReactSprite {
bottom: -2px;
position: absolute;
right: -15px !important;
}
.MenuItems {
background: #666666 !important;
border: solid 1px black !important;
border-radius: 0px !important;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
font-size: 11px;
line-height: 100%;
padding: 5px 0;
}
.FlyoutMenu {
width: 300px;
background: #666666 !important;
color: white !important;
border-radius: 0px !important;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
border: solid 1px black !important;
}
.FlyoutMenu a {
color: #666666;
}
.UserSpoiler {
background: none !important;
border: 1px dashed gray !important;
}
.SpoilerToggle {
color: black !important;
font-weight: normal !important;
width: 80px;
}
.Reactions a {
color: #c0c0c0 !important;
/*line-height: 11px !important;*/
}
.AlertMessage {
border: none !important;
}
.AuthorTitle {
color: #c0c0c0 !important;
display: inline-block !important;
width: 120px !important;
padding-top: 8px !important;
white-space: normal !important;
line-height: 1em !important;
}
.AuthorLocation {
color: #c0c0c0 !important;
display: inline-block !important;
width: 120px !important;
padding-top: 2px !important;
white-space: normal !important;
line-height: 1em !important;
}
/*.Rank{
Display:none !important;
}*/
pre {
background: #555 !important;
border-radius: 0px !important;
}
blockquote.Quote,
blockQuote.UserQuote {
background: rgba(0, 0, 0, 0.15) !important;
border-left: 4px solid rgba(0, 0, 0, 0.3) !important;
}
.EmoticonContainer {
position: absolute;
top: 21px;
right: 0;
border: 1px solid #aaa;
border-bottom: 0;
border-right: 0;
width: 391px;
text-align: left;
float: right;
box-shadow: none !important;
z-index: 1000;
}
.EmotifyDropdownActive {
background-color: #666666 !important;
}
.EmoticonBox {
background-color: #666666 !important;
background-position: center center;
border: 1px solid #aaa;
border-top: 0;
border-left: 0;
display: block;
float: left;
height: 22px;
width: 22px;
/* overflow: hidden; */
cursor: pointer;
}
.HasNew {
background: none !important;
border-radius: 2px 2px 2px 2px;
color: white !important;
font-size: 9px;
font-weight: bold;
line-height: 1;
padding: 3px;
white-space: nowrap;
}
#footer {
background: #010d21 !important;
text-align: center;
padding: 40px 0;
}
/* Begin Vanilla CSS */
/* Globals */
a,
a:hover {
color: #FFFFFF !important;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #F9A906 !important;
}
/* Width */
.Row {
width: auto;
}
#Panel {
display: none;
}
body.Conversations.Messages #Panel,
body.Profile #Panel,
body.Activity #Panel {
display: block;
width: 250px;
margin: 0 0 0 20px;
}
#Body .ContentColumn {
margin: 0 20px;
}
body.Conversations.Messages #Body .ContentColumn,
body.Profile #Body .ContentColumn,
body.Activity #Body .ContentColumn {
margin: 0 20px 0 290px;
}
#Head {
padding: 0 !important;
background: transparent;
color: inherit;
float: right;
margin: 10px 20px 0 0;
}
/* Forum Menu Search ...