BigSky request

[Crip]

It would be in this section of the ../..css/index.css  >> AFAIK..

Code Select Expand


/* Main cz-menu */
#main_menu { padding: 1em 0.8em 0.5em; float: left; margin: 0; width: 98%; }
#cz-menu, #cz-menu ul { margin:0; padding:0; list-style:none;}
#cz-menu { width:auto; margin:0px auto; border:1px solid #222; background-color:#282828;}
#cz-menu:before, #cz-menu:after { content:""; display:table;}
#cz-menu:after { clear:both;}
#cz-menu { zoom:1;}
#cz-menu li { float:left; border-right:1px solid #222; -moz-box-shadow:1px 0 0 #444; -webkit-box-shadow:1px 0 0 #444; box-shadow:1px 0 0 #444; position: relative;}
#cz-menu a { float:left; padding: 12px 15px; color:#d0d0d0; text-transform:capitalize; font:normal 0.8em Verdana,Arial,Helvetica; text-decoration:none; text-shadow:0 1px 0 #000;}
#cz-menu li a.active { color: cornflowerblue; opacity:1; visibility: visible; margin:0; box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.05), inset 0px 3px 15px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,0.08); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.05), inset 0px 3px 15px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,0.08);
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.05), inset 0px 3px 15px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,0.08); -o-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.05), inset 0px 3px 15px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,0.08);}
#cz-menu li:hover > a { color:#fafafa;} *html #cz-menu li a:hover { /* IE6 only */ color:#fafafa;}
#cz-menu ul { margin:20px 0 0 0; _margin:0; /*IE6 only*/ opacity:0; visibility:hidden; position:absolute; top:40px; left:0; z-index:9999; background:#444; background:-moz-linear-gradient(#444,#111);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#111),color-stop(1,#444));background:-webkit-linear-gradient(#444,#111);background:-o-linear-gradient(#444,#111);background:-ms-linear-gradient(#444,#111);background:linear-gradient(#444,#111);-moz-box-shadow:0 -1px rgba(255,255,255,.3);-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3);box-shadow:0 -1px 0 rgba(255,255,255,.3);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#cz-menu li:hover > ul { opacity:1; visibility:visible; margin:0;}
#cz-menu ul ul { top:0; left:150px; margin:0 0 0 20px; _margin:0; /*IE6 only*/ -moz-box-shadow:-1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3); box-shadow:-1px 0 0 rgba(255,255,255,.3)}
#cz-menu ul li { float:none; display:block; border:0; _line-height:0; /*IE6 only*/ -moz-box-shadow:0 1px 0 #111,0 2px 0 #666; -webkit-box-shadow:0 1px 0 #111,0 2px 0 #666; box-shadow:0 1px 0 #111,0 2px 0 #666;}
#cz-menu ul li:last-child { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
#cz-menu ul a { padding:10px; width:19em; _height:10px; /*IE6 only*/ display:block; white-space:nowrap; float:none; text-transform:none;}
#cz-menu ul a:hover { background-color:#2650AA;background-image:-moz-linear-gradient(#4B8ECA,#2650AA);background-image:-webkit-gradient(linear,left top,left bottom,from(#4B8ECA),to(#2650AA));background-image:-webkit-linear-gradient(#4B8ECA,#2650AA);background-image:-o-linear-gradient(#4B8ECA,#2650AA);background-image:-ms-linear-gradient(#4B8ECA,#2650AA);background-image:linear-gradient(#4B8ECA,#2650AA)}
#cz-menu ul li:first-child > a { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
#cz-menu ul li:first-child > a:after { content:'';position: absolute; left:40px; top:-6px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #444;}
#cz-menu ul ul li:first-child a:after { left:-6px; top:50%; margin-top:-6px; border-left:0;border-bottom:6px solid transparent; border-top:6px solid transparent; border-right:6px solid #3b3b3b;}
#cz-menu ul li:first-child a:hover:after { border-bottom-color:#4B8ECA;}
#cz-menu ul ul li:first-child a:hover:after { border-right-color:#386EBA; border-bottom-color: transparent;}
#cz-menu ul li:last-child >a { -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}


[GhostRider2110]

Been playing with a few things.  Still playing with logo(s) to see what I like better.  Here is what I have so far...

http://usscalemasters.org/forumsmf2/

Thanks for all the help, suggestions welcome...

See-ya
Mitch

[Crip]

Logo looks good , can't say i like the menu , but if you do that's kool => if 'n you need any help with the Theme it's self , just holler! √ √ 

[GhostRider2110]

What don't you like about the menu?  Color scheme?    I Need to add a tab and I want to move Help and Search under the Forum Tab.  Any advice would be helpful 

I do appreciate your help so far!!!   

Just let me know if my questions are Theme related or not.. Not real sure when one part ends.. 

--Mitch

[Crip]

Your still kool Bro'
This link here will help you with your buttons/tab on menu

http://wiki.simplemachines.org/smf/Buttons_-_How_do_I_add_buttons_to_SMF_2.0

[GhostRider2110]

Great, thanks...

So... what don't you like about the menu?  Honestly, The colors are not quite what I want... But getting close... 

See-ya
Mitch

[Crip]

Well , since you ask ..Lol ..I guess the [ Border ] around it..

.....but last look it's looking better!

[GhostRider2110]

The Black around the Blue?

[Crip]

I'm really not sure Bro??

[GhostRider2110]

Hahaha!!!...  I know the feeling... Well if it hits you let me know.  I was trying to get that black border around the menus to a darker shade of blue, but have not found where that is... --Mitch