Link to the theme (https://custom.simplemachines.org/index.php?theme=2995)
(https://custom.simplemachines.org/index.php?action=download;theme=2995;attach=280475;image;thumb)
Version 2.1.3
Compatible with: SMF 2.1.3
Description: A dark and blue "Space" default curve variation theme.
Credits and shout outs to:
- @Antechinus for The Custom Top Menu Bar (https://www.simplemachines.org/community/index.php?topic=578649.msg4096820#msg4096820) and the Buttons Trick (https://www.simplemachines.org/community/index.php?topic=581727.msg4120263#msg4120263).
- @pulgoki & @Diego Andrés for the User Info Box trick. (https://www.simplemachines.org/community/index.php?topic=580500.0)
- @shadav for helping rearrange the footer (https://www.simplemachines.org/community/index.php?topic=579061.msg4098665#msg4098665)
- And everyone in this thread [Preview] Blue Space (https://www.simplemachines.org/community/index.php?topic=581727.0)
Thanks! 8)
Custom Top Menu:
If you want the Custom Top Menu that works with this theme, get it here (https://www.simplemachines.org/community/index.php?topic=578649.msg4096800#msg4096800).
Theme Demo (https://shadesweb.com/?theme=5)(https://img.shields.io/badge/License-MIT-blue)
(https://img.shields.io/badge/SMF-2.1.3-blue)
(https://img.shields.io/badge/Current%20Version-2.1.3-blue)
Change log: (https://shadesweb.com/?action=downloads;sa=view;id=7)
1. Version 2.1.3 : 11/27/2022
Updated Theme for SMF 2.1.3
Version 2.1.2b : 09/26/2022
1. Fixed background image links and some minor css fixes.
Version 2.1.2a : 05/16/2022
1. Fixed background image links
Version 2.1.2 : 05-14-2022
1. Updated theme for SMF 2.1.2
Version 1.1 : 04/20/2022
1. Fixed Quote Colors
Version 1.0 : First Release for SMF 2.1.1
(https://shadesweb.com/downloads/1_15_04_22_2_29_36_0.png)
Looks nice. Unfortunately you're likely going to want to modify the colors for 'QUOTE'...
ScreenHunter 411.jpg
Also, and this is just a personal preference, how do you remove the lines above and below the signature?
Quote from: FrizzleFried on April 19, 2022, 05:13:28 PMLooks nice. Unfortunately you're likely going to want to modify the colors for 'QUOTE'...
ScreenHunter 411.jpg
Thanks for the feedback I'll try and fix that tonight or tomorrow! ;)
Quote from: Steve on April 19, 2022, 05:25:09 PMAlso, and this is just a personal preference, how do you remove the lines above and below the signature?
In index.css
Find:
/* sigs, custom fields, etc. */
.attachments, .under_message, .custom_fields_above_signature, .signature, .custom_fields_below_signature {
padding: 12px 0 2px;
line-height: 1.25rem;
font-size: 0.75rem;
border-top: 2px solid #188dd3;
box-shadow: inset 0 1px 0 #000;
}
Replace with:
/* sigs, custom fields, etc. */
.attachments, .under_message, .custom_fields_above_signature, .signature, .custom_fields_below_signature {
padding: 12px 0 2px;
line-height: 1.25rem;
font-size: 0.75rem;
border-top: none;
box-shadow: none;
}
The line below the signature is a part of the border around the page so you would have to change the border color.
Thanks Shades!
Updated Theme:
Version 1.1 : 04/20/2022
1. Fixed Quote Colors
Thanks to
@FrizzleFried for reporting the issue! 8)
Much better Shades! Thank you! ;D
Updated theme:
Version 2.1.2 : 05-14-2022
1. Updated theme for SMF 2.1.2
Hey Shades, were there code changes required? No one has mentioned any problems with it since I upgraded the forum to 2.1.2 ....
Quote from: Steve on May 15, 2022, 06:26:18 AMHey Shades, were there code changes required? No one has mentioned any problems with it since I upgraded the forum to 2.1.2 ....
There was some minor css changes but the original theme before the update should still work with no problems! ;)
Okay, and yes it has been working fine. Thanks Shades. :)
Theme Updated:
Version 2.1.2a : 05/16/2022
1. Fixed background image links
Very Nice theme Going to set this as default on my main forum soon as it's upgraded ;D
Quote from: mickjav on June 14, 2022, 03:26:35 PMVery Nice theme Going to set this as default on my main forum soon as it's upgraded ;D
Thank you and glad you like it! 8)
Installed this theme earlier today at the request of a member. We had a few issues.
1. Background image URL in CSS was incorrect:
background-image: url("/Themes/Blue_Space2.1.2a/images/background.jpg") !important;
needed changing to:
background-image: url("../../../Themes/Blue_Space2.1.2a/images/background.jpg") !important;
2. Quoted text in reply-to boxes was light against a light background.
.bbc_alternate_quote {
background-color: #ebf4f8;
}
This CSS fixed the issue:
.bbc_alternate_quote {
background-color: #ebf4f8;
color: #000;
}
Quote from: SulevFan on September 17, 2022, 09:20:11 AM1. Background image URL in CSS was incorrect:
The background image should work as it is...hmm! Anyone else have this issue?
Quote from: SulevFan on September 17, 2022, 09:20:11 AM2. Quoted text in reply-to boxes was light against a light background.
Thanks I will take a look and get that fixed...thanks for reporting! 8)
1. I changed the url to what
@SulevFan suggested and I lose the background so it is correct the way it is.
Ackchyually*pushes glasses up* it seems this is done improperly. /small joke
It is not showing background for me either :P.
You will want to change the url to background-image: url("../images/background.jpg") ;
The way you have it, it is looking for a specific directory. If the user has their directories setup different in any way, it will not work.
Where as when using ../ this goes directly to the source directory of the theme, then you specify the image location from there.
Hope this helps. Keep up the good work
@Shades. :).
-----------------------------
Before and After -
bluespace.png
bluespace2.png
Well... :P the way I have it works for me but if I change it, the background doesn't show. I'll have to mess around with it later when I get more time because if this is the case I will have to go and change all my themes with backgrounds cause I did them all the same in that regard and this is the first time anyone has commented about it, I think! ??? O:) ;)
Quote from: TwitchisMental on September 19, 2022, 12:09:44 PMYou will want to change the url to background-image: url("../images/background.jpg") ;
The way you have it, it is looking for a specific directory. If the user has their directories setup different in any way, it will not work.
Makes since tho! 8)
Quote from: Shades. on September 19, 2022, 01:49:49 PMWell... :P the way I have it works for me but if I change it, the background doesn't show. I'll have to mess around with it later when I get more time because if this is the case I will have to go and change all my themes with backgrounds cause I did them all the same in that regard and this is the first time anyone has commented about it, I think! ??? O:) ;)
Haha I know that feeling bud :).
I am 99.99% sure if you use the method I provided, no issues will occur :).
Also as someone who has had to do something similar, using the find and replace function in Notepad++ makes the process alot easier.
Quote from: TwitchisMental on September 19, 2022, 01:53:57 PMI am 99.99% sure if you use the method I provided, no issues will occur :)
Thanks for the tip! 8)
Theme Updated:
Version 2.1.2b : 09/26/2022
1. Fixed background image links and some minor css fixes.
Thanks to
@SulevFan &
@TwitchisMental for the report & fixes! 8)
Theme Updated
1. Version 2.1.3 : 11/27/2022
Updated Theme for SMF 2.1.3
What files did you change in your themes to update them?
I ask because I've done some minor color changes and I don't want to lose them.
Quote from: Steve on November 27, 2022, 11:54:13 AMWhat files did you change in your themes to update them?
I ask because I've done some minor color changes and I don't want to lose them.
index.css and index.template.php but there were no color changes, only code changes.
index.template.php only changed the version from 2.1.0 to 2.1.3
index.css
Changed:
#likes li {
clear: both;
padding: 1px 0;
To:
#likes li {
clear: both;
padding: 1px 0;
display: flex;
align-items: center;
Changed:
#likes .avatar {
max-height: 45px;
max-width: 45px;
margin: 0 10px 0 0;
}
#likes .avatar, #likes li .like_profile {
vertical-align: middle;
display: inline-block;
}
To:
#likes .avatar {
height: 5em;
width: 5em;
margin: 0 10px 0 0;
}
#likes li .like_profile {
flex: 1 0 auto;
}
Before:
.pagesection .button {
color: #346;
}
Added:
html[lang="el-GR"] .button,
html[lang="el-GR"] .quickbuttons > li > a,
html[lang="el-GR"] .inline_mod_check {
text-transform: capitalize;
}
Changed:
.event_options_left {
box-sizing: border-box;
width: 49%;
padding-right: 1em;
min-width: 238px;
}
.event_options_right {
box-sizing: border-box;
width: 50%;
min-width: 270px;
}
To:
.event_options_left {
box-sizing: border-box;
width: 55%;
min-width: 238px;
}
.event_options_right {
box-sizing: border-box;
width: 45%;
min-width: 270px;
}
Changed:
span.member.hidden {
font-style: italic;
}
To:
span.member.hidden {
display: inline-block;
font-style: italic;
}
Thanks my friend. :)
Theme Updated:
1. Version 2.1.4 : 06/29/2023
Updated Theme for SMF 2.1.4 & minor color changes
@Steve ;)
index.css
Line 950 Removed:
/* Note: The next declarations are for keyboard access with js disabled. */
.dropmenu ul a:focus, .dropmenu ul ul a:focus {
margin-left: 9990px;
border: none;
width: 17em;
}
.dropmenu ul ul a:focus {
margin-left: 19950px;
}
/* Cancel those for hover and/or js access. */
.dropmenu ul li:hover a:focus, .dropmenu ul li a:focus {
margin-left: 0;
width: auto;
}
Line 1137 Changed:
#pm_menu_top .main_icons,
#alerts_menu_top .main_icons {
display: none;
}
To:
#pm_menu_top .main_icons,
#alerts_menu_top .main_icons {
display: auto;
}
Line 1352 Removed:
/* the small stats */
#index_common_stats {
margin: -4px 8px 6px 8px;
padding: 4px 0 0 0;
font-size: 0.9em;
border-top: 1px solid #1d2e5a;
}
Changed:
.subject_title a {
font-size: 0.9em;
color: #333;
font-weight: bold;
}
To:
.subject_title a {
font-size: 0.9em;
color: #7db0de;
font-weight: bold;
}
@Shades. - thanks for that changelog ;D