git.maemo.org Git - dtn/blob - www/DTN_Technical_Details/Media/iWPopUpSlideshow.css

   1 /*  (c) Copyright 2006 Apple Computer, Inc. All rights reserved.  */
   2
   3 body {
   4                 background:#000000;
   5                 text-align: center;
   6                 margin: 0px;
   7 }
   8
   9 ul { margin-top: 0px; padding-left: 18px; }
  10
  11 li { font-size: 11px; padding: 2px}
  12
  13 h4 { font-size: 12px; margin-bottom: 5px;}
  14
  15 img {
  16         border:0px;
  17         opacity: .999;
  18 }
  19
  20 a {text-decoration: none; color:#ffffff}
  21
  22 .caption {
  23         z-index:200;
  24         padding: 0px;
  25         text-align: center;
  26         color: #ffffff;
  27         font-family: Lucida Grande, Arial, Helvetica;
  28         font-size: 14px;
  29         font-weight: bold;
  30 }
  31
  32 #controls {
  33         position: absolute;
  34         top: 0px;
  35         z-index: 250;
  36         width: 176px;
  37         height: 77px;
  38         background: url(http://www.me.com/1/slideshow/images/controls.png) center center no-repeat;
  39         opacity: .80;
  40 }
  41
  42 #controlZone {
  43         position: absolute;
  44         z-index: 250;
  45         width: 100%;
  46         height: 177px;
  47         text-align:left;
  48         left: 0px;
  49         background: url(http://www.me.com/i/ma/1/spacer.gif) repeat;
  50 }
  51
  52 #playbutton {
  53         position: absolute;
  54         left: 60px;
  55         top: 0px;
  56         width: 55px;
  57         height: 77px;
  58 }
  59
  60
  61 #pausebutton {
  62         position: absolute;
  63         left: 60px;
  64         top: 0px;
  65         width: 55px;
  66         height: 77px;
  67 }
  68
  69 #forwardbutton {
  70         position: absolute;
  71         left: 115px;
  72         top: 0px;
  73         width: 47px;
  74         height: 77px;
  75         text-align:left;
  76 }
  77
  78 #backbutton {
  79         position: absolute;
  80         left: 12px;
  81         top: 0px;
  82         width: 47px;
  83         height: 77px;
  84         text-align:left;
  85 }
  86
  87
  88 #matte {
  89         position: relative;
  90         z-index:0;
  91         margin: 0px 100px 0px 100px;
  92         overflow: hidden;
  93         text-align: left;
  94 }
  95
  96 #frame {
  97         position: relative;
  98         margin: 0px auto 0px auto;
  99 }
 100
 101
 102 #slide {
 103         position:absolute;
 104         z-index:10;
 105         opacity: .999;
 106         }
 107
 108 #slide_reflect {
 109         position:absolute;
 110         z-index:10;
 111         opacity: .999;
 112         }
 113
 114 #topslide {
 115         position:absolute;
 116         z-index:100;
 117         opacity: .999;
 118         }
 119
 120 #topslide_reflect {
 121         position:absolute;
 122         z-index:100;
 123         opacity: .999;
 124         }
 125
 126
 127 #filter {
 128         position:absolute;
 129         z-index:95;
 130         visibility:hidden;
 131         }
 132
 133 #cache {
 134         position: absolute;
 135         visibility: hidden;
 136 }
 137
 138 #thumbnailPicker {
 139         position: absolute;
 140         top:0px;
 141         left: 30px;
 142         background-color: #1a1a1a;
 143         overflow: hidden;
 144         opacity: .80;
 145 }
 146
 147 #thumbStrip {
 148         position: absolute;
 149         left: 0px;
 150         top: 5px;
 151         text-align: left;
 152         white-space: nowrap;
 153 }
 154
 155 #thumbnailZone {
 156         position: absolute;
 157         top:0px;
 158         left: 0px;
 159         z-index: 250;
 160         background: url(http://www.me.com/i/ma/1/spacer.gif) repeat;
 161 }
 162
 163 .thumb {
 164   border: 2px solid #1a1a1a;
 165   padding: 1px;
 166   cursor: pointer;
 167 }
 168
 169 .selectedthumb {
 170   border: 2px solid #4385dd;
 171   padding: 1px;
 172   cursor: pointer;
 173 }
 174
 175 #scrollbar {
 176         position: absolute;
 177         z-index: 258;
 178 }
 179
 180 #dragtool {
 181         position: absolute;
 182         z-index: 258;
 183         line-height: 0px;
 184         font-size: 0px;
 185 }
 186
 187 #bar {
 188         border: 1px solid gray;
 189         line-height: 2px;
 190         font-size: 0px;
 191 }
 192
 193 #ruler {
 194         position: absolute;
 195         height: 13px;
 196         z-index: 256;
 197 }