Black Box 2.1 for SMF 2.1 RC2 is Here!

[Skhilled]

See it in action in this link. Just choose blackbox-21 in the first TinyPortal theme select block on the left if you do not already see it:

https://www.jpr62.com/demos21/index.php?theme=5

This version has:

1.  The commented sticky code for the "#top_section" and "#footer" classes. Just uncomment the code for those classes in index.css as needed.

Code Select Expand

#top_section {
     padding: 0 5%;
     border-bottom: 1px solid #3a3a3a;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
     background: rgb(22, 22, 22);
     clear: both;
    /* position: fixed; */
     width: 100%;
     z-index: 100;
     opacity: .9;
/*  Uncomment the code below to make the #top_section sticky */
/*    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 20; */
}

Code Select Expand

#footer {
    margin: 0px -2px 0 -2px;
    padding: 18px 0 8px;
    height: 114px;
    background: #595959;
    background: linear-gradient(to bottom, #4c4c4c 0%,#1c1c1c 22%,#131313 27%,#111111 36%,#383838 62%,#4c4c4c 100%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex: none;
    width: auto;
    align-self: center;
/*  Uncomment the code below to make the #top_section sticky */
/*    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 20; */
}

2.  Hovering changes color in many places making it easier to see exactly where you are if using a PC or laptop. If you are using a mobile device all you have to do it touch certain areas and they will change colors as if hovering while using a PC or laptop.

3. Contains many other minor fixes and adjustments.

[Scrubmeister]

Looks good. Thanks Skhilled! 

[Skhilled]

You are welcome!
EDIT: Les and I work together on these. 

[Scrubmeister]

OK - Thank You Les and Skhilled!