1 | 1 | unreal | * { |
2 | | | margin: 0; |
3 | | | padding: 0; |
4 | | | } |
5 | | | html, body { |
6 | | | width: 100%; |
7 | | | height: 100%; |
8 | | | } |
9 | 12 | unreal | body { |
10 | | | background: #d4d0c8; |
11 | | | } |
12 | 1 | unreal | h1 { |
13 | | | font: 16pt verdana; |
14 | | | margin: 0; |
15 | | | text-align: center; |
16 | 12 | unreal | padding-top: 5px; |
17 | 1 | unreal | } |
18 | | | .icon { |
19 | | | width: 70px; |
20 | | | height: 75px; |
21 | | | _height: 80px; |
22 | | | margin: 3px; |
23 | | | float: left; |
24 | | | text-align: center; |
25 | | | overflow: hidden; |
26 | | | } |
27 | | | .icon2 { |
28 | | | width: 100px; |
29 | | | height: 115px; |
30 | | | _height: 120px; |
31 | | | margin: 3px; |
32 | | | float: left; |
33 | | | text-align: center; |
34 | | | overflow: hidden; |
35 | | | } |
36 | | | .icon a, .icon2 a, .tree a, #copy, #copy a, .group { |
37 | | | font: 8pt verdana; |
38 | | | text-decoration: none; |
39 | | | } |
40 | | | .icon a, .icon2 a { |
41 | | | color: black; |
42 | | | } |
43 | 14 | unreal | .icon a:hover, .icon2 a:hover { |
44 | | | text-decoration: underline; |
45 | | | } |
46 | | | .group { |
47 | | | float: left; |
48 | | | margin-left: 4px; |
49 | | | margin-bottom: 3px; |
50 | | | } |
51 | 1 | unreal | #copy { |
52 | | | text-align: right; |
53 | 12 | unreal | padding-bottom: 8px; |
54 | 1 | unreal | } |
55 | | | .title, .title a { |
56 | | | display: block; |
57 | | | font: 10pt verdana; |
58 | 12 | unreal | margin: 15px 0px 0px; |
59 | 1 | unreal | background: #ffffff url('pozadi/bg_blue.jpg') repeat-x; |
60 | | | color: #000000; |
61 | | | padding: 2px; |
62 | | | padding-left: 5px; |
63 | | | text-decoration: none; |
64 | | | } |
65 | | | .cloudip { |
66 | | | font-size: 11pt; |
67 | | | font-weight: bold; |
68 | | | } |
69 | | | .smallicon { |
70 | | | padding-left: 5px; |
71 | | | color: black; |
72 | 14 | unreal | margin: 5px 0; |
73 | | | _margin: 3px 0; |
74 | 1 | unreal | } |
75 | | | .smallicon a { |
76 | 14 | unreal | color: black; |
77 | 1 | unreal | } |
78 | 14 | unreal | .smallicon a img { |
79 | | | margin-right: 6px; |
80 | | | vertical-align: top; |
81 | | | } |
82 | | | .smallicon a span { |
83 | | | display: inline-block; |
84 | | | width: 150px; |
85 | | | padding-top: 1px; |
86 | | | word-wrap: break-word; |
87 | | | cursor: pointer; |
88 | | | line-height: 1.3em; |
89 | | | } |
90 | | | .smallicon a:hover span { |
91 | | | text-decoration: underline; |
92 | | | } |
93 | | | |
94 | 1 | unreal | .nomargin { |
95 | 14 | unreal | margin: 0; |
96 | | | padding-top: 0; |
97 | 1 | unreal | } |
98 | | | hr { |
99 | | | height: 1px; |
100 | 14 | unreal | color: #fe8710; |
101 | | | background-color: #fe8710; |
102 | 1 | unreal | border: 0px none; |
103 | | | margin: 0.2em 0; |
104 | | | } |
105 | | | .tree { |
106 | | | width: 200px; |
107 | | | float: left; |
108 | | | _margin-right: -3px; |
109 | | | overflow: auto; |
110 | | | border-top: 2px solid #b2b2b2; |
111 | | | border-left: 2px solid #b2b2b2; |
112 | 14 | unreal | border-right: 2px solid #444444; |
113 | | | border-bottom: 2px solid #444444; |
114 | 1 | unreal | background-color: #ffffff; |
115 | | | height: 65%; |
116 | | | } |
117 | | | .items { |
118 | | | background-color: #ffffff; |
119 | | | overflow: auto; |
120 | | | border-top: 2px solid #b2b2b2; |
121 | | | border-left: 2px solid #b2b2b2; |
122 | 14 | unreal | border-right: 2px solid #444444; |
123 | | | border-bottom: 2px solid #444444; |
124 | 1 | unreal | height: 65%; |
125 | | | } |
126 | | | .detail { |
127 | | | font: 8pt verdana; |
128 | | | background-color: #ffffff; |
129 | | | border-top: 2px solid #b2b2b2; |
130 | | | border-left: 2px solid #b2b2b2; |
131 | 14 | unreal | border-right: 2px solid #444444; |
132 | | | border-bottom: 2px solid #444444; |
133 | 1 | unreal | } |
134 | | | .detail .contents { |
135 | | | padding: 5px; |
136 | | | } |
137 | | | .detail .contents a { |
138 | 14 | unreal | color: #fe8710; |
139 | 1 | unreal | text-decoration: none; |
140 | | | } |
141 | | | .detail .contents a:hover, .title a:hover, .tree a:hover, .icon a:hover { |
142 | | | text-decoration: underline; |
143 | | | } |
144 | | | .det { |
145 | | | border: 0px none; |
146 | 14 | unreal | margin: 0; |
147 | 1 | unreal | clear: both; |
148 | | | } |
149 | | | .icon_det { |
150 | | | float: left; |
151 | | | padding: 10px 17px 10px 10px; |
152 | | | position: absolute; |
153 | | | } |
154 | | | .info_det { |
155 | 12 | unreal | padding-left: 60px; |
156 | 1 | unreal | padding-bottom: 2px; |
157 | | | } |
158 | 12 | unreal | .info_cut { |
159 | 1 | unreal | clear: both; |
160 | | | } |
161 | 12 | unreal | .sizer { |
162 | 14 | unreal | border: 0px none; |
163 | | | margin: 0; |
164 | | | padding: 0; |
165 | 1 | unreal | float: none; |
166 | | | clear: both; |
167 | | | width: 0px; |
168 | | | height: 0px; |
169 | | | line-height: 0px; |
170 | | | font-size: 0px; |
171 | 12 | unreal | } |
172 | | | .info { |
173 | 14 | unreal | background-color: #ffffff; |
174 | 12 | unreal | margin-left: 10px; |
175 | | | margin-right: 10px; |
176 | | | } |
177 | | | .pad { |
178 | | | padding-left: 7px; |
179 | | | padding-bottom: 2px; |
180 | 14 | unreal | border: 1px solid #c0c0c0; |
181 | 1 | unreal | } |