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.
Sanqui wrote: Tue Sep 11, 2018 2:06 pm If you have any specific gripes about the new theme I can try to accommodate you.
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.Sanqui wrote: Tue Sep 11, 2018 2:06 pm We have updated from phpBB 3.0 to 3.2 which is a bigger jump than it sounds. The old version was no longer supported and is incompatible with future modifications. There have been changes in the theme, mainly to make it responsive (try it on your phone!).
Annoyances:Sanqui wrote: Tue Sep 11, 2018 2:06 pm If you have any specific gripes about the new theme I can try to accommodate you.
Before: https://www.dropbox.com/s/rl1w8bf3ihl9o ... 6.png?dl=0bobingabout wrote: Tue Sep 11, 2018 4:01 pm I 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 pm I absolutely hate the new forum update for one main reason.
It doesn't fill the width of my ultra wide screen.
Please fix.