Decorator.css.php

   1 <?php
   2
   3 $path = dirname(isset($_SERVER['SCRIPT_URL']) ? $_SERVER['SCRIPT_URL'] : $_SERVER['REQUEST_URI']);
   4 header("Content-Type: text/css");
   5
   6 ?>
   7 /*=====================================================================*
   8 || ###################################################################
   9 || # Blue Static ISSO Framework
  10 || # Copyright (c)2005-2009 Blue Static
  11 || #
  12 || # This program is free software; you can redistribute it and/or modify
  13 || # it under the terms of the GNU General Public License as published by
  14 || # the Free Software Foundation; version 2 of the License.
  15 || #
  16 || # This program is distributed in the hope that it will be useful, but
  17 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
  18 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  19 || # more details.
  20 || #
  21 || # You should have received a copy of the GNU General Public License along
  22 || # with this program; if not, write to the Free Software Foundation, Inc.,
  23 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
  24 || ###################################################################
  25 \*=====================================================================*/
  26
  27 /* Reset all the annoying browser defaults */
  28 * { margin: 0px; padding: 0px; }
  29
  30 html, body
  31 {
  32         height: 100%;
  33 }
  34
  35 /* Main body tag */
  36 body
  37 {
  38         background-color: rgb(232, 255, 198);
  39         font-family: Verdana, Helvetica, Arial, sans-serif;
  40         font-size: 12px;
  41 }
  42
  43 /* Title section that appears at the top of pages */
  44 #title
  45 {
  46         border-width: 0px 0px 1px 0px;
  47         border-color: rgb(0, 0, 0);
  48         border-style: solid;
  49
  50         height: 50px;
  51         line-height: 50px;
  52         width: 100%;
  53
  54         text-indent: 10px;
  55
  56         background-image: url(<?php echo $path ?>/DecoratorResources/title.jpg);
  57         background-repeat: repeat-x;
  58
  59         font-size: 24px;
  60         font-weight: bold;
  61         color: rgb(255, 255, 255);
  62 }
  63
  64 /* Body container that puts some padding on elements */
  65 #body
  66 {
  67         padding: 5px 20px 20px 20px;
  68 }
  69
  70 /* Adds a small copyright footer */
  71 #footer
  72 {
  73         margin-top: 25px;
  74
  75         text-align: center;
  76         font-size: 10px;
  77 }
  78
  79 #footer a
  80 {
  81         color: rgb(62, 76, 49);
  82         text-decoration: none;
  83 }
  84
  85 #footer a:hover
  86 {
  87         text-decoration: underline;
  88 }
  89
  90 /*******************************************************************/
  91 /* Form Elements */
  92 /*******************************************************************/
  93
  94 /* Main form wrapper */
  95 fieldset
  96 {
  97         border-width: 1px;
  98         border-style: solid;
  99         border-color: rgb(123, 170, 90);
 100
 101         background-color: rgb(255, 255, 255);
 102
 103         padding: 5px 9px 5px 9px;
 104         margin: 10px 0px 10px 0px;
 105 }
 106
 107 /* Form title */
 108 legend
 109 {
 110         border-width: 0px 1px 0px 1px;
 111         border-style: solid;
 112         border-color: rgb(123, 170, 90);
 113
 114         padding: 3px 7px 3px 7px;
 115
 116         font-size: 14px;
 117         font-weight: bold;
 118         color: rgb(62, 76, 49);
 119 }
 120
 121 /* Naming form elements */
 122 fieldset dt label
 123 {
 124         font-weight: bold;
 125         font-size: 12px;
 126 }
 127
 128 /* Description for form elements/names */
 129 dfn
 130 {
 131         font-weight: normal;
 132         font-style: italic;
 133         font-size: 10px;
 134         color: rgb(100, 100, 100);
 135
 136         display: block;
 137 }
 138
 139 /* A field name */
 140 fieldset dl dt
 141 {
 142         border-width: 0px 1px 0px 0px;
 143         border-color: #7BAA5A;
 144         border-style: solid;
 145
 146         padding: 0px 4px 0px 2px;
 147         margin: 5px 0px 5px 0px;
 148
 149         width: 50%;
 150         float: left;
 151 }
 152
 153 /* Field value editor */
 154 fieldset dl dd
 155 {
 156         padding: 4px 0px 2px 5px;
 157         margin: 5px 0px 5px 0px;
 158
 159         border-width: 0px 0px 0px 0px;
 160         border-color: #7BAA5A;
 161         border-style: solid;
 162
 163         float: left;
 164         width: 40%;
 165 }
 166
 167 /* Submit row items */
 168 .submit
 169 {
 170         text-align: center;
 171
 172         background-color: rgb(50, 50, 50);
 173
 174         margin: 4px 0px 4px 0px;
 175         padding: 5px;
 176 }
 177
 178 /*******************************************************************/
 179 /* Input Elements */
 180 /*******************************************************************/
 181
 182 /* Give the input elements some styling */
 183 input, select, textarea, .button
 184 {
 185         font-family: Verdana, Helvetica, Arial, sans-serif;
 186         font-size: 12px;
 187
 188         border-width: 1px;
 189         border-style: solid;
 190         border-color: rgb(123, 170, 90);
 191
 192         padding: 3px;
 193
 194         background-color: rgb(237, 245, 230);
 195 }
 196
 197 input[type="button"], input[type="submit"], input[type="reset"], .button
 198 {
 199         font-family: Verdana, Helvetica, Arial, sans-serif;
 200         font-size: 14px;
 201         font-weight: bold;
 202 }
 203
 204 textarea, input[type="text"], input[type="password"]
 205 {
 206         width: 100%;
 207 }
 208
 209 textarea
 210 {
 211         min-height: 50px;
 212         max-height: 400px;
 213         height: auto;
 214 }
 215
 216 /*******************************************************************/
 217 /* Tables */
 218 /*******************************************************************/
 219
 220 /* Standard formatting for all tables */
 221 table
 222 {
 223         border-width: 1px;
 224         border-style: solid;
 225         border-color: rgb(123, 170, 90);
 226         border-collapse: collapse;
 227
 228         background-color: rgb(255, 255, 255);
 229
 230         margin: 10px 0px 10px 0px;
 231
 232         width: 100%;
 233 }
 234
 235 /* Title of the table */
 236 thead
 237 {
 238         background-color: rgb(123, 170, 90);
 239
 240         font-size: 14px;
 241         font-weight: bold;
 242         color: rgb(0, 0, 0);
 243
 244         text-align: center;
 245 }
 246
 247         thead td
 248         {
 249                 padding: 7px;
 250         }
 251
 252 /* Used for mutli-column data that requires column headings */
 253 .headings
 254 {
 255         background-color: rgb(203, 234, 148);
 256
 257         font-size: 12px;
 258         font-weight: bold;
 259         color: rgb(62, 76, 49);
 260 }
 261
 262         .headings td, tbody td
 263         {
 264                 text-align: center;
 265         }
 266
 267         .headings td:last-child, tbody td:last-child
 268         {
 269                 text-align: right;
 270         }
 271
 272         .headings td:first-child, tbody td:first-child
 273         {
 274                 text-align: left;
 275         }
 276
 277 /* Data formatting for tables */
 278 table tr td
 279 {
 280         padding: 4px;
 281 }
 282
 283 /* Data background color, option 1 */
 284 table .alt1
 285 {
 286         background-color: rgb(255, 255, 255);
 287 }
 288
 289 /* Data background color, option 2 */
 290 table .alt2
 291 {
 292         background-color: rgb(237, 245, 230);
 293 }
 294
 295 /*******************************************************************/
 296 /* Boxes */
 297 /*******************************************************************/
 298
 299 /* Big, red box to display errors */
 300 .error-box
 301 {
 302         border-width: 5px;
 303         border-style: solid;
 304         border-color: rgb(252, 11, 29);
 305
 306         padding: 4px;
 307         margin: 10px 0px 10px 0px;
 308
 309         background-color: rgb(247, 170, 170);
 310
 311         color: rgb(252, 11, 29);
 312 }
 313
 314         /* Naming the error box */
 315         .error-box h1
 316         {
 317                 font-size: 14px;
 318         }
 319
 320 /* Green box to display messages */
 321 .message-box
 322 {
 323         border-width: 5px;
 324         border-style: solid;
 325         border-color: rgb(109, 187, 45);
 326
 327         padding: 4px;
 328         margin: 10px 0px 10px 0px;
 329
 330         background-color: rgb(209, 249, 170);
 331
 332         color: rgb(109, 187, 45);
 333 }
 334
 335         /* Naming the box */
 336         .message-box h1
 337         {
 338                 font-size: 14px;
 339         }
 340
 341 /*******************************************************************/
 342 /* Navigation */
 343 /*******************************************************************/
 344
 345 /* Creates the navigation bar */
 346 #nav
 347 {
 348         border-width: 0px 4px 0px 0px;
 349         border-color: rgb(109, 187, 45);
 350         border-style: solid;
 351
 352         position: absolute;
 353         top: 0px;
 354         bottom: 0px;
 355         left: 0px;
 356         z-index: 100;
 357
 358         width: 250px;
 359         height: 100%;
 360
 361         background-color: rgb(64, 64, 64);
 362 }
 363
 364 /* Adjust the body div if there's a navigation bar */
 365 #nav + #body, #nav + #title + #body, #nav + #title
 366 {
 367         position: fixed;
 368         top: 0px;
 369         bottom: 0px;
 370         left: 250px;
 371         right: 0px;
 372
 373         overflow: auto;
 374 }
 375
 376 /* With a title and navigation bar, we need to move body content down a little */
 377 #nav + #title + #body
 378 {
 379         top: 51px; /* Height of #title + border */
 380 }
 381
 382 /* Used to title the system */
 383 #nav h1
 384 {
 385         font-size: 24px;
 386         font-weight: bold;
 387         color: rgb(255, 255, 255);
 388         text-align: center;
 389 }
 390
 391 /* Used for top links in the navbar */
 392 #nav h2, #nav h2 a:link, #hav h2 a:active, #nav h2 a:visited
 393 {
 394         font-size: 12px;
 395         font-weight: normal;
 396         color: rgb(203, 234, 148);
 397         text-align: center;
 398         text-decoration: none;
 399 }
 400
 401         #nav h2 a:hover
 402         {
 403                 text-decoration: underline;
 404         }
 405
 406 /* Navigation list */
 407 #nav ul
 408 {
 409         margin-top: 10px;
 410 }
 411
 412 /* Navigation sections */
 413 #nav ul li
 414 {
 415         list-style-type: none;
 416
 417         border-width: 0px 0px 1px 0px;
 418         border-style: solid;
 419         border-color: rgb(0, 0, 0);
 420
 421         font-size: 18px;
 422         font-weight: bold;
 423         color: rgb(203, 234, 148);
 424         text-indent: 10px;
 425
 426         line-height: 50px;
 427
 428         background-image: url(<?php echo $path ?>/DecoratorResources/nav-section.jpg);
 429         background-repeat: repeat-x;
 430 }
 431
 432         #nav ul li:first-child
 433         {
 434                 border-top-width: 1px;
 435         }
 436
 437 /* Expanded navigation section */
 438 #nav ul li.expand
 439 {
 440         text-align: center;
 441         color: rgb(40, 42, 34);
 442
 443         background-image: url(<?php echo $path ?>/DecoratorResources/nav-section-open.jpg);
 444 }
 445
 446 /* Navigation items list */
 447 #nav ul li ul
 448 {
 449         margin: 0px;
 450         display: none;
 451 }
 452
 453 /* Navigation items */
 454 #nav ul li ul li
 455 {
 456         border: none;
 457
 458         padding: 2px 4px 2px 10px;
 459         margin: 0px;
 460
 461         height: auto;
 462
 463         font-size: 12px;
 464         font-weight: normal;
 465         color: rgb(0, 0, 0);
 466         line-height: 15px;
 467
 468         background-color: rgb(203, 234, 148);
 469         background-image: none;
 470 }
 471
 472         #nav ul li ul li:first-child
 473         {
 474                 padding-top: 10px;
 475         }
 476
 477         #nav ul li ul li:last-child
 478         {
 479                 padding-bottom: 10px;
 480         }
 481
 482         #nav ul li ul li a
 483         {
 484                 text-decoration: none;
 485                 color: rgb(0, 0, 0);
 486         }
 487
 488         #nav ul li ul li a:hover
 489         {
 490                 text-decoration: underline;
 491         }
 492
 493 /* Selected navigation items */
 494 #nav ul li ul li.selected
 495 {
 496         font-weight: bold;
 497         font-style: italic;
 498 }