| author | ymh <ymh.work@gmail.com> |
| Wed, 01 Sep 2010 09:50:05 +0200 | |
| changeset 40 | 509e30b9f5c9 |
| parent 39 | da2f0d5221d8 |
| child 42 | 71c93982463f |
| permissions | -rw-r--r-- |
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
1 |
@charset "UTF-8"; |
| 0 | 2 |
|
| 39 | 3 |
.titlediv { |
4 |
margin: 0px 0px 25px 0px; |
|
| 0 | 5 |
} |
6 |
||
7 |
||
8 |
.ldt_player_code { |
|
9 |
width: 580px; |
|
10 |
overflow: auto; |
|
11 |
border-style: inset; |
|
12 |
border: 1px solid silver; |
|
13 |
margin: 10px 5px; |
|
14 |
padding: 2px; |
|
15 |
} |
|
16 |
||
| 39 | 17 |
.projectscontentstitle { |
18 |
color: #949494; |
|
19 |
font-family: Verdana; |
|
20 |
font-weight: lighter; |
|
21 |
font-size: 2.5em; |
|
22 |
font-style: normal; |
|
23 |
text-align: left; |
|
24 |
} |
|
25 |
||
26 |
.searchfielddiv { |
|
27 |
top: 50%; |
|
28 |
margin-top: 12px; |
|
29 |
} |
|
30 |
||
31 |
.searchfield { |
|
32 |
border: 1px solid #b8b8b8; |
|
33 |
-moz-border-radius: 15px; |
|
34 |
border-radius: 15px; |
|
35 |
padding: 2px 5px; |
|
36 |
} |
|
37 |
||
38 |
.searchfield img { |
|
39 |
vertical-align: top; |
|
40 |
} |
|
41 |
||
42 |
.searchfieldinput { |
|
43 |
color: graytext; |
|
44 |
font-style: italic; |
|
45 |
} |
|
46 |
||
47 |
||
48 |
.searchfieldinputbase { |
|
49 |
background: #ffffff url("../img/search.gif") no-repeat left center; |
|
50 |
border: none; |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
51 |
width: 99px; |
| 39 | 52 |
height: 14px; |
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
53 |
margin: 0px 2px 0px 0px; |
| 39 | 54 |
vertical-align: top; |
55 |
padding-left: 20px; |
|
56 |
} |
|
57 |
||
58 |
||
59 |
.projectscontentsdiv { |
|
60 |
overflow: auto; |
|
61 |
} |
|
62 |
||
63 |
/* Reset overflow value to hidden for all non-IE browsers. */ |
|
64 |
html>body div.projectscontentsdiv { |
|
65 |
overflow: hidden; |
|
66 |
width: 470px; |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
67 |
height: 570px; |
|
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
68 |
|
| 39 | 69 |
} |
70 |
div.projectscontentsdiv table { |
|
71 |
float: left; |
|
72 |
width: 470px; |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
73 |
height: 100%; |
| 39 | 74 |
} |
75 |
||
76 |
div.projectscontentsdiv td, div.projectscontentsdiv th { |
|
77 |
/*border: 1px solid #000000;*/ |
|
78 |
} |
|
79 |
||
80 |
tr.projectscontentsoddline { |
|
81 |
background: #ededed; |
|
82 |
} |
|
83 |
||
84 |
tr.projectscontentsevenline { |
|
85 |
background: white; |
|
86 |
} |
|
87 |
||
88 |
||
89 |
thead.projectscontentsheader tr { |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
90 |
position: relative; |
| 39 | 91 |
} |
92 |
||
93 |
tfoot.projectscontentsfooter tr { |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
94 |
position: relative; |
| 39 | 95 |
} |
96 |
||
97 |
/* make the TH elements pretty */ |
|
98 |
thead.projectscontentsheader th { |
|
99 |
background: #b5b5b5; |
|
100 |
font-weight: bold; |
|
101 |
text-transform:capitalize; |
|
102 |
color: white; |
|
103 |
padding: 1px 2px; |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
104 |
text-align: left; |
| 39 | 105 |
} |
106 |
||
107 |
#contentsheader th { |
|
108 |
width: 44px; |
|
109 |
} |
|
110 |
||
111 |
#contentsheader th + th { |
|
112 |
width: 411px; |
|
113 |
padding: 1px 10px 1px 5px; |
|
114 |
} |
|
115 |
||
116 |
||
117 |
#projectsheader th { |
|
118 |
width: 88px; |
|
119 |
} |
|
120 |
||
121 |
#projectsheader th + th { |
|
122 |
width: 367px; |
|
123 |
padding: 1px 10px 1px 5px; |
|
124 |
} |
|
125 |
||
126 |
tbody .contenttitle { |
|
127 |
width: 411px; |
|
128 |
padding: 4px 10px 4px 5px; |
|
129 |
} |
|
130 |
||
131 |
tbody .projecttitle { |
|
132 |
width: 367px; |
|
133 |
padding: 4px 10px 4px 5px; |
|
134 |
} |
|
135 |
||
136 |
||
137 |
/* make the A elements pretty. makes for nice clickable headers */ |
|
138 |
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited { |
|
139 |
color: #FFF; |
|
140 |
display: block; |
|
141 |
text-decoration: none; |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
142 |
width: 100%; |
| 39 | 143 |
} |
144 |
|
|
145 |
/* make the A elements pretty. makes for nice clickable headers */ |
|
146 |
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x */ |
|
147 |
thead.fixedHeader a:hover { |
|
148 |
color: #FFF; |
|
149 |
display: block; |
|
150 |
text-decoration: underline; |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
151 |
width: 100%; |
| 39 | 152 |
} |
153 |
||
154 |
html>body thead.projectscontentsheader tr { |
|
155 |
display: block; |
|
156 |
} |
|
157 |
||
158 |
html>body tfoot.projectscontentsfooter tr { |
|
159 |
display: block; |
|
160 |
background: #8c8c8c; |
|
161 |
font-weight: bold; |
|
162 |
color: #ffffff; |
|
163 |
margin-top: 18px; |
|
164 |
font-size: 1.25em; |
|
165 |
font-style: normal; |
|
166 |
} |
|
167 |
||
168 |
html>body tbody.projectscontentsbody { |
|
169 |
display: block; |
|
170 |
overflow: auto; |
|
171 |
width: 100%; |
|
172 |
max-height: 500px; |
|
173 |
border-bottom: 2px solid #b5b5b5 ; |
|
174 |
} |
|
175 |
||
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
176 |
.projectscontentsbody tr { |
|
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
177 |
height: 26px; |
|
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
178 |
} |
| 39 | 179 |
|
180 |
.titlediv { |
|
181 |
vertical-align: middle; |
|
182 |
} |
|
183 |
||
184 |
||
185 |
.cellimg { |
|
186 |
width: 18px; |
|
187 |
text-align: center; |
|
188 |
padding: 4px 2px 4px 2px; |
|
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
189 |
cursor: pointer; cursor: hand; |
| 39 | 190 |
} |
191 |
||
192 |
.cellimgdiv { |
|
193 |
visibility: hidden; |
|
194 |
} |
|
195 |
||
|
40
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
196 |
.searchajaxloader { |
|
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
197 |
display: none; |
|
509e30b9f5c9
basic contents and projects display
ymh <ymh.work@gmail.com>
parents:
39
diff
changeset
|
198 |
} |
| 39 | 199 |