CSS   24

screen css

Guest on 18th July 2022 01:57:24 AM

  1. /*
  2. * Copyright  The Apache Software Foundation or its licensors,
  3. * as applicable.
  4. *
  5. * Licensed under the Apache License, Version 2.0 (the "License");
  6. * you may not use this file except in compliance with the License.
  7. * You may obtain a copy of the License at
  8. *
  9. *     http://www.apache.org/licenses/LICENSE-2.0
  10. *
  11. * Unless required by applicable law or agreed to in writing, software
  12. * distributed under the License is distributed on an "AS IS" BASIS,
  13. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14. * See the License for the specific language governing permissions and
  15. * limitations under the License.
  16. */
  17. body {  margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif; }
  18.  
  19. h1     { font-size : 160%; margin: 0px 0px 0px 0px;  padding: 0px; }
  20. h2     { font-size : 140%; margin: 0.9em 0px 0px 0px; padding: 0px; font-weight : bold;}
  21. h3     { font-size : 130%; margin: 0.8em 0px 0px 0px; padding: 0px; font-weight : bold; }
  22. .h3 { margin: 22px 0px 3px 0px; }
  23. h4     { font-size : 120%; margin: 0.7em 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  24. .h4 { margin: 18px 0px 0px 0px; }
  25. h4.faq { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold;   text-align: left; }
  26. h5     { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  27.  
  28. /**
  29. * table
  30. */
  31. table .title { background-color: #000000; }
  32. .ForrestTable         {
  33.     color: #ffffff;
  34.     background-color: #7099C5;
  35.     width: 100%;
  36.     font-size : 100%;
  37.     empty-cells: show;
  38. }
  39. table caption {
  40.     padding-left: 5px;
  41.     color: white;
  42.     text-align: left;
  43.     font-weight: bold;
  44.     background-color: #000000;
  45. }
  46. .ForrestTable td {
  47.     color: black;
  48.     background-color: #f0f0ff;
  49. }
  50. .ForrestTable th { text-align: center; }
  51. /**
  52.  * Page Header
  53.  */
  54.  
  55. #top {
  56.     position: relative;
  57.     float: left;
  58.     width: 100%;
  59.     background: #294563; /* if you want a background in the header, put it here */
  60. }
  61.  
  62. #top .breadtrail {
  63.     background: #CFDCED;
  64.     color: black;
  65.     border-bottom: solid 1px white;
  66.     padding: 3px 10px;
  67.     font-size: 75%;
  68. }
  69. #top .breadtrail a { color: black; }
  70.  
  71. #top .header {
  72.     float: left;
  73.     width: 100%;
  74.     background: url("images/header_white_line.gif") repeat-x bottom;
  75. }
  76.  
  77. #top .grouplogo {
  78.     padding: 7px 0 10px 10px;
  79.     float: left;
  80.     text-align: left;
  81. }
  82. #top .projectlogo {
  83.     padding: 7px 0 10px 10px;
  84.     float: left;
  85.     width: 33%;
  86.     text-align: right;
  87. }
  88. #top .projectlogoA1 {
  89.     padding: 7px 0 10px 10px;
  90.     float: right;
  91. }
  92. html>body #top .searchbox {
  93.     bottom: 0px;
  94. }
  95. #top .searchbox {
  96.     position: absolute;
  97.     right: 10px;
  98.     height: 42px;
  99.     font-size: 70%;
  100.     white-space: nowrap;
  101.     text-align: right;
  102.     color: white;
  103.     background-color: #000000;
  104.     z-index:0;
  105.     background-image: url(images/rc-t-l-5-1header-2searchbox-3searchbox.png);
  106.     background-repeat: no-repeat;
  107.     background-position: top left;
  108.     bottom: -1px; /* compensate for IE rendering issue */
  109. }
  110.  
  111. #top .searchbox form {
  112.     padding: 5px 10px;
  113.     margin: 0;
  114. }
  115. #top .searchbox p {
  116.     padding: 0 0 2px 0;
  117.     margin: 0;
  118. }
  119. #top .searchbox input {
  120.     font-size: 100%;
  121. }
  122.  
  123. #tabs {
  124.     clear: both;
  125.     padding-left: 10px;
  126.     margin: 0;
  127.     list-style: none;
  128. }
  129. /*    background: #CFDCED url("images/tab-right.gif") no-repeat right top;*/
  130. #tabs li {
  131.     float: left;
  132.     background-image: url(images/rc-t-r-5-1header-2tab-unselected-3tab-unselected.png);
  133.     background-repeat: no-repeat;
  134.     background-position: top right;
  135.     background-color: #000000;
  136.     margin: 0 3px 0 0;
  137.     padding: 0;
  138. }
  139.  
  140. /*background: url("images/tab-left.gif") no-repeat left top;*/
  141. #tabs li a {
  142.     float: left;
  143.     display: block;
  144.     font-family: verdana, arial, sans-serif;
  145.     text-decoration: none;
  146.     color: black;
  147.     white-space: nowrap;
  148.     background-image: url(images/rc-t-l-5-1header-2tab-unselected-3tab-unselected.png);
  149.     background-repeat: no-repeat;
  150.     background-position: top left;
  151.     padding: 5px 15px 4px;
  152.     width: .1em; /* IE/Win fix */
  153. }
  154.  
  155. #tabs > li a { width: auto; } /* Rest of IE/Win fix */
  156.  
  157. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  158. #tabs a { float: none; }
  159. /* End IE5-Mac hack */
  160.  
  161. #top .header .current {
  162.     background-color: #4C6C8F;
  163.     background-image: url(images/rc-t-r-5-1header-2tab-selected-3tab-selected.png);
  164.     background-repeat: no-repeat;
  165.     background-position: top right;
  166. }
  167. #top .header .current a {
  168.     font-weight: bold;
  169.     padding-bottom: 5px;
  170.     color: white;
  171.     background-image: url(images/rc-t-l-5-1header-2tab-selected-3tab-selected.png);
  172.     background-repeat: no-repeat;
  173.     background-position: top left;
  174. }
  175. #publishedStrip {
  176.     padding-right: 10px;
  177.     padding-left: 20px;
  178.     padding-top: 3px;
  179.     padding-bottom:3px;
  180.     color: #ffffff;
  181.     font-size : 60%;
  182.     font-weight: bold;
  183.     background-color: #4C6C8F;
  184.     text-align:right;
  185. }
  186.  
  187. #level2tabs {
  188. margin: 0;
  189. float:left;
  190. position:relative;
  191. }
  192.  
  193. /*
  194. *    border-top: solid #4C6C8F 15px;
  195. */
  196. #main {
  197.     position: relative;
  198.     background: white;
  199.     clear:both;
  200. }
  201. #main .breadtrail {
  202.     clear:both;
  203.     position: relative;
  204.     background: #CFDCED;
  205.     color: black;
  206.     border-bottom: solid 1px black;
  207.     border-top: solid 1px black;
  208.     padding: 0px 180px;
  209.     font-size: 75%;
  210.     z-index:10;
  211. }
  212. /**
  213. * Round corner
  214. */
  215. #roundtop {
  216.     background-image: url(images/rc-t-r-15-1body-2menu-3menu.png);
  217.     background-repeat: no-repeat;
  218.     background-position: top right;
  219. }
  220.  
  221. #roundbottom {
  222.     background-image: url(images/rc-b-r-15-1body-2menu-3menu.png);
  223.     background-repeat: no-repeat;
  224.     background-position: top right;
  225. }
  226.  
  227. img.corner {
  228.    width: 15px;
  229.    height: 15px;
  230.    border: none;
  231.    display: block !important;
  232. }
  233.  
  234. .roundtopsmall {
  235.     background-image: url(images/rc-t-r-5-1header-2searchbox-3searchbox.png);
  236.     background-repeat: no-repeat;
  237.     background-position: top right;
  238. }
  239.  
  240. #roundbottomsmall {
  241.     background-image: url(images/rc-b-r-5-1header-2tab-selected-3tab-selected.png);
  242.     background-repeat: no-repeat;
  243.     background-position: top right;
  244. }
  245.  
  246. img.cornersmall {
  247.    width: 5px;
  248.    height: 5px;
  249.    border: none;
  250.    display: block !important;
  251. }
  252. /**
  253.  * Side menu
  254.  */
  255. #menu a {  font-weight: normal;}
  256. #menu a:visited {  font-weight: normal; }
  257. #menu a:active {  font-weight: normal; }
  258. #menu a:hover {  font-weight: normal; }
  259.  
  260. #menuarea { width:10em;}
  261. #menu {
  262.     position: relative;
  263.     float: left;
  264.     width: 160px;
  265.     padding-top: 0px;
  266.     top:-18px;
  267.     left:10px;
  268.     z-index: 20;
  269.     background-color: #f90;
  270.     font-size : 70%;
  271. }
  272.  
  273. .menutitle {
  274.         cursor:pointer;
  275.         padding: 3px 12px;
  276.         margin-left: 10px;
  277.         background-image: url('images/chapter.gif');
  278.         background-repeat: no-repeat;
  279.         background-position: center left;
  280.         font-weight : bold;
  281. }
  282.  
  283. #menu .menuitemgroup {
  284.         margin: 0px 0px 6px 8px;
  285.         padding: 0px;
  286.         font-weight : bold; }
  287.  
  288. #menu .selectedmenuitemgroup{
  289.         margin: 0px 0px 6px 8px;
  290.         padding: 0px;
  291.         font-weight : bold; }
  292.  
  293. #menu .menuitem {
  294.         padding: 0px 0px 2px 12px;
  295.         background-image: url('images/page.gif');
  296.         background-repeat: no-repeat;
  297.         background-position: center left;
  298.         font-weight : normal;
  299.         margin-left: 10px;
  300. }
  301.  
  302. #menu .menupage {
  303.         margin: 5px 0px 5px 10px;
  304.         padding: 0px 3px 0px 12px;
  305.         background-image: url('images/current.gif');
  306.         background-repeat: no-repeat;
  307.         background-position: top left;
  308.         font-style : normal;
  309. }
  310. #menu .menupagetitle {
  311.         padding: 0px 0px 0px 6px;
  312.         font-style : normal;
  313.         border-style: solid;
  314.         border-width: 1px;
  315.         margin-right: 10px;
  316. }
  317. #menu .menupageitemgroup {
  318.         padding: 3px 0px 4px 6px;
  319.         font-style : normal;
  320.         border-bottom: 1px solid ;
  321.         border-left: 1px solid ;
  322.         border-right: 1px solid ;
  323.         margin-right: 10px;
  324. }
  325. #menu .menupageitem {
  326.         font-style : normal;
  327.         font-weight : normal;
  328.         border-width: 0px;
  329.         font-size : 90%;
  330. }
  331. #menu #credit {
  332.     text-align: center;
  333. }
  334. #menu #credit2 {
  335.     text-align: center;
  336.     padding: 3px 3px 3px 3px;
  337.     background-color: #ffffff;
  338. }
  339. #menu .searchbox {
  340.     text-align: center;
  341. }
  342. #menu .searchbox form {
  343.     padding: 3px 3px;
  344.     margin: 0;
  345. }
  346. #menu .searchbox input {
  347.     font-size: 100%;
  348. }
  349.  
  350. #content {
  351.     padding: 20px 20px 20px 180px;
  352.     margin: 0;
  353.     font : small Verdana, Helvetica, sans-serif;
  354.     font-size : 80%;
  355. }
  356.  
  357. #content ul {
  358.     margin: 0;
  359.     padding: 0 25px;
  360. }
  361. #content li {
  362.     padding: 0 5px;
  363. }
  364. #feedback {
  365.     color: black;
  366.     background: #CFDCED;
  367.     text-align:center;
  368.     margin-top: 5px;
  369. }
  370. #feedback #feedbackto {
  371.     font-size: 90%;
  372.     color: black;
  373. }
  374. #footer {
  375.     clear: both;
  376.     position: relative; /* IE bugfix (http://www.dracos.co.uk/web/css/ie6floatbug/) */
  377.     width: 100%;
  378.     background: #CFDCED;
  379.     border-top: solid 1px #4C6C8F;
  380.     color: black;
  381. }
  382. #footer .copyright {
  383.     position: relative; /* IE bugfix cont'd */
  384.     padding: 5px;
  385.     margin: 0;
  386.     width: 45%;
  387. }
  388. #footer .lastmodified {
  389.     position: relative; /* IE bugfix cont'd */
  390.     float: right;
  391.     width: 45%;
  392.     padding: 5px;
  393.     margin: 0;
  394.     text-align: right;
  395. }
  396. #footer a { color: white; }
  397.  
  398. #footer #logos {
  399.     text-align: left;
  400. }
  401.  
  402.  
  403. /**
  404.  * Misc Styles
  405.  */
  406.  
  407. acronym { cursor: help; }
  408. .boxed      { background-color: #a5b6c6;}
  409. .underlined_5     {border-bottom: solid 5px #4C6C8F;}
  410. .underlined_10     {border-bottom: solid 10px #4C6C8F;}
  411. /* ==================== snail trail ============================ */
  412.  
  413. .trail {
  414.   position: relative; /* IE bugfix cont'd */
  415.   font-size: 70%;
  416.   text-align: right;
  417.   float: right;
  418.   margin: -10px 5px 0px 5px;
  419.   padding: 0;
  420. }
  421.  
  422. #motd-area {
  423.     position: relative; /* IE bugfix cont'd */
  424.     float: right;
  425.     width: 35%;
  426.     background-color: #f0f0ff;
  427.     border-top: solid 1px #4C6C8F;
  428.     border-bottom: solid 1px #4C6C8F;
  429.     margin-bottom: 15px;
  430.     margin-left: 15px;
  431.     margin-right: 10%;
  432.     padding-bottom: 5px;
  433.     padding-top: 5px;
  434. }
  435.  
  436. #minitoc-area {
  437.     border-top: solid 1px #4C6C8F;
  438.     border-bottom: solid 1px #4C6C8F;
  439.     margin-bottom: 15px;
  440.     margin-left: 15px;
  441.     margin-right: 10%;
  442.     padding-bottom: 5px;
  443.     padding-top: 5px;
  444. }
  445. .minitoc {
  446.     list-style-image: url('images/current.gif');
  447.     font-weight: normal;
  448. }
  449.  
  450. li p {
  451.     margin: 0;
  452.     padding: 0;
  453. }
  454.  
  455. .pdflink {
  456.     position: relative; /* IE bugfix cont'd */
  457.     float: right;
  458.     margin: 0px 5px;
  459.     padding: 0;
  460. }
  461. .pdflink br {
  462.     margin-top: -10px;
  463.     padding-left: 1px;
  464. }
  465. .pdflink a {
  466.     display: block;
  467.     font-size: 70%;
  468.     text-align: center;
  469.     margin: 0;
  470.     padding: 0;
  471. }
  472.  
  473. .pdflink img {
  474.     display: block;
  475.     height: 16px;
  476.     width: 16px;
  477. }
  478. .xmllink {
  479.     position: relative; /* IE bugfix cont'd */
  480.     float: right;
  481.     margin: 0px 5px;
  482.     padding: 0;
  483. }
  484. .xmllink br {
  485.     margin-top: -10px;
  486.     padding-left: 1px;
  487. }
  488. .xmllink a {
  489.     display: block;
  490.     font-size: 70%;
  491.     text-align: center;
  492.     margin: 0;
  493.     padding: 0;
  494. }
  495.  
  496. .xmllink img {
  497.     display: block;
  498.     height: 16px;
  499.     width: 16px;
  500. }
  501. .podlink {
  502.     position: relative; /* IE bugfix cont'd */
  503.     float: right;
  504.     margin: 0px 5px;
  505.     padding: 0;
  506. }
  507. .podlink br {
  508.     margin-top: -10px;
  509.     padding-left: 1px;
  510. }
  511. .podlink a {
  512.     display: block;
  513.     font-size: 70%;
  514.     text-align: center;
  515.     margin: 0;
  516.     padding: 0;
  517. }
  518.  
  519. .podlink img {
  520.     display: block;
  521.     height: 16px;
  522.     width: 16px;
  523. }
  524.  
  525. .printlink {
  526.     float: right;
  527. }
  528. .printlink br {
  529.     margin-top: -10px;
  530.     padding-left: 1px;
  531. }
  532. .printlink a {
  533.     display: block;
  534.     font-size: 70%;
  535.     text-align: center;
  536.     margin: 0;
  537.     padding: 0;
  538. }
  539. .printlink img {
  540.     display: block;
  541.     height: 16px;
  542.     width: 16px;
  543. }
  544.  
  545. p.instruction {
  546.   display: list-item;
  547.   list-style-image: url('../images/instruction_arrow.png');
  548.   list-style-position: outside;
  549.   margin-left: 2em;
  550. }

Raw Paste


Login or Register to edit or fork this paste. It's free.