home *** CD-ROM | disk | FTP | other *** search
/ PC World 2004 April / PCWorld_2004-04_cd.bin / Novinky / Interval / __services / styles / homepage_all.css < prev    next >
Cascading Style Sheet File  |  2004-03-11  |  11KB  |  584 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. /* Page page-mainmenu settings */
  12. #page-mainmenu ul {
  13.     background-color: #EEEEEE;
  14.     font-weight: bold;
  15.     list-style-type: none;
  16.     margin: 0;
  17.     padding: 0;
  18.     color: #000000;
  19. }
  20. #page-mainmenu ul li {
  21.     border-top: 1px solid #999999;
  22.     border-right: 1px solid #999999;
  23.     float: left;
  24.     margin-bottom: 0;
  25.     margin-left: 4px;
  26.     margin-right: 0;
  27.     margin-top: 0;
  28.     padding-bottom: 0;
  29.     padding-left: 4px;
  30.     padding-right: 4px;
  31.     padding-top: 0;
  32.     line-height: 1.4em;
  33. }
  34. #page-mainmenu ul li.right {
  35.     border-left: 1px solid #666666;
  36.     border-right: 0;
  37.     float: right;
  38. }
  39. #page-mainmenu a, #page-mainmenu a:link, #page-mainmenu a:visited {
  40.     background-color: transparent;
  41.     color: #3366CC;
  42.     text-decoration: none;
  43. }
  44. #page-mainmenu a:active, #page-mainmenu a:link:hover {
  45.     background-color: transparent;
  46.     color: #FF0000;
  47.     text-decoration: none;
  48. }
  49. #page-mainmenu li.selected {
  50.     background-color: #3366CC;
  51.     border-right: 1px solid #3366CC;
  52.     border-top: 1px solid #3366CC;
  53.     color: #FFFFFF;
  54. }
  55. #page-mainmenu .selected a, #page-mainmenu .selected a:link, #page-mainmenu .selected a:visited {
  56.     background-color: transparent;
  57.     color: #FFFFFF;
  58.     text-decoration: none;
  59. }
  60. #page-mainmenu li.first {
  61.     margin-left: 0;
  62. }
  63. #page-mainmenu-maker {
  64.     border-bottom: 3px solid #3366CC;
  65.     margin-top: 2px;
  66. }
  67.  
  68.  
  69. /* Page page-mainsubmenu settings */
  70. div#page-mainsubmenu {
  71.     background-color: #3366CC;
  72.     clear: both;
  73.     font-size: 0.9em;
  74.     color: #FFFFFF;
  75. }
  76. #page-mainsubmenu ul {
  77.     background-color: #3366CC;
  78.     font-weight: bold;
  79.     list-style-type: none;
  80.     margin: 0;
  81.     padding: 0;
  82.     color: #FFFFFF;
  83. }
  84. #page-mainsubmenu ul li {
  85.     border: 0;
  86.     float: left;
  87.     margin-bottom: 0;
  88.     margin-left: 4px;
  89.     margin-right: 0;
  90.     margin-top: 0;
  91.     padding-bottom: 0;
  92.     padding-left: 4px;
  93.     padding-right: 2px;
  94.     padding-top: 0;
  95.     line-height: 1.35em;
  96. }
  97. #page-mainsubmenu ul li.right {
  98.     border: 0;
  99.     float: right;
  100. }
  101. #page-mainsubmenu a, #page-mainsubmenu a:link, #page-mainsubmenu a:visited {
  102.     background-color: transparent;
  103.     color: #FFFFFF;
  104.     text-decoration: none;
  105. }
  106. #page-mainsubmenu a:active, #page-mainsubmenu a:hover {
  107.     background-color: transparent;
  108.     color: #FFCC00;
  109.     text-decoration: none;
  110. }
  111. #page-mainsubmenu li.selected {
  112.     background-color: #FFFFFF;
  113.     color: #3366CC;
  114. }
  115. #page-mainsubmenu .selected a, #page-mainsubmenu .selected a:link, #page-mainsubmenu .selected a:visited {
  116.     background-color: transparent;
  117.     color: #3366CC;
  118.     text-decoration: none;
  119. }
  120. #page-mainsubmenu li.first {
  121.     margin-left: 0;
  122. }
  123. #page-mainsubmenu-maker {
  124. }
  125.  
  126.  
  127. /* Titlepage topbox settings */
  128. a.topbox-slot-link, a.topbox-slot-link:visited {
  129.     background-color: transparent;
  130.     font-weight: bold;
  131.     color: #666666;
  132.     text-decoration: none;
  133. }
  134. a:active.topbox-slot-link, a:hover.topbox-slot-link {
  135.     background-color: transparent;
  136.     color: #666666;
  137.     text-decoration: underline;
  138. }
  139. #topbox-mags {
  140.     padding-top: 10px;
  141.     margin-top: 0;
  142.     margin-bottom: 0;
  143.     margin-left: 10px;
  144.     margin-right: 10px;
  145. }
  146. #topbox-mags img {
  147.     float: left;
  148.     margin-bottom: 0px;
  149.     margin-left: 0px;
  150.     margin-right: 5px;
  151.     margin-top: 0px;
  152.     width: 63px;
  153.     height: 80px;
  154. }
  155. #topbox-mags-head {
  156.     float: left;
  157.     width: 390px;
  158. }
  159. #topbox-mags-head h2 {
  160.     display: inline;
  161. }
  162. #topbox-mags-cathegory {
  163.     float: right;
  164.     font-weight: bold;
  165. }
  166. #topbox-mags-cathegory a {
  167.     text-decoration: none;
  168. }
  169. #topbox-mags-cathegory a:active, #topbox-mags-cathegory a:hover {
  170.     text-decoration: underline;
  171. }
  172. div.topbox-mags-page-maker {
  173.     clear: right;
  174. }
  175. #topbox-mags p {
  176.     margin-top: 1em;
  177.     margin-bottom: 0.3em;
  178.     text-align: justify;
  179. }
  180. #topbox-critics {
  181.     clear: both;
  182.     margin: 10px;
  183. }
  184. #topbox-critics h2 {
  185.     font-size: 1.3em;
  186. }
  187. #topbox-critics-outer {
  188.     text-align: center;
  189. }
  190. #topbox-critics-inner {
  191.     width: 510px;
  192.     margin-left: auto;
  193.     margin-right: auto;
  194. }
  195. .topbox-critics-box {
  196.     width: 33%;
  197.     float: left;
  198.     text-align: center;
  199. }
  200. .topbox-critics-box img {
  201.     width: 83px;
  202.     height: 62px;
  203. }
  204. div.topbox-critics-box a, div.topbox-critics-box a:link, div.topbox-critics-box a:visited {
  205.     background-color: transparent;
  206.     color: #666666;
  207.     text-decoration: none;
  208. }
  209. div.topbox-critics-box a:active, div.topbox-critics-box a:link:hover {
  210.     text-decoration: underline;
  211. }
  212. .topbox-critics-head {
  213.     margin-bottom: 5px;
  214.     text-align: center;
  215. }
  216. .topbox-critics-box h3 {
  217.     display: inline;
  218. }
  219. .topbox-critics-comment-box {
  220.     margin-top: 5px;
  221.     text-align: center;
  222. }
  223. /* Titlepage articles settings */
  224. .anotation {
  225.     padding-top: 10px;
  226.     margin-top: 0;
  227.     margin-bottom: 0;
  228.     margin-left: 10px;
  229.     margin-right: 10px;
  230.     clear: both;
  231. }
  232. .anotation-head {
  233.     float: left;
  234.     width: 425px;
  235. }
  236. .cathegory {
  237.     float: right;
  238.     font-weight: bold;
  239. }
  240. .cathegory a {
  241.     text-decoration: none;
  242. }
  243. .cathegory a:active, .cathegory a:hover {
  244.     text-decoration: underline;
  245. }
  246. .anotation-note {
  247.     float: left;
  248.     font-size: 0.9em;
  249. }
  250. .anotation-comment {
  251.     float: right;
  252.     font-size: 0.9em;
  253. }
  254. .today {
  255.     background-color: transparent;
  256.     color: #FF0000;
  257.     font-weight: bold;
  258.     text-transform: lowercase;
  259. }
  260. .yesterday {
  261.     background-color: transparent;
  262.     color: #FF9900;
  263.     font-weight: bold;
  264.     text-transform: lowercase;
  265. }
  266. .anotation h2 {
  267.     background-color: transparent;
  268.     font-size: 1.3em;
  269.     display: inline;
  270.     color: #666666;
  271. }
  272. .anotation-serial h2 {
  273.     background-color: transparent;
  274.     font-size: 1.5em;
  275.     color: #3366CC;
  276. }
  277. .anotation p {
  278.     clear: both;
  279.     margin: 0;
  280.     text-align: justify;
  281. }
  282. .cathegory a.cathegory14 {
  283.     background-color: transparent;
  284.     color: #660066;
  285. }
  286. .cathegory a.cathegory15 {
  287.     background-color: transparent;
  288.     color: #CC9900;
  289. }
  290. .cathegory a.cathegory16 {
  291.     background-color: transparent;
  292.     color: #003399;
  293. }
  294. .cathegory a.cathegory17 {
  295.     background-color: transparent;
  296.     color: #FF9900;
  297. }
  298. .cathegory a.cathegory18 {
  299.     background-color: transparent;
  300.     color: #009900;
  301. }
  302. .cathegory a.cathegory100 {
  303.     background-color: transparent;
  304.     color: #000000;
  305. }
  306.  
  307. /* Articles paging settings */
  308. #articles-paging {
  309.     clear: both;
  310.     margin: 0;
  311.     padding-bottom: 5px;
  312.     padding-left: 10px;
  313.     padding-right: 10px;
  314.     padding-top: 5px;
  315. }
  316. #articles-paging-box {
  317.     border-top: 1px solid #999999;
  318.     border-bottom: 1px solid #999999;
  319.     margin: 0;
  320.     padding-top: 2px;
  321.     padding-bottom: 2px;
  322. }
  323. #articles-paging-form {
  324.     float: left;
  325.     margin: 0;
  326.     padding: 0;
  327.     width: 45%;
  328. }
  329. #articles-paging-form form {
  330.     display: inline;
  331.     margin: 0;
  332.     padding: 0;
  333. }
  334. #articles-paging-form div {
  335.     display: inline;
  336.     margin: 0;
  337.     padding: 0;
  338. }
  339. #articles-paging-form input.submit {
  340.     border: 1px solid #999999;
  341.     background-color: #F9F9F9;
  342.     margin: 0;
  343.     padding: 0;
  344.     width: 9em;
  345.     color: #666666;
  346.     font-size: 0.9em;
  347. }
  348. #articles-paging-form input.text {
  349.     background-color: #FFFFFF;
  350.     border: 1px solid #999999;
  351.     margin: 0;
  352.     padding: 0;
  353.     color: #3366CC;
  354.     font-size: 0.8em;
  355.     height: 1.8em;
  356. }
  357. #articles-paging-anchors {
  358.     float: right;
  359. }
  360. #articles-paging-anchors a.current {
  361.     background-color: transparent;
  362.     color: #000000;
  363.     text-decoration: none;
  364. }
  365.  
  366. /* Titlepage press settings */
  367. #press-body {
  368.     margin: 0;
  369.     padding: 10px;
  370. }
  371. #press-box {
  372.     border: 0;
  373.     margin: 0;
  374.     padding: 5px;
  375. }
  376. #press-box h2 {
  377.     margin: 0;
  378. }
  379. #press-box li {
  380.     list-style-image: url('../icons/arrow.png');
  381. }
  382. #press-box a {
  383.     text-decoration: none;
  384. }
  385. #press-box a:active, #press-box a:link:hover {
  386.     text-decoration: underline;
  387. }
  388. #press-box ul a {
  389.     background-color: transparent;
  390.     color: #000000;
  391.     text-decoration: none;
  392. }
  393. #press-box ul a:active, #press-box ul a:link:hover {
  394.     background-color: transparent;
  395.     color: #000000;
  396.     text-decoration: underline;
  397. }
  398.  
  399. /* Right column */
  400. /*              */
  401.  
  402. /* Books (news & tips) */
  403. div.book h3 {
  404.     background-image: url('../icons/book.png');
  405.     background-position: top left;
  406.     background-repeat:  no-repeat;
  407.     padding-top: 10px;
  408. }
  409. div.book div.book-top {
  410.     text-align: center;
  411.     margin: 0px 5px;
  412. }
  413. div.book h4 {
  414.     font-size: 1em;
  415.     margin: 0px auto;
  416. }
  417. div.book img {
  418.     width: 100px;
  419. }
  420. div.book div.book-bottom {
  421.     text-align: center;
  422. }
  423. div.book span.book-price-old {
  424.     text-decoration: line-through;
  425. }
  426. div.book span.book-price-new {
  427.     font-weight: bold;
  428. }
  429.  
  430. /* Inquiry */
  431. div.inquiry h3 {
  432.     background-image: url('../icons/inquiry.png');
  433.     background-position: top left;
  434.     background-repeat:  no-repeat;
  435.     width: 100px;
  436.     padding-top: 10px;
  437. }
  438. div.inquiry p {
  439.     margin: 0.5em 0;
  440.     padding-left: 10px;
  441. }
  442. div.inquiry h4 {
  443.     margin: 0.5em 0;
  444.     padding-left: 10px;
  445.     font-weight: bold;
  446.     font-size: 1em;
  447. }
  448. div.inquiry a:link {
  449.     background-color: transparent;
  450.     color: #3366CC;
  451. }
  452. div.inquiry .answer {
  453.     border: 0px;
  454.     margin: 0;
  455.     padding-left: 15px;
  456.     padding-bottom: 1px;
  457.     padding-top: 1px;
  458. }
  459. div.inquiry .answer-image {
  460.     padding-left: 15px;
  461. }
  462.  
  463. /* Reading */
  464. div.reading h3 {
  465.     background-image: url('../icons/reading.png');
  466.     background-position: top left;
  467.     background-repeat:  no-repeat;
  468.     padding-top: 10px;
  469. }
  470.  
  471. /* Cauldron */
  472. div.cauldron h3 {
  473.     background-image: url('../icons/cauldron.png');
  474.     background-position: top left;
  475.     background-repeat:  no-repeat;
  476.     padding-top: 10px;
  477. }
  478.  
  479. /* Email services */
  480. div.emailserv h3 {
  481.     background-image: url('../icons/emailserv.png');
  482.     background-position: top left;
  483.     background-repeat:  no-repeat;
  484.     padding-top: 10px;
  485. }
  486. div.emailserv form {
  487.     display: inline;
  488. }
  489. div.emailserv form div {
  490.     margin-left: 10px;
  491.     margin-right: 10px;
  492. }
  493. div.emailserv form input.text {
  494.     background-color: #FFFFFF;
  495.     border: 1px solid #999999;
  496.     margin-bottom: 2px;
  497.     padding: 1px;
  498.     height: 17px;
  499.     width: 150px;
  500.     color: #3366CC;
  501. }
  502. div.emailserv form input.submit {
  503.     border: 1px solid #999999;
  504.     background-color: #F9F9F9;
  505.     height: 22px;
  506.     font-weight: bold;
  507.     margin-top: 3px;
  508.     padding: 0;
  509.     color: #666666;
  510. }
  511.  
  512. /* Opinion */
  513. div.opinion h3 {
  514.     background-image: url('../icons/opinion.png');
  515.     background-position: top left;
  516.     background-repeat:  no-repeat;
  517.     padding-top: 10px;
  518. }
  519.  
  520. /* Content from other servers */
  521. div.outservers h3 {
  522.     background-image: url('../icons/info.png');
  523.     background-position: top left;
  524.     background-repeat:  no-repeat;
  525.     padding-top: 10px;
  526. }
  527. div.outservers h4 {
  528.     margin-bottom:  0;
  529.     margin-left:  20px;
  530.     margin-right:  0;
  531.     margin-top:  1em;
  532.     font-size: 1em;
  533. }
  534.  
  535.  
  536.  
  537. /* Special pages (class interval-homepage) */
  538. /*                                         */
  539.  
  540. .homepage-page {
  541.     margin-bottom: 10px;
  542.     margin-left: 10px;
  543.     margin-right: 10px;
  544.     margin-top: 0px;
  545. }
  546. .homepage-page h2 {
  547.     background-color: transparent;
  548.     color: #3366CC;
  549. }
  550. .homepage-page h3 {
  551.     background-color: transparent;
  552.     color: #3366CC;
  553. }
  554. .homepage-page p {
  555.     text-align: justify;
  556. }
  557. .homepage-page div.image {
  558.     text-align: center;
  559. }
  560. .homepage-page span.comment {
  561.     font-size: 0.75em;
  562.     font-style: italic;
  563. }
  564.  
  565. /* Page redakce.asp */
  566. .redaction-position {
  567.     background-color: #3366CC;
  568.     color: #FFFFFF;
  569. }
  570. .redaction-position h3 {
  571.     background-color: transparent;
  572.     margin-left: 0.5em;
  573.     color: #FFFFFF;
  574. }
  575.  
  576.  
  577.  
  578. /* Page problem solved by Yuhuu */
  579. #page-left, #page-right {
  580.     overflow: hidden;
  581. }
  582.  
  583.  
  584. /* div { border: 1px solid red; } */