Forumactif Edge - A Free Modern and Responsive Forum Theme

[Ange Tuteur]

First topic message reminder :

Hello everyone,

Since November 2015 I've been working on developing a new "forum version" for Forumotion forums that's modern and responsive. Today I've recently published the production release of this software and would like to share it with all of you who are looking for a more modern design that's also mobile-friendly.

Forumactif Edge features :

• Modern mobile-friendly design.
  
• Smart automated control panel that assists you with installation and other tasks.
  
• Dynamic theme selector so your members can browse in the color they prefer.
  
• Side panels for widgets and quick navigation so your forum has maximum space and accessibility.
  
• Automatic color coding of posts based on usergroup affiliation.
  
• Built in counter for reputation votes.
  
• and more...
  

Forumactif Edge will constantly evolve because it's open source and managed by the community. That means we'll take feedback, suggestions, and reports from the community -- that's right, your voice can shape the future of this project ! If you'd like to install Forumactif Edge on your Forumotion forum, please see the wiki link below which includes detailed instructions on how to install the theme along with additional information on Forumactif Edge that's constantly changing.

Installation Tutorial : https://github.com/SethClydesdale/forumactif-edge/wiki/Installing

Not ready to install yet ? No problem ! Take a look around, check out the FAQ and previews below, or visit our website link below to learn more about what Forumactif Edge has to offer !

Website : https://sethclydesdale.github.io/forumactif-edge/

FAQ

Do you have any questions or concerns about Forumactif Edge ? If so, feel free to check out our FAQ page or leave a reply below with your question ! We're always ready to answer your questions !

Previews

Mobile Preview : Forumactif Edge is responsive, so that means it's mobile-friendly ! Don't believe it ? Check out Google's Mobile-Friendly test !


Feature Preview : Forumactif Edge comes with a theme changer that allows your members to browse in the color of their choice, and to give your forum maximum space it docks widgets to a side panel !

Full Page Screenshots

Click any of the links below to see a full page screen shot of Forumactif Edge in action.

Desktop	Mobile
Homepage	Homepage (Mobile)
Topics	Topics (Mobile)
Forumactif Edge Control Panel	N/A

If you have any questions or feedback, feel free to leave them below. I hope all of you enjoy this theme as much as I have making it.

[BlackScorpion]

Ahh don't like it too slow, colors are the same...... Just kidding , this is my favorite theme for the year! @Ange Tuteur I've told you already an amazing job on this. Thanks for all the hard work you put into creating and updating this theme!

Now get back to work!

[Ange Tuteur]

@BlackScorpion thank you, and no problem ! I'm so glad that you're enjoying the theme.

I'm going to continue improving this theme whenever I'm free. I have a patch update coming soon which will fix some bugs and update translations, so back to work indeed ! ^^

[Ange Tuteur]

Update v1.1.1

Version 1.1.1 of Forumactif Edge is now available ! This is patch update which fixes a few bugs and updates some translations.

• Fixed display of "New PM" image in profiles on mobile. (it no longer overlaps the navigation)
  
• Fixed forum width slider in General Settings, so that 100% returns the forum to the standard width.
  
• Updated translation functionality in control panel.
  
• Updated German translations.
  
• Updated Greek translations.
  

Release link : https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.1.1


Need help ?
Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

[BlackScorpion]

WOW!! another update. You Sir, are the man!! Now back to work.

[Ange Tuteur]

Haha indeed, just some small fixes and updates until I finish the bigger ones.

Update v1.1.2

Version 1.1.2 of Forumactif Edge is now available ! This is another small patch update which fixes a few bugs and updates some translations. Namely the main font for the theme which appeared blurry or rough on bold and italic texts. This update should correct that.

• Fixed erroneous installations by preventing usage of the control panel in "Preview HTML Page" mode.
  
• Fixed blurry and rough looking fonts by updating Roboto Font Family to support 400i, 700, and 700i fonts.
  
• Fixed username variable for the thanked message in the Greek translation.
  
• Updated French translations.
  

Release link : https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.1.2


Need help ?
Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

[BlackScorpion]

BOW'S to the master... Yet another update.. Onward Captain!

[SLGray]

Because the templates are modified with this theme, the new classified ads feature will look broken.

[OLC CREATORS]

Very Nice theme. Thanks @Ange Tuteur.
like this Php script style of installation.

[Ange Tuteur]

Because the templates are modified with this theme, the new classified ads feature will look broken.

@SLGray no worries, I'll be adding support for this new feature in patch version 1.1.3. Since Forumactif Edge is heavily modified, new features provided by Forumotion may not be 100% compatible when they're released, so I'll have to patch in support for any new updates that aren't compatible.

Very Nice theme. Thanks @Ange Tuteur.
like this Php script style of installation.

No problem, I hope you enjoy it !

[SLGray]

Thanks @Ange Tuteur .

[Ange Tuteur]

Update v1.1.3

Version 1.1.3 of Forumactif Edge is now available. This update patches in support for the classified ads feature which Forumotion has added to the service recently, along with a few other fixes. Please see the notes below for more information.

• Added support for classified ads.
  
• Added Hungarian translation. (thanks to mimóza)
  
• Updated Italian translations. (thanks to Teo!)
  
• Fixed extra spacing on links in the quick navigation.
  
• Fixed breadcrumbs style in searches.
  

Release link : https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.1.3


Need help ?
Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

[BlackScorpion]

THanks @Ange Tuteur, now get back to work....

[SLGray]

When you are tagging a member who has a space in his/hers username, you have to put quotation marks around the username.

Code:

@"Ange Tuteur"

[Ange Tuteur]

Update v1.1.4

Version 1.1.4 of Forumactif Edge is now available ! This patch fixes issues with mobile, classified ads, and more.

• Updated CSS selectors in the theme switcher so that it affects the classified ad forums.
  
• Updated Dutch translations. (Thanks to Joost)
  
• Fixed alignment of various texts for classified ads.
  
• Fixed inability to access the FAE Control Panel due to design change of the Admin Panel.
  
• Fixed display of posts in mobile version once general settings have been applied.
  
• Removed "Posts" texts under stats for classified ad forums.
  

Release link : https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.1.4


Need help ?
Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

[Ange Tuteur]

Update v1.1.5

Version 1.1.5 of Forumactif Edge is now available ! This patch fixes bugs and updates a few translations. Happy holidays !

• Fixed "humor" column width in memberlist from taking up the entire page.
  
• Fixed large avatars overflowing their container in the user profile page.
  
• Updated Arabic translation. (Thanks to amghidh)
  
• Updated Portuguese translation. (Thanks to Harleen)
  
• Updated Dutch translation. (Thanks to Samantha NL)
  

Release link : https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.1.5


Need help ?
Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

[Ange Tuteur]

Update v1.1.6

Version 1.1.6 of Forumactif Edge is now available. This patch updates Font Awesome to v4.7.0, fixes and updates the addthis share button, and fixes a few display bugs that were missed during initial development of FAE. See the patch notes below for more information.

• Updated Font Awesome from 4.6.3 to 4.7.0
  
• Fixed and updated Addthis share module in the topics
  
• Fixed share button margin and alignment above the topics
  
• Fixed who is online icon alignment
  

Release link : https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.1.6


Need help ?
Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

[BlackScorpion]

As always thank you for your continued devotion and service to this community. Another great update. You sir are the man!

[Van-Helsing]

Excellent update @Ange Tuteur

[Ange Tuteur]

Thanks, and no problem, guys !

Update v1.1.7

Version 1.1.7 of Forumactif Edge is now available ! This is an emergency patch that fixes numerous style related issued caused by the "ModernBB" update for Forumotion. It is recommended that you update to v1.1.7 immediately !

• Fixes unstyled (broken) toolbar
  
• Fixes log in popup height and width
  

Release link : https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.1.7


Need Help ?
Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

Non-Forumactif Edge Fix

If your forum is displaying a broken toolbar and / or log in popup, it's because you're not using the default stylesheet. If you're not using Forumactif Edge and are experiencing this issue, add the CSS provided below to your stylesheet.

Admin Panel > Display > Colors > CSS stylesheet

Code:

#fa_left,#fa_toolbar #fa_icon,#fa_toolbar #fa_service{display:inline-block!important;visibility:visible!important}#fa_left,#fa_share{line-height:30px!important}.fa_toolbar_XL_Sized{min-width:980px;width:100%}.fa_toolbar_L_Sized{min-width:774px}.fa_toolbar_M_Sized{min-width:519px}#fa_toolbar{left:0;height:30px;background-color:#eee;color:#FFF;font-family:Helvetica,Verdana,Arial;font-size:16px;z-index:999}#fa_toolbar :link,#fa_toolbar :visited{color:#FFF;text-decoration:none}#fa_toolbar a:hover{text-decoration:underline}#fa_toolbar a:active,#fa_toolbar a:hover,#fa_toolbar a:link,#fa_toolbar a:visited{border:1px solid transparent;border:none}#fa_show,.fa_tbMainElement,.fa_tbMainElement a{display:inline-block!important;vertical-align:middle}#fa_toolbar #fa_icon{background-repeat:no-repeat;background-image:url(https://2img.net/i/fa/i/toolbar/pa0.png);background-size:30px;width:30px;height:30px}#fa_toolbar #fa_fb,#fa_toolbar #fa_gp,#fa_toolbar #fa_hide,#fa_toolbar #fa_magnifier,#fa_toolbar #fa_mail,#fa_toolbar #fa_rss,#fa_toolbar #fa_twitter,#fa_toolbar_hidden #fa_show{background-image:url(https://2img.net/i/fa/i/toolbar/toolbar.png);width:30px;height:30px;cursor:pointer}#fa_left{width:auto!important;height:auto!important}#fa_icon,#fa_toolbar #fa_service{color:#666}#fa_toolbar #fa_service{text-decoration:none!important}#fa_toolbar #fa_service:hover[href]{text-decoration:underline!important}#fa_search{margin-left:20px;height:30px}#fa_search form{margin:0;padding:0;display:inline}#fa_search #fa_magnifier{position:absolute;background-position:-30px 0}#fa_search #fa_textarea{text-indent:30px!important;width:200px;height:24px;padding:0;border:0;margin-top:3px;border-radius:5px;line-height:24px}#fa_share{margin-left:20px;font-size:16px}#fa_share_text{cursor:default;color:#666;text-decoration:none!important}#fa_fb{margin-left:10px;background-position:-60px 0}#fa_twitter{background-position:-90px 0}#fa_gp{background-position:-120px 0}#fa_mail{background-position:-150px 0}#fa_rss{background-position:-180px 0}#fa_right{float:right;font-size:14px}#fa_right a.rightHeaderLink{margin-left:10px;vertical-align:top;line-height:30px;color:#666}#fa_right span.rightHeaderLink{display:inline-block;margin-left:1px;vertical-align:top;line-height:30px;color:#666}#fa_right #fa_notifications,#fa_welcome{line-height:30px;padding:0 5px;color:#666}#fa_hide{background-position:-210px 0}#fa_menu{display:inline-block}#fa_right #fa_welcome:hover,#fa_toolbar #fa_right #fa_notifications:hover{cursor:pointer}#fa_right #fa_menu #fa_welcome,#fa_right.notification #fa_menu #fa_welcome{color:#666}#fa_right #fa_menu ul,#fa_right.notification #fa_menu ul{display:none}#fa_right.welcome #fa_menu #fa_welcome{color:#333;background-color:#fff}#fa_right.welcome #fa_menu ul{display:block}#fa_menu:hover :visited,#fa_toolbar>#fa_right.notification>#fa_notifications{color:#333;background-color:#FFF}#fa_toolbar #fa_right .fa_separator{width:90%;height:1px;margin:0;padding:0;background-color:#CCC;text-align:center}#fa_menulist,#fa_toolbar #fa_right #notif_list{list-style-type:none;background-color:#FFF;z-index:999;position:absolute}#fa_menulist{display:none;margin:0;padding:0 10px;min-width:175px;width:auto;border:1px solid #333;line-height:32px;border-top:0 solid #FFF}#fa_menulist :link,#fa_menulist :visited{color:#00569C!important}#fa_toolbar_hidden{position:absolute;width:30px;height:30px;right:0;margin-top:-60px;background-color:#eee;border-radius:0 0 5px 5px;z-index:999}#fa_show{background-position:-240px 0}#fa_toolbar #fa_right #fa_notifications #notif_unread{display:none;margin-left:.5em}#fa_toolbar #fa_right #fa_notifications.unread #notif_unread{display:inline}#fa_toolbar #fa_right #notif_list{font-size:11px;display:none;margin:0;padding:0;border:1px solid #333;border-top:0 solid #FFF}#fa_toolbar #fa_right.notification #notif_list{display:block}#fa_toolbar #fa_right #notif_list li{margin:0;font-size:1em;padding:0 .5em .5em;color:#333;line-height:1.2em;display:block}#fa_toolbar #fa_right #notif_list li .contentText{float:left;width:27em;height:2.4em;overflow:hidden}#fa_toolbar #fa_right #notif_list li .contentText a{color:#00569C!important;text-decoration:underline!important;vertical-align:baseline}#fa_toolbar #fa_right #notif_list li:first-child{padding-top:.5em}#fa_toolbar #fa_right #notif_list li:first-child hr{display:none}#fa_toolbar #fa_right #notif_list li .content{width:30em;margin:0;display:block;overflow:hidden;vertical-align:top;color:inherit!important;line-height:inherit!important}#fa_toolbar #fa_right #notif_list li a.delete{width:22px;height:2.4em;background:url(https://2img.net/i/fa/i/toolbar/toolbar.png) -274px 50% no-repeat;float:right}#fa_toolbar #fa_right #notif_list li hr{margin:0 0 .5em;border:0 solid #ccc;border-top-width:1px}#fa_toolbar #fa_right #notif_list li.unread{font-weight:700;background-color:#e5e5e5}#fa_toolbar #fa_right #notif_list li.see_all{color:#fff;background-color:#333;padding:.7em!important;text-align:right}#fa_toolbar #fa_right #notif_list li.see_all a{color:#fff;width:100%}#fa_ranktitle,#fa_usermenu{width:120px;text-align:center}#fa_toolbar #live_notif{width:330px;position:absolute}#fa_toolbar #live_notif .fa_notification{background-color:#333;opacity:.8;border-radius:5px;padding:10px}#fa_toolbar #live_notif .fa_notification .content{padding-left:40px;display:inline-block;background-image:url(https://2img.net/i/fa/notifications/notifications.png);background-repeat:no-repeat;height:32px;font-size:11px;color:#fff;overflow:hidden}#fa_toolbar #live_notif .fa_notification a{text-decoration:underline!important;vertical-align:baseline}.fa_fix{position:fixed!important;position:absolute;top:0;right:0}#fa_toolbar .fa_hide{display:none!important}#fa_usermenu{position:absolute;left:0;padding:10px 20px 10px 10px;color:#333;font-size:12px}#fa_ranktitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#fa_ranktitle:hover{text-decoration:none!important;color:#333}#fa_usermenu td{padding:0;margin-bottom:5px;line-height:15px}#fa_usermenu td.first{text-align:right}#fa_usermenu td.bold{font-weight:700;text-align:left}#fa_usermenu img{max-width:120px;max-height:120px}#fa_menulist{padding-left:150px}
#login_popup{width:350px;height:250px}

[SLGray]

Thanks for the quick released update to fix the issues.

[Dr Jay]

Yes, very needful for us guys with non-basic CSS (Basic CSS deactivated). Thanks!

[Van-Helsing]

Hello,
Thank you very much @Ange Tuteur for the very fastest update release.

[BlackScorpion]

Like i said above.

@Ange Tuteur I have noticed that the toolbar on some of my forums needs to be turned off due to some glitch making spread out.on the top.

UPDATE : 3/7/17 Thanks Ange for a another quick remedy to this issue, If anyone else has this issue the you can fix it with this solution, http://fmdesign.forumotion.com/t698-forumactif-edge-releases#29623

[Ange Tuteur]

@Ange Tuteur I have noticed that the toolbar on some of my forums needs to be turned off due to some glitch making spread out.on the top.

UPDATE : 3/7/17 Thanks Ange for a another quick remedy to this issue, If anyone else has this issue the you can fix it with this solution, http://fmdesign.forumotion.com/t698-forumactif-edge-releases#29623

Ah, yes, v1.1.7 was supposed to patch this, however, if your forum's stylesheet has exceeded it's limit, the patch may not take effect. If that's the case for anyone, I recommend doing a manual installation of the necessary CSS for the toolbar via the topic below.
http://fmdesign.forumotion.com/t1282-bug-toolbar#29628

Also, I'd like to provide some information for everyone regarding the "ModernBB" update for Forumotion. When this new forum version was released to production, Forumotion made some modifications to the toolbar, specifically its stylesheet, without notifying us of this change. Before this update the toolbar's CSS was inline in the document, however, after the ModernBB update, the CSS was moved to the basic stylesheet. So if you disabled the basic CSS via Display > Colors > CSS > Deactivate the basic CSS, then the toolbar will not be styled anymore ; to put it simply, it'll appear broken. You'll need to include the following CSS in your stylesheet or elsewhere.

Code:

.fa_toolbar_XL_Sized {
    min-width: 980px;
    width: 100%;
    }
.fa_toolbar_L_Sized {
    min-width: 774px;
    }
.fa_toolbar_M_Sized {
    min-width: 519px;
    }
#fa_toolbar {
    left: 0px;
    height: 30px;
    background-color: #FAFAFA;
    color: #FFFFFF;
    font-family: Helvetica, Verdana, Arial;
    font-size: 16px;
    z-index: 20002;
    }
#fa_toolbar :link, #fa_toolbar :visited {
    color: #FFFFFF;
    text-decoration: none;
    }
#fa_toolbar a:hover {
    text-decoration: underline;
    }
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
    border:1px solid transparent;
    border:none;
    }
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
    display: inline-block !important;
    vertical-align: middle;
    }
#fa_toolbar #fa_icon {
    display: inline-block !important;
    visibility: visible !important;
    background-repeat: no-repeat;
    background-image: url('https://2img.net/i/fa/i/toolbar/pa0.png');
    background-size: 30px;
    width: 30px;
    height: 30px;
    }
#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    background-image: url('https://2img.net/i/fa/i/toolbar/toolbar.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    }
#fa_left {
    display: inline-block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    line-height: 30px !important;
    }
#fa_icon, #fa_toolbar #fa_service {
    color: #555555;
    }
#fa_toolbar #fa_service {
    display: inline-block !important;
    visibility: visible !important;
    text-decoration: none !important;
    }
#fa_toolbar #fa_service:hover[href] {
    text-decoration: underline !important;
    }
#fa_search {
    margin-left: 20px;
    height: 30px;
    }
#fa_search form {
    margin: 0;
    padding:0;
    display:inline;
    }
#fa_search #fa_magnifier {
    position : absolute;
    background-position: -30px 0px;
    }
#fa_search #fa_textarea {
    text-indent: 30px !important;
    width: 200px;
    height: 24px;
    padding: 0px;
    border: 0px;
    margin-top: 3px;
    border-radius: 5px;
    line-height: 24px;
    }
#fa_share {
    margin-left: 20px;
    font-size: 16px;
    line-height: 30px !important;
    }
#fa_share_text {
    cursor: default;
    color: #555555;
    text-decoration: none !important;
    }
#fa_fb {
    margin-left: 10px;
    background-position: -60px 0px;
    }
#fa_twitter {
    background-position: -90px 0px;
    }
#fa_gp {
    background-position: -120px 0px;
    }
#fa_mail {
    background-position: -150px 0px;
    }
#fa_rss {
    background-position: -180px 0px;
    }
#fa_right {
    float: right;
    font-size: 14px;
    }
#fa_right a.rightHeaderLink {
    margin-left: 10px;
    vertical-align: top;
    line-height: 30px;
    color:#555555 }
#fa_right span.rightHeaderLink {
    display:inline-block;
    margin-left: 1px;
    vertical-align: top;
    line-height: 30px;
    color:#555555 }
#fa_welcome, #fa_right #fa_notifications {
    line-height: 30px;
    padding: 0px 5px;
    color: #555555;
    }
#fa_hide {
    background-position: -210px 0px;
    }
#fa_menu {
    display: inline-block;
    }
#fa_right #fa_welcome:hover, #fa_toolbar #fa_right #fa_notifications:hover {
    cursor: pointer;
    }
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
    color: #555555;
    }
#fa_right #fa_menu ul, #fa_right.notification #fa_menu ul {
    display: none;
    }
#fa_right.welcome #fa_menu #fa_welcome {
    color: #333;
    background-color: #fff;
    }
#fa_right.welcome #fa_menu ul {
    display: block;
    }
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
    color: #333333;
    background-color: #FFFFFF;
    }
#fa_toolbar #fa_right .fa_separator {
    width: 90%;
    height: 1px;
    margin: 0;
    padding: 0px;
    background-color: #CCCCCC;
    text-align: center;
    }
#fa_menulist {
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px 10px;
    background-color: #FFFFFF;
    min-width: 175px;
    width: auto;
    border: 1px solid #333333;
    line-height: 32px;
    border-top: 0px solid #FFFFFF;
    z-index: 10000;
    }
#fa_menulist :link, #fa_menulist :visited {
    color: #00569C !important;
    }
#fa_toolbar_hidden {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    margin-top: -60px;
    background-color: #FAFAFA;
    border-radius: 0px 0px 5px 5px;
    z-index: 20002;
    }
#fa_show {
    background-position: -240px 0px;
    }
#fa_toolbar #fa_right #fa_notifications #notif_unread {
    display: none;
    margin-left: 0.5em;
    }
#fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
    display: inline;
    }
#fa_toolbar #fa_right #notif_list {
    font-size: 11px;
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-top: 0px solid #FFFFFF;
    z-index: 10000;
    }
#fa_toolbar #fa_right.notification #notif_list {
    display: block;
   ;
    }
#fa_toolbar #fa_right #notif_list li {
    margin: 0;
    font-size: 1em;
    padding: 0 0.5em 0.5em;
    color: #333;
    line-height: 1.2em;
    display:block;
    }
#fa_toolbar #fa_right #notif_list li .contentText {
    float:left;
    width:27em;
    height: 2.4em;
    overflow: hidden;
    }
#fa_toolbar #fa_right #notif_list li .contentText a {
    color: #00569C !important;
    text-decoration: underline !important;
    vertical-align: baseline;
   
/*max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    */
}
#fa_toolbar #fa_right #notif_list li:first-child {
    padding-top: 0.5em;
    }
#fa_toolbar #fa_right #notif_list li:first-child hr {
    display: none;
    }
#fa_toolbar #fa_right #notif_list li .content {
    width: 30em;
   
/*height: 2.4em;
   */
 margin: 0;
    display: block;
    overflow: hidden;
    vertical-align: top;
    color: inherit !important;
    line-height: inherit !important;
    }
#fa_toolbar #fa_right #notif_list li a.delete {
    width: 22px;
    height: 2.4em;
    background: transparent url('https://2img.net/i/fa/i/toolbar/toolbar.png') no-repeat -274px 50%;
    float:right;
    }
#fa_toolbar #fa_right #notif_list li hr {
    margin: 0 0 0.5em 0;
    border: 0 solid #ccc;
    border-top-width: 1px;
    }
#fa_toolbar #fa_right #notif_list li.unread {
    font-weight: bold;
    background-color: #e5e5e5;
    }
#fa_toolbar #fa_right #notif_list li.see_all {
    color: #fff;
    background-color: #333;
    padding: 0.7em !important;
    text-align: right;
    }
#fa_toolbar #fa_right #notif_list li.see_all a {
    color: #fff;
    width:100%;
    }
#fa_toolbar #live_notif {
    width: 330px;
    position: absolute;
    }
#fa_toolbar #live_notif .fa_notification {
    background-color: #333;
    opacity: 0.8;
    border-radius: 5px;
    padding: 10px;
    }
#fa_toolbar #live_notif .fa_notification .content {
    padding-left: 40px;
    display: inline-block;
    background-image: url('https://2img.net/i/fa/notifications/notifications.png');
    background-repeat: no-repeat;
    height: 32px;
    font-size : 11px;
    color : #fff;
    overflow : hidden }
#fa_toolbar #live_notif .fa_notification a {
    text-decoration: underline !important;
    vertical-align: baseline;
   
/*max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    */
}
.fa_fix {
    position:fixed !important;
   position: absolute;
   
/*ie6 and above*/
top: 0;
   right: 0;
    }
#fa_toolbar .fa_hide {
    display: none !important;
    }
#fa_usermenu {
    position: absolute;
    left: 0px;
    width: 120px;
     padding: 10px 20px 10px 10px;
    color: #333333;
    font-size: 12px;
    text-align: center;
    }
#fa_ranktitle {
    width: 120px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
#fa_ranktitle:hover {
    text-decoration: none !important;
    color: #333333;
    }
#fa_usermenu td {
    padding: 0px;
    margin-bottom: 5px;
    line-height: 15px;
    }
#fa_usermenu td.first {
    text-align: right;
    }
#fa_usermenu td.bold {
    font-weight:bold;
    text-align: left;
    }
#fa_usermenu img {
    max-width: 120px;
    max-height: 120px;
    }
#fa_menulist {
    padding-left: 150px;
    }

[Ange Tuteur]

v1.2.0

Version 1.2.0 of Forumactif Edge is now available ! This update introduces a handful of new features, as well as a few fixes. Get ready to discover the new features that Forumactif Edge has to offer !

• Added "Custom theme" option to Theme Selector and Theme Management.
  
• Added Dark Mode (or Light Mode, depending on your forum theme) to the footer of the forum.
  
• Added "Copy Code" button to the [code] bbcode that automatically copies the code contents upon clicking the button.
  
• Added support for selected theme settings in local frames. (Changing the forum theme now changes the theme of the Chatbox, Emoticons, etc..)
  
• Added classname ".forum-description" to the forum description on the index. (This should prevent the forum images from floating into other content, such as the sub-forum links)
  
• Added classname ".forum-moderators" to the moderator link list on the index.
  
• Added classname ".sub-forum-links" to the sub-forum link list on the index.
  
• Added a maintenance message to the control panel, so you know when maintenance is being performed on it.
  
• Added a new section to the FAE Control Panel for managing plugins. (view the wiki for more info)
  
• Added "center" option for profiles in the control panel under General Settings.
  
• Added "Submit a New Translation" option to the control panel translator, so it's easier to learn how to submit translations.
  
• Added Spanish translation. (Thanks to Laura)
  
• Optimized Facebook Connect module.
  
• Replaced the link to the repository in the footer with our web page link instead.
  
• Fixed codebox displaying "Hidden:" label when inside the [hide] tags.
  
• Fixed quick navigation not displaying when alwaysVisible was enabled and the menu was on the right.
  

Release link : https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.2.0


I'm also happy to announce the launch of our web page, which will serve to showcase some of Forumactif Edge's finest points and what it has to offer. You can view the web page here :
https://sethclydesdale.github.io/forumactif-edge/


Help
Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

[BlackScorpion]

Once again my friend, another outstanding update! I'm digging the webpage, provides a lot of information on your theme. Keep up the great work Captain!

[Ange Tuteur]

@BlackScorpion Thanks, I'm glad you like the web page and update ! I worked pretty much non-stop this week getting everything ready for this big update, and now I'm ready to crash for the weekend. Best to rest up now though, 'cause I gotta get to work on setting up the new translation aliases for our translators next week.

[SLGray]

I also love the webpage.

[Guest]

I also love the Theme..I am working on this one right as we speak..I made a test site..and am loving what I am doing..the only thing I am struggling with is the colors..on the phpBB you can click on the color and add a color code..but with this you have to use the CSS to add the color you want..and since I don't know how to use CSS coding I have to use the color choices given..and right now that is ok as well..it's working for me..

I am also color blind..all I see is Blacks, Browns, Whites, Greys and Reds..now if Black/Brown is to close in Color I can't tell them apart..and same with the White/Grey..everything is grey to me except these colors..

So far all I have added is the theme..and am playing around with that..next will be reading this topic to see what is available and how to put that in..

Keep up the great work Ange Tuteur..awesome job.. sorry

[SLGray]

To tag Ange Tutuer, you have to do this:

Code:

@"Ange Tuteur"

Ange is a different member.