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