| 1 | /* prototip.css : http://www.nickstakenburg.com/projects/prototip */
|
|---|
| 2 | .prototip { position: absolute; }
|
|---|
| 3 | .prototip .effectWrapper,
|
|---|
| 4 | .prototip .tooltip,
|
|---|
| 5 | .prototip .toolbar,
|
|---|
| 6 | .prototip .toolbar .title { position: relative; }
|
|---|
| 7 | .prototip .content { clear: both; }
|
|---|
| 8 | .prototip .toolbar a.close {
|
|---|
| 9 | position: relative;
|
|---|
| 10 | text-decoration: none;
|
|---|
| 11 | float: right;
|
|---|
| 12 | width: 15px;
|
|---|
| 13 | height: 15px;
|
|---|
| 14 | background: transparent url(close.gif);
|
|---|
| 15 | display: block;
|
|---|
| 16 | line-height: 0;
|
|---|
| 17 | font-size: 0px;
|
|---|
| 18 | border: 0;
|
|---|
| 19 | }
|
|---|
| 20 | .prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }
|
|---|
| 21 |
|
|---|
| 22 | .prototipLoader {
|
|---|
| 23 | position: absolute;
|
|---|
| 24 | top: -1000px;
|
|---|
| 25 | left: -1000px;
|
|---|
| 26 | background: url(prototip_loader.gif);
|
|---|
| 27 | height: 14px;
|
|---|
| 28 | width: 14px;
|
|---|
| 29 | }
|
|---|
| 30 |
|
|---|
| 31 | .iframeShim {
|
|---|
| 32 | position: absolute;
|
|---|
| 33 | border: 0;
|
|---|
| 34 | margin: 0;
|
|---|
| 35 | padding: 0;
|
|---|
| 36 | background: none;
|
|---|
| 37 | }
|
|---|
| 38 |
|
|---|
| 39 | /* Prototip styles */
|
|---|
| 40 | .prototip .default { width: 150px; color: #fff; }
|
|---|
| 41 | .prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
|
|---|
| 42 | .prototip .default .title { padding: 5px; }
|
|---|
| 43 | .prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}
|
|---|
| 44 |
|
|---|
| 45 | .prototip .pinktip { border: 5px solid #a1a1a1; }
|
|---|
| 46 | .prototip .pinktip .toolbar { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
|
|---|
| 47 | .prototip .pinktip .title { padding: 5px; }
|
|---|
| 48 | .prototip .pinktip .content { background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
|
|---|
| 49 |
|
|---|
| 50 | .prototip .darktip { width: 250px; border: 5px solid #a1a1a1; }
|
|---|
| 51 | .prototip .darktip .toolbar { background: #606060; color: #fff; font: italic 17px Georgia, serif; }
|
|---|
| 52 | .prototip .darktip .toolbar a.close { background: url(close_hover.gif);}
|
|---|
| 53 | .prototip .darktip .toolbar a.close:hover { background: url(close.gif);}
|
|---|
| 54 | .prototip .darktip .title { padding: 5px;}
|
|---|
| 55 | .prototip .darktip .content { background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
|
|---|
| 56 |
|
|---|
| 57 | .prototip .silver { width: 300px; border: 5px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
|
|---|
| 58 | .prototip .silver .toolbar { background: #2e2e2e; color: #fff; font-weight: bold; }
|
|---|
| 59 | .prototip .silver .toolbar a.close:hover { background: url(close_hover_red.gif);}
|
|---|
| 60 | .prototip .silver .title { padding: 5px; }
|
|---|
| 61 | .prototip .silver .content { background: #fff; color: #666666; padding: 5px;}
|
|---|
| 62 |
|
|---|
| 63 | .protoClassic { width: 300px; border: 5px solid #8c939c; }
|
|---|
| 64 | .protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
|
|---|
| 65 | .protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
|
|---|
| 66 | .protoClassic .title { padding: 5px; }
|
|---|
| 67 | .protoClassic .content { background: #fff; color: #333333;font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
|
|---|
