authz-gui/theme/aaf5.css

   1 /*
   2   Standard CSS for AAF
   3 */
   4
   5 html {
   6         height: 100%;
   7 }
   8
   9 body {
  10         background-image:url('t_bubbles.jpg');
  11         background-color: #FFFFFF;
  12         background-repeat:no-repeat;
  13         background-position: right top;
  14         background-size:15em 4.3em;
  15         color:#606060;
  16         font-family: Verdana,Arial,Helvetica,sans-serif;
  17         overflow: scroll;
  18         }
  19
  20 header h1,p {
  21         margin: 4px auto;
  22 }
  23
  24 header h1 {
  25         display: inline;
  26 }
  27
  28 header {
  29         display: block;
  30         color: #F13099;
  31 }
  32
  33 p#version {
  34         margin:0;
  35         display:inline;
  36         font-size: 0.75em;
  37         float:right;
  38         color: orange;
  39         padding-right:4.2em;
  40 }
  41
  42 header hr {
  43         margin: 0;
  44 }
  45
  46 hr {
  47         border: 1px solid #C0C0C0;
  48 }
  49
  50 #breadcrumbs {
  51         padding: 5px 0 12px 0;
  52 }
  53
  54
  55 #breadcrumbs ul {
  56         color: #DFEFFC;
  57         margin: 0;
  58         list-style-type:none;
  59         padding: 0;
  60 }
  61
  62 #breadcrumbs li {
  63         border-width:2px;
  64         margin: 3px 1px;
  65         padding: 2px 9px;
  66         border-style:solid;
  67         border-top-left-radius: .8em;
  68         border-bottom-left-radius: .8em;
  69         background-color:#80C337;
  70         display:inline;
  71 }
  72
  73 #breadcrumbs a {
  74         text-decoration:none;
  75         color: white;
  76 }
  77
  78 caption {
  79         color:#FF7241;
  80         text-align: center;
  81         font-size:1.3em;
  82         font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  83 }
  84
  85 #Pages {
  86         padding: 3px 2px 10px 4px;
  87         background: linear-gradient(to right, #147AB3,#FFFFFF);
  88 }
  89
  90 #Pages h3,
  91 #Pages h4,
  92 h5{
  93         color: #909090;
  94 }
  95
  96 form {
  97         padding: 10px;
  98         margin: 4px;
  99 }
 100
 101
 102 form input[id],select#myroles {
 103         margin: 4px 0;
 104         width: 150%;
 105 }
 106
 107 form label {
 108         margin: 4px 0;
 109 }
 110
 111 form label[required] {
 112         color: red;
 113 }
 114
 115 form input[type=submit], form input[type=reset] {
 116         font-size: 1.0em;
 117         margin: 12px 0 0px 0;
 118         color: #F13099;
 119 }
 120
 121 p.preamble, p.notfound,.expedite_request {
 122         display: block;
 123         margin: 30px 0px 10px 0px;
 124         font: italic bold 20px/30px Georgia, serif;
 125         font-size: 110%;
 126         color: #0079B8;
 127 }
 128 .expedite_request {
 129         margin-top: 0;
 130         color: #FF7241;
 131 }
 132
 133 .subtext {
 134         margin-left: 10px;
 135         font-size: 75%;
 136         font-style: italic;
 137 }
 138
 139 #Pages a {
 140         display:block;
 141         font-weight:bold;
 142         color:#FFFFFF;
 143         background-color:#80C337;
 144         text-decoration:none;
 145         border-top-right-radius: .8em;
 146         border-bottom-right-radius: .8em;
 147         border-top-left-radius: .2em;
 148         border-bottom-left-radius: .2em;
 149         padding: 3px 40px 3px 10px;
 150         margin: 4px;
 151         width: 50%;
 152 }
 153
 154 #footer {
 155         background-color: #FF7200;
 156         color: #FFFFFF;
 157         text-align:right;
 158         font-size: 60%;
 159         padding: 5px;
 160         position:fixed;
 161         bottom: 0px;
 162         left: 0px;
 163         right: 0px;
 164 }
 165
 166 /*
 167   Standard Table, with Alternating Colors
 168 */
 169 div.std {
 170         vertical-align: top;
 171 }
 172
 173 div.std table, div.stdform table {
 174         position: relative;
 175         border-collapse:collapse;
 176         table-layout:auto;
 177         left: 1.3%;
 178         width: 98%;
 179         margin-top: 5px;
 180         bottom: 4px;
 181         border-radius: 4px;
 182 }
 183
 184 div.std td, div.stdform td {
 185         font-size:.9em;
 186 }
 187
 188 .center {
 189         text-align: center;
 190 }
 191
 192 .right {
 193         text-align: right;
 194         padding-right: 4px;
 195 }
 196
 197 p.double {
 198         line-height: 2em;
 199 }
 200
 201 p.api_comment {
 202         font-size: .9em;
 203         text-indent: 6px;
 204 }
 205
 206 p.api_contentType {
 207         font-size: .8em;
 208         text-indent: 6px;
 209 }
 210
 211 p.api_label {
 212         font-size: .9em;
 213         font-style: italic;
 214 }
 215
 216 div.std h1, div.std h2, div.std h3, div.std h4, div.std h5 {
 217         text-indent: 7px;
 218 }
 219
 220 div.std td {
 221         border:1px solid #A6C9E2;
 222 }
 223
 224 div.std th, div.stdform th {
 225         background-color:#6FA7D1;
 226         color:#FFFFFF;
 227         }
 228
 229 div.std tr.alt, div.stdform tr.alt {
 230         background-color:#DFEFFC;
 231 }
 232
 233 div.std a, div.stdform a {
 234         /*color: #606060;*/
 235         color: #147AB3;
 236 }
 237
 238 td.head {
 239         font-weight:bold;
 240         text-align: center;
 241 }
 242
 243 td.head a {
 244         color:blue;
 245 }
 246
 247 /*
 248   A Table representing 1 or more columns of text, i.e. Detail lists
 249 */
 250 div.detail table {
 251         width: 100%;
 252 }
 253
 254 div.detail caption {
 255         border-bottom: solid 1px #C0C0C0;
 256 }
 257
 258 /*
 259         Approval Form select all
 260
 261 */
 262 .selectAllButton {
 263         background: transparent;
 264         border:none;
 265         color:blue;
 266         text-decoration:underline;
 267         font-weight:bold;
 268         cursor:pointer;
 269 }
 270
 271
 272 /*
 273         Begin Web Command Styling
 274 */
 275 #console_and_options {
 276         position:relative;
 277 }
 278
 279 .maximized {
 280         position:absolute;
 281         top:0px;
 282         bottom:50px;
 283         left:0px;
 284         right:0px;
 285         z-index:1000;
 286         background-color:white;
 287 }
 288
 289 #console_area {
 290         -webkit-border-radius: 15px;
 291         -moz-border-radius: 15px;
 292         border-radius: 15px;
 293         background-color: black;
 294         color: white;
 295         font-family: "Lucida Console", Monaco, monospace;
 296         overflow-y: scroll;
 297         height: 300px;
 298         min-width: 600px;
 299         padding: 5px;
 300         resize: vertical;
 301 }
 302
 303 .command,.bold {
 304         font-weight: bold;
 305 }
 306
 307 .command:before {
 308         content: "> ";
 309 }
 310
 311 .response{
 312         font-style: italic;
 313         font-size: 150%;
 314 }
 315
 316 #input_area {
 317         margin-top: 10px;
 318         clear: both;
 319 }
 320
 321 #command_field, #submit {
 322         font-size: 125%;
 323         background-color: #333333;
 324         color: white;
 325         font-family: "Lucida Console", Monaco, monospace;
 326         -webkit-border-radius: 1em;
 327         -moz-border-radius: 1em;
 328         border-radius: 1em;
 329 }
 330
 331 #command_field {
 332         width: 75%;
 333         padding-left: 1em;
 334 }
 335
 336 #submit {
 337         background-color: #80C337;
 338         padding: 0 5%;
 339         float: right;
 340 }
 341
 342 /*
 343         Options Menu Styling for Web Command
 344 */
 345 #options_link {
 346         -webkit-border-radius: 0 0 20% 20%;
 347         -moz-border-radius: 0 0 20% 20%;
 348         border-radius: 0 0 20% 20%;
 349         -webkit-transition: opacity 0.5s ease-in-out;
 350         -moz-transition: opacity 0.5s ease-in-out;
 351         -ms-transition: opacity 0.5s ease-in-out;
 352         -o-transition: opacity 0.5s ease-in-out;
 353         transition: opacity 0.5s ease-in-out;
 354 }
 355
 356 .closed {
 357         opacity: 0.5;
 358         filter: alpha(opacity=50);
 359 }
 360
 361 #options_link:hover, .open {
 362         opacity: 1.0;
 363         filter: alpha(opacity=100);
 364 }
 365
 366 #options_link, #options {
 367         background: white;
 368         position:absolute;
 369         top:0;
 370         right:2em;
 371         padding:0.1em;
 372 }
 373
 374 #options > img {
 375         cursor: pointer;
 376         float: right;
 377         padding: 0.2em;
 378 }
 379
 380 .selected {
 381         border: 3px solid orange;
 382 }
 383
 384 #options, #text_slider {
 385         display:none;
 386         padding:0.5em;
 387         -webkit-border-radius: 0 0 0 10px;
 388         -moz-border-radius: 0 0 0 10px;
 389         border-radius: 0 0 0 10px;
 390 }
 391 #text_slider {
 392         clear:both;
 393 }
 394
 395 /*
 396         Button styling for changing text size
 397 */
 398 .change_font {
 399         border-top: 1px solid #96d1f8;
 400         background: #65a9d7;
 401         background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
 402         background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
 403         background: -moz-linear-gradient(top, #3e779d, #65a9d7);
 404         background: -ms-linear-gradient(top, #3e779d, #65a9d7);
 405         background: -o-linear-gradient(top, #3e779d, #65a9d7);
 406         padding: 0 2px;
 407         -webkit-border-radius: 50%;
 408         -moz-border-radius: 50%;
 409         border-radius: 50%;
 410         -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
 411         -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
 412         box-shadow: rgba(0,0,0,1) 0 1px 0;
 413         text-shadow: rgba(0,0,0,.4) 0 1px 0;
 414         color: white;
 415         font-size: 14px;
 416         font-family: monospace;
 417         text-decoration: none;
 418         vertical-align: middle;
 419 }
 420 .change_font:hover {
 421         border-top-color: #28597a;
 422         background: #28597a;
 423         color: #ccc;
 424 }
 425
 426 /*
 427         Text Size Slider styling
 428 */
 429
 430 input[type=range] {
 431   -webkit-appearance: none;
 432   width: 60%;
 433   margin: 0;
 434 }
 435 input[type=range]:focus {
 436   outline: none;
 437 }
 438 input[type=range]::-webkit-slider-runnable-track {
 439   width: 100%;
 440   height: 4px;
 441   cursor: pointer;
 442   box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
 443   background: #3071a9;
 444   border-radius: 0.6px;
 445   border: 0.5px solid #010101;
 446 }
 447 input[type=range]::-webkit-slider-thumb {
 448   box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
 449   border: 1px solid #000000;
 450   height: 16px;
 451   width: 16px;
 452   border-radius: 30px;
 453   background: #efffff;
 454   cursor: pointer;
 455   -webkit-appearance: none;
 456   margin-top: -7.15px;
 457 }
 458 input[type=range]:focus::-webkit-slider-runnable-track {
 459   background: #367ebd;
 460 }
 461 input[type=range]::-moz-range-track {
 462   width: 100%;
 463   height: 2.7px;
 464   cursor: pointer;
 465   box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
 466   background: #3071a9;
 467   border-radius: 0.6px;
 468   border: 0.5px solid #010101;
 469 }
 470 input[type=range]::-moz-range-thumb {
 471   box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
 472   border: 1px solid #000000;
 473   height: 16px;
 474   width: 16px;
 475   border-radius: 30px;
 476   background: #efffff;
 477   cursor: pointer;
 478 }
 479 input[type=range]::-ms-track {
 480   width: 100%;
 481   height: 2.7px;
 482   cursor: pointer;
 483   background: transparent;
 484   border-color: transparent;
 485   color: transparent;
 486 }
 487 input[type=range]::-ms-fill-lower {
 488   background: #2a6495;
 489   border: 0.5px solid #010101;
 490   border-radius: 1.2px;
 491   box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
 492 }
 493 input[type=range]::-ms-fill-upper {
 494   background: #3071a9;
 495   border: 0.5px solid #010101;
 496   border-radius: 1.2px;
 497   box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
 498 }
 499 input[type=range]::-ms-thumb {
 500   box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
 501   border: 1px solid #000000;
 502   height: 16px;
 503   width: 16px;
 504   border-radius: 30px;
 505   background: #efffff;
 506   cursor: pointer;
 507   height: 2.7px;
 508 }
 509 input[type=range]:focus::-ms-fill-lower {
 510   background: #3071a9;
 511 }
 512 input[type=range]:focus::-ms-fill-upper {
 513   background: #367ebd;
 514 }
 515 .expired {
 516         color: red;
 517         background-color: pink;
 518 }
 519 .blank_line {
 520         padding: 10px;
 521 }
 522 #filterByUser input {
 523         display: inline;
 524 }