home *** CD-ROM | disk | FTP | other *** search
/ PC World 2004 February / PCWorld_2004-02_cd.bin / software / komercni / 602 / pcsuite.css < prev    next >
Cascading Style Sheet File  |  2003-12-18  |  15KB  |  847 lines
  1. /* ---- general ---- */
  2. body {
  3.     margin : 0px;
  4.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  5.     font-size : 11px;
  6. }
  7. img {
  8.     border : 0px;
  9. }
  10. p {
  11.     margin : 3px 10px 5px 10px;
  12.     line-height: 15px;
  13.     text-align: justify;
  14. }
  15. .align_center {
  16.     text-align : center;
  17. }
  18. .align_right {
  19.     text-align : right;
  20. }
  21. h1, h2, h3, h4 {
  22.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  23.     clear : both;
  24. }
  25. h1 {
  26.     font-size : 18px;
  27.     color : #1C79B6;
  28.     margin : 10px 0px 5px 10px;
  29. }
  30. h1.help_title {
  31.     font-size : 12px;
  32.     color : #1C79B6;
  33.     margin : 5px 10px 5px 10px;
  34. }
  35. h2 {
  36.     font-size : 15px;
  37.     color : #1C79B6;
  38.     margin : 10px 0px 3px 10px;
  39. }
  40. h3 {
  41.     font-size : 12px;
  42.     color : #1C79B6;
  43.     margin : 10px 0px 3px 10px;
  44. }
  45. h4 {
  46.     font-size : 12px;
  47.     margin : 10px 0px 3px 10px;
  48. }
  49. h2.product_title {
  50.     width : 370px;
  51.     margin : 5px 0px 1px 10px;
  52.     text-indent : 3px;
  53.     line-height : 18px;
  54.     font-size : 11px;
  55. }
  56. h2.title_602text a {
  57.     color : #0000FF;
  58. }
  59. h2.title_602tab a {
  60.     color : #FFCC00;
  61. }
  62. h2.title_602photo a {
  63.     color : #FF0000;
  64. }
  65. h2.title_602album a {
  66.     color : #008000;
  67. }
  68. a {
  69.     color : #004C7F;
  70.     text-decoration : underline;
  71.     font-weight : bold;
  72. }
  73. a:hover {
  74.     color : #999999;
  75. }
  76. h2.product_title a {
  77.     text-decoration: none;
  78. }
  79. h2.product_title a:hover {
  80.     text-decoration: underline;
  81. }
  82. h2.title_602text a:hover {
  83.     color : #0000FF;
  84. }
  85. h2.title_602tab a:hover {
  86.     color : #FFCC00;
  87. }
  88. h2.title_602photo a:hover {
  89.     color : #FF0000;
  90. }
  91. h2.title_602album a:hover {
  92.     color : #008000;
  93. }
  94. a.ceny_link {
  95.     color : #666666;
  96.     text-decoration : none;
  97.     font-weight : normal;
  98. }
  99. a:hover.ceny_link {
  100.     color : #666666;
  101.     text-decoration : underline;
  102. }
  103. ul {
  104.     padding : 0px;
  105.     margin : 0em 1em 1.2em 2.6em;
  106.     line-height: 15px;
  107. }
  108. ol {
  109.     padding : 0px;
  110.     margin : 0em 1em 1.2em 3.3em;
  111.     line-height: 15px;
  112.     
  113. }
  114. ol ul {
  115.     list-style-type: disc;
  116.     margin-left: 1.5em;
  117.     
  118. }
  119. ol ol {
  120.     margin-left: 2.3em;
  121.  
  122. }
  123. ol.alpha {
  124.     list-style-type: lower-alpha;
  125. }
  126. ul.right_menu {
  127.         margin : 0px 0px 25px 5px; /* moje zmena bylo 0 5 25 10*/
  128.     list-style : none;
  129.     /*border-top : 1px dotted Black;*/
  130.     background-image: url(pic/horizontal_bar.gif);
  131.     background-position: top left;
  132.     background-repeat: repeat-x;
  133. }
  134. #left ul.right_menu {
  135.     margin : 0px 5px 25px 0px; 
  136. }
  137. ul.right_submenu {
  138.     margin : 0px 0px 0px 0px;
  139.     list-style : none;
  140. }
  141. ul.right_menu li {
  142.     /*border-bottom : 1px dotted Black;*/
  143.     background-image: url(pic/horizontal_bar.gif);
  144.     background-position: bottom left;
  145.     background-repeat: repeat-x;
  146.     line-height : 18px;
  147.     font-weight : bold;
  148.     font-size: 10px;
  149. }
  150. ul.right_submenu li {
  151.     /*border-top : 1px dotted Black;*/
  152.     background-image: url(pic/horizontal_bar.gif);
  153.     background-position: top left;
  154.     background-repeat: repeat-x;
  155.     border-bottom : 0px;
  156.         /*    text-indent : 15px; */
  157.         margin-left:10px;  /*    moje pridano */
  158.     font-size: 10px;
  159. }
  160. ul.right_menu li a {
  161.     color : #4091BE;
  162.     text-decoration : none;
  163. }
  164. ul.right_menu li a:hover {
  165.     color : #4091BE;
  166.     text-decoration : underline;
  167. }
  168. ul.right_submenu li a {
  169.     color : #C24C28;
  170. }
  171. ul.right_submenu li a:hover {
  172.     color : #C24C28;
  173. }
  174. ul.right_menu li.upgrade_item a {
  175.     color : #C24C28;
  176. }
  177. ul.right_menu li.upgrade_item a:hover {
  178.     color : #C24C28;
  179. }
  180. ul.product_feat {
  181.     margin : 1px 10px 10px 10px;
  182.     padding-left : 20px;
  183.     line-height : 18px;
  184. }
  185. /*ul.product_feat li {
  186.     list-style : url(../img/arrow.gif);
  187. }
  188. .product_feat_more a {
  189.     color : white;
  190.     font-weight : bold;
  191.     text-decoration : none;
  192. }
  193. .product_feat_more a:hover {
  194.     color : white;
  195.     text-decoration : underline;
  196. }
  197. ul.feat_602text {
  198.     background-color : #2859AA;
  199. }
  200. ul.feat_602tab {
  201.     background-color : #F6B644;
  202. }
  203. ul.feat_602photo {
  204.     background-color : #DE0028;
  205. }
  206. ul.feat_602album {
  207.     background-color : #009924;
  208. }*/
  209. h2.menu_title {
  210.     margin : 10px 0px 5px 5px;
  211.     color : black;
  212.     font-size : 11px;
  213. }
  214. #left h2.menu_title {
  215.     margin : 10px 10px 5px 0px;
  216. }
  217. .login_header {
  218.     width : 128px;
  219.     height : 83px;
  220.     overflow : hidden;
  221.     margin : 10px 0px 5px 10px;
  222.     background-color : #009924;
  223.     /*background-image : url(../img/login_header.gif);*/
  224.     background-repeat : no-repeat;
  225.     background-position : top;
  226. }
  227. .login_header h2 {
  228.     width : 128px;
  229.     height : 63px;
  230.     overflow: hidden;
  231.     color : white;
  232.     font-size : 9px;
  233.     margin : 0px;
  234.     line-height : 19px;
  235. }
  236. div.login_howto {
  237.     color : white;
  238.     font-size : 11px;
  239.     font-weight : bold;
  240.     text-align : center;
  241.     line-height : 20px;
  242.     margin : 0px;
  243. }
  244. div.login_howto a {
  245.     display : block;
  246.     background-color : #009924;
  247.     color : white;
  248.     text-decoration : none;
  249. }
  250. div.login_howto a:hover {
  251.     background-color : white;
  252.     color : #009924;
  253.     text-decoration : none;
  254. }
  255. .login_product_name {
  256.     font-size : 22px;
  257. }
  258. #login_form {
  259.     width : 128px;
  260.     margin : 5px 0px 0px 10px;
  261. }
  262. #login_form p {
  263.     font-weight : bold;
  264.     margin : 0px 0px 2px 0px;
  265. }
  266. input.login_field {
  267.     font-weight : normal;
  268.     border : 1px solid Black;
  269.     background-color : white;
  270.     width : 100px;
  271.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  272.     font-size : 11px;
  273. }
  274. p#s602_copy {
  275.     width : 140px;
  276.     float : left;
  277.     text-align : center;
  278.     color : #999999;
  279.     margin : 5px 0px 5px 0px;
  280. }
  281. p#bottom_menu_center {
  282.     width : 460px;
  283.     float : left;
  284.     text-align : center;
  285.     margin : 5px 0px 5px 0px;
  286. }
  287. p#bottom_menu_right {
  288.     width : 140px;
  289.     float : left;
  290.     text-align : center;
  291.     margin : 5px 0px 5px 0px;
  292. }
  293. p#bottom_menu_center a, p#bottom_menu_right a {
  294.     font-weight : normal;
  295. }
  296. .clear_both {
  297.     clear: both;
  298. }
  299. /* ---- /general ---- */
  300.  
  301. /* ---- page layout ---- */
  302. #page_box {
  303.     width : 740px;
  304.     position : relative;
  305.             top : 0px; /* moje bylo 8px */
  306.     left : 50%;
  307.     margin-left : -370px;
  308. }
  309. #page_header {
  310.     width : 740px;
  311.     height : 105px;
  312.     /*border-bottom : 1px dotted Black;*/
  313.     background-image : url(pic/menu_bg.gif); 
  314.     background-repeat : no-repeat;
  315.     background-position : top right;
  316.     margin-bottom: 10px;
  317. }
  318. #left {
  319.     width : 150px;
  320.     float : left;
  321. }
  322. #main {
  323.     width : 428px;
  324.     margin-left : 5px;
  325.     float : left;
  326.     /*border-left : 1px dotted Black;
  327.     border-right : 1px dotted Black;*/
  328.     background-image: url(pic/vertical_bar.gif);
  329.     background-position: top;
  330.     background-repeat: repeat-y;
  331. }
  332. #main_wide {
  333.     width : 583px;
  334.     float : left;
  335.     background-image: url(pic/vertical_bar_left.gif);
  336.     background-position: top left;
  337.     background-repeat: repeat-y;
  338. }
  339. #right {
  340.     width : 150px;
  341.     margin-left : 5px;
  342.     float : right;
  343. }
  344. #page_footer {
  345.     width : 740px;
  346.     height: 30px;
  347.     clear : both;
  348.     margin-top : 5px;
  349.     /*border-top : 1px dotted Black;*/
  350.     background-image: url(pic/horizontal_bar.gif);
  351.     background-position: top left;
  352.     background-repeat: repeat-x;
  353. }
  354. #logo {
  355.     position : absolute;
  356.     top : 6px;
  357.     left : 48px;
  358. }
  359. #main_menu1 {
  360.     width : 600px;
  361.     position : absolute;
  362.     top : 0px;
  363.     left : 130px;
  364.     font-size : 7px;
  365.     text-align : right;
  366.     color : white;
  367.     line-height : 12px;
  368. }
  369. #main_menu1 a {
  370.     color : white;
  371.     text-decoration : none;
  372.     font-weight : normal;
  373. }
  374. #main_menu1 a:hover {
  375.     text-decoration : underline;
  376. }
  377. #main_menu2 {
  378.     width : 600px;
  379.     position : absolute;
  380.     top : 23px;
  381.     left : 130px;
  382.     font-size : 10px;
  383.     font-weight : bold;
  384.     text-align : right;
  385.     color : #086595;
  386. }
  387. #main_menu2 a {
  388.     color : #086595;
  389.     text-decoration : none;
  390. }
  391. #main_menu2 a:hover {
  392.     text-decoration : underline;
  393.     color : #086595;
  394. }
  395. #main_menu3 {
  396.     width : 600px;
  397.     position : absolute;
  398.     top : 43px;
  399.     left : 130px;
  400.     font-size : 10px;
  401.     font-weight : bold;
  402.     text-align : right;
  403.     color : #086595;
  404. }
  405. #main_menu3 a {
  406.     color : #086595;
  407.     text-decoration : none;
  408. }
  409. #main_menu3 a:hover {
  410.     text-decoration : underline;
  411.     color : #086595;
  412. }
  413.  
  414. #main_menu4 {
  415.     width : 600px;
  416.     position : absolute;
  417.     top : 68px;
  418.     left : 130px;
  419.     font-size : 10px;
  420.     font-weight : bold;
  421.     text-align : right;
  422.     color : #086595;
  423. }
  424.  
  425. #main_menu4 a {
  426.     color : #086595;
  427.     text-decoration : none;
  428. }
  429. #main_menu4 a:hover {
  430.     text-decoration : underline;
  431.     color : #086595;
  432. }
  433.  
  434. #path {
  435.     position : absolute;
  436.     top : 84px;
  437.     left : 90px;
  438.     line-height : 16px;
  439. }
  440. #path a {
  441.     font-weight : bold;
  442. }
  443. .current {
  444.     color : #CA0018;
  445.     font-weight : bold;
  446. }
  447. .short_content {
  448.     height: 580px;
  449. }
  450. .short_content_login {
  451.     height: 400px;
  452. }
  453. /* ---- /page layout ---- */
  454.  
  455. /* --- features ---- */
  456. .screenshot {
  457.     margin : 10px 0px 10px 10px;
  458. }
  459. .screenshot2 {
  460.     margin : 10px 0px 10px 10px;
  461. }
  462. .screenshot div {
  463.     width : 90px;
  464.     height : 68px;
  465.     float : left;
  466.     margin : 0px 8px 8px 0px;
  467.     border : 2px solid #666666;
  468. }
  469. .screenshot2 div {
  470.     float : left;
  471.     margin : 0px 5px 5px 0px;
  472.     border : 1px solid #666666;
  473. }
  474. /* --- features ---- */
  475.  
  476. /* ---- register ---- */
  477. form {
  478.     margin-top: 20px;
  479. }
  480. .formitem {
  481.     clear : both;
  482.     width : 350px;
  483.     text-align : right;
  484. }
  485. .formlabel {
  486.     width : 170px;
  487.     text-align : right;
  488.     float : left;
  489.     margin-right: 3px;
  490. }
  491. .formlabelrequired {
  492.     font-weight : bold;
  493.     width : 170px;
  494.     text-align : right;
  495.     float : left;
  496.     margin-right: 3px;
  497. }
  498. .formfield, .formfield_chbox, .formfield_short {
  499.     width : 175px;
  500.     float : left;
  501.     text-align : left;
  502. }
  503. .formfield input {
  504.     width : 150px;
  505.     background-color : white;
  506.     border : 1px solid black;
  507.     font-size : 11px;
  508.     margin-bottom : 7px;
  509.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  510. }
  511. .formfield_short input {
  512.     background-color : white;
  513.     border : 1px solid black;
  514.     font-size : 11px;
  515.     margin-bottom : 7px;
  516.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  517. }
  518. .formfield select {
  519.     background-color : white;
  520.     border : 1px solid black;
  521.     font-size : 11px;
  522.     margin-bottom : 7px;
  523.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  524. }
  525. .formsubmit {
  526.     width : 350px;
  527.     text-align : center;
  528. }
  529. .formsubmit input {
  530.     background-color : #2959AB;
  531.     color: White;
  532.     border : 1px solid black;
  533.     padding: 1px;
  534.     font-size : 11px;
  535.     font-weight : bold;
  536.     margin-top : 5px;
  537.     margin-bottom : 5px;
  538.     text-align : center;
  539.     cursor: pointer;
  540. }
  541. .keyword {
  542.     background-color: Yellow;
  543. }
  544. .licence_cond {
  545.     width: 395px;
  546.     height: 150px;
  547.     overflow: auto;
  548.     border: 1px solid black;
  549.     background-color: #D9DAFF;
  550.     font-size : 11px;
  551.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  552. }
  553. /* ---- /register ---- */
  554.  
  555. /* ---- statistics ---- */
  556. table.stat, table.referer_products {
  557.     margin: 10px;
  558. }
  559. table.referer_products {
  560.     width: 405px;
  561. }
  562. table.stat th {
  563.     font-weight: bold;
  564.     font-size: 11px;
  565.     text-align: center;
  566.     background-color: #666666;
  567.     color: White;
  568. }
  569. table.stat td {
  570.     background-color: #D0D0D0;
  571.     font-size: 11px;
  572. }
  573. table.referer_products th {
  574.     font-weight: bold;
  575.     font-size: 11px;
  576.     text-align: center;
  577.     background-color: #000066;
  578.     color: White;
  579. }
  580. table.referer_products td {
  581.     background-color: #CCCCFF;
  582.     font-size: 11px;
  583. }
  584. .blue_box {
  585.     background-color: #CCCCFF;
  586.     margin-left: 10px;
  587.     margin-right: 10px;
  588.     border: 1px solid black;
  589. }
  590. /* ---- /statistics ---- */
  591.  
  592. /* ---- banners ---- */
  593. .banners {
  594.     margin-left: 10px;
  595.     clear: left;
  596. }
  597. .banners div {
  598.     float : left;
  599.     margin : 0px 10px 10px 0px;
  600.     text-align: center;
  601.     font-weight: bold;
  602. }
  603. /* ---- /banners ---- */
  604.  
  605. /* ---- faq ---- */
  606. p.question {
  607.     color : #006600;
  608.     font-weight: bold;
  609.     margin-top: 10px;
  610. }
  611. /* ---- /faq ---- */
  612.  
  613. /* --- pridano 602 --- */
  614. .justify {text-align:justify;}
  615. .margin_top_20px {margin-top:20px;}
  616. /* --- pridano 602 --- */
  617.  
  618. /* --- pridano 602 --- */
  619. table .tfoot {
  620.      width: 95%;
  621. }
  622.  
  623.  
  624. .tfoot th
  625. {
  626.    font-size: 10pt;
  627.    background-color:#104080;
  628.    color: White;
  629. }
  630.  
  631. .tab1,.tab2
  632. {
  633.    font-size: 9pt; font-family : arial CE, helvetica CE, sans-serif;
  634.    font-weight:normal;
  635.    color: #000000;
  636. }
  637. .tab1
  638. {
  639.   background-color : #e3e3e3;
  640. }
  641. .tab2
  642. {
  643. background-color : #F1F1F3;
  644. }
  645.  
  646. #srovnani td 
  647. {
  648. padding: 3px;
  649. }
  650.  
  651. ol
  652. {
  653. list-style: decimal;
  654. }
  655.  
  656. /* --- pridano 602 --- */
  657. /*---------------DB--------------*/
  658. .num
  659. {
  660.     list-style-type : decimal;
  661.     font-weight:bold;
  662.     color: #004c7f;
  663.     margin-bottom:2px;
  664. }
  665. /*---------------DB--------------*/
  666.     .radek1
  667.      {
  668.         float: left;
  669.         margin:1px;
  670.     }
  671.  
  672.     .submit
  673.     {
  674.     height:30px;
  675.     background-color :#104080;
  676.     clear: both;
  677.     margin-left:40px;
  678.     margin-right:13px;
  679.     padding-left:150px;
  680.     padding-top:7px;
  681.     border-top: 8px solid #e3e3e3;
  682.     }
  683.  
  684.  
  685.    
  686.     .radek1 {width: 410px;}
  687.     .radek2,.radek2b {width: 390px;}
  688.     .radek3 {width: 370px;}
  689.     .radek1
  690.     {
  691.         background-color :#104080;
  692.         color: white;
  693.     }
  694.     
  695.     .radek2,.radek2b
  696.     {
  697.         margin-left: 20px;
  698.         background-color :#e3e3e3;
  699.     }
  700.     .radek2b
  701.     {
  702.         font-weight:bold;
  703.     }
  704.  
  705.     .radek3
  706.     {
  707.         margin-left: 40px;
  708.         background-color :#e3e3e3;
  709.     }
  710. .tabulka .sloupec * input
  711. {
  712. background-color :#F1F1F3;
  713. border : 1px solid #104080;
  714. }
  715.  
  716. .tabulka form
  717. {
  718. margin:0;
  719. padding:0;
  720. }
  721.     .sloupec
  722.     {
  723.     
  724.     font-size:11px;
  725.     padding-left:5px;
  726.    clear: both;
  727.     }
  728. .sloupec2
  729.     {
  730.  
  731.     font-size:11px;
  732.    padding-left:5px;
  733.    margin-left:15px;
  734.     }
  735.  
  736.    .prvni
  737.    {
  738.    float:left;
  739.    width:80px;
  740.    background-color :#e3e3e3;
  741.    height:25px;
  742.    margin:0px;
  743.    padding:0px;
  744.    }
  745.  
  746.    .druhy
  747.    {
  748.    float:left;
  749.    width:305px;
  750.    background-color :#e3e3e3;
  751.    height:25px;
  752.    margin:0px;
  753.    padding:0px;
  754.    }
  755.    .error
  756.    {
  757.    marign:0px;
  758.    padding:0px;
  759.    text-align:center;
  760.    font-weight:bold;
  761.    font-size:14px;
  762.    color:white;
  763.    width:400px;
  764.    background-color :#cc0033;
  765.    height:35px;
  766.    padding:3px;
  767.    border : 1px solid #104080;
  768.    }
  769.  
  770. /*---------------DB--------------*/
  771.  
  772. table.dph {
  773.     width:95%;
  774.     margin:10px;
  775. }
  776.  
  777. table.dph th {
  778.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  779.     font-size : 11px;
  780.     text-align:left;
  781.     background-color:#666699;
  782.     color:white;
  783. }
  784.  
  785. table.dph td {
  786.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  787.     font-size : 11px;
  788.     padding:2px;
  789.     text-align:right;
  790. }
  791.  
  792. table.download {
  793.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  794.     font-size : 11px;
  795.     
  796.     
  797. }
  798.  
  799. table.firmy {
  800.     width:95%;
  801.     margin:10px;
  802.     background-color:#eeeeee;
  803.     margin-top:0px;
  804. }
  805.  
  806. table.firmy td {
  807.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  808.     font-size : 11px;
  809.     padding:2px;
  810.     text-align:center;
  811. }
  812.  
  813. table.feat {
  814. margin-right:auto;
  815. margin-left:auto;
  816. }
  817.  
  818. table.all td {
  819.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  820.     font-size : 11px;
  821. }
  822.  
  823. table.mytab {
  824.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  825.     width:92%;
  826.     margin:10px;
  827.     margin-top:0px;
  828. }
  829.  
  830.  
  831. table.mytab td, table.mytab th {
  832.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  833.     font-size : 11px;
  834.     border:1 solid black;
  835.     margin:0px;
  836.     padding-right:3px;
  837.     padding-left:3px;
  838. }
  839.  
  840. table.mytab th {
  841. color:white;
  842. background-color:#0066cc;
  843. }
  844.  
  845. table.mytab td input {
  846. margin-left:10px;
  847. }