Simple Machines Community Forum

Link to the theme (https://custom.simplemachines.org/index.php?theme=3005)
(https://custom.simplemachines.org/index.php?action=download;theme=3005;attach=282973;image;thumb)

Dark Caramel
A warm responsive Dark Caramel Latte feeling theme.

Features :
Responsive Design
Info Center Remixed
Social Media Section ( Add links to your favorite social networks right to the sidebar)
Font Awesome Icons
Remixed Breadcrumb


License :

(https://img.shields.io/badge/license-MIT-blue)
Font Awesome License - https://fontawesome.com/license/free

SMF Version :

(https://img.shields.io/badge/SMF-2.1-blue)


Patch Notes :
1.0 : Initial Release
1.0.1 : Fixed display issues with the sidebar.
1.0.2 :
Update: Updated for SMF 2.1.3
Adjustment: Adjusted the breadcrumb so the arrows are even.
1.0.3:
Updated for SMF 2.1.4 and the Attachment UI changes.
New Feature: Added the split sticky topic and normal topic sections trick.
Adjustment: Adjusted the calendar section of the info center to align with everything else.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Adjusted the background color for the news slide section.

I'm really happy this got approved. Now to run it through it's paces.  :P

Drat! It's not going to work for me with the Info Center in a right sidebar. Any easy way to move it to the bottom?

Quote from: Steve on August 23, 2022, 11:26:41 AMDrat! It's not going to work for me with the Info Center in a right sidebar. Any easy way to move it to the bottom?

Open Index.CSS and Find Line : 4193

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
change the direction to column.

Perfect! Thanks my friend!

Just installed It's A nice theme and should suit my forum theme but there's always a but lol.

Noticed this with the width set to 90% using Forum Width Setting (https://custom.simplemachines.org/index.php?mod=4223) Mod but even at 99% it still seems left aligned??

2022-08-28.png

Quote from: mickjav on August 28, 2022, 12:46:51 PMJust installed It's A nice theme and should suit my forum theme but there's always a but lol.

Noticed this with the width set to 90% using Forum Width Setting (https://custom.simplemachines.org/index.php?mod=4223) Mod but even at 99% it still seems left aligned??

2022-08-28.png

That would be because that mod is not going to be compatible. It assumes that the structure is the same as the default theme, in this case it is not.

If you would like to change the width for the main wrapper/container. You will need to open index.css and find line 1179.

#top_section .inner_wrap, #wrapper, #footer .inner_wrap {
  max-width: 1600px;
  margin: 0 auto;
  width: 90%;
}
Change the max-width: 1600px; to the preferred width.

Edit: You will need to change width: 90% to 100% if you want it bigger than 1700px wide.

Quote from: TwitchisMental on August 28, 2022, 01:02:55 PM

Quote from: mickjav on August 28, 2022, 12:46:51 PMJust installed It's A nice theme and should suit my forum theme but there's always a but lol.

Noticed this with the width set to 90% using Forum Width Setting (https://custom.simplemachines.org/index.php?mod=4223) Mod but even at 99% it still seems left aligned??

2022-08-28.png

That would be because that mod is not going to be compatible. It assumes that the structure is the same as the default theme, in this case it is not.

If you would like the change the width for the main wrapper/container. You will need to open index.css and find line 1179.

Code Select Expand

#top_section .inner_wrap, #wrapper, #footer .inner_wrap {
  max-width: 1600px;
  margin: 0 auto;
  width: 90%;
}
Change the max-width: 1600px; to the preferred width.

Edit: You will need to change width: 90% to 100% if you want it bigger than 1700px wide.

Thanks Will look into it.

Found a minor issue ... when the Thank mod by GL700Wing is installed (https://custom.simplemachines.org/index.php?mod=4266) the like and thank links don't align:

align.jpg

They align perfectly on all other themes I have so is this a theme issue or should I post this in the mod's topic?

Quote from: Steve on September 05, 2022, 07:08:45 AMFound a minor issue ... when the Thank mod by GL700Wing is installed (https://custom.simplemachines.org/index.php?mod=4266) the like and thank links don't align:

align.jpg

They align perfectly on all other themes I have so is this a theme issue or should I post this in the mod's topic?

How did you even get the mod installed? Seems to be for 2.0 and using the emulation option gives several errors.

I do see the issue on your site.

A quick fix would be throwing this at the bottom of the index.css -

.smfthankbutton {
  margin-top: 4px;
}

It installed with no errors and I don't believe I used any emulation.

And thanks for the fix. It worked perfectly. :)

Edit: just realized I gave you the wrong url for the mod: https://custom.simplemachines.org/index.php?mod=4333

Quote from: Steve on September 05, 2022, 06:07:09 PMIt installed with no errors and I don't believe I used any emulation.

And thanks for the fix. It worked perfectly. :)

Edit: just realized I gave you the wrong url for the mod: https://custom.simplemachines.org/index.php?mod=4333

That would explain things :P. I will install this later and see if I can find the cause. It should just be falling in line.

Thanks Twitch.  :)

New Version Released

1.0.1 :
Fixed display issues with the sidebar.

Thanks for all your work, Twitch.  :)

Quote from: Steve on October 18, 2022, 04:07:44 PMThanks for all your work, Twitch.  :)

You're welcome. I enjoy doing this :) .

New Version Uploaded :

1.0.2 :
Update: Updated for SMF 2.1.3
Adjustment: Adjusted the breadcrumb so the arrows are even.

Any chance you could post the change you made for the breadcrumbs so I don't undo the slight color changes I made?

Quote from: Steve on December 04, 2022, 06:50:31 AMAny chance you could post the change you made for the breadcrumbs so I don't undo the slight color changes I made?

I made all the changes css only like in the updated tutorial.

So you would need to go into index.template.php and change the navigation section back

from

<div class="breadcrumb_holder">
<ul class="breadcrumb">';
to

<div class="navigate_section">
<ul>';
You would then need to follow the tips and tricks tutorial -

https://www.simplemachines.org/community/index.php?topic=580159.0

After that I had to mess with the ::Before & ::after classes a bit.

.navigate_section ul li:before
I changed the right to 1.15em;

.navigate_section ul li:after
I changed the right to -0.9em;

That's a little more than I want to take on and the breadcrumbs look good enough to me as they are.

Thanks for the update Twitch.  :)

I noticed that the image of login and login text Link not aligned on same line.

On a smaller mobile screen though, something to look in to.

Check the attachment below
Screenshot_20230105-060651.png

Thanks for your good work

Quote from: seekier on January 05, 2023, 12:12:50 AMI noticed that the image of login and login text Link not aligned on same line.

On a smaller mobile screen though, something to look in to.

Check the attachment below
[url="https://www.simplemachines.org/community/index.php?action=dlattach;attach=285098;type=preview;file"]Screenshot_20230105-060651.png[/url]

Thanks for your good work

Thank you for reporting this.

New version has been uploaded.

If someone wants to manually fix it just add this to the bottom of index.css -

.main_icons.login {
  width: auto;
}

Thanks for the manual fix info Twitch.  :)

New Version Uploaded:

1.0.3:
Updated for SMF 2.1.4 and the Attachment UI changes.
New Feature: Added the split sticky topic and normal topic sections trick.
Adjustment: Adjusted the calendar section of the info center to align with everything else.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Adjusted the background color for the news slide section.