media/css/navigation.css

   1 /*
   2   PostgreSQL.org - Navigation (and List) Styles
   3 */
   4
   5 /* Site Navigation */
   6
   7 #pgTopNav {
   8   text-align: left;
   9   color: #666;
  10   font-size: 0.9em;
  11   margin: 0;
  12   padding: 0;
  13   height: 23px;
  14   background: #B7B7B7 url("/media/img/layout/nav_fill.png") top left repeat-x;
  15   overflow: visible;
  16   margin-top: 2px;
  17 }
  18
  19 #pgTopNavLeft {
  20   width: 7px;
  21   height: 23px;
  22   border: 0px;
  23   padding-right: 10px;
  24   margin: 0px;
  25   float: left;
  26 }
  27
  28 #pgTopNavLeft img {
  29   border: 0px;
  30   margin: 0;
  31   padding: 0;
  32 }
  33
  34 #pgTopNavRight {
  35   width: 7px;
  36   height: 23px;
  37   border: 0px;
  38   padding: 0px;
  39   margin: 0px;
  40   float: right;
  41 }
  42
  43 #pgTopNavRight img {
  44   border: 0px;
  45   margin: 0;
  46   padding: 0;
  47 }
  48
  49 #pgTopNavList {
  50   list-style: none;
  51   margin: 0;
  52   padding: 0;
  53
  54   height: 23px;
  55   padding-top: 5px;
  56 }
  57
  58 #pgTopNavList li {
  59   padding: 0 1em 0 1.2em;
  60   display: inline;
  61   border-left: 1px solid #C8C8C8;
  62 }
  63
  64 #pgTopNavList li a {
  65   color: #fff;
  66   font-weight: bold;
  67   text-decoration: none;
  68 }
  69
  70 #pgTopNavList li:first-child {
  71   border-left: 0;
  72   padding-left: 0;
  73 }
  74
  75 #pgLoginLink {
  76   margin: 0;
  77   padding: 0;
  78 }
  79 #pgLoginlink a {
  80   float: right;
  81   color: #fff;
  82   font-weight: bold;
  83   text-decoration: none;
  84   padding: 5px 1em 0 1.2em;
  85   margin: 0;
  86   height: 23px;
  87 }
  88
  89 /* The search navigation is the list of links next to the search box. */
  90
  91 #pgSearchNav {
  92   position: relative;
  93   float: right;
  94   text-align: right;
  95   color: #666;
  96   font-size: 0.9em;
  97   margin: 0px 0px 0px 0px;
  98   top: -11px;
  99   right: 209px;
 100   padding: 0;
 101 }
 102
 103 #pgSearchNavList {
 104   list-style: none;
 105   margin: 0;
 106   padding: 0;
 107 }
 108
 109 #pgSearchNavList li {
 110   padding: 0 0.5em 0 0.5em;
 111   display: inline;
 112   border-right: 1px solid #C8C8C8;
 113 }
 114
 115 #pgSearchNavList li a {
 116   color: #666;
 117   text-decoration: none;
 118 }
 119
 120 #pgSearchNavList li a:hover {
 121   color: #000;
 122 }
 123
 124 /* Category Navigation */
 125
 126 #pgSideNav:before {
 127   line-height: 0.1;
 128   font-size: 1px;
 129   margin: 0;
 130   display: block;
 131 }
 132
 133 #pgSideNav:after {
 134   line-height: 0.1;
 135   font-size: 1px;
 136   margin: 0;
 137   display: block;
 138 }
 139
 140 #pgSideNav, #pgSideNav ul, #pgSideNav ul ul {
 141   margin: 0;
 142   padding: 0;
 143   list-style: none;
 144   font-size: 1.0em;
 145 }
 146
 147 #pgSideNav {
 148   width: 150px;
 149   background-color: #F5F5F5;
 150   background-image: url(/media/img/layout/nav_tbl_top.png);
 151   background-position: top right;
 152   background-repeat: no-repeat;
 153 }
 154
 155 #pgSideNav ul {
 156   background-image: url(/media/img/layout/nav_tbl_btm.png);
 157   background-position: bottom left;
 158   background-repeat: no-repeat;
 159   padding: 10px 0 10px 0;
 160 }
 161
 162 #pgSideNav ul ul {
 163   background: none;
 164   background-color: #F5F5F5;
 165   margin: 0;
 166   padding: 0;
 167   list-style: none;
 168 }
 169
 170 #pgSideNav ul ul li {
 171   background: none;
 172   border: none;
 173 }
 174
 175 #pgSideNav ul li {
 176   border-bottom: 1px solid #EFEFEF;
 177   margin: 0;
 178   padding-left: 12px;
 179   background-image: url(/media/img/layout/blt_gry_arrow.png);
 180   background-repeat: no-repeat;
 181   background-position: 12px 0.65em;
 182 }
 183
 184 /* Uncomment when IE/Validator supports last-child
 185
 186 #pgSideNav ul li:last-child {
 187   border-bottom: 1px solid #F5F5F5;
 188 }
 189
 190 */
 191
 192 #pgSideNav ul li.last-child {
 193   border-bottom: 1px solid #F5F5F5;
 194 }
 195
 196 #pgSideNav ul li.active {
 197   font-weight: bold;
 198 }
 199
 200 #pgSideNav ul li.active span {
 201   display: none;
 202 }
 203
 204 #pgSideNav ul li a {
 205   display: block;
 206   color: #666;
 207   text-decoration: none;
 208   padding: 3px 5px 3px 15px;
 209   margin: 0;
 210 }
 211
 212 #pgSideNav ul ul li a.active {
 213   font-weight: bold;
 214 }
 215
 216 /* Uncomment when IE/Validator supports last-child
 217
 218 #pgSideNav ul ul li:last-child {
 219   border-bottom: none;
 220 }
 221
 222 */
 223
 224 #pgSideNav ul ul li.last-child {
 225   border-bottom: none;
 226 }
 227
 228 #pgSideNav ul ul li a {
 229   display: block;
 230   /* padding: 3px 5px 3px 12px; */
 231   padding-left: 12px;
 232   margin: 0;
 233 }
 234
 235 #pgSideNav ul li a:hover {
 236   color: #333;
 237 }