Board Thread:Support Requests - Getting Technical/@comment-5688002-20130803200348/@comment-5688002-20130804164356

It doesn't seems to work.

If this is the CSS I needed for the navigation bar: .customAboutHeading, .customDevHeading { font-family:Georgia; font-size:14px; border-bottom:1px dashed #ccc !important; }

.customDevBlock { display:inline; position:relative; margin:5px; padding:10px; box-shadow:0 1px 2px rgba(0, 0, 0, .2); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .2); height:450px; width:30%; float:left; background-color:#fafafa; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #dcdcdc; }

.customDevBlock.html:hover { background-color:#f16529; }

.customDevBlock.css:hover { background-color:#29a9df; }

.customDevBlock.javascript:hover { background-color:#FFda3e; }

.customDevBlock.mediawiki:hover { background-color:#F7DE00; }

.customDevBlock.php:hover { background-color:#99c; }

.customButton a { transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; border:none; margin:5px; padding:10px; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; text-align:center; display:block; font-family:Georgia; color:black !important; }

.customButton { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:5px; margin-left:-4px; position:absolute; bottom: 0; width:97%; background-clip:padding-box; }

.customButton.html { background-color:#e44d26; }

.customButton.css { background-color:#0170ba; }

.customButton.javascript { background-color:#d6ba31; margin-top:-7px; }

.customButton.mediawiki { background-color:#EDBC07; margin-top:-7px; }

.customButton.php { background-color:#669; }

.customNavBar { height: 52px; width: 999px; box-shadow:0 1px 2px rgba(0, 0, 0, .2); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .2); background-color: #800000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#12000000',GradientType=0 ); transition:1s; -webkit-transition1s; -moz-transition:1s; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:2px solid #FFFFFF; position:relative; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }

ul.customNavBarList { list-style-type:none !important; float: left; margin:5px 10px; }

.customNavBarItem { float:left; border: 0; margin: 0; padding: 0; display: block !important; /*This line used for MonoBook support*/ }

.customNavBarItemLast { float:left; border: 0; margin: 0; padding: 0; display: block !important; /*This line used for MonoBook support*/ }

.customNavBarItem a { color: #FFFFFF !important; display: inline-block; line-height:52px; font-family: Geogrotesque; font-size: 28px; padding: 0 28px; text-decoration: none; margin-top:-8px; border-right:1px dashed #FFFFFF; transition:1s; -webkit-transition1s; -moz-transition:1s; }

.customNavBarItemLast a { color: #FFFFFF !important; display: inline-block; line-height:52px; font-family: Geogrotesque; font-size: 28px; padding: 0 28px; text-decoration: none; margin-top:-8px; border-right:none; transition:1s; -webkit-transition1s; -moz-transition:1s; }

.customNavBarItem a:hover { background: #FFFFFF; color: #800000 !important; transition:1s; -webkit-transition1s; -moz-transition:1s; }

.customNavBarItemLast a:hover { background: #FFFFFF; color: #800000 !important; transition:1s; -webkit-transition1s; -moz-transition:1s; }

.customNavBarItem a:active{ background: #FFFFFF; color: #800000 !important; transition:1s; -webkit-transition1s; -moz-transition:1s; }

.customNavBarItemLast a:active{ background: #FFFFFF; color: #800000 !important; transition:1s; -webkit-transition1s; -moz-transition:1s; }

What would my tabview CSS then be?