planet.css

   1 .header {
   2         position: absolute;
   3         background-image: url(dark_bg.gif);
   4         background-repeat: repeat-x;
   5         height: 119px;
   6         width: 100%;
   7         top: 0;
   8         border-bottom-style: solid;
   9         border-bottom-color: gray;
  10         border-bottom-width: 1px;
  11 }
  12 #pucc_logo {
  13         width: 135px;
  14         height: 119px;
  15         position: absolute;
  16         left: 0px;
  17         top: 0px;
  18         z-index: 1;
  19 }
  20 #pucc_banner1 {
  21         width: 440px;
  22         height: 119px;
  23         position: absolute;
  24         left: 135px;
  25         top: 0px;
  26         z-index: 1;
  27 }
  28 #pucc_banner2 {
  29         width: 83px;
  30         height: 119px;
  31         position: absolute;
  32         left: 575px;
  33         top: 0px;
  34         z-index: 1;
  35 }
  36
  37 /* Imported from Beta.UCC */
  38 #globalnav-wrapper {
  39  position: absolute;
  40  top: 0;
  41  right: 5px;
  42  height: 120px;
  43  left: 0;
  44  z-index: 3;
  45  padding: 0;
  46  font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  47 }
  48
  49 #portal-globalnav {
  50  position: absolute;
  51  bottom: 0;
  52  right: 0;
  53     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
  54     background-color: transparent;
  55     border-collapse: collapse;
  56 /*    padding: 0em 0em 0em 2em; */
  57     white-space: nowrap;
  58     list-style: none;
  59     margin: 0;
  60     height: auto;
  61     line-height: normal;
  62     border-bottom-color: gray;
  63     border-bottom-style: solid;
  64     border-bottom-width: 1px;
  65 }
  66
  67 #portal-globalnav ul {
  68   float: right;
  69   height: 100%;
  70 }
  71
  72 #portal-globalnav li {
  73   display: inline;
  74 height: 100%;
  75  -moz-border-radius-topleft: 40%;
  76  -moz-border-radius-topright: 40%;
  77 }
  78
  79 #portal-globalnav li a {
  80 width: 100%;
  81 height: 100%;
  82     /* The normal, unselected tabs. They are all links */
  83 /*    background-color: #f9f9f9; */
  84 background: #f9f9f9 url(http://www.ucc.asn.au/images/grad.gif) bottom repeat-x;
  85     border-color: gray;
  86     border-width: 1px;
  87     border-style: solid solid none solid;
  88     color: black;
  89     margin-right: 0.5em;
  90     padding: 0em 2em;
  91     text-decoration: none;
  92     text-transform: lowercase;
  93  -moz-border-radius-topleft: 40%;
  94  -moz-border-radius-topright: 40%;
  95 }
  96 #portal-globalnav li.selected a {
  97     /* The selected tab. There's only one of this */
  98     background-color: White;
  99     background-image: none;
 100     border: 1px solid gray;
 101     border-bottom: White 1px solid;
 102     color: black;
 103 }
 104 #portal-globalnav li a:hover {
 105     background-color: White;
 106     border-color: gray;
 107     border-bottom-color: White;
 108     color: #ffa500;
 109 }
 110
 111 /* Planet.UCC stylez */
 112
 113 .sidebar {
 114         background-color: white;
 115         position: absolute;
 116         right: 0.5em;
 117         width: 15em;
 118         top: 120px;
 119 }
 120
 121 .sidebar h2 {
 122         color: black;
 123         font-family: sans-serif;
 124         font-weight: bold;
 125         font-size: 100%;
 126         margin: 0;
 127         margin-top: 1ex;
 128         padding: 0.5ex;
 129         background-color: #f9f9f9;
 130         border-color: gray;
 131         border-style: solid;
 132         border-bottom-style: none;
 133         border-width: 1px;
 134 }
 135
 136 .sidebar p {
 137         border-color: gray;
 138         border-style: solid;
 139         border-top-style: none;
 140         border-width: 1px;
 141         margin: 0;
 142         padding: 0.5ex;
 143         background-color: #f9f9f9;
 144 }
 145
 146 .sidebar a {
 147         color: blue;
 148         text-decoration: underline;
 149 }
 150 .sidebar a:visited {
 151         color: blue;
 152         text-decoration: underline;
 153 }
 154
 155 .items {
 156         padding-right: 15em;
 157         padding-top: 130px;
 158 }
 159
 160 body {
 161         margin-left: 0;
 162         font-family: sans-serif;
 163         background-color: white;
 164 }
 165
 166 .items h1 {
 167         font-family: sans-serif;
 168         border-bottom-style: solid;
 169         border-bottom-color: gray;
 170         border-bottom-width: 1px;
 171         padding-left: 1ex;
 172         padding-right: 0;
 173         margin-left: 0.5ex;
 174         margin-right: 1em;
 175         margin-top: 1ex;
 176         margin-bottom: 0.5ex;
 177         font-size: 150%;
 178         clear: both;
 179 }
 180
 181 .item {
 182         clear: both;
 183 }
 184
 185 .item h2 {
 186         font-family: sans-serif;
 187         border-bottom-style: solid;
 188         border-bottom-color: gray;
 189         border-bottom-width: 1px;
 190         font-size: 100%;
 191         padding-left: 1ex;
 192         margin: 0;
 193         margin-left: 1em;
 194         margin-right: 2em;
 195 }
 196
 197 .item h2 a {
 198         text-decoration: none;
 199         color: black;
 200 }
 201 .item h2 a:visited {
 202         text-decoration: none;
 203         color: black;
 204 }
 205
 206 .sidebar img {
 207         border-style: none;
 208 }
 209
 210 .item img {
 211         border-style: none;
 212         padding-left: 1ex;
 213         padding-right: 0.5ex;
 214 }
 215
 216 .item img.image {
 217         float: right;
 218         margin: 10px;
 219         padding: 0;
 220         clear: right;
 221 }
 222
 223 .itembody {
 224         text-align: justify;
 225         padding: 0.5ex;
 226         padding-left: 2em;
 227         padding-right: 3em;
 228         padding-bottom: 1ex;
 229 }
 230
 231 .itembody pre {
 232         overflow: auto;
 233 }
 234
 235 .itembody h1 {
 236 }
 237 .itembody h2 {
 238 }
 239
 240 .item p.time {
 241         color: #999999;
 242         margin: 0;
 243         padding: 0;
 244         margin-left: 2em;
 245         margin-top: 2px;
 246 }
 247
 248 .item p.comments {
 249         margin: 0;
 250         padding: 0;
 251         margin-left: 2.5em;
 252         margin-bottom: 1em;
 253 }
 254
 255 .item a {
 256         color: blue;
 257         text-decoration: underline;
 258 }
 259 .item a:visited {
 260         color: blue;
 261         text-decoration: underline;
 262 }
 263 .item p.time a {
 264         color: #999999;
 265         text-decoration: none;
 266 }
 267 .item p.time a:visited {
 268         color: #999999;
 269         text-decoration: underline;
 270 }
 271
 272 .footer {
 273         clear: both;
 274         color: #999999;
 275         text-align: center;
 276 }
 277 .footer a {
 278         color: #9999ff;
 279         text-decoration: underline;
 280 }
 281 .footer a:visited {
 282         color: #9999ff;
 283         text-decoration: underline;
 284 }