util/X86LINUX64/cuda-6.5/libnsight/plugins/org.eclipse.ui.intro.universal_3.2.600.v20120912-155524/themes/slate/html/shared.css

   1 /*******************************************************************************
   2  * Copyright (c) 2006, 2010 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 /*
  13  * Set up general fonts, sizes and colors
  14  */
  15 body { font-family : Arial, sans-serif; }
  16
  17 H1, H2, H3, H4, p, a { color : #4D4D4D; }
  18
  19  body {
  20         background-color : #FFFFFF;
  21 }
  22
  23 /* The label part of the folding section */
  24 .section-title-link .section-title {
  25         display : inline;
  26 }
  27
  28 h2 {
  29         font-weight : normal;
  30         color : #7B8694;
  31 }
  32
  33 /* For regular div labels */
  34 H4 .div-label {
  35         font-family: Verdana, Arial, Helvetica;
  36         font-weight: bold;
  37         color: #4A4D4A;
  38         line-height:1.3;
  39 }
  40
  41 /* For the main page content's title */
  42 #content-header H4 .div-label {
  43         font-family: Verdana, Arial, Helvetica;
  44         color:#333333;
  45         font-weight: normal;
  46         letter-spacing:-0.03em;
  47         margin-left: 68px;
  48         float : none;
  49         clear : both;
  50 }
  51
  52 /* For separators */
  53 HR {
  54         width: 90%;
  55         align: left;
  56         height : 1px;
  57         color :  #dfdfe4;
  58 }
  59
  60 /* Page description if the page has it. */
  61 .page-description {
  62         display: block;
  63         font-family: Verdana, Arial, Helvetica;
  64         line-height:1.3;
  65         float : none;
  66         clear : both;
  67         margin-left: 70px;
  68         position : relative;
  69         top : -25px;
  70 }
  71
  72 a {
  73         font-weight : bold;
  74         text-decoration : none;
  75         color : #4D4D4D;
  76 }
  77
  78 a:hover  {
  79         color: #69c;
  80 }
  81
  82 /* General link labels */
  83 a .link-label {
  84         font-weight : normal;
  85 }
  86
  87 /* Floating link labels for navigation links */
  88 #navigation-links a .link-label,
  89 #action links a .text {
  90         font-weight : bold;
  91         color : white;
  92 }
  93
  94 #navigation-links a#overview:hover .link-label
  95 {
  96     color : #FFEC89;
  97 }
  98
  99 #navigation-links a#tutorials:hover .link-label,
 100 #navigation-links a#samples:hover .link-label
 101 {
 102     color : #ACCCE9;
 103 }
 104
 105 #navigation-links a#whatsnew:hover .link-label,
 106 #navigation-links a#firststeps:hover .link-label
 107 {
 108     color : #E5CD89;
 109 }
 110
 111 #navigation-links a#webresources:hover .link-label ,
 112 #navigation-links a#migrate:hover .link-label
 113 {
 114     color : #BCD77C;
 115 }
 116
 117 #action-links a:hover .link-label {
 118     color : E0DFE3;
 119 }
 120
 121 /* Text in links. */
 122 a .text {
 123         font-weight : normal;
 124 }
 125
 126 p .group-description {
 127         font-family: Verdana, Arial, Helvetica;
 128         font-weight : normal;
 129 }
 130
 131 /* Hide the extra div in links by default. */
 132 .link-extra-div {
 133         display : none;
 134 }
 135
 136 /*
 137  * Set up other general properties like padding/margins
 138  */
 139 html, body { width : 100%; height : 100%; }
 140
 141 html, body, div, h1, h4, p, a { margin : 0px; padding : 0px; }
 142
 143 /*
 144  * Page header - adding extra padding at the bottom to compensate
 145  * for navigation background/header overlap.
 146  */
 147 #page-content #content-header {
 148     padding-top : 10px;
 149         padding-bottom : 22px;
 150 }
 151
 152 /* For regular div labels */
 153 #page-content div H4 {
 154         padding : 10px;
 155         padding-bottom : 0px;
 156 }
 157
 158 /* For the main page content's div label */
 159 #page-content #content-header H4 {
 160         padding-bottom : 10px;
 161         padding-top : 0px;
 162 }
 163
 164 /* special case for Mozilla's main content-header label.
 165    Mozilla 1.4 needs more room at the top */
 166 #page-content > #content-header H4 { padding-top : 10px; }
 167
 168 /* Needed in IE to get shift+tab to show the active image properly */
 169 a:active {
 170         border : solid 0px;
 171 }
 172
 173 a img {
 174         border-width : 0;
 175         background-repeat : no-repeat;
 176 }
 177
 178 /*
 179  * to get scrollbars working in both IE and Mozilla
 180  */
 181
 182 /*
 183  * to get scrollbars working in both IE and Mozilla
 184  */
 185 html,body { overflow: auto; }
 186 html>body { overflow: visible; }
 187
 188 /*
 189  * Set up the body, decorative background, and navigation for the content
 190  * pages.
 191  * Note: the root page handles its own background and navigation; these
 192  * settings primarily apply to the content pages
 193  */
 194 body {
 195     background-image: url(../graphics/contentpage/banner_extension.jpg);
 196     background-repeat: repeat-x;
 197     background-position: top left;
 198 }
 199
 200 /*
 201  * Hide the general-purpose groups - not using them in this theme.
 202  */
 203 #extra-group1,
 204 #extra-group2,
 205 #extra-group3,
 206 #extra-group4,
 207 #extra-group5 {
 208         display : none;
 209 }
 210
 211 /*
 212  * Dimensions.
 213  */
 214 body, .page {
 215         /* since IE doesn't support min-width, try expression */
 216         height : 100%;
 217 }
 218
 219 .page {
 220         background-repeat : no-repeat;
 221         background-position : top left;
 222
 223         min-width : 770px;
 224         width:expression(document.body.clientWidth < 770? "770px": "auto" );
 225     min-height : 425px;
 226         height : expression(document.body.clientHeight < 425? "425px": "100%" );
 227 }
 228
 229 #page-content {
 230         background-repeat : no-repeat;
 231         background-position : bottom right;
 232         height : 65%;
 233 }
 234
 235 /*
 236  * Lay out the navigation links
 237  * (Root page does something similar for its navigation)
 238  */
 239 #navigation-links {
 240         position : relative;
 241         left : 0px;
 242         top : 0px;
 243         padding-left: 12px;
 244         height : 118px;
 245 }
 246
 247 #navigation-links a {
 248         text-align : left;
 249         height : 64px;
 250         float : left;
 251         margin-left : 10px;
 252         position : relative;
 253         text-align : center;
 254 }
 255
 256 #action-links a {
 257     float : right;
 258     margin-right : 20px;
 259 }
 260
 261 #navigation-links a img {
 262         height : 32px;
 263         width : 32px;
 264         vertical-align : center;
 265         horizontal-align : center;
 266         display : block;
 267         margin-top : 5px;
 268         margin-bottom : 0px;
 269         margin-left : auto;
 270         margin-right : auto;
 271 }
 272
 273 #navigation-links a.high-contrast img {
 274         margin-bottom : 0px;
 275 }
 276
 277
 278 /*
 279  * Not showing description for navigation links.
 280  */
 281 #navigation-links a .text { display : none; }
 282
 283 /* properties for each of the navigation-links  */
 284 #navigation-links a#overview img {
 285         background-image : url(../graphics/icons/ctool/ov_nav_32.gif);
 286 }
 287
 288 #navigation-links a#firststeps img {
 289         background-image : url(../graphics/icons/ctool/fs_nav_32.gif);
 290 }
 291
 292 #navigation-links a#tutorials img {
 293         background-image : url(../graphics/icons/ctool/tu_nav_32.gif);
 294 }
 295
 296 #navigation-links a#samples img {
 297         background-image : url(../graphics/icons/ctool/sa_nav_32.gif);
 298 }
 299
 300 #navigation-links a#whatsnew img {
 301         background-image : url(../graphics/icons/ctool/wn_nav_32.gif);
 302 }
 303
 304 #navigation-links a#migrate img {
 305         background-image : url(../graphics/icons/ctool/mi_nav_32.gif);
 306 }
 307
 308 #navigation-links a#webresources img {
 309         background-image : url(../graphics/icons/ctool/wr_nav_32.gif);
 310 }
 311
 312 #navigation-links a#workbench img {
 313         background-image : url(../graphics/icons/ctool/wb_nav_32.gif);
 314 }
 315
 316 #action-links a {
 317         text-align : center;
 318 }
 319
 320 #action-links a.high-contrast .link-label {
 321         display: none;
 322 }
 323
 324 #navigation-links a.high-contrast .background-image {
 325         display: none;
 326 }
 327
 328 #page-links a.high-contrast:focus .link-label,
 329 #page-links a.high-contrast:active .link-label {
 330         display: block !important;
 331         text-decoration: underline;
 332         top : 5px;
 333 }
 334
 335 #page-links span {
 336     display : block;
 337     margin-top : -2px;
 338 }
 339
 340 /*
 341  * Lay out the page title and description
 342  */
 343 h1, p { margin-left : 10px; } /* required in mozilla so the page description is properly indented */
 344
 345 /* position the page content so that the page title overlays the bottom
 346  * of the background image, but make sure the content is always on top
 347  * (using z-index) */
 348
 349 #page-content {
 350         float : none;
 351         clear : both;
 352         text-align : center;
 353         position : relative;
 354         top : -50px;
 355         margin-bottom: -50px;
 356         z-index : 10;
 357 }
 358
 359 #page-content p {
 360         padding-bottom : 15px;
 361         text-align : left;
 362         float : none;
 363         clear : both;
 364 }
 365
 366 /* Page content quadrants. Page content is placed in four quadrants.
 367  * Upper pair is separated from the bottom pair with a divider
 368  * to ensure bottom pair is aligned even with the uneven content
 369  * in the upper pair.
 370  */
 371
 372 #page-content #top-left {
 373   border: none; float: left; margin: 0px; padding: 0px; width: 49%;
 374   clear: left;
 375 }
 376 #page-content #top-right {
 377   border: none; float: right; margin: 0px; padding: 0px; width: 49%;
 378   clear: right;
 379 }
 380 /* top-bottom divider - runs the entire width to ensure
 381  * bottom boxes start at the same y
 382  */
 383 #page-content #content-divider {
 384   border: none; float: none; margin: 0; padding: 0px; width: 100%;
 385   clear: both;
 386 }
 387
 388 #page-content #bottom-left {
 389   border: none; float: left; margin: 0px; padding: 0px; width: 49%;
 390   clear: left;
 391 }
 392 #page-content #bottom-right {
 393   border: none; float: right; margin: 0px; padding: 0px; width: 49%;
 394   clear: right;
 395 }
 396
 397 #page-content #content-header H4, .page-description {
 398         text-align : left;
 399         margin-right : 10px;
 400         float : none;
 401         clear : both;
 402 }
 403
 404 #page-content * > a {
 405         vertical-align : middle;
 406 }
 407
 408 #page-content * a img {
 409         height : 57px;
 410         width : 57px;
 411         vertical-align : middle;
 412 }
 413
 414 #page-content * a .link-label {
 415         display : block;
 416         position : relative;
 417         top : -50px;
 418         left : 60px;
 419         margin-right: 60px;
 420 }
 421
 422 #page-content * a > .link-label { left: 65px; }
 423
 424 #page-content * a p  {
 425         display : block;
 426         position : relative;
 427         top : -45px;
 428         margin-bottom: -25px;
 429 }
 430
 431 #page-content * a p .text {
 432         display : block;
 433         position : relative;
 434         left : 53px;
 435         margin-right: 53px;
 436 }
 437
 438 #page-content * a p > .text { left: 56px; }
 439
 440 #page-content * a:hover { border-right : 5px; }
 441
 442 /* The following rules are for extensions in all pages. Extensions should be placed in
 443  * groups with the style 'content-group' and contain links with the style 'content-link'.
 444  * Group is important so that importance mixin style can be applied to the group that
 445  * uses block display. We need to see a solid rectangle around the extension, not
 446  * a tight polygon around the link perimeter.
 447  */
 448
 449 .content-group {
 450         margin-left: 10px;
 451         margin-right: 10px;
 452         padding-left: 10px;
 453         padding-right: 10px;
 454         float : none;
 455         clear : both;
 456         text-align: left;
 457 }
 458
 459 .content-link .link-label {
 460         font-family: Verdana, Arial, Helvetica;
 461         font-weight: bold;
 462         line-height:1.5;
 463         color: #00507C;
 464 }
 465
 466 .content-link:hover .link-label {
 467         color: #69c;
 468         text-decoration : underline;
 469 }
 470
 471 .content-link .text {
 472         font-family: Verdana, Arial, Helvetica;
 473         line-height: 1.3;
 474 }
 475
 476 .categoryContentnav {
 477         font-family: Verdana, Arial, Helvetica;
 478         font-weight: bold;
 479         color: #4A4D4A;
 480         line-height:1.3;
 481 }
 482
 483 .contentpgNavhover {
 484         font-family: Verdana, Arial, Helvetica;
 485         font-weight: bold;
 486         color: #000;
 487 }
 488
 489 .topicList {
 490         font-family: Verdana, Arial, Helvetica;
 491         line-height:1.75;
 492         color: #00507C;
 493 }
 494
 495 .topicList:hover {
 496         color: #69c;
 497 }
 498
 499
 500 .rss-feed-link a {
 501         font-family: Verdana, Arial, Helvetica;
 502         color: #00507C;
 503 }
 504
 505 /*
 506  * This part is for hosting embedded document inside
 507  * the content area.
 508  */
 509
 510 iframe {
 511         position:relative;
 512         top:16px;
 513         width:100%;
 514         height:100%;
 515         padding-left:10px;
 516 }
 517
 518 /* mozilla scrollbar appearing off page fix */
 519 #page-content > iframe {
 520         width: 98%;
 521         padding-left: 2%;
 522 }