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