News:

Keeping Crip's dream alive is our mission! :)

 

Recent Topics

Members
  • Total Members: 153
  • Latest: polsox
Stats
  • Total Posts: 10,782
  • Total Topics: 1,380
  • Online today: 190
  • Online ever: 879
  • (Jan 21, 20, 05:49:15 PM)
Users Online
Users: 0
Guests: 93
Total: 93

Black Box 2.1 for SMF 2.1 RC2 is Here!

Started by Skhilled, Apr 27, 20, 12:06:28 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

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.

#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; */
}


#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


Skhilled

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

Scrubmeister