home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 September / Chip_2004-09_cd1.bin / chplus / interval / __services / styles / basic_all.css < prev    next >
Cascading Style Sheet File  |  2004-03-17  |  9KB  |  481 lines
  1. /* */
  2. /* Interval specific document rules. */
  3. /* */
  4.  
  5.  
  6. /**/
  7. /* Colors: blue(#003366; #3366CC; #66CCFF), gray(#33333; #666666; #999999; #CCCCCC) */
  8. /**/
  9.  
  10.  
  11. /* General settings */
  12. /*                  */
  13.  
  14. body, tr, th, td,
  15.  pre, tt, code, kbd, samp {
  16.     font-size: x-small;
  17. }
  18. html>body, tr>th, tr>td,
  19.  div>pre, p>pre, li>pre, td>pre,
  20.  div>tt, p>tt, li>tt, td>tt,
  21.  div>code, p>code, li>code, td>code,
  22.  div>kbd, p>kbd, li>kbd, td>kbd,
  23.  div>samp, p>samp, li>samp, td>samp {
  24.     font-size: small;
  25. }
  26.  
  27.  
  28. body {
  29.     background-color: #EEEEEE;
  30.     margin: 0;
  31.     padding: 0;
  32.     font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
  33.     color: #000000;
  34.     text-align: center;
  35. }
  36. a:link, a:visited {
  37.     background-color: transparent;
  38.     color: #3366CC;
  39. }
  40. a:active, a:link:hover {
  41.     background-color: transparent;
  42.     color: #FF0000;
  43. }
  44. h1, h2, h3, h4, h5, h6, b, strong {
  45.     font-weight: bold;
  46. }
  47. div {
  48.     text-align: left;
  49. }
  50. img {
  51.     border: 0;
  52. }
  53. span.mail {
  54.     background-color: transparent;
  55.     font-style: normal;
  56.     color: #3366CC;
  57.     text-decoration: underline;
  58. }
  59.  
  60. div.page-maker {
  61.     border: 0;
  62.     clear: both;
  63.     font-size: 0px;
  64.     margin: 0;
  65.     padding: 0;
  66. }
  67. div.page-maker-white {
  68.     border: 1px solid #FFFFFF;
  69.     clear: both;
  70.     font-size: 0px;
  71.     margin: 0;
  72.     padding: 0;
  73. }
  74. .textversion {
  75.   display: none;
  76. }
  77. .otheritems {
  78.     padding-right: 1em;
  79.     text-align: right;
  80. }
  81. .audits {
  82.     display: inline;
  83. }
  84. .submit {
  85.     cursor: pointer;
  86. }
  87.  
  88. /* Basic page structures */
  89. /*                       */
  90.  
  91. #page-header {
  92.     width: 750px;
  93.     border: 5px solid #EEEEEE;
  94.     margin-bottom: 5px;
  95.     margin-left: auto;
  96.     margin-right: auto;
  97.     margin-top: 5px;
  98.     padding: 0;
  99. }
  100. #interval-logo {
  101.     float: left;
  102.     height: 60px;
  103.     width: 190px;
  104.     margin: 0;
  105.     padding: 0;
  106. }
  107. #interval-logo h1 {
  108.     display: inline;
  109. }
  110. #interval-logo a {
  111.     background-color: transparent;
  112.     display: block;
  113.     position: relative;
  114.     height: 60px;
  115.     width: 190px;
  116.     margin: 0;
  117.     padding: 0;
  118.     color: #3366CC;
  119. }
  120. #interval-logo span {
  121.     background: url('../icons/logo.png') top left no-repeat;
  122.     cursor: pointer;
  123.     display: block;
  124.     position: absolute;
  125.     height: 60px;
  126.     width: 190px;
  127.     margin: 0;
  128.     padding: 0;
  129.     left: 0;
  130.     top:0;
  131.     z-index: 1;
  132. }
  133.  
  134. #page-topmenu {
  135.     background-color: #EEEEEE;
  136.     width: 750px;
  137.     border-left: 5px solid #3366CC;
  138.     border-right: 5px solid #3366CC;
  139.     margin-left: auto;
  140.     margin-right: auto;
  141.     margin-top: 0;
  142.     padding: 0;
  143.     color: #000000;
  144. }
  145. #page-body {
  146.     background-color: #FFFFFF;
  147.     width: 750px;
  148.     border-left: 5px solid #3366CC;
  149.     border-right: 5px solid #3366CC;
  150.     margin-left: auto;
  151.     margin-right: auto;
  152.     margin-top: 0;
  153.     padding: 0;
  154.     color: #000000;
  155. }
  156. #page-left {
  157.     clear: both;
  158.     float: left;
  159.     width: 560px;
  160. }
  161. #page-right     {
  162.     background-color: transparent;
  163.     float: right;
  164.     width: 180px;
  165.     margin-bottom: 1em;
  166.     padding: 0;
  167.     color: #666666;
  168. }
  169.  
  170. /* Page foot */
  171. #page-foot {
  172.     background-color: #3366CC;
  173.     border: 5px solid #3366CC;
  174.     width: 750px;
  175.     font-size: 0.9em;
  176.     font-weight: bold;
  177.     margin-bottom: 5px;
  178.     margin-left: auto;
  179.     margin-right: auto;
  180.     padding: 0;
  181.     color: #FFFFFF;
  182. }
  183. #page-foot-menu {
  184.     float: left;
  185.     padding-bottom: 2px;
  186.     padding-left: 3px;
  187.     padding-top: 2px;
  188. }
  189. #page-foot-menu a, #page-foot-menu a:link, #page-foot-menu a:visited {
  190.     background-color: transparent;
  191.     color: #FFFFFF;
  192.     text-decoration: none;
  193. }
  194. #page-foot-menu a:active, #page-foot-menu a:link:hover {
  195.     text-decoration: underline;
  196. }
  197. #issn {
  198.     float: right;
  199.     padding-bottom: 2px;
  200.     padding-right: 3px;
  201.     padding-top: 2px;
  202. }
  203. #page-foot-zoner {
  204.     background-color: #000000;
  205.     clear: both;
  206.     padding-bottom: 2px;
  207.     padding-left: 3px;
  208.     padding-right: 3px;
  209.     padding-top: 2px;
  210.     color: #FFFFFF;
  211. }
  212. #page-foot-zoner a:link, #page-foot-zoner a:link:active, #page-foot-zoner a:link:visited, #page-foot-zoner a:link:hover {
  213.     background-color: transparent;
  214.     color: #FFFFFF;
  215.     text-decoration: underline;
  216. }
  217.  
  218.  
  219. /* Advertising */
  220. #advertising-page-header {
  221.     float: right;
  222.     height: 60px;
  223.     width: 468px;
  224.     margin: 0;
  225.     padding: 0;
  226. }
  227. #advertising-page-bottom {
  228.     background-color: #FFFFFF;
  229.     width: 750px;
  230.     border-left: 5px solid #3366CC;
  231.     border-right: 5px solid #3366CC;
  232.     margin-bottom: 0;
  233.     margin-left: auto;
  234.     margin-right: auto;
  235.     margin-top: 0;
  236.     padding-bottom: 1em;
  237.     color: #000000;
  238. }
  239. #advertising-page-bottom-left {
  240.     float: left;
  241.     width: 557px;
  242.     text-align: center;
  243. }
  244. #advertising-page-bottom-left div {
  245.     height: 60px;
  246.     width: 468px;
  247.     margin: auto;
  248. }
  249. #advertising-page-bottom-right {
  250.     float: right;
  251.     width: 180px;
  252.     text-align: center;
  253. }
  254. #advertising-page-bottom-right div {
  255.     height: 60px;
  256.     width: 120px;
  257.     margin: auto;
  258. }
  259. .advertising-alert {
  260.     margin-left: 1em;
  261.     margin-right: 1em;
  262. }
  263.  
  264. /* Right column blocks */
  265. /*                     */
  266.  
  267. /* Common right-box*/
  268. div.page-right-box {
  269.     border-bottom: 1px solid #999999;
  270.     border-left: 1px solid #999999;
  271.     border-top: 1px solid #999999;
  272.     margin-top: 30px;
  273.     position: relative;
  274. }
  275. div.page-right-box h3 {
  276.     background-color: #FFFFFF;
  277.     height: 33px;
  278.     width: 130px;
  279.     font-size: 1.25em;
  280.     margin: 0;
  281.     padding-left: 40px;
  282.     position: relative;
  283.     top: -20px;
  284.     left: 3px;
  285.     color: #3366CC;
  286.     white-space: nowrap;
  287. }
  288. div.page-right-box-in {
  289.     position: relative;
  290.     padding-right: 5px;
  291.     top: -15px;
  292. }
  293. div.page-right-box-in ul {
  294.   padding: 0;
  295.   margin: 0 0 0 20px;
  296. }
  297. div.page-right-box-in ul li {
  298.   padding: 0;
  299.   margin: 1px 0 0 2px;
  300.   list-style-image: url('../icons/arrow.png')
  301. }
  302. div.page-right-box div.image {
  303.     margin-top: 5px;
  304.     margin-bottom: 5px;
  305.     text-align: center;
  306. }
  307. div.page-right-box a, div.page-right-box a:link, div.page-right-box a:visited {
  308.     background-color: transparent;
  309.     color: #666666;
  310.     text-decoration: none;
  311. }
  312. div.page-right-box a:active, div.page-right-box a:link:hover {
  313.     text-decoration: underline;
  314. }
  315.  
  316. /* Search */
  317. #search {
  318.     background-color: #FFFFFF;
  319.     border-bottom: 1px solid #999999;
  320.     border-left: 1px solid #999999;
  321.     margin: 0;
  322.     padding: 3px;
  323.     color: #666666;
  324.     text-align: center;
  325. }
  326. #search form {
  327.     display: inline;
  328. }
  329. #search form div {
  330.     display: inline;
  331. }
  332. #search form input.text {
  333.     background-color: #FFFFFF;
  334.     border: 1px solid #999999;
  335.     margin-bottom: 2px;
  336.     padding: 1px;
  337.     height: 17px;
  338.     width: 150px;
  339.     color: #666666;
  340. }
  341. #search form select {
  342.     background-color: #FFFFFF;
  343.     border: 1px solid #999999;
  344.     height: 22px;
  345.     margin: 0;
  346.     padding: 0;
  347.     color: #666666;
  348. }
  349. #search form option {
  350.     background-color: #FFFFFF;
  351.     border: 0;
  352.     height: 22px;
  353.     margin: 0;
  354.     padding: 0;
  355.     color: #666666;
  356. }
  357. #search form input.submit {
  358.     border: 1px solid #999999;
  359.     background-color: #F9F9F9;
  360.     height: 22px;
  361.     font-weight: bold;
  362.     margin: 0;
  363.     padding: 0;
  364.     color: #666666;
  365. }
  366. #search div {
  367.     text-align: center;
  368. }
  369.  
  370. /* Czechia */
  371. div.czechia-box {
  372.     border: 0;
  373. }
  374. div.czechia-box form {
  375.     display: inline;
  376. }
  377. #czechia-content {
  378.     background-color: #81B5E2;
  379.     border: 1px solid #000000;
  380.     margin-left: 10px;
  381.     margin-right: 10px;
  382.     font-weight: bold;
  383.     padding: 10px;
  384.     color: #000000;
  385.     text-align: center;
  386. }
  387. #czechia-inner {
  388.     margin: 0;
  389.     padding: 0;
  390.     text-align: center;
  391. }
  392. div.czechia-box h3 {
  393.     background-color: transparent;
  394.     height: 33px;
  395.     width: 100px;
  396.     font-size: 2em;
  397.     margin: 0px auto;
  398.     padding: 0;
  399.     position: relative;
  400.     top: auto;
  401.     left: auto;
  402.     color: #000000;
  403.     text-transform: uppercase;
  404. }
  405. div.czechia-box a, div.czechia-box a:link, div.czechia-box a:visited, div.czechia-box a:active, div.czechia-box a:link:hover {
  406.     background-color: transparent;
  407.     color: #000000;
  408. }
  409. .czechia-box input.text {
  410.     margin: 2px;
  411.     width: 122px;
  412. }
  413. .czechia-box input.image {
  414.     height: 22px;
  415.     width: 112px;
  416. }
  417.  
  418.  
  419. /* inMail */
  420. div.inmail-box {
  421.     border: 0;
  422. }
  423. div.inmail-box form {
  424.     display: inline;
  425. }
  426. #inmail-content {
  427.     background-color: #F6F3DA;
  428.     border: 1px solid #000000;
  429.     margin-left: 10px;
  430.     margin-right: 10px;
  431.     font-weight: bold;
  432.     padding: 10px;
  433.     color: #000000;
  434.     text-align: center;
  435. }
  436. #inmail-inner {
  437.     margin: 0;
  438.     padding: 0;
  439.     text-align: center;
  440. }
  441. div.inmail-box h3 {
  442.     background-color: transparent;
  443.     height: 33px;
  444.     width: 100px;
  445.     font-size: 2em;
  446.     margin: 0px auto;
  447.     padding: 0;
  448.     position: relative;
  449.     top: auto;
  450.     left: auto;
  451.     color: #000000;
  452.     text-transform: uppercase;
  453. }
  454. div.inmail-box a, div.inmail-box a:link, div.inmail-box a:visited, div.inmail-box a:active, div.inmail-box a:link:hover {
  455.     background-color: transparent;
  456.     color: #000000;
  457. }
  458. .inmail-box input.text {
  459.     margin: 2px;
  460.     width: 122px;
  461. }
  462. .inmail-box input.image {
  463.     height: 20px;
  464.     width: 95px;
  465. }
  466.  
  467. /* Advertising */
  468. div.advertising-box {
  469.     border: 0;
  470. }
  471. div.advertising-box div {
  472.     text-align: center;
  473. }
  474. div.advertising-box div.advertising-inner {
  475.     width: 125px;
  476.     height: 125px;
  477.     margin: 0px auto;
  478.     text-align: center;
  479. }
  480.  
  481. /* div { border: 1px solid red; } */