home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2004 October / Gamestar_66_2004-10_dvd.iso / DVDStar / JavaHry / mg2.css < prev   
Cascading Style Sheet File  |  2004-05-13  |  8KB  |  306 lines
  1. /* CSS for web: m-game.cz    */
  2. /* Author: , e-mail: dcci s.r.o., http://www.dcci.cz   */
  3. /* Update:  2004-01-15                 */
  4. /* Blue: #006699   Orange:    Green:        */
  5. body, td { font-family: arial, helvetica, sans-serif; font-size: 9pt; }
  6. body {
  7.     text-align:center;
  8.     margin:0;
  9.     background-color: #F9F9F9; background-image: url('i/bgpg2.gif');
  10.     font-family: arial, helvetica, sans-serif;
  11.     font-size: 9pt;
  12. }
  13. h1, h2, h3 { font-weight: bold; font-family: arial, helvetica, sans-serif; margin-top: 8; margin-bottom: 4;}
  14. h1 { font-size: 14pt; color: #006699 }
  15. h2 { font-size: 12pt; background-color: #33CC33; color: White; padding: 2; padding-left: 5 }
  16. h3 { font-size: 10pt; }
  17. p  { margin-top: 2px; }
  18. li { margin-bottom: 5px; }
  19. #h   {
  20.     abackground-image: url('i/bgpgt.gif');
  21.     text-align: center;
  22. }
  23. #hdr {
  24.     margin-right:auto; margin-left:auto;
  25.     width: 750px;
  26. }
  27. #menuline {
  28.     text-align: center
  29. }
  30. #menu {
  31.     margin-right:auto; margin-left:auto;
  32.     background-image: url('i/bglineig.gif');
  33.     width: 750px;
  34.     text-align: center;
  35. }
  36. #menui { padding: 3px; }
  37. #footer {
  38.     margin-right:auto; margin-left:auto; margin-top: 3px; margin-bottom: 10px;
  39.     width: 750px;
  40.     text-align: right;
  41.     color: #AAAAAA;
  42.     font-size: 7pt;
  43. }
  44. #main {
  45.     margin-right:auto; margin-left:auto;
  46.     border: 1px solid #AAAAAA; border-top: 1px; asolid: #909090;
  47.     background-color: White; background-image: url('i/bgsha.gif'); background-repeat: repeat-x;
  48.     width: 750px; height:80%;
  49. }
  50. #main #leftbox {
  51.     padding:0;
  52.     float: left;
  53.     display: block;
  54.     width: 120px;
  55. }
  56. #main #topbox {
  57.     padding:0;
  58.     float: left;
  59.     display: block;
  60.     width: 628px;
  61. }
  62. #main #topboxleft {
  63.     padding:0;
  64.     float: left;
  65.     display: block;
  66.     width: 317px;
  67. }
  68. #main #topboxadv {
  69.     padding:0;
  70.     float: left;
  71.     display: block;
  72.     width: 310px;
  73. }
  74. #main #mainbox {
  75.     padding:0;
  76.     float: left;
  77.     display: block;
  78.     width: 488px;
  79.     text-align: left;
  80. }
  81. #main #mainbox_full {
  82.     padding:0;
  83.     float: left;
  84.     display: block;
  85.     width: 628px;
  86.     text-align: left;
  87. }
  88. #main #rightbox {
  89.     padding:0;
  90.     margin-top: 13px;
  91.     float: left;
  92.     display: block;
  93.     width: 139px;
  94.     border-left: 1px solid #AAAAAA;
  95. }
  96. #leftcontentold {
  97.     margin:5px; margin-top: 13;
  98.     border: 1px solid #AAAAAA;
  99.     padding:5px; 
  100.     font-family: arial; font-size: 8pt;
  101. }
  102. #leftcontent {
  103.     margin:5px; margin-top: 13; margin-left: 0px;
  104.     border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; 
  105.     background-color: #F8F8F8; color: #808080;
  106.     font-family: arial; font-size: 8pt;
  107. }
  108. .leftboxhdblu {
  109.     background-color: #006699;
  110.     margin-top: 2;
  111.     padding: 3;
  112.     color: White;
  113.     font-weight: bold
  114. }
  115. .leftboxhdora {
  116.     background-color: #FF9900; background-image: url('i/bgbxora.gif');
  117.     margin-top: 2;
  118.     padding: 3;
  119.     color: White;
  120.     font-weight: bold
  121. }
  122. .leftboxhdgree {
  123.     background-color: #33CC33; background-image: url('i/bglineig.gif');
  124.     margin-top: 2;
  125.     padding: 3;
  126.     color: White;
  127.     font-weight: bold;
  128.     text-align: center
  129. }
  130. .leftboxitem {
  131.     text-align: left;
  132.     padding: 2; padding-left: 5
  133. }
  134. #rightbox .leftcontent { text-align: center }
  135. #topcontent                    { padding:8px; padding-top: 13px; text-align: left; }
  136. #toptopleft                    { padding:8px; padding-top: 13px; padding-bottom: 0; text-align: center; }
  137. #toptopright                { padding:5px; padding-top: 13px; padding-bottom: 0; text-align: center; }
  138. #maincontent                { padding:8px; padding-top: 13px; }
  139. #rightcontent                { margin:5px; margin-top: 0; font-size: 8pt }
  140. #personalbarc {
  141.     width: 720px;
  142.     text-align: center;
  143.     margin-right:auto; margin-left:auto;
  144. }
  145. #personalbar {
  146.     text-align: left;
  147.     background-color: #F9F9F9;
  148.     color: #808080; 
  149.     padding-top: 4px; padding-left: 15px; padding-bottom: 4px; padding-right: 15px;
  150.     border-left:1px dotted #808080; border-right:1px dotted #808080;
  151.     margin-right:auto; margin-left:auto;
  152. }
  153. .menuitem {
  154.     padding-left:9px; padding-right: 9px;
  155.     background-color: #33CC33;
  156.     border: 1px solid #EEEEEE;
  157.     display: inline;
  158.     margin-left: 2px; margin-right: 2px; 
  159.     font-size: 8pt; font-weight: bold;
  160.     color: #EEEEEE
  161. }
  162. #menuitemblue {
  163.     padding-left:9px; padding-right: 9px;
  164.     background-color: #CAE2F0;
  165.     border: 1px solid #EEEEEE;
  166.     display: inline;
  167.     margin-left: 2px; margin-right: 2px; 
  168.     font-size: 8pt; font-weight: bold;
  169. }
  170. .menuitemred {
  171.     padding-left:9px; padding-right: 9px;
  172.     background-color: #ED1C24;
  173.     background-image: url('i/fire.gif');
  174.     border: 1px solid #EEEEEE;
  175.     display: inline;
  176.     margin-left: 2px; margin-right: 2px; 
  177.     font-size: 8pt; font-weight: bold;
  178.     color: #EEEEEE
  179. }
  180. .menuitemdblu {
  181.     padding-left:9px; padding-right: 9px;
  182.     background-color: #006699;
  183.     abackground-image: url('i/bgbx.gif');
  184.     border: 1px solid #EEEEEE;
  185.     display: inline;
  186.     margin-left: 2px; margin-right: 2px; 
  187.     font-size: 8pt; font-weight: bold;
  188.     color: #EEEEEE
  189. }
  190. .hrc                    { border-bottom: 1px solid #AAAAAA; margin-top: 2; margin-bottom: 1 }
  191. #rightbox .hrc            { margin-top: 5px; margin-bottom: 5px }
  192.  
  193.  
  194. /* Links                     */
  195. a:link                    { color: #006699; }
  196. a:hover                    { text-decoration: underline; color: #FF9900; }
  197. a:visited                { acolor: #006699; }
  198. #leftcontent a            { text-decoration: none; color: #808080; }
  199. #leftcontent a:hover    { text-decoration: underline; color: #006699; }
  200. #menu a                    { text-decoration: none; font-size: 8pt; font-weight: bold; color: #EEEEEE }
  201. #menu a:hover            { text-decoration: none; font-size: 8pt; font-weight: bold; color: #FFFFFF }
  202. #menuitemblue a            { text-decoration: none; font-size: 8pt; font-weight: bold; color: #006699 }
  203. #menuitemblue a:visited    { text-decoration: none; font-size: 8pt; font-weight: bold; color: #006699 }
  204. #footer a:link            { text-decoration: none; color: #AAAAAA;}
  205. #footer a:hover            { text-decoration: underline; color: #AAAAAA;}
  206. #footer a:visited        { text-decoration: none; color: #AAAAAA;}
  207. #personalbar a            { text-decoration: none; color: #808080;}
  208. #personalbar a:hover    { text-decoration: underline; color: #FF9900; }
  209. .leftboxitem a            { text-decoration: none; color: #808080; }
  210. .leftboxitem a:hover    { text-decoration: underline; color: #006699; }
  211. .boxblue a        { color: White; text-decoration: none; }
  212. .boxblue a:hover    { color: White; text-decoration: underline; }
  213.  
  214.  
  215. /* forms */
  216. input {
  217.     font-family: averdana, arial, helvetica, sans-serif;
  218.     font-size: 9pt;
  219. }
  220. #leftcontent input {
  221.     font-family: arial; font-size: 8pt;
  222. }
  223. #leftcontent .submit {
  224.     border: 0px;
  225.     font-family: arial; font-size: 8pt;
  226.     color: #808080; background-color: #F8F8F8
  227. }
  228.  
  229. /* sys messages */
  230. .warn {
  231.     border: 2px solid Red;
  232.     padding: 5px;
  233.     margin-top: 10; margin-bottom: 10
  234. }
  235.  
  236. .ok {
  237.     border: 2px solid #33CC33;
  238.     padding: 5px;
  239.     margin-top: 10; margin-bottom: 10
  240. }
  241. .highlight                { font-weight: bold; color: #FF9900; }
  242. .pozn                    { font-size: 8pt; color: #808080; }
  243. .cntbox {
  244.     border: 1px solid #808080;
  245.     background-image: url('i/bgfs2.jpg');
  246.     background-repeat: no-repeat;
  247.     background-position: right bottom;
  248.     padding:15px
  249. }
  250.  
  251.  
  252. /* extensions */
  253. .tdu                    { border-bottom: 1px solid #AAAAAA; }
  254. .tblhdr                    { color: White; font-size:8pt; font-weight:bold; background-color: #006699 }
  255. .tblodd                    { background-color: #EEEEEE }
  256. .box                    { border: 1px solid #808080; }
  257. .boxbluehdr {
  258.     background-image: url('i/bgbx.gif');
  259.     color: White; font-size: 12pt; font-weight: bold;
  260.     padding: 4; padding-left: 15; padding-right: 15; 
  261.     border-bottom: 1px solid #AAAAAA;
  262. }
  263. #rightbox .boxbluehdr {
  264.     font-size: 9pt;
  265.     padding: 4;
  266.     text-align: center
  267. }
  268. .boxgreenhdr {
  269.     background-image: url('i/bglineig.gif');
  270.     color: White; font-size: 12pt; font-weight: bold;
  271.     padding: 4; padding-left: 15; border-bottom: 1px solid #AAAAAA;
  272. }
  273. .boxin                    { padding: 15px; }
  274. #rightbox .boxin        { padding: 5px; }
  275. .boxintop {
  276.     padding: 15px;
  277.     background-image: url('i/bgtop10.jpg');
  278.     background-repeat: no-repeat;
  279.     background-position: right bottom;
  280. }
  281. .boxinnew {
  282.     padding: 15px;
  283.     background-image: url('i/bgnew.jpg');
  284.     background-repeat: no-repeat;
  285.     background-position: right bottom;
  286. }
  287. .code {
  288.     font-size: 7pt;
  289.     font-family: "lucida console", Courier, monospace;
  290. }
  291. .boxblue {
  292.     background-image: url('i/bgbx.gif');
  293.     color: White; 
  294.     padding: 4;
  295. }
  296. .boxgreen {
  297.     background-image: url('i/bglineig.gif');
  298.     color: White; 
  299.     padding: 4;
  300. }
  301. .boxorange {
  302.     background-color: #FF9900; background-image: url('i/bgbxora.gif');
  303.     color: White; font-weight: bold;
  304.     padding: 4;
  305. }
  306.