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