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         margin: 3px 1px 1px 1px;
 212 }
 213
 214 /* Button styling */
 215 .button
 216 {
 217         color: rgb(0, 0, 0);
 218
 219         font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
 220         font-size: 11px;
 221         font-weight: bold;
 222
 223         margin: 3px 1px 1px 1px;
 224 }
 225
 226 /* ################################################################### */
 227 /*  Navigation panel */
 228 /* ################################################################### */
 229
 230 /* The links that appear in the upper-right corner */
 231 #toplinks
 232 {
 233         float: right;
 234
 235         font-size: 14px;
 236 }
 237
 238         #toplinks #toplinks-links
 239         {
 240                 font-size: 10px;
 241         }
 242
 243 /* Wrapper for the entire navigation system; including tabs */
 244 #wrapper
 245 {
 246         padding-top: 12px;
 247 }
 248
 249 /* The content panel that draws the background color for the panel */
 250 #contentbody
 251 {
 252         padding: 5px;
 253
 254         background-color: rgb(255, 255, 255);
 255
 256         border-color: rgb(124, 128, 135);
 257         border-width: 1px;
 258         border-style: solid;
 259
 260         color: rgb(55, 55, 55);
 261
 262         width: 100%;
 263 }
 264
 265 /* The actual tabbar */
 266 #tabbar
 267 {
 268         height: 35px;
 269
 270         padding-left: 10px;
 271
 272         margin-top: 10px;
 273         margin-bottom: -14px;
 274 }
 275
 276 /* Links in the tabbar */
 277 #tabbar a
 278 {
 279         font-weight: bold;
 280         color: rgb(122, 151, 101);
 281
 282         text-transform: uppercase;
 283         text-decoration: none;
 284
 285         padding: 8px 0px 8px 0px;
 286         margin: 0px;
 287
 288         background-image: url($path/images/tabs.gif);
 289         background-repeat: no-repeat;
 290         background-position: 0% -35px;
 291 }
 292
 293 /* Blocks of the tab link */
 294 #tabbar a span
 295 {
 296         height: 33px;
 297         width: 100%;
 298
 299         padding: 8px 15px 8px 15px;
 300
 301         background-image: url($path/images/tabs-ends.gif);
 302         background-repeat: no-repeat;
 303         background-position: 100% -35px;
 304 }
 305
 306 /* The current, active tab */
 307 #tabbar #focustab, #tabbar #focustab a:hover
 308 {
 309         color: rgb(64, 64, 64);
 310
 311         background-position: 0% 0px;
 312
 313         padding: 8px 0px 9px 0px;
 314 }
 315
 316 /* Blocks of a focused tab link */
 317 #tabbar #focustab span
 318 {
 319         background-position: 100% 0px;
 320
 321         padding-bottom: 9px;
 322 }
 323
 324 /* Hovered tabs */
 325 #tabbar a:hover
 326 {
 327         background-position: 0% -70px;
 328
 329         color: rgb(143, 236, 9);
 330 }
 331
 332 /* Blocks of a hovered tab link */
 333 #tabbar a:hover span
 334 {
 335         background-position: 100% -70px;
 336 }
 337
 338 /* Main content frame <td> */
 339 #mainbody
 340 {
 341         width: 80%;
 342
 343         vertical-align: top;
 344
 345         padding: 5px 5px 5px 0px;
 346 }
 347
 348 #wrapper #contentbody #mainbody table
 349 {
 350         width: 100%;
 351 }
 352
 353 /* Menu frame <td> */
 354 #menu
 355 {
 356         width: 20%;
 357
 358         padding: 15px;
 359
 360         vertical-align: top;
 361 }
 362
 363 /* A menu list of items */
 364 #menu ul
 365 {
 366         list-style: none;
 367
 368         padding: 0px;
 369         margin: 0px;
 370 }
 371
 372 /* An individual item in the menu list */
 373 #menu li span
 374 {
 375         display: block;
 376
 377         padding: 2px 2px 2px 7px;
 378         margin-top: 1px;
 379
 380         background-color: rgb(208, 208, 208);
 381 }
 382
 383 /* Links in the menu list */
 384 #menu li a
 385 {
 386         color: rgb(64, 64, 64);
 387         text-decoration: none;
 388         font-size: 10px;
 389         font-weight: bold;
 390 }
 391
 392 /* A :hover for the row of a menu item */
 393 #menu li a:hover span
 394 {
 395         background-color: rgb(158, 236, 95);
 396 }
 397
 398 /* A header item row */
 399 #menu li.header span
 400 {
 401         font-weight: bold;
 402         text-transform: uppercase;
 403         color: rgb(255, 255, 255);
 404
 405         padding: 3px;
 406
 407         background-color: rgb(96, 106, 90);
 408 }
 409
 410 /* A focused item row */
 411 #menu li.focus span
 412 {
 413         background-color: rgb(182, 216, 154);
 414
 415         text-decoration: underline;
 416 }
 417
 418 CSS;
 419
 420 echo $css;
 421
 422 ?>