webhelp/template/common/css/positioning.css

   1 tr th .added { color: #E6E6FA; }
   2 tr th .changed {color: #99ff99; }
   3 div.added tr, div.added    { background-color: #E6E6FA; }
   4 div.deleted tr, div.deleted  { text-decoration: line-through;
   5                background-color: #FF7F7F; }
   6 div.changed tr, div.changed  { background-color: #99ff99; }
   7 div.off      {  }
   8
   9 span.added   { background-color: #E6E6FA; }
  10 span.deleted { text-decoration: line-through;
  11                background-color: #FF7F7F; }
  12 span.changed { background-color: #99ff99; }
  13 span.off     {  }
  14
  15
  16 body { font: 12px Verdana, Geneva, sans-serif; }
  17 p, ul, ol, li { font: 10pt Verdana, Geneva, sans-serif; }
  18 h1 { font: 15pt Arial, Helvetica, geneva;
  19      color: black!important;
  20 }
  21 h2 { font: normal 12pt Arial, Helvetica, geneva; }
  22
  23 #header {
  24     background: url("../images/header-bg.png") scroll top left repeat-x #4d8c83;
  25     position: fixed;
  26     width: 100%;
  27     height: 99px;
  28     top: 0;
  29     right: 0;
  30     bottom: auto;
  31     left: 0;
  32     border-bottom: 1px solid #bbc4c5;
  33     z-index: 2000;
  34 }
  35
  36 #header h1 {
  37     margin-left: 310px;
  38     position: fixed;
  39     top: 20px;
  40     left: -15px;
  41     color: #404040 !important;
  42 }
  43
  44
  45 #header h1 {
  46         margin-top: 2px;
  47 }
  48
  49
  50 p.breadcrumbs {
  51     margin-top: 30px;
  52     margin-left: 310px;
  53 }
  54
  55 #header img {
  56     float: left;
  57     margin-left: 20px;
  58     margin-top: 12px;
  59 }
  60
  61 #header p.breadcrumbs a {
  62     color: #bbb;
  63 }
  64
  65 #leftnavigation {
  66     overflow: auto;
  67     position: fixed;
  68     height: auto;
  69     top:100px;
  70     /*right:10px;*/
  71     /*left:10px;*/
  72     bottom: 0;
  73     left: 0;
  74     width:inherit;
  75     z-index: 1500;
  76     border-right:2px solid #bbc4c5;
  77     padding:1px;
  78     background-color: #ededed!important;
  79 }
  80
  81 #treeDiv {
  82     overflow: auto;
  83    /* position: fixed;*/
  84     height: auto;
  85     top: 136px;
  86     bottom: 0;
  87     left: 0;
  88    /* width: 18%;*/
  89     z-index: 1500;
  90    /* border-right:2px solid #CCCCCC;
  91     background-color: #f0f0f0!important;*/
  92 }
  93
  94 /*#searchDiv {
  95     overflow: auto;
  96     position: fixed;
  97     height: auto;
  98     top: 138px;
  99     bottom: 0;
 100     left: 0;
 101     width: 243px;
 102     z-index: 1500;
 103     border-right:2px solid #CCCCCC;
 104     background-color: #f0f0f0!important;
 105 }*/
 106
 107 #content {
 108     position: relative;
 109     top: 90px;  /*left: 240px;*/
 110     right: auto;   bottom: 20px;
 111     /*margin: 0px 0px 0px 280px;*/
 112     width: auto;
 113     height: inherit;
 114     padding-left: 5px;
 115     padding-right: 30px;
 116     border-left: 1px solid #cccccc;
 117     overflow :scroll;
 118     overflow-x:hidden;
 119     z-index: 1000;
 120
 121 }
 122
 123 #navheader {
 124     position: fixed;
 125     background: #DCDCDC;
 126     padding-left: 10px;
 127     right: 0px;
 128     top: 10px;
 129     text-align: right;
 130 }
 131
 132 #content h1, #content h2 {
 133 color: #404040 !important;
 134 font-size: 170%;
 135 font-weight: normal;
 136 }
 137 .navfooter { bottom: 2%; }
 138 .highlight { background-color: #c5d3c3; }
 139 .highlightButton{ font-size: 0; }
 140
 141 /*  Show Hide TOC tree */
 142 .pointLeft {
 143     padding-right: 15px;
 144     display: block;
 145     cursor: pointer;
 146 }
 147 .pointRight {
 148     padding-right: 15px;
 149     display: block;
 150     cursor: pointer;
 151 }
 152
 153 /* Search results Styling */
 154 .searchExpression {
 155     color: #0050A0;
 156     background-color: #EBEFF8;
 157     font-size: 12pt;
 158 }
 159 .searchresult li a {
 160     text-decoration: none;
 161     color: #0050A0;
 162 }
 163 .searchresult li { color: #0050A0; }
 164 .shortdesclink { color: gray; font-size: 9pt; }
 165 .searchText { float:left;width:150px; }
 166 .searchButton {
 167     padding: 2px 12px 2px 12px;
 168     background-color:#bbb;
 169     border:#bbb solid 1pt;
 170     font-weight: bold;
 171     font-size: 10pt
 172 }
 173 .searchButton:hover{
 174     background-color: #cccccc;
 175 }
 176 .searchFieldSet {}
 177
 178 .title, div.toc>p{ font-weight: bold; }
 179
 180 p.breadcrumbs {
 181         display: inline;
 182         margin-bottom: 0px;
 183         margin-top: 33px;
 184 }
 185
 186 p.breadcrumbs a {
 187         padding-right: 12px;
 188         margin-right: 5px;
 189         text-decoration: none;
 190         color: #575757;
 191         text-transform: uppercase;
 192         font-size: 10px;
 193 }
 194
 195 p.breadcrumbs a:first-child {background: url(../images/breadcrumb-arrow-white.png) no-repeat right center;}
 196
 197 p.breadcrumbs a:hover {text-decoration: underline;}
 198
 199 #star ul.star {
 200     LIST-STYLE: none;
 201     MARGIN: 0;
 202     PADDING: 0;
 203     WIDTH: 85px;
 204     /* was 100 */
 205     HEIGHT: 20px;
 206     LEFT: 1px;
 207     TOP: -5px;
 208     POSITION: relative;
 209     FLOAT: right;
 210     BACKGROUND: url('../images/starsSmall.png') repeat-x 0 -25px;
 211 }
 212 #star li {
 213     PADDING: 0;
 214     MARGIN: 0;
 215     FLOAT: right;
 216     DISPLAY: block;
 217     WIDTH: 85px;
 218     /* was 100 */
 219     HEIGHT: 20px;
 220     TEXT-DECORATION: none;
 221     text-indent: -9000px;
 222     Z-INDEX: 20;
 223     POSITION: absolute;
 224     PADDING: 0;
 225 }
 226 #star li.curr {
 227     BACKGROUND: url('../images/starsSmall.png') left 25px;
 228     FONT-SIZE: 1px;
 229 }
 230
 231 table.navLinks {margin-right: 20px;}
 232
 233 table.navLinks td a {
 234         text-decoration: none;
 235         text-transform: uppercase;
 236         color: black;
 237         font-size: 11px;
 238 }
 239
 240 a.navLinkPrevious {
 241         padding-left: 12px;
 242         background: url(../images/previous-arrow.png) no-repeat left center;
 243 }
 244
 245 a.navLinkNext {
 246         padding-right: 12px;
 247         background: url(../images/next-arrow.png) no-repeat right center;
 248 }
 249
 250 a#showHideButton {
 251         padding-left: 20px;
 252         background: url(../images/sidebar.png) no-repeat left center;
 253 }
 254
 255
 256 .filetree li span a { color: #777; }
 257
 258 #treediv { -webkit-box-shadow: #CCC 0px 1px 2px 0px inset; }
 259
 260 .legal, .legal *{
 261  color: #555;
 262  text-align: center;
 263  padding-bottom: 10px;
 264 }
 265
 266 .internal { color : #0000CC;}
 267
 268 .writeronly {color : red;}
 269
 270 .remark, .remark .added, .remark .changed, .remark .deleted{ background: yellow;}
 271
 272 tr th, tr th .internal, tr th .added, tr th .changed {
 273         background: #00589E;
 274         color: white;
 275         font-weight: bold;
 276         text-align: left;
 277 }
 278
 279 .statustext{
 280     position:fixed;
 281     top:105px;
 282     width: 0%;
 283     height: 0%;
 284     opacity: .3;
 285     -webkit-transform: rotate(90deg);
 286     -moz-transform: rotate(90deg);
 287     -o-transform: rotate(90deg);
 288     white-space: nowrap;
 289     color: red;
 290     font-weight: bold;
 291     font-size: 2em;
 292     margin-top: 30px;
 293 }
 294
 295 #toolbar {
 296         width: 100%;
 297         height: 33px;
 298         position: fixed;
 299         top: 93px;
 300         z-index: 99;
 301         left: 280px;
 302         color: #333;
 303         line-height: 28px;
 304         padding-left: 10px;
 305 }
 306
 307 #toolbar-left {
 308         position: relative;
 309         left: 0px;
 310 }
 311
 312 body p.breadcrumbs {
 313         margin: 0px;
 314         padding: 0px;
 315         line-height: 28px;
 316 }
 317
 318 /*body #content {
 319         position: static;
 320         margin-top: 126px;
 321         top: 0px;
 322 }*/
 323
 324 body.sidebar #toolbar{left: 0px;}
 325
 326 body.sidebar #toolbar-left{left: 0px;}
 327
 328 div#toolbar-left img {vertical-align: text-top;}
 329
 330 div.note *, div.caution *, div.important *, div.tip *, div.warning * {
 331     background: inherit !important;
 332     color: inherit !important;
 333     border: inherit  !important;
 334 }
 335
 336 #content table thead, #content table th{
 337     background: gray;
 338     color: white;
 339     font-weight: bold;
 340 }
 341
 342 #content table caption{font-weight: bold;}
 343
 344 #content table td, #content table {border: 1px solid black;}
 345
 346 #content table td, #content table th { padding: 5px;}
 347
 348 #content table {margin-bottom: 20px;}
 349
 350 *[align = 'center']{ text-align: center;}
 351
 352 #content .qandaset>table, #content .qandaset>table td, #content .calloutlist table, #content .calloutlist table td, #content .navfooter table, #content .navfooter table td {
 353     border: 0px solid;
 354 }
 355
 356 #sidebar { display: none }
 357
 358 @media print {
 359
 360     body * {
 361         visibility: hidden;
 362     }
 363
 364     #content, #content * {
 365         visibility: visible;
 366     }
 367
 368    #sidebar, .navfooter {
 369        display: none;
 370    }
 371
 372    #content {
 373         margin: 0 0 0 0;
 374     }
 375
 376 }
 377