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 html[xmlns] .mozclear
  41 {
  42         /* this selector should be valid CSS, but Opera 7.5 (and above) will pick
  43          * this up as well. Shouldn't be a problem, Opera should handle this fine,
  44          * but it's a Mozilla-targeted hack, and it should probably only affect
  45          * mozilla. You can do that by replacing the INVALID CSS selector
  46          * :root .mozclear for what's give here.
  47          */
  48         border-bottom: 1px solid;
  49         border-color: transparent;
  50         margin-bottom: -1px;
  51 }
  52 #content
  53 {
  54         margin: 0 -1px 0 0;             /* required to get the negative margin-based
  55                                         layout to work. if #contentColumn does not
  56                                         overlap the left and right columns, then
  57                                         the whole layout will break */
  58         width: 100%;
  59         font-family: Verdana, arial, helvetica, sans-serif;
  60 }
  61
  62 #footWrapper {
  63         background-color: #dbba75;
  64         border-bottom: 2px solid #000;
  65 }
  66
  67 #footer
  68 {
  69         position: relative;
  70         text-align: center;
  71         padding: 10px;
  72 }
  73
  74 #fineprint
  75 {
  76         color: #5B4832;
  77         background-color: #dbba75;
  78 }
  79
  80 html>body #footer
  81 {
  82         padding-bottom: 1.01em;         /* attempt to fix Gecko engine's rounding errors
  83                                         which can disrupt the layout. */
  84 }
  85 #footer a
  86 {
  87         color: #5B4832;
  88 }
  89
  90 p, h1, h2, h3, h4, h5, h6
  91 {
  92         margin: .6em 0 .4em 0;                  /* for better consistency across platforms */
  93 }
  94
  95 .clear
  96 {
  97         clear: both;
  98 }
  99 .inside
 100 {
 101         padding: 0 1.5em;               /* glitch in IE caused by vertical padding in
 102                                         this class, so 0 padding is set here and
 103                                         those blocks that need the vertical padding
 104                                         must be applied to the parent element.
 105                                         the purpose of this class is to provide
 106                                         horizontal padding without using hacks to
 107                                         get around IE's broken box model. so it's
 108                                         okay to apply vertical padding to the parent
 109                                         element, just not horizontal padding. */
 110 }
 111 #contentColumn, #rightColumn
 112 {
 113         padding-top: 3.0em;
 114         padding-bottom: 1.0em;          /* this is the vert padding talked about in the
 115                                         .inside selector comment. */
 116 }
 117 #footer
 118 {
 119         margin-top: 1em;
 120         padding: .3em;                  /* ditto from above */
 121 }
 122 #pageWrapper, #masthead, #footer
 123 {
 124         border-color: #000;             /* one-stop control of border color used within
 125                                         the layout */
 126 }
 127
 128 /* body styles */
 129 #content a
 130 {
 131         color: black;
 132 }
 133
 134 #content p
 135 {
 136         font-size: 100%;
 137         font-family: Verdana, arial, helvetica, sans-serif;
 138 }
 139
 140
 141 /* header styles */
 142 h1, h2, h3, h4, h5, h6
 143 {
 144         width: 100%;
 145         color: #6D4C07;
 146         padding-bottom: .0em;
 147         padding-top: 0.4em;
 148         font-family: Verdana, arial, helvetica, sans-serif;
 149 }
 150
 151 h1
 152 {
 153         font-size: 170%;
 154 /*      border-bottom: 2px solid #6D4C07; */
 155 }
 156
 157 h2
 158 {
 159         font-size: 160%;
 160         border-bottom: 2px solid #6D4C07;
 161 }
 162 h3
 163 {
 164         margin-top: 20px;
 165         font-size: 130%;
 166         border-bottom: 2px solid #6D4C07;
 167
 168 }
 169 h4
 170 {
 171         font-size: 120%;
 172         border-bottom: 1px solid #6D4C07;
 173 }
 174 h5
 175 {
 176         font-size: 110%;
 177 }
 178 h6 {
 179         font-size: 100%;
 180 }
 181
 182 .featured {
 183         font-size: 125%;
 184         font-style: italic;
 185 }
 186
 187 dt
 188 {
 189 /*      margin-top: 20px; */
 190 /*      margin-bottom: 8px; */
 191         font-size: 120%;
 192 /*      border-bottom: 1px solid #6D4C07; */
 193 }
 194
 195 img { border: 0; }