| 1 | @charset "utf-8";
|
|---|
| 2 | /*
|
|---|
| 3 | Template Name: Realistic
|
|---|
| 4 | Author: <a href="http://www.os-templates.com/">OS Templates</a>
|
|---|
| 5 | Author URI: http://www.os-templates.com/
|
|---|
| 6 | Licence: Free to use under our free template licence terms
|
|---|
| 7 | Licence URI: http://www.os-templates.com/template-terms
|
|---|
| 8 | File: Navigation CSS
|
|---|
| 9 | */
|
|---|
| 10 |
|
|---|
| 11 | #topnav{z-index:1000; font-size:14px; text-align:center; text-transform:uppercase; border-top:1px solid #999999; border-bottom:1px solid #999999;}
|
|---|
| 12 |
|
|---|
| 13 | /* ESSENTIAL STYLES */
|
|---|
| 14 |
|
|---|
| 15 | .nav, .nav *{margin:0; padding:0; list-style:none;}
|
|---|
| 16 | .nav ul{position:absolute; top:-999em; width:10em;}
|
|---|
| 17 | .nav ul li{width:100%;}
|
|---|
| 18 | .nav li:hover{visibility:inherit;}
|
|---|
| 19 | .nav li{position:relative; display:inline-block; zoom:1; *display:inline;}
|
|---|
| 20 | .nav a{display:block; position:relative;}
|
|---|
| 21 | .nav li:hover ul, .nav li.sfHover ul{left:0; top:2.5em; z-index:99;}
|
|---|
| 22 | ul.nav li:hover li ul, ul.nav li.sfHover li ul{top:-999em;}
|
|---|
| 23 | ul.nav li li:hover ul, ul.nav li li.sfHover ul{left:10em; top:0;}
|
|---|
| 24 | ul.nav li li:hover li ul, ul.nav li li.sfHover li ul{top:-999em;}
|
|---|
| 25 | ul.nav li li li:hover ul, ul.nav li li li.sfHover ul{left:10em; top:0;}
|
|---|
| 26 |
|
|---|
| 27 | /* Default Colours */
|
|---|
| 28 |
|
|---|
| 29 | .nav a{padding:.75em 1em; text-decoration:none; background-color:#E0E0E0;}
|
|---|
| 30 | .nav li.active a{color:#999999;}
|
|---|
| 31 | .nav a, .nav a:visited, .nav li.active li a{color:#333333;}
|
|---|
| 32 | .nav li{background:#E0E0E0;}
|
|---|
| 33 | .nav li li{background:#E0E0E0;}
|
|---|
| 34 | .nav li li li{background:#E0E0E0;}
|
|---|
| 35 | .nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active{background:#C0C0C0;}
|
|---|
| 36 |
|
|---|
| 37 | /* arrows */
|
|---|
| 38 |
|
|---|
| 39 | .nav li a{padding-left:1.5em; text-align:left;}
|
|---|
| 40 | .nav a.sf-with-ul{background:url("images/nav_arrows.png") no-repeat 5px 16px;}
|
|---|
| 41 |
|
|---|
| 42 | /* ----------------------------------------------Column Navigation------------------------------------- */
|
|---|
| 43 |
|
|---|
| 44 | .column .subnav{display:block; padding:25px; background-color:#F9F9F9; margin-bottom:30px;}
|
|---|
| 45 | .column .subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:'Titillium Web'; color:#666666; background-color:#F9F9F9; line-height:normal; border-bottom:1px dotted #666666;}
|
|---|
| 46 | .column .subnav ul{margin:0; padding:0; list-style:none;}
|
|---|
| 47 | .column .subnav li{margin:0 0 3px 0; padding:0;}
|
|---|
| 48 | .column .subnav ul ul, .column .subnav ul ul ul, .column .subnav ul ul ul ul, .column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
|
|---|
| 49 | .column .subnav a{display:block; margin:0; padding:5px 10px 5px 20px; color:#666666; background:url("images/red_file.gif") no-repeat 10px center #F9F9F9; text-decoration:none; border-bottom:1px dotted #666666;}
|
|---|
| 50 | .column .subnav a:hover{color:#A3443E; background-color:#F9F9F9;}
|
|---|
| 51 | .column .subnav ul ul a, .column .subnav ul ul ul a, .column .subnav ul ul ul ul a, .column .subnav ul ul ul ul ul a{background:url("images/black_file.gif") no-repeat #F9F9F9;}
|
|---|
| 52 | .column .subnav ul ul a{padding-left:40px; background-position:30px center;}
|
|---|
| 53 | .column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
|
|---|
| 54 | .column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
|
|---|
| 55 | .column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}
|
|---|
