printer.css.php

   1 <?php
   2 /*=====================================================================*\
   3 || ###################################################################
   4 || # Blue Static ISSO Framework
   5 || # Copyright (c)2005-2008 Blue Static
   6 || #
   7 || # This program is free software; you can redistribute it and/or modify
   8 || # it under the terms of the GNU General Public License as published by
   9 || # the Free Software Foundation; version 2 of the License.
  10 || #
  11 || # This program is distributed in the hope that it will be useful, but
  12 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
  13 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  14 || # more details.
  15 || #
  16 || # You should have received a copy of the GNU General Public License along
  17 || # with this program; if not, write to the Free Software Foundation, Inc.,
  18 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
  19 || ###################################################################
  20 \*=====================================================================*/
  21
  22 $path = dirname(isset($_SERVER['SCRIPT_URL']) ? $_SERVER['SCRIPT_URL'] : $_SERVER['REQUEST_URI']);
  23
  24 // Gecko browsers need this to display right
  25 header("Content-Type: text/css");
  26
  27 $css = <<<CSS
  28 /*=====================================================================*\
  29 || ###################################################################
  30 || # Blue Static ISSO Framework
  31 || # Copyright (c)2005-2008 Blue Static
  32 || #
  33 || # This program is free software; you can redistribute it and/or modify
  34 || # it under the terms of the GNU General Public License as published by
  35 || # the Free Software Foundation; version 2 of the License.
  36 || #
  37 || # This program is distributed in the hope that it will be useful, but
  38 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
  39 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  40 || # more details.
  41 || #
  42 || # You should have received a copy of the GNU General Public License along
  43 || # with this program; if not, write to the Free Software Foundation, Inc.,
  44 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
  45 || ###################################################################
  46 \*=====================================================================*/
  47
  48 /* ################################################################### */
  49 /*  Body and table elements */
  50 /* ################################################################### */
  51
  52 /* Work-around for Mozilla (bug #243751) and Opera (bug #???) bugs in viewpoint rendering */
  53 html
  54 {
  55         height: 100%;
  56 }
  57
  58 /* Main window background colour and font colour */
  59 body
  60 {
  61         color: rgb(96, 106, 90);
  62
  63         background-color: rgb(232, 255, 198);
  64
  65         padding: 15px;
  66 }
  67
  68 /* Border area around tables and inbetween spacing */
  69 .tborder
  70 {
  71         border: none;
  72 }
  73
  74 /* First row set in all tables */
  75 .tcat
  76 {
  77         color: rgb(30, 35, 46);
  78         font-weight: bold;
  79         text-align: center;
  80
  81         background-color: rgb(109, 187, 45);
  82 }
  83
  84 /* Links within the TCAT class */
  85 .tcat a:link, .tcat a:visited, .tcat a:active
  86 {
  87         color: rgb(55, 55, 55);
  88 }
  89
  90 /* Row under the TCAT row (often used for column headers) */
  91 .thead, .alt3
  92 {
  93         color: rgb(45, 45, 45);
  94
  95         font-weight: bold;
  96         font-size: 11px;
  97
  98         background-color: rgb(165, 165, 165);
  99 }
 100
 101 /* Links for the THEAD class */
 102 .thead a:link, .thead a:visited, .thead a:active, .alt3 a:link, .alt3 a:visited, .alt3 a:active
 103 {
 104         color: rgb(45, 45, 45);
 105 }
 106
 107 /* The first type of row used in the alternation cycle */
 108 .alt1
 109 {
 110         color: rgb(41, 63, 91);
 111
 112         background-color: rgb(237, 245, 230);
 113 }
 114
 115 /* The second type of row used in the alternation cycle */
 116 .alt2
 117 {
 118         color: rgb(41, 63, 91);
 119
 120         background-color: rgb(255, 255, 255);
 121 }
 122
 123 /* The third alternation, used in special cases */
 124 .alt3
 125 {
 126         border-width: 0px;
 127 }
 128
 129 /* The last row in the table (often used for the submit buttons) */
 130 .tfoot
 131 {
 132         color: rgb(55, 55, 55);
 133         text-align: center;
 134         font-weight: bold;
 135
 136         background-color: rgb(64, 64, 64);
 137 }
 138
 139 /* ################################################################### */
 140 /*  Text elements */
 141 /* ################################################################### */
 142
 143 /* Font settings for all non-styled elements */
 144 body
 145 {
 146         font-family: verdana, geneva, arial, helvetica, sans-serif;
 147         font-size: 11px;
 148 }
 149
 150 /* Small text (used in copyright) */
 151 .smallfont, .copyright, dfn
 152 {
 153         font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
 154         font-size: 9px;
 155 }
 156
 157 /* Description text */
 158 dfn
 159 {
 160         font-style: italic;
 161 }
 162
 163 /* Table headings */
 164 .tcat, .thead, .tfoot
 165 {
 166         font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
 167         font-size: 12px;
 168 }
 169
 170 /* Normal links */
 171 a:link, a:visited, a:active
 172 {
 173         color: rgb(109, 187, 45);
 174 }
 175
 176 /* Hover links */
 177 a:hover, .tcat a:hover, .thead a:hover, .tfoot a:hover, .alt3 a:hover
 178 {
 179         color: rgb(143, 236, 9);
 180 }
 181
 182 .copyright a:hover, .copyright a:link, .copyright a:visited, .copyright a:active
 183 {
 184         text-decoration: none;
 185 }
 186
 187 /* Mono-space */
 188 .code
 189 {
 190         font-family: 'courier new', courier, monospace;
 191         font-size: 9pt;
 192 }
 193
 194 /* ################################################################### */
 195 /*  Form styling elements */
 196 /* ################################################################### */
 197
 198 /* Input elements in a form */
 199 input, textarea, select, option
 200 {
 201         font-family: verdana, geneva, arial, helvetica, sans-serif;
 202         font-size: 11px;
 203 }
 204
 205 /* Input formatting */
 206 .input
 207 {
 208         font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
 209         font-size: 11px;
 210
 211         text-indent: 5px;
 212
 213         margin: 3px 1px 1px 1px;
 214 }
 215
 216 /* Button styling */
 217 .button
 218 {
 219         color: rgb(0, 0, 0);
 220
 221         font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
 222         font-size: 11px;
 223         font-weight: bold;
 224
 225         margin: 3px 1px 1px 1px;
 226 }
 227
 228 /* ################################################################### */
 229 /*  Navigation panel */
 230 /* ################################################################### */
 231
 232 /* The links that appear in the upper-right corner */
 233 #toplinks
 234 {
 235         float: right;
 236
 237         font-size: 14px;
 238 }
 239
 240         #toplinks #toplinks-links
 241         {
 242                 font-size: 10px;
 243         }
 244
 245 /* Wrapper for the entire navigation system; including tabs */
 246 #wrapper
 247 {
 248         padding-top: 12px;
 249 }
 250
 251 /* The content panel that draws the background color for the panel */
 252 #contentbody
 253 {
 254         padding: 5px;
 255
 256         background-color: rgb(255, 255, 255);
 257
 258         border-color: rgb(124, 128, 135);
 259         border-width: 1px;
 260         border-style: solid;
 261
 262         color: rgb(55, 55, 55);
 263
 264         width: 100%;
 265 }
 266
 267 /* The actual tabbar */
 268 #tabbar
 269 {
 270         height: 35px;
 271
 272         padding-left: 10px;
 273
 274         margin-top: 10px;
 275         margin-bottom: -14px;
 276 }
 277
 278 /* Links in the tabbar */
 279 #tabbar a
 280 {
 281         font-weight: bold;
 282         color: rgb(122, 151, 101);
 283
 284         text-transform: uppercase;
 285         text-decoration: none;
 286
 287         padding: 8px 0px 8px 0px;
 288         margin: 0px;
 289
 290         background-image: url($path/images/tabs.gif);
 291         background-repeat: no-repeat;
 292         background-position: 0% -35px;
 293 }
 294
 295 /* Blocks of the tab link */
 296 #tabbar a span
 297 {
 298         height: 33px;
 299         width: 100%;
 300
 301         padding: 8px 15px 8px 15px;
 302
 303         background-image: url($path/images/tabs-ends.gif);
 304         background-repeat: no-repeat;
 305         background-position: 100% -35px;
 306 }
 307
 308 /* The current, active tab */
 309 #tabbar #focustab, #tabbar #focustab a:hover
 310 {
 311         color: rgb(64, 64, 64);
 312
 313         background-position: 0% 0px;
 314
 315         padding: 8px 0px 9px 0px;
 316 }
 317
 318 /* Blocks of a focused tab link */
 319 #tabbar #focustab span
 320 {
 321         background-position: 100% 0px;
 322
 323         padding-bottom: 9px;
 324 }
 325
 326 /* Hovered tabs */
 327 #tabbar a:hover
 328 {
 329         background-position: 0% -70px;
 330
 331         color: rgb(143, 236, 9);
 332 }
 333
 334 /* Blocks of a hovered tab link */
 335 #tabbar a:hover span
 336 {
 337         background-position: 100% -70px;
 338 }
 339
 340 /* Main content frame <td> */
 341 #mainbody
 342 {
 343         width: 80%;
 344
 345         vertical-align: top;
 346
 347         padding: 5px 5px 5px 0px;
 348 }
 349
 350 #wrapper #contentbody #mainbody table
 351 {
 352         width: 100%;
 353 }
 354
 355 /* Menu frame <td> */
 356 #menu
 357 {
 358         width: 20%;
 359
 360         padding: 15px;
 361
 362         vertical-align: top;
 363 }
 364
 365 /* A menu list of items */
 366 #menu ul
 367 {
 368         list-style: none;
 369
 370         padding: 0px;
 371         margin: 0px;
 372 }
 373
 374 /* An individual item in the menu list */
 375 #menu li span
 376 {
 377         display: block;
 378
 379         padding: 2px 2px 2px 7px;
 380         margin-top: 1px;
 381
 382         background-color: rgb(208, 208, 208);
 383 }
 384
 385 /* Links in the menu list */
 386 #menu li a
 387 {
 388         color: rgb(64, 64, 64);
 389         text-decoration: none;
 390         font-size: 10px;
 391         font-weight: bold;
 392 }
 393
 394 /* A :hover for the row of a menu item */
 395 #menu li a:hover span
 396 {
 397         background-color: rgb(158, 236, 95);
 398 }
 399
 400 /* A header item row */
 401 #menu li.header span
 402 {
 403         font-weight: bold;
 404         text-transform: uppercase;
 405         color: rgb(255, 255, 255);
 406
 407         padding: 3px;
 408
 409         background-color: rgb(96, 106, 90);
 410 }
 411
 412 /* A focused item row */
 413 #menu li.focus span
 414 {
 415         background-color: rgb(182, 216, 154);
 416
 417         text-decoration: underline;
 418 }
 419
 420 CSS;
 421
 422 echo $css;
 423
 424 ?>