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-color: #dbba75;
 111         border-bottom: 2px solid #000;
 112 }
 113
 114 #footer
 115 {
 116         position: relative;
 117         text-align: center;
 118         padding: 10px;
 119 }
 120
 121 #fineprint
 122 {
 123         color: #5B4832;
 124         background-color: #dbba75;
 125 }
 126
 127 html>body #footer
 128 {
 129         padding-bottom: 1.01em;         /* attempt to fix Gecko engine's rounding errors
 130                                         which can disrupt the layout. */
 131 }
 132 #footer a
 133 {
 134         color: #5B4832;
 135 }
 136
 137 p, h1, h2, h3, h4, h5, h6
 138 {
 139         margin: .6em 0 .4em 0;                  /* for better consistency across platforms */
 140 }
 141
 142 .clear
 143 {
 144         clear: both;
 145 }
 146 .inside
 147 {
 148         padding: 0 1.5em;               /* glitch in IE caused by vertical padding in
 149                                         this class, so 0 padding is set here and
 150                                         those blocks that need the vertical padding
 151                                         must be applied to the parent element.
 152                                         the purpose of this class is to provide
 153                                         horizontal padding without using hacks to
 154                                         get around IE's broken box model. so it's
 155                                         okay to apply vertical padding to the parent
 156                                         element, just not horizontal padding. */
 157 }
 158 #contentColumn, #rightColumn
 159 {
 160         padding-top: 3.0em;
 161         padding-bottom: 1.0em;          /* this is the vert padding talked about in the
 162                                         .inside selector comment. */
 163 }
 164 #footer
 165 {
 166         margin-top: 1em;
 167         padding: .3em;                  /* ditto from above */
 168 }
 169 #pageWrapper, #innerColumnContainer, #masthead, #footer
 170 {
 171         border-color: #000;             /* one-stop control of border color used within
 172                                         the layout */
 173 }
 174 #outerColumnContainer
 175 {
 176         border-top-color: #000;         /* should match the above border color */
 177 }
 178
 179 /* navigation elements */
 180 #rightColumn ul
 181 {
 182         list-style: none;
 183         margin: 0;
 184         padding: 0;
 185         color: #696969;
 186 }
 187 #rightColumn li {
 188     margin-bottom: 0px; /* Overwrite plone,css settings */
 189 }
 190 #rightColumn #navigation_links li
 191 {
 192         padding: 0 0 .3em 20px;
 193         font-size: 120%;
 194 }
 195 #rightColumn #navigation_news li
 196 {
 197         padding: 0 .3em .3em 20px;
 198 }
 199 #rightColumn a
 200 {
 201         text-decoration: none;
 202         color: black;
 203         font-weight: bold;
 204 }
 205 #rightColumn li.active
 206 {
 207         background-image: url(little-u.gif);
 208         background-repeat: no-repeat;
 209         background-position: top left;
 210 }
 211
 212 #rightColumn a:hover
 213 {
 214         text-decoration: underline;
 215         color: black;
 216 }
 217
 218 /* body styles */
 219 #contentColumn a
 220 {
 221         color: black;
 222 }
 223
 224 #contentColumn p
 225 {
 226         font-size: 100%;
 227         font-family: Verdana, arial, helvetica, sans-serif;
 228 }
 229
 230
 231 /* header styles */
 232 h1, h2, h3, h4, h5, h6
 233 {
 234         width: 100%;
 235         color: #6D4C07;
 236         padding-bottom: .0em;
 237         padding-top: 0.4em;
 238         font-family: Verdana, arial, helvetica, sans-serif;
 239 }
 240
 241 h1
 242 {
 243         font-size: 170%;
 244 /*      border-bottom: 2px solid #6D4C07; */
 245 }
 246
 247 h2
 248 {
 249         font-size: 160%;
 250         border-bottom: 2px solid #6D4C07;
 251 }
 252 h3
 253 {
 254         margin-top: 20px;
 255         font-size: 130%;
 256         border-bottom: 2px solid #6D4C07;
 257
 258 }
 259 h4
 260 {
 261         font-size: 120%;
 262         border-bottom: 1px solid #6D4C07;
 263 }
 264 h5
 265 {
 266         font-size: 110%;
 267 }
 268 h6 {
 269         font-size: 100%;
 270 }
 271
 272 .featured {
 273         font-size: 125%;
 274         font-style: italic;
 275 }
 276
 277 dt
 278 {
 279 /*      margin-top: 20px; */
 280 /*      margin-bottom: 8px; */
 281         font-size: 120%;
 282 /*      border-bottom: 1px solid #6D4C07; */
 283 }
 284
 285 img { border: 0; }