static/ubuntu/ubuntu.css

   1
   2 .hiddenStructure {
   3         display: none;
   4 }
   5
   6 .imageLink {
   7         text-decoration: none;
   8 }
   9
  10 hr {
  11     height: 1px;
  12     color: #6d4c07;
  13     background-color: transparent;
  14 }
  15
  16 body
  17 {
  18         background-color: #fff;
  19         color: #000;
  20         font-size: 100.1%;
  21         margin: 0;
  22         padding: 0;
  23 }
  24 #pageWrapper
  25 {
  26         border-style: solid;
  27         border-width: 0;                /* layout's side borders */
  28         font-family: arial, helvetica, sans-serif;
  29         font-size: 80%;                 /* arial looks better with a smaller size */
  30         margin: 0;
  31         min-width: 500px;               /* IE doens't understand this property */
  32         width: auto;
  33 }
  34 * html #pageWrapper
  35 {
  36         word-wrap: break-word;          /* invalid CSS but keeps IE from breaking
  37                                         horribly under narrow viewports */
  38 }
  39
  40 #outerColumnContainer
  41 {
  42         background-color: #fff;
  43         border-style: solid;
  44         border-width: 0 18em 0 0;       /* side border widths must equal the
  45                                         widths of the left and right columns.
  46                                         */
  47         border-right-color: #fff;       /* right hand column background color */
  48         color: #000;
  49         z-index: 1;
  50 }
  51 * html #outercolumncontainer
  52 {
  53         /* IE5.0/Win fix for 1px whitespace between masthead and body.
  54          * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
  55          * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
  56          * by this extra margin work.
  57          */
  58         margin-top: -1px;
  59         border-top: solid 1px #fff;
  60 }
  61 #innerColumnContainer
  62 {
  63         width: 100%;
  64         z-index: 2;
  65 }
  66 html[xmlns] .mozclear
  67 {
  68         /* this selector should be valid CSS, but Opera 7.5 (and above) will pick
  69          * this up as well. Shouldn't be a problem, Opera should handle this fine,
  70          * but it's a Mozilla-targeted hack, and it should probably only affect
  71          * mozilla. You can do that by replacing the INVALID CSS selector
  72          * :root .mozclear for what's give here.
  73          */
  74         border-bottom: 1px solid;
  75         border-color: transparent;
  76         margin-bottom: -1px;
  77 }
  78 #rightColumn, #contentColumn
  79 {
  80         float: left;
  81         overflow: visible;              /* fix for IE italics bug */
  82         position: relative;
  83         z-index: 10;
  84 }
  85 #rightColumn
  86 {
  87         float: right;                   /* doesn't have to be floated right, but if using some
  88                                         original skidoo tweaks, you need it this way */
  89         margin: 0 -18em 0 1px;
  90         width: 18em;
  91 }
  92 #rightColumn .inside
  93 {
  94         font-size: 100%;                /* because the parent element ( #rightColumn )
  95                                         defines its width in EMs, we can't change the font
  96                                         size in that selector, otherwise the column won't use
  97                                         the entire width reserved for the column */
  98 }
  99 #contentColumn
 100 {
 101         margin: 0 -1px 0 0;             /* required to get the negative margin-based
 102                                         layout to work. if #contentColumn does not
 103                                         overlap the left and right columns, then
 104                                         the whole layout will break */
 105         width: 100%;
 106         font-family: Verdana, arial, helvetica, sans-serif;
 107 }
 108
 109 #footWrapper {
 110         background: url(footer-bg.png);
 111         background-repeat: repeat-x;
 112         border-bottom: 2px solid #583D1E;
 113 }
 114
 115 #footer
 116 {
 117         color: #5B4832;
 118         background-image: url(footer-image2.png);
 119         background-repeat: repeat-y;
 120         background-position: left top;
 121         position: relative;
 122         text-align: center;
 123         padding: 10px;
 124 }
 125
 126 #prefooter
 127 {
 128         color: #5B4832;
 129         text-align: center;
 130 }
 131
 132 #prefooter .bordertop
 133 {
 134         border-top: 1px dotted #C1B496;
 135 }
 136
 137 #extranav
 138 {
 139         margin: 0;
 140         border-bottom: 1px dotted #C1B496;
 141 }
 142
 143 #extranav a, #extranav a:visited, #prefooter a, #prefooter a:visited { color: #2e2003;} /* darker brown */
 144 #extranav a:hover, #prefooter a:hover {color: #800000; } /* ubuntu dark brown */
 145
 146
 147 html>body #footer
 148 {
 149         padding-bottom: 1.01em;         /* attempt to fix Gecko engine's rounding errors
 150                                         which can disrupt the layout. */
 151 }
 152 #footer a
 153 {
 154         color: #5B4832;
 155 }
 156
 157 p, h1, h2, h3, h4, h5, h6
 158 {
 159         margin: .6em 0 .4em 0;                  /* for better consistency across platforms */
 160 }
 161
 162 .clear
 163 {
 164         clear: both;
 165 }
 166 .inside
 167 {
 168         padding: 0 1.5em;               /* glitch in IE caused by vertical padding in
 169                                         this class, so 0 padding is set here and
 170                                         those blocks that need the vertical padding
 171                                         must be applied to the parent element.
 172                                         the purpose of this class is to provide
 173                                         horizontal padding without using hacks to
 174                                         get around IE's broken box model. so it's
 175                                         okay to apply vertical padding to the parent
 176                                         element, just not horizontal padding. */
 177 }
 178 #contentColumn, #rightColumn
 179 {
 180         padding-top: 3.0em;
 181         padding-bottom: 1.0em;          /* this is the vert padding talked about in the
 182                                         .inside selector comment. */
 183 }
 184 #footer
 185 {
 186         padding: .3em;                  /* ditto from above */
 187 }
 188 #pageWrapper, #innerColumnContainer, #masthead, #footer
 189 {
 190         border-color: #000;             /* one-stop control of border color used within
 191                                         the layout */
 192 }
 193 #outerColumnContainer
 194 {
 195         border-top-color: #000;         /* should match the above border color */
 196 }
 197
 198 /* navigation elements */
 199 #rightColumn ul
 200 {
 201         list-style: none;
 202         margin: 0;
 203         padding: 0;
 204         color: #696969;
 205 }
 206 #rightColumn li {
 207     margin-bottom: 0px; /* Overwrite plone,css settings */
 208 }
 209 #rightColumn #navigation_links li
 210 {
 211         padding: 0 0 .3em 20px;
 212         font-size: 120%;
 213 }
 214 #rightColumn #navigation_news li
 215 {
 216         padding: 0 .3em .3em 20px;
 217 }
 218 #rightColumn a
 219 {
 220         text-decoration: none;
 221         color: black;
 222         font-weight: bold;
 223 }
 224 #rightColumn li.active
 225 {
 226         background-image: url(little-u.gif);
 227         background-repeat: no-repeat;
 228         background-position: top left;
 229 }
 230
 231 #rightColumn a:hover
 232 {
 233         text-decoration: underline;
 234         color: black;
 235 }
 236
 237 /* body styles */
 238 #contentColumn a
 239 {
 240         color: black;
 241 }
 242
 243 #contentColumn p
 244 {
 245         font-size: 100%;
 246         font-family: Verdana, arial, helvetica, sans-serif;
 247 }
 248
 249
 250 /* header styles */
 251 h1, h2, h3, h4, h5, h6
 252 {
 253         width: 100%;
 254         color: #6D4C07;
 255         padding-bottom: .0em;
 256         padding-top: 0.4em;
 257         font-family: Verdana, arial, helvetica, sans-serif;
 258 }
 259
 260 h1
 261 {
 262         font-size: 170%;
 263         border-bottom: 2px solid #6D4C07;
 264 }
 265
 266 h2
 267 {
 268         font-size: 160%;
 269         border-bottom: 2px solid #6D4C07;
 270 }
 271 h3
 272 {
 273         margin-top: 20px;
 274         font-size: 130%;
 275         border-bottom: 2px solid #6D4C07;
 276
 277 }
 278 h4
 279 {
 280         font-size: 120%;
 281         border-bottom: 1px solid #6D4C07;
 282 }
 283 h5
 284 {
 285         font-size: 110%;
 286 }
 287 h6 {
 288         font-size: 100%;
 289 }
 290
 291 .featured {
 292         font-size: 125%;
 293         font-style: italic;
 294 }
 295
 296 dt
 297 {
 298         margin-top: 20px;
 299         margin-bottom: 8px;
 300         font-size: 120%;
 301         border-bottom: 1px solid #6D4C07;
 302 }
 303
 304 img { border: 0; }