home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / chplus / jaknaweb / style / style.css < prev   
Cascading Style Sheet File  |  2004-03-01  |  12KB  |  853 lines
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. font-size: 83%;
  5. font-family: Verdana, "Geneva CE", lucida, sans-serif;
  6. text-align: center;
  7. background: #5197D7;
  8. }
  9. /* ostatni */
  10. p {
  11. margin:0px;
  12. padding:0px;
  13. }
  14. .levof {
  15. float:left;
  16. }
  17. .pravof {
  18. float:right;
  19. }
  20. .levo {
  21. text-align:left;
  22. }
  23. .pravo {
  24. text-align:right;
  25. }
  26. .center {
  27. text-align:center;
  28. }
  29. h2 {
  30. font-size:0.94em;
  31. margin:0px;
  32. }
  33. img {
  34. border:0px;
  35. }
  36. /* ostani - konec */
  37.  
  38. A:link {
  39. color: #000099;
  40. text-decoration:none;
  41. }
  42. A:visited {
  43. color: #3366CC;
  44. text-decoration:none;
  45. }
  46. A:active {
  47. color: #000; 
  48. text-decoration:underline;
  49. }
  50. A:hover {
  51. color: #145478;
  52. text-decoration: underline;
  53. }
  54.  
  55. #hlavni {
  56. width: 770px;
  57. margin: 0px;
  58. margin-left: auto;
  59. margin-right: auto;
  60. background: #fff;
  61. }
  62. .home, .obl {
  63. margin:0 5px;
  64. }
  65.  
  66. #hlavicka {
  67. height:87px;
  68. margin-bottom:2px;
  69. background: #fff url('../images/hlavicka.gif') top no-repeat;            
  70. }
  71.  
  72. #banner {
  73. position:relative;
  74. width:760px;
  75. height:65px;
  76. text-align:left;
  77. padding-top:6px;
  78. padding-bottom:0px;
  79. margin-left: auto;
  80. margin-right: auto;
  81.  
  82. }
  83.  
  84. #hlavicka-obl {
  85. width:760px;
  86. height:14px;
  87. font-size:0.8em;
  88. background: #8FBCED;
  89. border: 1px solid #000;
  90. margin-left: auto;
  91. margin-right: auto;
  92. padding-top:1px;
  93. }
  94.  
  95. #ls {
  96. float: left;
  97. width: 110px;
  98. padding-left: 5px;
  99. text-align:left;
  100. }
  101.  
  102. #ps {
  103. float: right;
  104. width: 150px;
  105. padding-right: 5px;
  106. }
  107.  
  108. table.webgraf {
  109. font-weight: normal;
  110. font-size: 14px;
  111. color: #404040;
  112. width: 150px;
  113. background-color: #fafafa;
  114. border: 1px #000 solid;
  115. border-collapse: collapse;
  116. border-spacing: 0px;
  117. }
  118.  
  119. table.webgraf td.napis {
  120. border-bottom: 1px solid #000;
  121. background:#84B5E7 url('../images/sipka.gif') left top no-repeat;
  122. height:14px;
  123. text-align: center;
  124. font-weight: bold;
  125. font-size: 11px;
  126. color: #404040;
  127. }
  128.  
  129. table.webgraf td {
  130. border-bottom: 1px solid #000;
  131. font-weight: normal;
  132. font-size: 11px;
  133. color: #404040;
  134. background-color: white;
  135. text-align: left;
  136. padding-left: 3px;
  137. } 
  138.  
  139. table.webgraf td.wg{
  140. width:75px;
  141. border-right: 1px solid #000;
  142. }
  143.  
  144. table.webgraf td.tp{
  145. width:75px;
  146. }
  147. #graf-stat {
  148. width:148px;
  149. font-size:0.7em;
  150. border:1px solid #000;
  151. border-top:0px;
  152. }
  153.  
  154. .oranzova {
  155. color:#FF9933;
  156. }
  157.  
  158. #paticka {
  159. clear: both;
  160. padding-bottom: 10px;
  161. margin-top: 3px;
  162. background: #fff url('../images/paticka.gif') bottom no-repeat;            
  163. }
  164. #paticka-linka {
  165. width:760px;
  166. padding:1px;
  167. margin-bottom:2px;
  168. font-size:0.73em;
  169. background: #8FBCED;
  170. border: 1px solid #000;
  171. margin-left: auto;
  172. margin-right: auto;
  173. }
  174.  
  175. #paticka A:link, #paticka A:active, #paticka A:visited, #paticka A:hover {
  176. font-weight: normal;
  177. font-size:1em;
  178. color:#b1cbde;
  179. }
  180.  
  181. .small {
  182. font-size:0.69em;
  183. color:#b1cbde;
  184. }
  185.  
  186. /* uvod */
  187. #u-stred {
  188. margin-left: 117px;
  189. margin-right: 157px;
  190. height:100px;
  191. border:1px solid #000;
  192. background:#aaa;
  193. }
  194. #novinky- {
  195.  
  196. }
  197. /* uvod - konec */
  198.  
  199. /* sekce */
  200. #s-stred {
  201. width:494px;
  202. margin-left: 117px;
  203. margin-right: 157px;
  204. border:1px solid #000;
  205. }
  206.  
  207. #s-top {
  208. padding:0px;
  209. margin:0px;
  210. height:14px;
  211. font-weight:bold;
  212. background:#8FBCED;
  213. border-bottom:1px solid #000;
  214. }
  215.  
  216. #s-podsekce {
  217. padding:0px;
  218. margin:0px;
  219. height:14px;
  220. font-weight:bold;
  221. background:#8FBCED;
  222. border-bottom:1px solid #000;
  223. border-top:1px solid #000;
  224. margin-top:2px;
  225. }
  226.  
  227. #s-podsekce h3{
  228. font-size:0.94em;
  229. margin:0px;
  230. }
  231.  
  232. #s-ukaz {
  233. height:14px;
  234. font-size:0.8em;
  235. background:#CCE0F7;
  236. border-bottom:1px solid #000;
  237. }
  238.  
  239. #s-stat {
  240. height:14px;
  241. font-size:0.8em;
  242. background:#CCE0F7;
  243. border-bottom:1px solid #000;
  244. }
  245. .strankovani, .strankovani2 {
  246. text-align:center;
  247. font-weight:bold;
  248. padding:2px 0 1px 0;
  249. font-size:0.89em;
  250. border-bottom:3px double #000;
  251. }
  252. .strankovani2 {
  253. border-top:3px double #000;
  254. border-bottom:0px;
  255. }
  256.  
  257. .s-obal {
  258. margin-bottom:3px;
  259. }
  260. .s-radek {
  261. text-align:left;
  262. padding-top:1px;
  263. background:#B3D9F2;
  264. }
  265. .s-nazev {
  266. font-size:0.85em;
  267. padding-left:5px;
  268. width:380px;
  269. margin:1px 0;
  270.  
  271. }
  272. .s-kvalita {
  273. float:right;
  274. width:49px;
  275. height:8px;
  276. padding-top:2px;
  277. background:#B3D9F2;
  278. }
  279. .s-hits {
  280. font-size:0.7em;
  281. float:right;
  282. width:40px;
  283. text-align:right;
  284. padding-right:3px;
  285. background:#B3D9F2;
  286. }
  287. .s-popis{
  288. font-size:0.75em;
  289. padding: 1px 5px;
  290. text-align:left;
  291. background:#EFF7FC;
  292. }
  293. /* sekce-konec */
  294.  
  295. /* menu */
  296. .nadpis-sekce, .nadpis-sekce2 {
  297. font-weight:bold;
  298. width:108px;
  299. height:14px;
  300. padding-top:1px;
  301. font-size:11px;
  302. background:#84B5E7 url('../images/sipka.gif') left top no-repeat;
  303. border:1px solid #000;
  304. text-align:center;
  305. }
  306. .nadpis-sekce2 {
  307. margin-top:1px;
  308. }
  309.  
  310. .navlist li
  311. {
  312. display: inline;
  313. }
  314.  
  315. .navlist
  316. {
  317. width:108px;
  318. margin: 0 0 0 0em;
  319. padding: 0;
  320. border-left: 1px #000 solid;
  321. border-right: 1px #000 solid;
  322. }
  323.  
  324.  
  325. .navlist a
  326. {
  327.  
  328. font-size:0.85em;
  329. display: block;
  330. background-color: #EFF7FC;
  331. border-bottom: 1px solid #000 ;
  332. margin-left:0px;
  333. text-align: left;
  334. padding: 1px 0 1px 5px;
  335. }
  336. .akt {
  337. font-weight:bold;
  338. }
  339. .sub {
  340. font-weight:normal;
  341. margin:0px;
  342. padding:0px;
  343. text-indent:0.7em;
  344. font-size:0.95em;
  345. }
  346. /* menu-konec*/
  347.  
  348. /*sponzori */ 
  349. #dop img {
  350. margin-top:1px;
  351. }
  352. #dop {
  353. text-align:center;
  354. width:90px;
  355. margin:20px 0 0 9px;
  356. border:1px dotted #000;
  357. }
  358. .dop-text {
  359. height:1.4em;
  360. background: #EFF7FC;
  361. border-bottom:1px solid #000;
  362. font-size:0.7em;
  363. }
  364.  
  365. #spon {
  366. font-size:0.7em;
  367. text-align:center;
  368. width:122px;
  369. margin:20px 0 3px 9px;
  370. border:1px dotted #000;
  371. }
  372. #spon A:link, #spon A:active, #spon A:visited, #spon A:hover {
  373. font-size: 1em;
  374. }
  375. #spon p {
  376. padding:1px 2px;
  377. margin:0px;
  378. border-top:1px dotted #000;
  379. }
  380. /*sponzori  - konec*/
  381.  
  382. /*webgrafika - sekce*/
  383.  
  384. table.wgs {
  385. font-weight: normal;
  386. font-size: 1em;
  387. border-spacing: 0px;
  388. }
  389. .normal {
  390. font-size:0.8em;
  391. background:#EFF7FC;
  392. border-spacing: 0px;
  393. text-align:center;
  394. }
  395.  
  396. .suda {
  397. background: #B8D5EF;
  398. }
  399. .licha {
  400. background: #fff;
  401. }
  402. .popisek {
  403. background:#A2C8EA;
  404. }
  405.  
  406. /*webgrafika - sekce - konec*/
  407.  
  408. /*vyhledavani*/
  409. .formobal {
  410. width:400px;
  411. text-align:left;
  412. padding:0.5em 0 0 0;
  413. }
  414. .formtrideni {
  415. text-align:center;
  416. }
  417. label {
  418.  font-size:0.85em;
  419.  margin-top:0.56em;
  420.  text-align:left;
  421.  margin-left:3em;
  422.  }
  423.  
  424. .button, .buttonemail, .upload {
  425. border: 1px solid #000;
  426. background-color: #8FBCED;
  427. margin: 0;
  428. padding: 0;
  429. width: 8em;
  430. height:1.8em;
  431. font-size: 0.7em;
  432. text-align:center;
  433. }
  434.  
  435. .buttonemail {
  436. font-size: 0.8em;
  437. }
  438.  
  439. .upload {
  440. font-size: 0.8em;
  441. width:100px;
  442. }
  443.  
  444. .textinput, .textinputu {
  445.     font-size: 0.85em;
  446.     border: 1px #000000 solid;
  447. }
  448.  
  449. .textinputu {
  450. border-left:0px;
  451. }
  452.  
  453. .textinputemail {
  454.     font-size: 1em;
  455.     border: 1px #000000 solid;
  456. }
  457.  
  458. .v-pres {
  459. margin-left:142px;
  460. }
  461. .v-and {
  462. margin-left:2px;
  463. }
  464. .v-url {
  465. margin-left:150px;
  466. }    
  467.  
  468. #v-stat {
  469. height:1.2em;
  470. font-size:0.99em;
  471. background:#CCE0F7;
  472. border-bottom:3px double #000;
  473. border-top:1px solid #000;
  474. }
  475. /*vyhledavani-konec*/
  476.  
  477. /*hodnoceni*/
  478. .hodnoceni-obal {
  479. text-align:left;
  480. margin:5px 0 0 10px;
  481. }
  482. /* hodnoceni-konec*/
  483.  
  484. /*scripty - all*/
  485. /*scripty - menu*/
  486.  
  487. .cistic {
  488. clear:both;
  489. height:1px;
  490. width:100%;
  491. }
  492. .spodsekce {
  493. height:1.2em;
  494. font-weight:bold;
  495. width:100%;
  496. background:#CCE0F7;
  497. }
  498.  .smenu
  499. {
  500. font-size:0.9em;
  501. width:100%;
  502. height:3em;
  503. background:#CCE0F7;
  504. border-top:1px solid #000;
  505. }
  506. .sm {
  507. float:left;
  508. width:98px;
  509. height:1.4em;
  510. padding-top:1px;
  511. border-right:1px solid #000;
  512. border-bottom:1px solid #000;
  513. }
  514. .sm1 {
  515. float:left;
  516. width:70px;
  517. height:1.4em;
  518. padding-top:1px;
  519. border-bottom:1px solid #000;
  520. border-right:1px solid #000;
  521. }
  522. .sm2 {
  523. float:left;
  524. width:122px;
  525. height:1.4em;
  526. padding-top:1px;
  527. border-bottom:1px solid #000;
  528. }
  529.  
  530. .sm3 {
  531. float:left;
  532. width:130px;
  533. height:1.4em;
  534. padding-top:1px;
  535. border-bottom:1px solid #000;
  536. border-right:1px solid #000;
  537. }
  538. .sm4 {
  539. margin:4px;
  540. }
  541. .smp {
  542. float:left;
  543. width:164px;
  544. height:1.4em;
  545. padding-top:1px;
  546. border-bottom:1px solid #000;
  547. border-right:1px solid #000;
  548. }
  549.  
  550. .smp2 {
  551. float:left;
  552. width:164px;
  553. height:1.4em;
  554. padding-top:1px;
  555. border-bottom:1px solid #000;
  556. }
  557.  
  558. /*scripty - menu-konec*/
  559. .scripty-radek {
  560. text-align:left;
  561.  
  562. margin-bottom:2px;
  563. background:#CEECFF;
  564. }
  565. .scripty-radek2 {
  566. text-align:left;
  567. margin-bottom:2px;
  568. background:#EFF7FC;
  569. }
  570.  
  571. .scripty-popis {
  572. padding:2px 0 2px 6px;
  573. font-size:0.8em;
  574. }
  575. .scripty-hits {
  576. float:right;
  577. text-align:right;
  578. font-size:0.8em;
  579. margin:0 2px 0 2px;
  580. width:4.2em;
  581. }
  582. .scripty-uloz {
  583. float:right;
  584. font-size:0.8em;
  585. margin:0 10px 0 2px;
  586. }
  587.  
  588. .scripty-nahled {
  589. float:right;
  590. font-size:0.8em;
  591. margin:0 10px 0 2px;
  592. }
  593. /*scripty - all - koneec*/
  594. /*uvod*/
  595. #s-stred-u {
  596. width:494px;
  597. margin-left: 117px;
  598. margin-right: 157px;
  599. text-align:left;
  600. }
  601. .u-top, .u-top2 {
  602. height:14px;
  603. text-align:center;
  604. font-weight:bold;
  605. background:#8FBCED;
  606. border-bottom:1px solid #000;
  607. }
  608. .u-top2 {
  609. border-top:1px solid #000;
  610. }
  611. form {
  612. margin:0px;
  613. padding:8px 0;
  614. }
  615. .u-novinky {
  616. border:1px solid #000;
  617. width:340px;
  618. height:150px;
  619. }
  620. .tab-u-n {
  621.  
  622. }
  623. .u-n-s {
  624. background:#EFF7FC;
  625.  
  626. }
  627. .u-n-dat {
  628. width:62px;
  629. vertical-align:top;
  630. }
  631. .u-n-mez {
  632. width:5px;
  633. vertical-align:top;
  634. }
  635. u-n-pop {
  636. width:257px;
  637. }
  638.  
  639. .u-vyhledavani {
  640. float:right;
  641. border:1px solid #000;
  642. width:148px;
  643. height:150px;
  644. }
  645. .u-v-input {
  646. font-size: 0.68em;
  647. padding-left:0.2em;
  648. margin-top:0px;
  649. margin-bottom:5px;
  650. border: 1px #000000 solid;
  651. }
  652. .u-diskuse {
  653. width:245px;
  654. border:1px solid #000;
  655. }
  656. .u-d-radek {
  657. margin:2px 5px 1px 0px;
  658. font-size:0.86em;
  659. }
  660. .u-d-tema{
  661. padding:1px 2px 1px 5px;
  662. font-size:0.86em;
  663. background:#B8D5EF;
  664. }
  665. .u-d-odp{
  666. font-size:0.86em;
  667. float:right;
  668. }
  669. .u-nap-radek {
  670. margin:1px 5px 1px 5px;
  671. font-size:0.86em;
  672. }
  673. .u-d-kam {
  674. margin-top:3px;
  675. font-size:0.86em;
  676. text-align:center;
  677. height:1.6em;
  678.  
  679. }
  680. .u-d-pocet {
  681. margin-right:6px;
  682. font-size:0.86em;
  683. float:right;
  684. text-align:right;
  685. }
  686. .uss {
  687. background: #EFF7FC;
  688. }
  689. .usl {
  690. background: #fff;
  691. }
  692. .obaltop {
  693. height:100%;
  694. }
  695. .u-nej {
  696. width:242px;
  697. height:190px;
  698. border:1px solid #000;
  699. float:right;
  700. }
  701. .u-nej-vice {
  702. text-align:right;
  703. }
  704.  
  705. .obalstred {
  706. margin-top:2px;
  707. }
  708. .u-tip {
  709. width:340px;
  710. font-size:0.86em;
  711. border:1px solid #000;
  712. }
  713. .u-n-obal {
  714. margin-bottom:3px;
  715. }
  716. .u-n-radek {
  717. text-align:left;
  718. padding-top:1px;
  719. background:#B3D9F2;
  720. }
  721.  
  722. .u-n-nazev {
  723. padding-left:5px;
  724. width:100%;
  725. margin:1px 0;
  726.  
  727. }
  728. .u-n-popis{
  729. font-size:0.85em;
  730. padding: 1px 5px;
  731. text-align:left;
  732. background:#EFF7FC;
  733. }
  734. .obal-bottom {
  735. margin-bottom:2px;
  736. margin-top:3px;
  737. }
  738. /* anketa */        
  739. .u-anketa {
  740. float:right;
  741. width:147px;
  742. border:1px solid #000;
  743. text-align:center;
  744. }
  745.  
  746. #anketa1 {
  747.     width: 100%;
  748.     font-size: 0.9em;
  749.     padding: 3px;
  750. }
  751. .otazka {
  752. font-size:0.88em;
  753. }
  754. #anketa1 span {
  755.     display: block;
  756. }
  757. .perc {
  758.     font-size:0.72em;
  759. }
  760. #anketa1 a {
  761.     font-size:0.9em;
  762.     color: #000099; 
  763.     font-weight:  normal;
  764.  
  765. }
  766. #anketa1 a:hover {
  767.     font-size: 0.9em;
  768.     color: #000099;
  769.     font-weight:  normal;
  770.  
  771. }
  772. #anketa1 img {
  773.     border: 0px;
  774.     margin-top: 0px;
  775.     margin-bottom: 2px;
  776. }
  777. #anketa1 .otazka {
  778.     font-size: 1em;
  779.     font-weight:  bold;
  780.     margin-bottom: 2px;
  781.     color: black;
  782.  
  783. }
  784. #anketa1 .spolu {
  785. font-size: 0.8em;
  786. margin-top: 2px;
  787. }
  788. #anketa1 .perc {
  789.     display: inline;
  790. }
  791.  
  792.  
  793. /* anketa - konec*/
  794. /*uvod - konec*/
  795.  
  796. /*diskuse*/
  797. .normald {
  798.     FONT-SIZE: 8pt; COLOR: black;
  799.      TEXT-DECORATION: none
  800. }
  801. .normalread {
  802.     FONT-SIZE: 8pt; COLOR: black;
  803.      TEXT-DECORATION: none;
  804.      text-align:left;
  805. }
  806.  
  807. td  {
  808.     font-size : 11px;
  809.     color : #000000;
  810. }
  811. .rc1 {
  812.     FONT-SIZE: 8pt; COLOR: black;
  813.      TEXT-DECORATION: none
  814. }
  815. .smallred {
  816. font-size:0.80em;
  817.     color : #ff0000;
  818. }
  819. .smallbrown {
  820. font-size:0.80em;
  821. color : #990000;
  822. }
  823. .datum-posledni {
  824. font-size:7px;
  825. }
  826. /*diskuse - koneec*/
  827. .legenda {
  828. border-top:3px double #000;
  829. padding-top:25px;
  830. padding-left:15px;
  831. text-align:left;
  832. font-size:0.7em;
  833. line-height:3em;
  834. margin-bottom:10px;
  835.  
  836. }
  837. .registrace-domeny {
  838. position:absolute;
  839. right:0px;
  840. top:0px;
  841. width:140px;
  842. height:60px;
  843. text-align:center;
  844. padding-top:41px;
  845. }
  846.  
  847. .registrace-domeny A:link, .registrace-domeny A:active, .registrace-domeny A:visited, .registrace-domeny A:hover {
  848. font-size: 10px;
  849. font-weight:bold;
  850. }
  851.  
  852.  
  853.