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 }
 165
 166 /* Submit row items */
 167 .submit
 168 {
 169         text-align: center;
 170
 171         background-color: rgb(50, 50, 50);
 172
 173         margin: 4px 0px 4px 0px;
 174         padding: 5px;
 175 }
 176
 177 /*******************************************************************/
 178 /* Input Elements */
 179 /*******************************************************************/
 180
 181 /* Give the input elements some styling */
 182 input, select, textarea
 183 {
 184         border-width: 1px;
 185         border-style: solid;
 186         border-color: rgb(123, 170, 90);
 187
 188         padding: 3px;
 189
 190         background-color: rgb(237, 245, 230);
 191 }
 192
 193 /*******************************************************************/
 194 /* Tables */
 195 /*******************************************************************/
 196
 197 /* Standard formatting for all tables */
 198 table
 199 {
 200         border-width: 1px;
 201         border-style: solid;
 202         border-color: rgb(123, 170, 90);
 203         border-collapse: collapse;
 204
 205         background-color: rgb(255, 255, 255);
 206
 207         margin: 10px 0px 10px 0px;
 208
 209         width: 100%;
 210 }
 211
 212 /* Title of the table */
 213 thead
 214 {
 215         background-color: rgb(123, 170, 90);
 216
 217         font-size: 14px;
 218         font-weight: bold;
 219         color: rgb(0, 0, 0);
 220
 221         text-align: center;
 222 }
 223
 224         thead td
 225         {
 226                 padding: 7px;
 227         }
 228
 229 /* Used for mutli-column data that requires column headings */
 230 .headings
 231 {
 232         background-color: rgb(203, 234, 148);
 233
 234         font-size: 12px;
 235         font-weight: bold;
 236         color: rgb(62, 76, 49);
 237 }
 238
 239         .headings td
 240         {
 241                 text-align: center;
 242         }
 243
 244         .headings td:last-child
 245         {
 246                 text-align: right;
 247         }
 248
 249         .headings td:first-child
 250         {
 251                 text-align: left;
 252         }
 253
 254 /* Data formatting for tables */
 255 table tr td
 256 {
 257         padding: 4px;
 258 }
 259
 260 /* Data background color, option 1 */
 261 table .alt1
 262 {
 263         background-color: rgb(255, 255, 255);
 264 }
 265
 266 /* Data background color, option 2 */
 267 table .alt2
 268 {
 269         background-color: rgb(237, 245, 230);
 270 }
 271
 272 /*******************************************************************/
 273 /* Boxes */
 274 /*******************************************************************/
 275
 276 /* Big, red box to display errors */
 277 .error-box
 278 {
 279         border-width: 5px;
 280         border-style: solid;
 281         border-color: rgb(252, 11, 29);
 282
 283         padding: 4px;
 284         margin: 10px 0px 10px 0px;
 285
 286         background-color: rgb(247, 170, 170);
 287
 288         color: rgb(252, 11, 29);
 289 }
 290
 291         /* Naming the error box */
 292         .error-box h1
 293         {
 294                 font-size: 14px;
 295         }
 296
 297 /* Green box to display messages */
 298 .message-box
 299 {
 300         border-width: 5px;
 301         border-style: solid;
 302         border-color: rgb(109, 187, 45);
 303
 304         padding: 4px;
 305         margin: 10px 0px 10px 0px;
 306
 307         background-color: rgb(209, 249, 170);
 308
 309         color: rgb(109, 187, 45);
 310 }
 311
 312         /* Naming the box */
 313         .message-box h1
 314         {
 315                 font-size: 14px;
 316         }
 317
 318 /*******************************************************************/
 319 /* Navigation */
 320 /*******************************************************************/
 321
 322 /* Creates the navigation bar */
 323 #nav
 324 {
 325         border-width: 0px 4px 0px 0px;
 326         border-color: rgb(109, 187, 45);
 327         border-style: solid;
 328
 329         position: absolute;
 330         top: 0px;
 331         bottom: 0px;
 332         left: 0px;
 333         z-index: 100;
 334
 335         width: 250px;
 336         height: 100%;
 337
 338         background-color: rgb(64, 64, 64);
 339 }
 340
 341 /* Adjust the body div if there's a navigation bar */
 342 #nav + #body, #nav + #title + #body, #nav + #title
 343 {
 344         position: fixed;
 345         top: 0px;
 346         bottom: 0px;
 347         left: 250px;
 348         right: 0px;
 349
 350         overflow: auto;
 351 }
 352
 353 /* With a title and navigation bar, we need to move body content down a little */
 354 #nav + #title + #body
 355 {
 356         top: 51px; /* Height of #title + border */
 357 }
 358
 359 /* Used to title the system */
 360 #nav h1
 361 {
 362         font-size: 24px;
 363         font-weight: bold;
 364         color: rgb(255, 255, 255);
 365         text-align: center;
 366 }
 367
 368 /* Used for top links in the navbar */
 369 #nav h2, #nav h2 a:link, #hav h2 a:active, #nav h2 a:visited
 370 {
 371         font-size: 12px;
 372         font-weight: normal;
 373         color: rgb(203, 234, 148);
 374         text-align: center;
 375         text-decoration: none;
 376 }
 377
 378         #nav h2 a:hover
 379         {
 380                 text-decoration: underline;
 381         }
 382
 383 /* Navigation list */
 384 #nav ul
 385 {
 386         margin-top: 10px;
 387 }
 388
 389 /* Navigation sections */
 390 #nav ul li
 391 {
 392         list-style-type: none;
 393
 394         border-width: 0px 0px 1px 0px;
 395         border-style: solid;
 396         border-color: rgb(0, 0, 0);
 397
 398         font-size: 18px;
 399         font-weight: bold;
 400         color: rgb(203, 234, 148);
 401         text-indent: 10px;
 402
 403         line-height: 50px;
 404
 405         background-image: url(<?php echo $path ?>/DecoratorResources/nav-section.jpg);
 406         background-repeat: repeat-x;
 407 }
 408
 409         #nav ul li:first-child
 410         {
 411                 border-top-width: 1px;
 412         }
 413
 414 /* Expanded navigation section */
 415 #nav ul li.expand
 416 {
 417         text-align: center;
 418         color: rgb(40, 42, 34);
 419
 420         background-image: url(<?php echo $path ?>/DecoratorResources/nav-section-open.jpg);
 421 }
 422
 423 /* Navigation items list */
 424 #nav ul li ul
 425 {
 426         margin: 0px;
 427         display: none;
 428 }
 429
 430 /* Navigation items */
 431 #nav ul li ul li
 432 {
 433         border: none;
 434
 435         padding: 2px 4px 2px 10px;
 436         margin: 0px;
 437
 438         height: auto;
 439
 440         font-size: 12px;
 441         font-weight: normal;
 442         color: rgb(0, 0, 0);
 443         line-height: 15px;
 444
 445         background-color: rgb(203, 234, 148);
 446         background-image: none;
 447 }
 448
 449         #nav ul li ul li:first-child
 450         {
 451                 padding-top: 10px;
 452         }
 453
 454         #nav ul li ul li:last-child
 455         {
 456                 padding-bottom: 10px;
 457         }
 458
 459         #nav ul li ul li a
 460         {
 461                 text-decoration: none;
 462                 color: rgb(0, 0, 0);
 463         }
 464
 465         #nav ul li ul li a:hover
 466         {
 467                 text-decoration: underline;
 468         }
 469
 470 /* Selected navigation items */
 471 #nav ul li ul li.selected
 472 {
 473         font-weight: bold;
 474         font-style: italic;
 475 }