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