4 --------------------------------------------------------------------------------------*/
\r
6 _text-align: center; /* ie5.5 */
\r
15 _text-align: left; /* ie5.5+6 */
\r
20 border-top: 1px solid #666;
\r
30 --------------------------------------------------------------------------------------*/
\r
36 border: 2px solid #333;
\r
49 --------------------------------------------------------------------------------------*/
\r
55 display: table-cell;
\r
56 vertical-align: middle;
\r
71 vertical-align: middle;
\r
78 /* Panel > tooltip contain Image's Title & Author
\r
79 --------------------------------------------------------------------------------------*/
\r
80 .tooltip-container {
\r
85 *width: 200%; /* ie7 */
\r
86 _width: 200%; /* ie5.5+6 */
\r
91 background-color: rgba( 255, 255, 255, 0.8);
\r
92 border: 1px solid #999;
\r
94 border-radius: 10px;
\r
95 -moz-border-radius: 10px;
\r
96 -opera-border-radius: 10px;
\r
97 -webkit-border-radius: 10px;
\r
98 box-shadow: 2px 2px 1px #999;
\r
99 -moz-box-shadow: 2px 2px 1px #999;
\r
100 -opera-box-shadow: 2px 2px 1px #999;
\r
101 -webkit-box-shadow: 2px 2px 1px #999;
\r
104 position: absolute;
\r
110 *background-color: #fff;
\r
111 _background-color: #fff;
\r
113 html>/**/body .tooltip {
\r
114 background-color/*\**/: #fff\9; /* ie8(ie8 mode) */
\r
118 .tooltip-container a:hover,
\r
119 .tooltip-container:hover {
\r
121 _zoom: 1; /* ie5.5+6 */
\r
123 .tooltip-container a:hover .image-shadow,
\r
124 .tooltip-container:hover .image-shadow {
\r
125 border: 2px solid #666;
\r
127 .tooltip-container a:hover .tooltip,
\r
128 .tooltip-container:hover .tooltip {
\r
129 background-color: #ffc;
\r
130 border-color: #333;
\r
132 box-shadow: 2px 2px 3px #666;
\r
133 -moz-box-shadow: 2px 2px 3px #666;
\r
134 -opera-box-shadow: 2px 2px 3px #666;
\r
135 -webkit-box-shadow: 2px 2px 3px #666;
\r
139 .tooltip-container a {
\r
140 text-decoration: none; /* ie6 */
\r
141 color: #333; /* ie6 */
\r
144 .tooltip-container table,
\r
145 .tooltip-container tbody,
\r
146 .tooltip-container tr,
\r
147 .tooltip-container td {
\r
153 position: relative; /* ie5.5でなぜかtooltipがhoverで消えるのを防ぐ */
\r