share/static/scnavbar.css

   1 /* ------------------------------------------------\r
   2       TOP SHADOWCAT AREA\r
   3 ------------------------------------------------ */\r
   4 \r
   5 #title {\r
   6         position: absolute;\r
   7         top: 0px;\r
   8         left: 6px;\r
   9         z-index: 999;\r
  10         height: 146px;
  11         width: 950px;\r
  12 }\r
  13 \r
  14 #tagline {\r
  15         position: absolute;\r
  16         top: 122px;\r
  17         right: 5px;\r
  18         z-index: 999;\r
  19         text-align: right;\r
  20         font-variant: small-caps;\r
  21         font-family: arial, sans-serif;\r
  22         font-size: 80%;\r
  23         color: #ccc;\r
  24 }\r
  25 \r
  26 #nav {\r
  27         position: absolute;\r
  28         top: 0px;\r
  29         left: 0px;\r
  30         right: 0px;\r
  31         margin: 0px 0px 0px 0px;\r
  32         z-index: 990;\r
  33         height: 46px;\r
  34         background: #fff;\r
  35 }\r
  36 \r
  37 #nav div.left {\r
  38         position: absolute;\r
  39         top: 0px;\r
  40         left: 0px;\r
  41           z-index: 991;\r
  42         height: 140px;\r
  43           width: 100px;\r
  44         background: url(images/top_left.jpg) no-repeat;\r
  45 }\r
  46 \r
  47 #nav div.center {\r
  48         position: absolute;\r
  49         top: 0px;\r
  50         left: 99px;\r
  51           right: 99px;\r
  52           z-index: 991;\r
  53         height: 140px;\r
  54         background: url(images/top-mid.jpg) repeat-x;\r
  55 }\r
  56 \r
  57 #nav div.right {\r
  58         position: absolute;\r
  59         top: 0px;\r
  60           right: 0px;\r
  61           z-index: 991;\r
  62         height: 140px;\r
  63           width: 100px;\r
  64         background: url(images/top_right.jpg) no-repeat;\r
  65 }\r
  66 \r
  67 #navlinks {\r
  68         position: absolute;\r
  69         right: 132px;\r
  70         top: 0px;\r
  71         height: 20px;\r
  72 }\r
  73 \r
  74 #navlinksright {\r
  75         position: absolute;\r
  76         right: 0px;\r
  77         top: 0px;\r
  78         height: 20px;\r
  79         width: 8px;\r
  80       background: #ffffff url(images/navright.png) no-repeat;\r
  81 }\r
  82 \r
  83 #navlinkscenter {\r
  84         top: 0px;\r
  85         height: 20px;\r
  86       background: #ffffff url(images/navcenter.png) repeat-x;\r
  87         padding: 0px 15px 0px 15px;\r
  88 }\r
  89 \r
  90 #navlinksleft {\r
  91         position: absolute;\r
  92         left: 0px;\r
  93         top: 0px;\r
  94         height: 20px;\r
  95         width: 8px;\r
  96       background: #ffffff url(images/navleft.png) no-repeat;\r
  97 }\r
  98 \r
  99 \r
 100 #nav ul {\r
 101         margin:0px;\r
 102         padding-left: 0px;\r
 103         list-style:none;\r
 104         background: #ff0000;\r
 105 }\r
 106 \r
 107 #nav li{\r
 108         font-family: tahoma, arial, sans-serif;\r
 109         font-size: 10pt;\r
 110         height: 18px;\r
 111         font-weight: normal;\r
 112           float: left;\r
 113         list-style:none;\r
 114 }\r
 115 \r
 116 #nav li a.line{\r
 117         color: #fff;\r
 118         text-decoration: none;\r
 119         display: block;\r
 120         padding: 0px 5px 0px;\r
 121         height: 18px;\r
 122         float: left;\r
 123         border-left: 1px solid silver;\r
 124         text-align: center;\r
 125         list-style: none;\r
 126 }\r
 127 \r
 128 #nav li a.line:hover{\r
 129         color: #ffffff;\r
 130       background: url(images/navcenter_alt.png) repeat-x;\r
 131         border-left: 1px solid black;\r
 132 }\r
 133 \r
 134 #nav li a.endright{\r
 135         color: #fff;\r
 136         text-decoration: none;\r
 137         display: block;\r
 138         padding: 0px 5px 0px;\r
 139         height: 18px;\r
 140         float: left;\r
 141         border-right: 1px solid silver;\r
 142         border-left: 1px solid silver;\r
 143         text-align: center;\r
 144         list-style: none;\r
 145 }\r
 146 \r
 147 #nav li a.endright:hover{\r
 148         color: #ffffff;\r
 149         border-right: 1px solid black;\r
 150         border-left: 1px solid black;\r
 151       background: url(images/navcenter_alt.png) repeat-x;\r
 152 }\r