Also apply the __toString fix to UserInfo
[cacert-mgr.git] / external / ZendFramework-1.9.5 / externals / dojo / demos / faces / demo.css
1
2 /* these are the core requirements: */
3 @import "../resources/demos.css";
4
5 @import "../../dijit/themes/dijit.css";
6
7 /* custom styling: dojo.block() function */
8 .dojoBlockOverlay {
9 background:#000 url('resources/loading.gif') no-repeat center center;
10 z-index:999;
11 position:absolute;
12 top:0; left:0;
13 }
14
15 /* all page styles: */
16 body {
17 background-color: #fff;
18 }
19
20 /* core styles for each region in the flip box */
21 #hair { height:120px; width:230px; background-position:0 0; }
22 #eyes { height:94px; width:230px; background-position:0 -118px; }
23 #mouth { height:112px; width:230px; background-position:0 -211px; }
24
25 /* make the flipbox exactly the right size to prevent click bleeding */
26 #flipper,
27 #flipper div {
28 width:230px;
29 z-index:990;
30 zoom:1;
31 }
32
33 /* the main content area */
34 #bodyWrap {
35 margin:0 auto;
36 width:745px;
37 background:#ccc;
38 padding:15px;
39 -moz-border-radius:8pt;
40 }
41
42 /* offset the faceContainer within the bodyWrap node */
43 #faceContainer {
44 width:230px;
45 z-index:990;
46 zoom: -1;
47 float:left;
48 margin-right:15px;
49 }
50
51 .container {
52 width:230px;
53 }
54
55 /* this is visible when the webcam code gets enabled */
56 #photoShoot {
57 display:none;
58 position:absolute;
59 top:0;
60 width:230px;
61 height:326px;
62 }
63
64 /* a convenience class to remove from a node to show it */
65 .invisible {
66 display:none;
67 }
68
69 /* a conveince div, set way offscreen for temporarily holding content */
70 #offScreen {
71 position:absolute;
72 top:-9999px;
73 left:-9999px;
74 visibility:hidden;
75 }
76
77 #thumbnails {
78 height:295px;
79 overflow:auto;
80 padding:15px;
81 border:1px solid #ededed;
82 background:#fff;
83 position:relative;
84 }
85 .clan li.thumbnail { float:left; padding-right:7px; }
86 .clan ul {
87 list-style-type:none;
88 margin:0; padding:0;
89 }
90 .clan ul a img { border:0; }
91
92 .clan { clear:both; }
93
94 #thumbnails .clan h2 {
95 margin:0; padding:0;
96 color:#666;
97 }
98
99 #contentArea {
100 display:none;
101 }
102
103 #footer { padding-bottom:20px !important; }
104
105 #saveAs {
106 margin-top:10px;
107 line-height:1.3em;
108 cursor:pointer;
109 padding:9px;
110 color:#fff;
111 font-weight:bold;
112 background:#455058;
113 border:1px solid #ccc;
114 }
115 #saveAs:hover {
116 color:#455058;
117 background:#DFE8EE;
118 }
119
120 h2 a { text-decoration:none; color:#455058; cursor:pointer; margin-bottom:8px; }
121 h2 a:link { text-decoration:none; color:#455058; }
122 h2 a:visited { text-decoration:none; color:#455058; }
123 h2 a:hover { text-decoration:none; color:#000; }
124 h2 a:active { color:#000; }
125
126 .clan ul { margin-top:4px; }