43 |
43 |
44 body { |
44 body { |
45 font-size: 10px; font-family: Arial, Helvetica, sans-serif; |
45 font-size: 10px; font-family: Arial, Helvetica, sans-serif; |
46 } |
46 } |
47 |
47 |
48 /*************************************************/ |
|
49 |
|
50 ul.Onglets { |
|
51 margin: 0 10px; text-align: left; |
|
52 } |
|
53 |
|
54 .Onglets li { |
|
55 display: inline-block; background: url(../img/barbgd.png); font-size: 14px; height: 15px; padding: 5px; |
|
56 border: 1px solid #cccccc; cursor: pointer; border-bottom: none; |
|
57 border-top-left-radius: 8px; border-top-right-radius: 8px; |
|
58 } |
|
59 |
|
60 .Onglets li.active, .Onglets li:hover { |
|
61 background-position: 0 -25px; |
|
62 } |
|
63 |
|
64 /************************************************/ |
48 /************************************************/ |
65 |
49 |
66 .Tl-Main { |
50 .Tl-Main { |
67 border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; text-align: left; |
51 font-family: Arial, Helvetica, sans-serif; text-align: left; |
|
52 position: relative; |
68 } |
53 } |
69 |
54 |
70 .Tl-TopBar { |
55 .Tl-TopBar { |
71 height: 25px; border-style: solid none; border-color: #ccc; border-width: 1px; |
56 height: 20px; width: 100%; |
72 background: url(../img/barbgd.png); |
|
73 } |
|
74 |
|
75 .Tl-TopBar-Button { |
|
76 float: left; background: url(../img/barbgd.png); cursor: pointer; |
|
77 } |
|
78 |
|
79 .Tl-TopBar-TextBtn { |
|
80 font-size: 12px; height: 15px; padding: 5px; |
|
81 } |
|
82 |
|
83 .Tl-TopBar-Button.active, .Tl-TopBar-Button:hover { |
|
84 background-position: 0 -25px; |
|
85 } |
57 } |
86 |
58 |
87 .Tl-Border-Right { |
59 .Tl-Border-Right { |
88 border-right: 1px solid #ccc; |
60 border-right: 1px solid #ccc; |
89 } |
61 } |
90 |
62 |
91 .Tl-Border-Left { |
63 .Tl-Border-Left { |
92 border-left: 1px solid #ccc; |
64 border-left: 1px solid #ccc; |
93 } |
65 } |
94 |
66 |
95 .Tl-TopBar-Spacer { |
|
96 float: left; height: 25px; width: 25px; |
|
97 } |
|
98 |
|
99 .Tl-TopBar-AddButton { |
|
100 width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -50px 0; |
|
101 } |
|
102 |
|
103 .Tl-TopBar-AddButton.active, .Tl-TopBar-AddButton:hover { |
|
104 background-position: -50px -25px; |
|
105 } |
|
106 |
|
107 .Tl-TopBar-PreviousButton { |
|
108 width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -100px 0; |
|
109 } |
|
110 |
|
111 .Tl-TopBar-PreviousButton.active, .Tl-TopBar-PreviousButton:hover { |
|
112 background-position: -100px -25px; |
|
113 } |
|
114 |
|
115 .Tl-TopBar-NextButton { |
|
116 width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -75px 0; |
|
117 } |
|
118 |
|
119 .Tl-TopBar-NextButton.active, .Tl-TopBar-NextButton:hover { |
|
120 background-position: -75px -25px; |
|
121 } |
|
122 |
|
123 .Tl-TopBar-SyncButton { |
|
124 width: 25px; height: 25px; background: url(../img/sprites.png); background-position: 0 0; |
|
125 } |
|
126 |
|
127 .Tl-TopBar-SyncButton.active, .Tl-TopBar-SyncButton:hover { |
|
128 background-position: 0 -25px; |
|
129 } |
|
130 |
|
131 .Tl-TopBar-TimeSpan { |
|
132 float: left; width: 140px; text-align: center; |
|
133 } |
|
134 |
|
135 .Tl-BottomPart { |
67 .Tl-BottomPart { |
136 position: relative; |
68 position: absolute; bottom: 0; left: 0; right: 0; |
137 } |
69 } |
138 |
70 |
139 .Tl-MainPart { |
71 .Tl-MainPart { |
140 position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc; overflow: hidden; |
72 position: absolute; right: 0; top: 0; bottom: 0; overflow: hidden; |
141 box-shadow: 0 0 20px #999999 inset |
|
142 } |
73 } |
143 |
74 |
144 .Tl-UniversLabels { |
75 .Tl-UniversLabels { |
145 list-style: none; margin: 0; padding: 0; border: none; |
76 list-style: none; margin: 0; padding: 0; border: none; |
|
77 font-size: 13px; |
|
78 } |
|
79 |
|
80 .Tl-UniversLabels li { |
|
81 position: relative; float: left; clear: both; width: 100%; |
|
82 } |
|
83 |
|
84 .Tl-UniversLabels li:before { |
|
85 content: "."; position: absolute; height: 1px; text-indent: -9999px; |
|
86 width: 100%; top: 0; background: #DEDEDE; |
|
87 } |
|
88 |
|
89 .Tl-UniversLabels li:after { |
|
90 content: "."; position: absolute; height: 0; text-indent: -9999px; |
|
91 width: 0; right: -8px; top: 50%; margin-top: -6px; |
|
92 border-top: 6px solid transparent; |
|
93 border-bottom: 6px solid transparent; |
|
94 border-left: 8px solid #ffffff; |
146 } |
95 } |
147 |
96 |
148 .Tl-UniversText { |
97 .Tl-UniversText { |
149 font-size: 13px; margin: 2px 0; |
98 margin-right: 2px; |
150 } |
|
151 |
|
152 .Tl-Layer { |
|
153 position: absolute; top: 0; left: 0; height: 100%; |
|
154 } |
99 } |
155 |
100 |
156 .Tl-Grid { |
101 .Tl-Grid { |
157 width: 100%; overflow: hidden; |
102 position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; |
|
103 background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ) |
158 } |
104 } |
159 |
105 |
160 .Tl-Grid-Column { |
106 .Tl-Grid-Column { |
161 position: absolute; top: 0; height: 100%; border-left: 1px solid #999; |
107 position: absolute; top: 10px; bottom: 0; border-left: 1px solid #999; |
162 } |
108 } |
163 /* |
109 /* |
164 .Tl-Grid-Major { |
110 .Tl-Grid-Major { |
165 z-index: 3; border-left: 1px solid #999; |
111 z-index: 3; border-left: 1px solid #999; |
166 } |
112 } |
167 */ |
113 */ |
168 .Tl-Grid-Label { |
114 .Tl-Grid-Label { |
169 position: absolute; height: 12px; bottom: 0; left: 1px; font-size: 10px; z-index: 4; width: 80px; |
115 position: absolute; height: 12px; top: -10px; left: 2px; font-size: 11px; z-index: 4; width: 80px; |
170 } |
116 } |
171 |
117 |
172 .Tl-Grid-Now { |
118 .Tl-Grid-Now { |
173 position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
119 position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
174 } |
120 } |