hostdepend/X86MAC64/util/X86MAC64/cuda/libnvvp/plugins/org.eclipse.ui.intro.universal_3.2.600.v20120912-155524/themes/circles/html/root.css

   1 /*******************************************************************************
   2  * Copyright (c) 2006 IBM Corporation and others.
   3  * All rights reserved. This program and the accompanying materials
   4  * are made available under the terms of the Eclipse Public License v1.0
   5  * which accompanies this distribution, and is available at
   6  * http://www.eclipse.org/legal/epl-v10.html
   7  *
   8  * Contributors:
   9  *     IBM Corporation - initial API and implementation
  10  *******************************************************************************/
  11
  12 /* Hide the extra div for links in the normal state. */
  13 a .link-extra-div {
  14         display: none;
  15 }
  16
  17 /* Link label properties */
  18 #page-links a .link-label {
  19         margin-left: 7px;
  20         position: relative;
  21         top: -1.2em;\r   font-weight : 600;
  22         margin-left : 13px;
  23         padding-left: 10px;
  24         padding-right: 10px;
  25         margin-bottom: -1.2pm;
  26         color : white;
  27 }
  28
  29 #page-links a:active .link-label,
  30 #page-links a:focus .link-label,
  31 #page-links a:hover .link-label {
  32         background-image: url("../graphics/icons/ctool/root_midhov2.gif");
  33         background-repeat: repeat-y;
  34         color : black;
  35 }
  36
  37 #page-links a#overview .link-label {
  38         margin-left: 15px;
  39         margin-top: -50px;
  40         padding-left: 20px;
  41 }
  42
  43 #page-links a:active#overview .link-label,
  44 #page-links a:focus#overview .link-label,
  45 #page-links a:hover#overview .link-label {
  46         padding-left: 10px;
  47         margin-top: 0px;
  48 }
  49
  50 #page-links a#workbench .link-label {
  51         padding-left: 10px;
  52         margin-left: 0px;
  53 }
  54
  55 /* Necessary for hover text to align in rtl mode */
  56 #page-links a {
  57     direction: ltr;
  58 }
  59
  60 /* Link description properties */
  61 #page-links a p .text {
  62         margin-left: 3px;
  63         position: relative;
  64         top: -1.6em;
  65         padding-top: 5px;
  66         padding-left: 9px;
  67         padding-right: 10px;
  68         margin-bottom: -1.6em;\r font-weight : 500;
  69         padding-bottom: 5px;
  70         background-image: url("../graphics/icons/ctool/root_midhov2.gif");
  71         background-repeat: repeat-y;
  72 }
  73
  74 #page-links a#overview p .text {
  75         margin-left: 5px;
  76 }
  77
  78 #page-links a#workbench p .text {
  79         margin-left: -10px;
  80 }
  81
  82 /* Some differences between Mozilla and IE here */
  83
  84 #page-links a#workbench > p .text {
  85         margin-left: -10px;
  86 }
  87
  88
  89 /*
  90  * Set up the content for the root page.
  91  */
  92 html, body {
  93
  94
  95         background-image : url("../graphics/rootpage/welcomebckgrd.jpg");\r      background-repeat : no-repeat;\r background-position : center center;
  96         background-attachment : fixed;
  97         overflow : auto;
  98         overflow-clip: rect(0, auto, auto, 0);
  99         background-color : #345365;
 100 }
 101 #root {
 102         min-height : 450px;
 103         height : expression(document.body.clientHeight < 450? "450px": "100%" );
 104
 105     min-width : 940px;
 106         width:expression(document.body.clientWidth < 940? "940px": "auto" );
 107
 108         overflow: hidden;
 109 }
 110
 111 #branding {
 112         position: absolute;
 113         bottom : 20px;
 114         left : 20px;
 115 }
 116
 117 /*
 118  * Set up the navigation bar.  It should be centered in the middle
 119  * of the page
 120  */
 121 #links-background {
 122         position: absolute;
 123         top: 50%;
 124         left: 50%;
 125         text-align : center;
 126 }
 127
 128 #page-links {
 129         position : relative;
 130         left : 0px;
 131         top : 0x;
 132 }
 133
 134 #page-links a {
 135         position : absolute;
 136         text-align : left;
 137         padding-bottom: 2px;
 138 }
 139
 140 /* Position root links using absolute coordinates */
 141 #page-links a img {
 142         height : 84px;
 143         width : 103px;
 144 }
 145
 146 #page-links a:active img,
 147 #page-links a:focus img,
 148 #page-links a:hover img
 149 {
 150         width : 215px;
 151 }
 152
 153 #page-links a#overview {
 154         left: -444px;
 155         top: -188px;
 156 }
 157
 158 #page-links a#overview:hover {
 159         left: -444px;
 160 }
 161
 162 #page-links a#overview img {
 163         width : 217px;
 164         height : 149px;
 165 }
 166
 167 #page-links a#overview:active img,
 168 #page-links a#overview:focus img,
 169 #page-links a#overview:hover img {
 170         width : 217px;
 171         height : 99px;
 172 }
 173
 174 #page-links a#workbench img {
 175         width : 202px;
 176         background-position : right top;
 177         margin-left : 0px;
 178 }
 179
 180 /* Absolute positions of root links */
 181
 182 #page-links a#whatsnew {
 183         left: -292px;
 184         top: -82px;
 185 }
 186
 187 #page-links a#tutorials {
 188         left: -11px;
 189         top: 104px;
 190 }
 191
 192 #page-links a#samples {
 193         left: -199px;
 194         top: 104px;
 195 }
 196
 197 #page-links a#firststeps {
 198         left: -105px;
 199         top: -82px;
 200 }
 201
 202 #page-links a#webresources {
 203         left: 82px;
 204         top: 11px;
 205 }
 206
 207 #page-links a#migrate {
 208         left: 269px;
 209         top: 104px;
 210 }
 211
 212 #page-links a#workbench {
 213         left: 271px;
 214         top: -82px;
 215 }
 216
 217 /* Paint bottom edge of the text box as a background image */
 218
 219 #page-links a:hover,
 220 #page-links a:focus,
 221 #page-links a:active {
 222         background-image: url("../graphics/icons/ctool/root_bottomhov.gif");
 223         background-repeat: no-repeat;
 224         background-position: bottom left;
 225         z-index: 20;
 226 }
 227
 228 #page-links a#overview:hover,
 229 #page-links a#overview:focus,
 230 #page-links a#overview:active {
 231         background-image: url("../graphics/icons/ctool/overview_bottomhov.gif");
 232 }
 233
 234 #page-links a#workbench:hover,
 235 #page-links a#workbench:focus,
 236 #page-links a#workbench:active {
 237         background-image: url("../graphics/icons/ctool/workbench_bottomhov.gif");
 238         background-position: bottom left;
 239 }
 240
 241 #page-links > a#workbench:hover,
 242 #page-links > a#workbench:focus,
 243 #page-links > a#workbench:active {
 244         background-position: bottom 2px;
 245 }
 246
 247 /* Hide the text in the normal state */
 248 #page-links a .text {
 249         display : none;
 250 }
 251
 252 /* Hide the links in the normal state */
 253 #page-links a .link-label {
 254     display : none;
 255 }
 256
 257 /* Note that the links can be made to show by including the following lines for example in the css for an extension.
 258 #page-links a span.link-label {
 259     display : block;
 260 }
 261 */
 262
 263 /* Show the link label and link text as block on hover */
 264
 265 #page-links a:hover .link-label,
 266 #page-links a:focus .link-label,
 267 #page-links a:active .link-label {
 268         display : block;
 269 }
 270
 271 #page-links a:hover p .text,
 272 #page-links a:hover p .text,
 273 #page-links a:focus p .text,
 274 #page-links a:active p .text {
 275         display : block;
 276         z-index: 35;
 277 }
 278
 279 #page-links .link-label,
 280 #page-links a:hover .link-label,
 281 #page-links a:focus .link-label,
 282 #page-links a:active .link-label {
 283         width: 202px;
 284 }
 285
 286 #page-links a:hover p .text,
 287 #page-links a:focus p .text,
 288 #page-links a:active p .text {
 289         width: 202px;
 290 }
 291
 292 #page-links a:hover > .link-label,
 293 #page-links a:focus > .link-label,
 294 #page-links a:active > .link-label {
 295         width: 192px;
 296 }
 297
 298 #page-links a:hover > p .text,
 299 #page-links a:focus > p .text,
 300 #page-links a:active > p .text {
 301         width: 192px;
 302 }
 303
 304 #page-links a#workbench:hover .link-label,
 305 #page-links a#workbench:focus .link-label,
 306 #page-links a#workbench:active .link-label {
 307         width: 202px;
 308 }
 309
 310 #page-links a#workbench:hover p .text,
 311 #page-links a#workbench:focus p .text,
 312 #page-links a#workbench:active p .text {
 313         width: 202px;
 314 }
 315
 316 #page-links a#workbench:hover > .link-label,
 317 #page-links a#workbench:focus > .link-label,
 318 #page-links a#workbench:active > .link-label {
 319         width: 182px;
 320 }
 321
 322 #page-links a#workbench:hover p > .text,
 323 #page-links a#workbench:focus p > .text,
 324 #page-links a#workbench:active p > .text {
 325         width: 193px;
 326 }
 327
 328 #page-links a .background-image {
 329         display: none;
 330 }
 331
 332 #page-links a .link-extra-div {
 333         display :none;
 334 }
 335
 336 /* Link images */
 337 #page-links a#overview .content-img { background-image : url("../graphics/icons/ctool/overview.gif"); }
 338 #page-links a:active#overview .content-img,
 339 #page-links a:focus#overview .content-img ,
 340 #page-links a:hover#overview .content-img { background-image : url("../graphics/icons/ctool/overview_tophov.gif"); }
 341
 342 #page-links a#tutorials .content-img { background-image : url("../graphics/icons/ctool/tutorials.gif"); }
 343 #page-links a:active#tutorials .content-img,
 344 #page-links a:focus#tutorials .content-img ,
 345 #page-links a:hover#tutorials .content-img { background-image : url("../graphics/icons/ctool/tutorials_tophov.gif"); }
 346
 347 #page-links a#samples .content-img { background-image : url("../graphics/icons/ctool/samples.gif"); }
 348 #page-links a:active#samples .content-img,
 349 #page-links a:focus#samples .content-img ,
 350 #page-links a:hover#samples .content-img { background-image : url("../graphics/icons/ctool/samples_tophov.gif"); }
 351
 352 #page-links a#whatsnew .content-img { background-image : url("../graphics/icons/ctool/whatsnew.gif"); }
 353 #page-links a:active#whatsnew .content-img,
 354 #page-links a:focus#whatsnew .content-img,
 355 #page-links a:hover#whatsnew .content-img { background-image : url("../graphics/icons/ctool/whatsnew_tophov.gif"); }
 356
 357 #page-links a#firststeps .content-img { background-image : url("../graphics/icons/ctool/firststeps.gif"); }
 358 #page-links a:active#firststeps .content-img,
 359 #page-links a:focus#firststeps .content-img ,
 360 #page-links a:hover#firststeps .content-img { background-image : url("../graphics/icons/ctool/firststeps_tophov.gif"); }
 361
 362 #page-links a#migrate .content-img { background-image : url("../graphics/icons/ctool/migrate.gif"); }
 363 #page-links a:active#migrate .content-img,
 364 #page-links a:focus#migrate .content-img ,
 365 #page-links a:hover#migrate .content-img { background-image : url("../graphics/icons/ctool/migrate_tophov.gif"); }
 366
 367 #page-links a#webresources .content-img { background-image : url("../graphics/icons/ctool/webresources.gif"); }
 368 #page-links a:active#webresources .content-img,
 369 #page-links a:focus#webresources .content-img ,
 370 #page-links a:hover#webresources .content-img { background-image : url("../graphics/icons/ctool/webresources_tophov.gif"); }
 371
 372 #page-links a#workbench .content-img { background-image : url("../graphics/icons/ctool/workbench.gif"); }
 373 #page-links a:hover#workbench .content-img { background-image : url("../graphics/icons/ctool/workbench_tophov.gif"); }
 374 #page-links a:active#workbench .content-img { background-image : url("../graphics/icons/ctool/workbench_tophov.gif"); }
 375 #page-links a:focus#workbench .content-img { background-image : url("../graphics/icons/ctool/workbench_tophov.gif"); }
 376
 377 /*
 378  * Not using action links.
 379  */
 380 #action-links {
 381         display: none;
 382 }