git.sur5r.net Git - bacula/docs/blob - docs/home-page/en/bacula.css

   1 /*****************************************************************************
   2 /
   3 / old colours:
   4 /       red: #9f1515;
   5 /
   6 /************************************************************************** */
   7
   8 /*****************************************************************************
   9 /
  10 / page header
  11 /
  12 /************************************************************************** */
  13
  14 div.userBar {
  15         padding-right: 5px;
  16         padding-left: 5px;
  17         background-color: #002244;
  18         color: #ffffff;
  19         position: absolute;
  20         right: 0px;
  21         top: 50px;
  22         font-size: 12px;
  23         line-height: 25px;
  24 }
  25
  26 div.searchBar {
  27         padding-right: 5px;
  28         padding-left: 5px;
  29         background-color: #002244;
  30         color: #ffffff;
  31 }
  32
  33 /* height 34 */
  34 table.searchBar {
  35         width: 100%;
  36         height: 34px;
  37 }
  38
  39 input.searchBar {
  40         color: white;
  41         background-color: #749aba;
  42         border: 0px;
  43 }
  44
  45 input.searchBar#text {
  46         border: 1px solid white;
  47 }
  48
  49 input.searchBar#button {
  50         color: #002244;
  51         border: 1px solid white;
  52 }
  53
  54 /* height 96 */
  55 div.pageLogo {
  56         height: 94px;
  57         background-color: #749aba;
  58         border-top: 1px solid #002244;
  59         border-bottom: 1px solid #002244;
  60         padding-right: 15px;
  61         vertical-align: middle;
  62 }
  63
  64 table.pageLogo {
  65         border-collapse: collapse;
  66         width: 100%;
  67         height: 100%;
  68 }
  69
  70 div.icons {
  71         text-align: center;
  72         margin: 5px;
  73 }
  74
  75 /*****************************************************************************
  76 /
  77 / page menu left
  78 /
  79 /************************************************************************** */
  80
  81 /* positioning of the menu */
  82 div.menuLeft {
  83         position:       absolute;
  84         top:            129px;
  85         left:           0px;
  86         width:          175px;
  87         color:          white;
  88         background-color:       #749aba;
  89         border-right: 1px solid #002244;
  90 }
  91
  92 /* menu main topic */
  93 div.menuHead {
  94         text-align:     center;
  95         vertical-align: middle;
  96         padding-top:    3px;
  97         padding-bottom: 3px;
  98         padding-left:   20px;
  99         padding-right:  20px;
 100         font-weight:    bold;
 101         background-color:  #002244;
 102         line-height: 18px;
 103 }
 104
 105 /* menu item */
 106 div.menuItem {
 107         line-height: 16px;
 108         margin-bottom: 8px;
 109 }
 110
 111 ul.menuitem {
 112 }
 113
 114 li.menuItem {
 115         list-style-type: square;
 116 }
 117
 118 li.menuItem:hover {
 119         list-style-type: disc;
 120         color: #990000;
 121 }
 122
 123 li.menuItem a {
 124         color: white;
 125         text-decoration: none;
 126 }
 127
 128 li.menuItem a:link,active,hover,visited {
 129         text-decoration: none;
 130 }
 131
 132 /*****************************************************************************/
 133
 134 div.pageTopRight {
 135         padding: 4px 15px 5px 15px;
 136         font-size: 14px;
 137         color: white;
 138         background-color: #002244;
 139         position:       absolute;
 140         right:  0px;
 141         top:            129px;
 142         margin-bottom: 20px;
 143 }
 144
 145 /****************************************************************************/
 146
 147 div.pageContent {
 148         position: absolute;
 149         margin-top: 70px;
 150         right: 20px;
 151         left: 195px;
 152 }
 153
 154 td.contentTopic {
 155         font-size: 26px;
 156         font-weight: bold;
 157         border-bottom: 2px dotted #002244;
 158         padding-bottom: 10px;
 159 }
 160
 161 td.content {
 162         font-size: 14px;
 163         padding: 20px;
 164         line-height: 22px;
 165 }
 166
 167 tr.title {
 168         padding-right: 5px;
 169         padding-left: 5px;
 170         color: #ffffff;
 171         font-weight:    bold;
 172         background-color:  #002244;
 173         line-height: 18px;
 174 }
 175
 176 tr.odd {
 177         padding-right: 5px;
 178         padding-left: 5px;
 179         color:          black;
 180 /*        background-color:  #749aba;  */
 181         background-color:  #a6bed2;
 182
 183 }
 184
 185 tr.even {
 186         padding-right: 5px;
 187         padding-left: 5px;
 188         color:          black;
 189         background-color:  #e4ecf1;
 190 }
 191
 192
 193
 194
 195 /****************************************************************************/
 196
 197 div.login {
 198         text-align: center;
 199         vertical-align: middle;
 200         width: 100%;
 201         height: 300px;
 202 }
 203
 204 /****************************************************************************/
 205
 206 ul.hardware {
 207         margin-left: -25px;
 208 }
 209
 210 /*****************************************************************************
 211  *      Site-Properties
 212  */
 213 html, body {
 214         /* removes white border in crappy IE */
 215         margin: 0px;
 216         padding: 0px;
 217         border: 0px;
 218
 219         font-family: Verdana, Arial, Helvetica, Sans-Serif;
 220         font-size: 12px;
 221         color: #002244;
 222         background-color: #ffffff;
 223         background: url("../images/paper.jpg") transparent;
 224 }
 225
 226 /** site wide links **/
 227 a {
 228         color: #002244;
 229         text-decoration: underline;
 230 }
 231 a:link {
 232         text-decoration: underline;
 233 }
 234 a:visited {
 235         text-decoration: underline;
 236 }
 237 a:hover {
 238         text-decoration: underline;
 239 }
 240 a:active {
 241         text-decoration: underline;
 242 }
 243
 244 /** site wide properties **/
 245 td {
 246         vertical-align: top;
 247 }
 248
 249 img {
 250         vertical-align: middle;
 251         border: 0px;
 252 }
 253
 254 dt {
 255         font-style: oblique;
 256 }
 257
 258 h3 {
 259         margin-top: 35px;
 260 }
 261
 262 pre.code {
 263         background-color: #ffffcd;
 264         color: #000000;
 265         padding: 10px;
 266         margin-left: 20px;
 267         margin-right: 20px;
 268         border: 2px dotted #000000;
 269         font-size: 12px;
 270         font-family: monospace, serif;
 271         text-align: left;
 272 }
 273
 274 p.error {
 275         width: 500px;
 276         height: 200px;
 277         padding: 20px;
 278         border: 6px ridge #002244;
 279         vertical-align: middle;
 280         display: table-cell;
 281         font-size: 20px;
 282         line-height: 36px;
 283 }
 284
 285 table.news {
 286 }
 287
 288 td.newsHeader {
 289         background-color: #002244;
 290         color: white;
 291         vertical-align: middle;
 292         font-weight:    bold;
 293         line-height: 28px;
 294         text-indent: 1em;
 295 }
 296
 297 td.newsContent {
 298         background-color:       #749aba;
 299         color: white;
 300         padding-left: 3em;
 301         padding-right: 3em;
 302         border: 1px solid #002244;
 303 }
 304
 305 td.newsFooter {
 306         font-size: small;
 307         text-align: right;
 308 }
 309
 310
 311 /* EOF */