test/XmlXsltTest/pettanr.css

   1 @charset "utf-8";\r
   2 \r
   3 /*  \r
   4 --------------------------------------------------------------------------------------*/\r
   5         * html body {\r
   6                 _text-align:    center; /* ie5.5 */\r
   7         }\r
   8         \r
   9         h1, h2, .author {\r
  10                 text-align:             center;\r
  11         }       \r
  12         \r
  13         #panelContainer {\r
  14                 margin:                 0 auto;\r
  15                 _text-align:    left; /* ie5.5+6 */\r
  16                 \r
  17         }\r
  18         #footer {\r
  19                 padding-top:    1em;\r
  20                 border-top:             1px solid #666;\r
  21                 color:                  #666;\r
  22                 text-align:             center;\r
  23         }\r
  24         \r
  25         a img {\r
  26                 border:                 0;                                                      \r
  27         }                                               \r
  28 \r
  29 /*  Panel\r
  30 --------------------------------------------------------------------------------------*/\r
  31         .panel-wrapper {\r
  32                 margin:                 10px 0;\r
  33                 position:               relative;\r
  34         }\r
  35                 .panel {\r
  36                         border:                 2px solid #333;\r
  37                         overflow:               hidden;\r
  38                         position:               relative;\r
  39                         top:                    0;\r
  40                         left:                   0;\r
  41                 }\r
  42                         .panel img,\r
  43                         .panel .speach {\r
  44                                 position:               absolute;\r
  45                                 margin:                 0;\r
  46                         }\r
  47                         \r
  48 /*  Panel > speach\r
  49 --------------------------------------------------------------------------------------*/\r
  50                         .speach {\r
  51                                 text-align:                     center;\r
  52                                 display:                        table;\r
  53                         }\r
  54                                 .speach span {\r
  55                                         display:                table-cell;\r
  56                                         vertical-align: middle;\r
  57                                         padding:                16.66%;\r
  58                                 }\r
  59                         \r
  60                 /* fix for ie */        \r
  61                         .speach table,\r
  62                         .speach tbody,\r
  63                         .speach tr,\r
  64                         .speach td {\r
  65                                 width:                          100%;\r
  66                                 height:                         100%;\r
  67                                 border:                         0;\r
  68                                 padding:                        0;\r
  69                                 margin:                         0;\r
  70                                 text-align:                     center;\r
  71                                 vertical-align:         middle;\r
  72                         }\r
  73                         .speach td {\r
  74                                 padding:                        16.66%;\r
  75                         }\r
  76                                 \r
  77 \r
  78 /*  Panel > tooltip contain Image's Title & Author\r
  79 --------------------------------------------------------------------------------------*/\r
  80                 .tooltip-container {\r
  81                         font-size:                      12px;\r
  82                         position:                       absolute;\r
  83                         top:                            0;\r
  84                         left:                           0;\r
  85                         *width:                         200%; /* ie7 */\r
  86                         _width:                         200%; /* ie5.5+6 */\r
  87                 }\r
  88                         .tooltip {\r
  89                                 position:                               absolute;\r
  90                                 color:                                  #999;\r
  91                                 background-color:               rgba( 255, 255, 255, 0.8);\r
  92                                 border:                                 1px solid #999;\r
  93                                 padding:                                1em 2em;\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
 102                         }\r
 103                         .image-shadow {\r
 104                                 position:                               absolute;\r
 105                                 margin:                                 0;\r
 106                         }\r
 107                         \r
 108                 /* fix for ie */\r
 109                         .tooltip {\r
 110                                 *background-color:              #fff;\r
 111                                 _background-color:              #fff;           \r
 112                         }\r
 113                         html>/**/body .tooltip {  \r
 114                                 background-color/*\**/: #fff\9;  /* ie8(ie8 mode) */\r
 115                         }\r
 116         \r
 117         /* hover */\r
 118                 .tooltip-container a:hover,                     \r
 119                 .tooltip-container:hover {\r
 120                         z-index:                                        9999;\r
 121                         _zoom:                                          1; /* ie5.5+6 */\r
 122                 }\r
 123                         .tooltip-container a:hover .image-shadow,\r
 124                         .tooltip-container:hover .image-shadow {\r
 125                                 border:                                 2px solid #666;\r
 126                         }\r
 127                         .tooltip-container a:hover .tooltip,                            \r
 128                         .tooltip-container:hover .tooltip {\r
 129                                 background-color:               #ffc;\r
 130                                 border-color:                   #333;\r
 131                                 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
 136                         }\r
 137 \r
 138         /* fix for ie */\r
 139                 .tooltip-container a {\r
 140                         text-decoration:                        none; /* ie6 */\r
 141                         color:                                          #333; /* ie6 */                                         \r
 142                 }                                               \r
 143         \r
 144                 .tooltip-container table,\r
 145                 .tooltip-container tbody,\r
 146                 .tooltip-container tr,\r
 147                 .tooltip-container td {\r
 148                         width:                  100%;\r
 149                         height:                 100%;\r
 150                         border:                 0;\r
 151                         padding:                0;\r
 152                         margin:                 0;\r
 153                         position:               relative; /* ie5.5でなぜかtooltipがhoverで消えるのを防ぐ */\r
 154                 }                                       \r