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