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-2008 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         margin-bottom: -15px;
  56
  57         background-image: url(<?php echo $path ?>/DecoratorResources/title.jpg);
  58         background-repeat: repeat-x;
  59
  60         font-size: 24px;
  61         font-weight: bold;
  62         color: rgb(255, 255, 255);
  63 }
  64
  65 /* Body container that puts some padding on elements */
  66 #body
  67 {
  68         padding: 20px;
  69 }
  70
  71 /* Adds a small copyright footer */
  72 #footer
  73 {
  74         margin-top: 25px;
  75
  76         text-align: center;
  77         font-size: 10px;
  78 }
  79
  80 #footer a
  81 {
  82         color: rgb(62, 76, 49);
  83         text-decoration: none;
  84 }
  85
  86 #footer a:hover
  87 {
  88         text-decoration: underline;
  89 }
  90
  91 /*******************************************************************/
  92 /* Form Elements */
  93 /*******************************************************************/
  94
  95 /* Main form wrapper */
  96 fieldset
  97 {
  98         border-width: 1px;
  99         border-style: solid;
 100         border-color: rgb(123, 170, 90);
 101
 102         background-color: rgb(255, 255, 255);
 103
 104         padding: 5px 9px 5px 9px;
 105         margin: 10px 0px 10px 0px;
 106 }
 107
 108 /* Form title */
 109 legend
 110 {
 111         border-width: 0px 1px 0px 1px;
 112         border-style: solid;
 113         border-color: rgb(123, 170, 90);
 114
 115         padding: 3px 7px 3px 7px;
 116
 117         font-size: 14px;
 118         font-weight: bold;
 119         color: rgb(62, 76, 49);
 120 }
 121
 122 /* Naming form elements */
 123 fieldset dt label
 124 {
 125         font-weight: bold;
 126         font-size: 12px;
 127 }
 128
 129 /* Description for form elements/names */
 130 fieldset label dfn
 131 {
 132         font-weight: normal;
 133         font-style: italic;
 134         font-size: 10px;
 135         color: rgb(100, 100, 100);
 136
 137         display: block;
 138 }
 139
 140 /* A field name */
 141 fieldset dl dt
 142 {
 143         border-width: 0px 1px 0px 0px;
 144         border-color: #7BAA5A;
 145         border-style: solid;
 146
 147         padding: 0px 4px 0px 2px;
 148         margin: 5px 0px 5px 0px;
 149
 150         width: 50%;
 151         float: left;
 152 }
 153
 154 /* Field value editor */
 155 fieldset dl dd
 156 {
 157         padding: 4px 0px 2px 4px;
 158         margin: 5px 0px 5px 0px;
 159
 160         width: 48%;
 161         float: right;
 162 }
 163
 164 /*******************************************************************/
 165 /* Input Elements */
 166 /*******************************************************************/
 167
 168 /* Give the input elements some styling */
 169 input, select, textarea
 170 {
 171         border-width: 1px;
 172         border-style: solid;
 173         border-color: rgb(123, 170, 90);
 174
 175         padding: 3px;
 176
 177         background-color: rgb(237, 245, 230);
 178 }
 179
 180 /*******************************************************************/
 181 /* Tables */
 182 /*******************************************************************/
 183
 184 /* Standard formatting for all tables */
 185 table
 186 {
 187         border-width: 1px;
 188         border-style: solid;
 189         border-color: rgb(123, 170, 90);
 190         border-collapse: collapse;
 191
 192         background-color: rgb(255, 255, 255);
 193
 194         margin: 10px 0px 10px 0px;
 195
 196         width: 100%;
 197 }
 198
 199 /* Title of the table */
 200 thead
 201 {
 202         background-color: rgb(123, 170, 90);
 203
 204         font-size: 14px;
 205         font-weight: bold;
 206         color: rgb(0, 0, 0);
 207
 208         text-align: center;
 209 }
 210
 211         thead td
 212         {
 213                 padding: 7px;
 214         }
 215
 216 /* Used for mutli-column data that requires column headings */
 217 .headings
 218 {
 219         background-color: rgb(203, 234, 148);
 220
 221         font-size: 12px;
 222         font-weight: bold;
 223         color: rgb(62, 76, 49);
 224 }
 225
 226         .headings td
 227         {
 228                 text-align: center;
 229         }
 230
 231         .headings td:first-child
 232         {
 233                 text-align: left;
 234         }
 235
 236         .headings td:last-child
 237         {
 238                 text-align: right;
 239         }
 240
 241 /* Data formatting for tables */
 242 table tr td
 243 {
 244         padding: 4px;
 245 }
 246
 247 /* Data background color, option 1 */
 248 table .alt1
 249 {
 250         background-color: rgb(255, 255, 255);
 251 }
 252
 253 /* Data background color, option 2 */
 254 table .alt2
 255 {
 256         background-color: rgb(237, 245, 230);
 257 }
 258
 259 /*******************************************************************/
 260 /* Boxes */
 261 /*******************************************************************/
 262
 263 /* Big, red box to display errors */
 264 .error-box
 265 {
 266         border-width: 5px;
 267         border-style: solid;
 268         border-color: rgb(252, 11, 29);
 269
 270         padding: 4px;
 271         margin: 10px 0px 10px 0px;
 272
 273         background-color: rgb(247, 170, 170);
 274
 275         color: rgb(252, 11, 29);
 276 }
 277
 278         /* Naming the error box */
 279         .error-box h1
 280         {
 281                 font-size: 14px;
 282         }
 283
 284 /* Green box to display messages */
 285 .message-box
 286 {
 287         border-width: 5px;
 288         border-style: solid;
 289         border-color: rgb(109, 187, 45);
 290
 291         padding: 4px;
 292         margin: 10px 0px 10px 0px;
 293
 294         background-color: rgb(209, 249, 170);
 295
 296         color: rgb(109, 187, 45);
 297 }
 298
 299         /* Naming the box */
 300         .message-box h1
 301         {
 302                 font-size: 14px;
 303         }
 304
 305 /*******************************************************************/
 306 /* Navigation */
 307 /*******************************************************************/
 308
 309 /* Creates the navigation bar */
 310 #nav
 311 {
 312         border-width: 0px 4px 0px 0px;
 313         border-color: rgb(109, 187, 45);
 314         border-style: solid;
 315
 316         position: absolute;
 317         top: 0px;
 318         bottom: 0px;
 319         left: 0px;
 320         z-index: 100;
 321
 322         width: 250px;
 323         height: 100%;
 324
 325         background-color: rgb(64, 64, 64);
 326 }
 327
 328 /* Adjust the body div if there's a navigation bar */
 329 #nav + #body, #nav + #title + #body, #nav + #title
 330 {
 331         position: fixed;
 332         top: 0px;
 333         bottom: 0px;
 334         left: 250px;
 335         right: 0px;
 336
 337         overflow: auto;
 338 }
 339
 340 /* With a title and navigation bar, we need to move body content down a little */
 341 #nav + #title + #body
 342 {
 343         top: 40px;
 344 }
 345
 346 /* Used to title the system */
 347 #nav h1
 348 {
 349         font-size: 24px;
 350         font-weight: bold;
 351         color: rgb(255, 255, 255);
 352         text-align: center;
 353 }
 354
 355 /* Used for top links in the navbar */
 356 #nav h2, #nav h2 a:link, #hav h2 a:active, #nav h2 a:visited
 357 {
 358         font-size: 12px;
 359         font-weight: normal;
 360         color: rgb(203, 234, 148);
 361         text-align: center;
 362         text-decoration: none;
 363 }
 364
 365         #nav h2 a:hover
 366         {
 367                 text-decoration: underline;
 368         }
 369
 370 /* Navigation list */
 371 #nav ul
 372 {
 373         margin-top: 10px;
 374 }
 375
 376 /* Navigation sections */
 377 #nav ul li
 378 {
 379         list-style-type: none;
 380
 381         border-width: 0px 0px 1px 0px;
 382         border-style: solid;
 383         border-color: rgb(0, 0, 0);
 384
 385         font-size: 18px;
 386         font-weight: bold;
 387         color: rgb(203, 234, 148);
 388         text-indent: 10px;
 389
 390         line-height: 50px;
 391
 392         background-image: url(<?php echo $path ?>/DecoratorResources/nav-section.jpg);
 393         background-repeat: repeat-x;
 394 }
 395
 396         #nav ul li:first-child
 397         {
 398                 border-top-width: 1px;
 399         }
 400
 401 /* Expanded navigation section */
 402 #nav ul li.expand
 403 {
 404         text-align: center;
 405         color: rgb(40, 42, 34);
 406
 407         background-image: url(<?php echo $path ?>/DecoratorResources/nav-section-open.jpg);
 408 }
 409
 410 /* Navigation items list */
 411 #nav ul li ul
 412 {
 413         margin: 0px;
 414         display: none;
 415 }
 416
 417 /* Navigation items */
 418 #nav ul li ul li
 419 {
 420         border: none;
 421
 422         padding: 2px 4px 2px 10px;
 423         margin: 0px;
 424
 425         height: auto;
 426
 427         font-size: 12px;
 428         font-weight: normal;
 429         color: rgb(0, 0, 0);
 430         line-height: 15px;
 431
 432         background-color: rgb(203, 234, 148);
 433         background-image: none;
 434 }
 435
 436         #nav ul li ul li:first-child
 437         {
 438                 padding-top: 10px;
 439         }
 440
 441         #nav ul li ul li:last-child
 442         {
 443                 padding-bottom: 10px;
 444         }
 445
 446         #nav ul li ul li a
 447         {
 448                 text-decoration: none;
 449                 color: rgb(0, 0, 0);
 450         }
 451
 452         #nav ul li ul li a:hover
 453         {
 454                 text-decoration: underline;
 455         }
 456
 457 /* Selected navigation items */
 458 #nav ul li ul li.selected
 459 {
 460         font-weight: bold;
 461         font-style: italic;
 462 }