Forum update to phpBB 3.2
Posted: Tue Sep 11, 2018 12:19 pm
I really dislike the design change introduced with today's update to the forum. Looks way too washed out now. There was much more contrast before that change.
Code: Select all
/*============================================================================*/
/* Disable hover/activation/focus effects (except message and topic icons): */
a:hover, a:focus, a:active {
text-decoration: none !important;
outline: none !important;
}
h2 a, h3 a, .jumpbox-return a {
color: #FF9F1C !important;
}
.postprofile a, .postprofile a:hover {
color: #FF7E00;
}
#nav-footer a {
color: #222222 !important;
}
.caret {
border-color: #C7C3BF !important;
}
.inputbox {
background: #262626 !important;
}
.button * {
color: inherit !important;
}
.pagination li > a > * {
background: transparent !important;
}
ul.topiclist li {
color: #CCCCCC !important;
}
ul.topiclist i {
color: inherit !important;
}
ul.topiclist li.row {
box-shadow: inset 0px 0px 6px 1px rgba(134,36,2,0.15) !important;
}
ul.topiclist li.row:hover a,
ul.topiclist li.row:hover a.username {
color: #FF9F1C;
font-weight: normal;
}
ul.topiclist li.row:hover a.topictitle,
ul.topiclist li.row:hover a.forumtitle,
ul.topiclist li.row:hover a.lastsubject,
ul.topiclist li.row:hover a.username-coloured,
ul.topiclist li.row:hover .pagination a {
font-weight: bold;
}
.tab > a, .navigation a {
color: inherit !important;
}
/*============================================================================*/
/* Clean up meassage & topic icons and remove their hover effects: */
.global_read, .global_read_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/announce_unread.png") !important; }
.global_read_locked, .global_read_locked_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/announce_unread_locked.png") !important; }
.global_unread, .global_unread_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/announce_read.png") !important; }
.global_unread_locked, .global_unread_locked_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/announce_read_locked.png") !important; }
.announce_read, .announce_read_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/announce_unread.png") !important; }
.announce_read_locked, .announce_read_locked_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/announce_unread_locked.png") !important; }
.announce_unread, .announce_unread_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/announce_read.png") !important; }
.announce_unread_locked, .announce_unread_locked_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/announce_read_locked.png") !important; }
.forum_link { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/forum_link.png") !important; }
.forum_read { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/forum_unread.png") !important; }
.forum_read_locked { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/forum_unread_locked.png") !important; }
.forum_read_subforum { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/forum_unread_subforum.png") !important; }
.forum_unread { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/forum_read.png") !important; }
.forum_unread_locked { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/forum_read_locked.png") !important; }
.forum_unread_subforum { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/forum_read_subforum.png") !important; }
.sticky_read, .sticky_read_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/sticky_unread.png") !important; }
.sticky_read_locked, .sticky_read_locked_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/sticky_unread_locked.png") !important; }
.sticky_unread, .sticky_unread_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/sticky_read.png") !important; }
.sticky_unread_locked, .sticky_unread_locked_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/sticky_read_locked.png") !important; }
.topic_moved { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/topic_moved.png") !important; }
.pm_read, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/topic_unread.png") !important; }
.topic_read_locked, .topic_read_locked_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/topic_unread_locked.png") !important; }
.pm_unread, .topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/topic_read.png") !important; }
.topic_unread_locked, .topic_unread_locked_mine { background-image: url("https://forums.factorio.com/styles/factorio32/theme/images/topic_read_locked.png") !important; }
/*============================================================================*/
/* Color scheme changes: */
/*----------------------------------------------------------------------------*/
/* Backgrounds: */
body {
background-color: #181410 !important;
}
/* Boxes around content lists, inactive tabs, input & list fields: */
.headerbar, .forabg, .forumbg, .topiclist,
input, select {
background: #262626 !important;
}
/* Content, active tabs, buttons, dropdown menus: */
.bg1, .bg2, .bg3, .panel, .cp-mini, .row, table.zebra-list > * > tr > td,
.rules,
.tab > *, .navigation a,
.button, .dropdown-contents,
input[type=button], input[type=submit], input[type=reset] {
background: #383838 !important;
}
.dropdown .pointer-inner {
border-color: #383838 transparent !important;
}
ul.topiclist li.row, .post, .rules {
box-shadow: inset 0 0 15px 0px rgba(42, 16, 0, .5) !important;
}
/* Active / pressed tabs and buttons: */
.pagination li.active span,
.activetab > *, .navigation .active-subsection a {
background: #FF9F1C !important;
}
/* Nested quote blocks: */
blockquote {
background: #909090 !important;
box-shadow: 0 0 4px rgba(0, 0, 0, .5) inset !important;
}
blockquote blockquote {
background: rgba(255,255,255,0.15) !important;
}
/*----------------------------------------------------------------------------*/
/* Borders: */
/* boxes around forum and topic lists: */
.forabg, .forumbg {
border-color: #666666 #000000 #000000 #666666 !important;
border-radius: 0.5rem !important;
border-style: solid !important;
border-width: 1px !important;
padding: 2px 5px 4px 5px !important;
}
/* tabs and buttons: */
.tab > *, .navigation a, .pagination li.active span,
.rules,
.button, .dropdown-contents,
input[type=button], input[type=submit], input[type=reset] {
border-color: #666666 #000000 #000000 #666666 !important;
border-radius: 0.22rem !important;
border-style: solid !important;
border-width: 1px !important;
}
.dropdown .pointer {
border-color: #666666 transparent !important;
}
.button-search {
border-radius: 0.1rem !important;
}
.button-search-end {
border-radius: 0.1rem 0.22rem 0.22rem 0.1rem !important;
}
.tab > * {
border-style: solid solid none solid !important;
border-radius: 0.22rem 0.22rem 0 0 !important;
}
/* Active/pressed buttons: */
.pagination li.active span {
border-color: #FF9F1C #000000 #000000 #FF9F1C !important;
}
/*----------------------------------------------------------------------------*/
/* Text: */
* {
text-shadow: none !important;
}
body, .cp-mini *, .rules {
color: #cccccc !important;
}
/* Buttons: */
.pagination li.ellipsis span,
.button, .dropdown-contents,
input[type=button], input[type=submit], input[type=reset], option {
color: #cccccc !important;
}
.activetab > a, .navigation .active-subsection a {
color: #000000 !important;
}
/* posts and quotes: */
.content, td, th {
color: #eeeeee !important;
}
blockquote a {
color: #5b2100 !important;
}
.codebox code {
color: #000000 !important;
}
/* Read notifications */
a.notification-block {
opacity: 0.5 !important;
}
li.bg2 a.notification-block {
opacity: 1.0 !important;
}
/*============================================================================*/
/* Miscellaneous layout changes: */
/* Fix width of header navigation for wide windows: */
.navbarcontainer {
display: block;
width: auto !important;
}
/* Optimize layout of topic lists: */
.topics dd.lastpost {
line-height: 2.2em !important;
font-size: 1.2em !important;
}
.topics dd.lastpost * {
float: none !important;
margin: 0 !important;
vertical-align: baseline !important;
}
.topics dd.lastpost a {
}
.topics dd.lastpost span {
}
.topics dd.lastpost br {
display: none !important;
}
/* Smaller buttons: */
.button, .button *, .pagination * {
font-size: 0.75rem !important;
line-height: 1rem !important;
}
.button {
padding: 0 0.5rem !important;
}
.button.dropdown-trigger {
padding: 0 0.2rem 0 0.5rem !important;
}
.caret {
right: -0.3rem !important;
}
.search-box .inputbox {
padding: 0 0.1rem 0 0.35rem !important;
height: 1.1rem !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
}
.button-search, .button-search-end {
padding: 0 0.3rem !important;
}
.search-header .button-search, .search-header .button-search-end {
padding: 1px 0.3rem !important;
}
.pagination li > * {
padding: 0 0.2rem !important;
}
.pagination i {
width: auto !important;
}
.post-buttons .button {
padding: 0 0.25rem !important;
height: 0.9rem !important;
line-height: 0.75rem !important;
}
.post-buttons .button * {
display: inline !important;
font-size: 0.5rem !important;
line-height: 0.75rem !important;
}
/* Remove space below unselected tabs: */
.tabs .activetab > a {
padding-bottom: 6px !important;
}
/* Always expand topic review when creating new post: */
.topicreview {
height: auto !important;
}
#review a {
display: none !important;
}
#review {
border: none !important;
}
/*============================================================================*/
/* Post list layout changes: */
/* Fix post button right alignement: */
.post-buttons li {
margin: 0 0 0 3px !important;
}
/* Change quote button from icon to text: */
.post-buttons .button[title="Reply with quote"] i {
display: none !important;
}
.post-buttons .button[title="Reply with quote"] span {
position: static !important;
}
/* More eye-friendly and efficient space usage for posts: */
.post {
padding: 0.2rem 0.5rem 0 !important;
}
.content {
padding: 0 !important;
margin: 0 0 0.35rem !important;
min-height: 1em !important;
}
.signature {
margin-bottom: 0.25rem !important;
}
.content ul, .content ol {
margin-left: 1.1em !important;
}
.content li {
margin: 1ex 0 !important;
}
blockquote {
margin: 0.5rem 0 !important;
padding: 0.2rem 0.6rem !important;
}
blockquote cite::before, blockquote.uncited::before {
display: none !important;
}
blockquote cite a[data-post-id] {
font-size: 0.9rem !important;
}
.codebox {
padding: 0 !important;
}
.codebox p {
padding: 0.5ex 1ex !important;
}
.codebox code {
padding: 0.5ex 1ex !important;
}
.postbody .notice {
margin: 1ex 0 !important;
}
.postprofile {
margin: 0.25rem 0 !important;
min-height: 1rem !important;
}
/* Less obtrusive contact dropdown in profile sidebar: */
.profile-contact i {
font-size: 1em !important;
}
/* No vertical line between post and profile sidebar: */
.postprofile {
border: none !important;
}
.postprofile > * {
margin-left: 0 !important;
}
/* Limit avatar size: */
.postprofile .avatar img {
max-width: 3rem !important;
max-height: 3rem !important;
}
/* Less obtrusive signatures (also overrides their custom styling): */
.signature:not(.standalone) {
max-height: 3.4rem !important;
overflow: hidden !important;
}
.signature:not(.standalone), .signature:not(.standalone) * {
color: #AAAAAA !important;
font-size: inherit !important;
font-weight: normal !important;
text-decoration: none !important;
}
.signature:not(.standalone) * {
margin: 0 !important;
padding: 0 !important;
}
.signature:not(.standalone) a, .signature:not(.standalone) a * {
color: #c57800 !important;
}
.signature:not(.standalone) img {
opacity: 0.7 !important;
max-height: 2rem;
}
.signature:not(.standalone) blockquote {
border: none !important;
background: transparent !important;
box-shadow: none !important;
}
.signature:not(.standalone) blockquote blockquote {
background: rgba(255,255,255,0.05) !important;
}
/*============================================================================*/
/* Main menu bar: */
#nav-main > li:not([class]) { /* Stuff duplicating quick links */
display: none !important;
}
#nav-main > #username_logged_in { /* User dropdown menu */
margin: 0 !important;
}
#nav-main > #username_logged_in img {
max-height: 1rem !important;
}
#username_logged_in span::after {
padding-top: 0 !important;
}
#nav-main > li {
margin: 0 0.4rem 0 0 !important;
line-height: 1rem !important;
font-size: 0.7rem !important;
}
#nav-main i {
font-size: 0.6rem !important;
}
/*----------------------------------------------------------------------------*/
/* Expand quick links menu: */
#quick-links * {
position: static !important;
display: inline-block !important;
margin: 0 !important;
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
padding: 0 !important;
color: inherit !important;
}
#quick-links .dropdown-trigger, #quick-links .pointer, #quick-links li.separator {
display: none !important;
}
#quick-links a[href*=egosearch] { /* Your posts */
width: 3.3em !important;
}
#quick-links a[href*=egosearch] span {
position: absolute !important;
visibility: hidden !important;
}
#quick-links a[href*=egosearch] span::before {
visibility: visible !important;
display: inline-block !important;
content: "Own" !important;
}
#quick-links a[href*=newposts] { /* New posts */
width: 3.3em !important;
}
#quick-links a[href*=newposts] span {
position: absolute !important;
visibility: hidden !important;
}
#quick-links a[href*=newposts] span::before {
visibility: visible !important;
display: inline-block !important;
content: "New" !important;
}
#quick-links a[href*=unreadposts] { /* Unread posts */
width: 4.8em !important;
}
#quick-links a[href*=unreadposts] span {
position: absolute !important;
visibility: hidden !important;
}
#quick-links a[href*=unreadposts] span::before {
visibility: visible !important;
display: inline-block !important;
content: "Unread" !important;
}
#quick-links a[href*=unanswered] { /* Unanswered topics */
width: 6.9em !important;
}
#quick-links a[href*=unanswered] span {
position: absolute !important;
visibility: hidden !important;
}
#quick-links a[href*=unanswered] span::before {
visibility: visible !important;
display: inline-block !important;
content: "Unanswered" !important;
}
#quick-links a[href*=active_topics] { /* Active topics */
width: 4.3em !important;
}
#quick-links a[href*=active_topics] span {
position: absolute !important;
visibility: hidden !important;
}
#quick-links a[href*=active_topics] span::before {
visibility: visible !important;
display: inline-block !important;
content: "Active" !important;
}
#quick-links a[href="./search.php"] { /* search */
display: none !important;
}
/*============================================================================*/
/* Removal of unneeded stuff */
/* Hide redundant part of the header: */
#page-header .navbarcontainer {
margin: 0 !important;
}
.sitetitle {
display: none !important;
}
/* Hide author "rank": */
.postprofile .profile-rank {
display: none !important;
}
/* Hide the "top" links - use home key instead: */
a.top {
display: none !important;
}
/* Hide the advanced search link top of search results: */
.advanced-search-link {
display: none !important;
}
/* Hide the return to forum and jup to links at list page bottom: */
.actions-jump {
display: none !important;
}
/* Hide list of online users: */
.online-list {
display: none !important;
}
/* Hide list of current birthdays: */
.birthday-list {
display: none !important;
}
/* Do not remove copyright notice, but make the embedded link more subtle: */
.copyright a {
color: inherit !important;
font-weight: bold !important;
}
Finally.
Annoyances:
Before: https://www.dropbox.com/s/rl1w8bf3ihl9o ... 6.png?dl=0bobingabout wrote: ↑Tue Sep 11, 2018 4:01 pmI absolutely hate the new forum update for one main reason.
It doesn't fill the width of my ultra wide screen.
Please fix.
bobingabout wrote: ↑Tue Sep 11, 2018 4:01 pmI absolutely hate the new forum update for one main reason.
It doesn't fill the width of my ultra wide screen.
Please fix.