TheCripZone SMF Themes Site
All Things Public => SMF 2.1 RC2 => Archived 2.1.X Versions => 2.1 RC2 Themes => Topic started by: Skhilled on Apr 27, 20, 12:06:28 PM
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 (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.
Looks good. Thanks Skhilled! O0
You are welcome!
EDIT: Les and I work together on these. O0
OK - Thank You Les and Skhilled! :)