home *** CD-ROM | disk | FTP | other *** search
/ PC World 2007 June / PCWorld_2007-06_cd.bin / multimedia / viewern5 / imgview5_full.exe / help / viewer5.css < prev    next >
Cascading Style Sheet File  |  2005-10-08  |  9KB  |  445 lines
  1. /* 
  2.   Styles for WWW.DIMIN.net/Image Viewer, Dima Fedorov 
  3.   ver 1.0
  4.   10/07/2003 11:46
  5. */
  6.  
  7. body {
  8.     margin: 0px;
  9.     color: #333333;
  10.   font-family: font-family: Arial, Helvetica, sans-serif;
  11.     font-size: 100%;
  12.     font-family: Arial, Helvetica, sans-serif;
  13.     font-style: normal;
  14.     font-weight: normal;
  15.     background-color: #FFFFFF;
  16. }
  17.  
  18. /******************************************************************
  19.   LINKS
  20. ******************************************************************/
  21.  
  22. a:link, a:visited, a:active { 
  23.   color: #004989; 
  24.   background: transparent; 
  25.   text-decoration: none; 
  26. } 
  27.  
  28. a:hover { color: #000000; text-decoration: underline; }
  29.  
  30. /******************************************************************
  31.   TAGS
  32. ******************************************************************/
  33.  
  34. h1 {
  35.     color: #333333;
  36.     font-size: 200%;
  37.     font-style: normal;
  38.     font-weight: normal;
  39.     font-family: "Times New Roman", Times, serif;
  40. }
  41.  
  42. h2 {
  43.     color: #006699;
  44.     font-size: 180%;
  45.     font-style: normal;
  46.     font-weight: normal;
  47.     font-family: "Times New Roman", Times, serif;
  48. }
  49.  
  50. h3 {
  51.     color: #333333;
  52.     font-family: "Times New Roman", Times, serif;
  53.     font-size: 150%;
  54.     font-style: normal;
  55.     font-weight: lighter;
  56. }
  57.  
  58. h4 {
  59.     color: #333333;
  60.     font-size: 100%;
  61.     font-style: normal;
  62.     font-weight: bold;
  63. }
  64.  
  65. p {
  66.     text-align: justify;
  67.  
  68.  
  69.   font-family: font-family: Arial, Helvetica, sans-serif;    
  70.     font-family: Verdana, Arial, Helvetica, sans-serif;
  71.     font-size: 90%;
  72. }
  73.  
  74. form { margin-bottom: 0; }
  75. table { margin-bottom: 0; }
  76.  
  77. a img { border: 0; }
  78.  
  79. ul {
  80.     list-style-type: circle;
  81.     list-style-position: outside;
  82.     vertical-align: middle;
  83.     text-align: left;
  84.     font-family: Verdana, Arial, Helvetica, sans-serif;
  85.     font-size: 90%;
  86.     margin-top: 0px;
  87.     margin-left: 10px;
  88.     padding: 0px 0px 0px 0px;
  89. }
  90.  
  91. li {
  92.     margin-top: 0.6em;
  93.     padding: 0px 0px 0px 0px;
  94.     margin-left: 15px;
  95.  
  96. }
  97.  
  98. hr { border-style: dotted; height: 1px; width: 100%; color: #006699; }
  99.  
  100. /******************************************************************
  101.   STRUCTURE
  102. ******************************************************************/
  103.  
  104. .pagebody {
  105.     margin-left: 15px;
  106.     margin-right: 15px;
  107.     margin-top: 0px;
  108.     margin-bottom: 0px;
  109.     padding-left: 15px;
  110.     padding-right: 15px;
  111.     padding-top: 5px;
  112.     padding-bottom: 10px;
  113. }
  114.  
  115. .rightpanel {
  116.     width: 190px;
  117.     float: right;
  118.     padding: 5px;
  119.     margin: 15px;
  120.     margin-right: 15px;
  121.     margin-top: 50px;
  122.     text-align: left;
  123.     padding-right: 0px;
  124. }
  125.  
  126. .rightpanel img {
  127.     margin-bottom: 10px;
  128. }
  129.  
  130. .smalltable {
  131.     font-family: Verdana, Arial, Helvetica, sans-serif;
  132.     font-size: 80%;
  133.     border-color: #666666;
  134.     border-style: solid;
  135.     border-width: 0px;
  136. }
  137.  
  138. .smalltable th {
  139.     background-color: #CCCCCC;
  140.     font-weight: bold;
  141. }
  142.  
  143. .smalltable td {
  144.     background-color: #DDDDDD;
  145. }
  146.  
  147. .tableCompare {
  148.     font-family: Verdana, Arial, Helvetica, sans-serif;
  149.     font-size: 80%;
  150.     border-color: #666666;
  151.     border-style: solid;
  152.     border-width: 0px;
  153.  
  154. }
  155.  
  156. .tableCompare th {
  157.     background-color: #CCCCCC;
  158.     color: #000000;
  159.     font-weight: normal;
  160.     padding: 6px;
  161.     padding-right: 10px;
  162.     padding-left: 10px;
  163. }
  164.  
  165. .tableCompare #cellleft {
  166.     text-align: left;
  167. }
  168.  
  169. .tableCompare td {
  170.     background-color: #DDDDDD;
  171.     text-align: center;
  172.     padding-right: 10px;
  173.     padding-left: 10px;
  174. }
  175.  
  176. /******************************************************************
  177.   MENUS
  178. ******************************************************************/
  179. /*
  180. .menublue {
  181.     font-family: Verdana, Arial, Helvetica, sans-serif;
  182.     text-align: center;
  183.     white-space: nowrap;
  184.     text-transform: capitalize;
  185.     background-color: #006699;
  186.     color: #FFFFFF;
  187.     font-weight: lighter;
  188.     border-right-color: #C0C0C0;
  189.     border-right-style: solid;
  190.     border-right-width: 1px;
  191.     font-size: 16px;
  192. }
  193. .menublue a, .menublue a:visited, .menublue a:active { color: #FFFFFF; } 
  194. .menublue a:hover { color: #FF9900; }
  195.  
  196. .menugray {
  197.     font-family: Verdana, Arial, Helvetica, sans-serif;
  198.     text-align: center;
  199.     white-space: nowrap;
  200.     text-transform: capitalize;
  201.     background-color: #C0C0C0;
  202.     font-weight: lighter;
  203.     color: #006699;
  204.     font-size: 16px;
  205.     border-right-color: #C0C0C0;
  206.     border-right-style: solid;
  207.     border-right-width: 1px;
  208. }
  209. .menugray a:link, .menugray a:visited, .menugray a:active { color: #003366; } 
  210. .menugray a:hover { color: #000000; }
  211. */
  212.  
  213. .submenu {
  214.     font-family: Verdana, Arial, Helvetica, sans-serif;
  215.     text-align: left;
  216.     padding-left: 15px;
  217.     font-size: 12px;
  218.     padding-top: 5px;
  219.     padding-bottom: 5px;
  220.     clear: both;
  221.     color: #000000;
  222.     background-color: #C0C0C0;
  223. }
  224.  
  225.  
  226. /******************************************************************
  227. // PARAGRAPH
  228. ******************************************************************/
  229.  
  230. .headlinks {
  231.     font-family: Geneva, Arial, Helvetica, sans-serif;
  232.     text-align: left;
  233.     font-size: 90%;
  234.     color: #333333;
  235.     margin: 0px;
  236.     margin-top: 10px;
  237.     padding-right: 20px;
  238.     padding-left: 20px;
  239.     padding-bottom: 0px;
  240.     padding-top: 0px;
  241. }
  242.  
  243. .headlinks img {
  244.     margin-bottom: 0px;
  245.     padding-bottom: 0px;
  246. }
  247.  
  248. .bottomlinks {
  249.     font-family: Geneva, Arial, Helvetica, sans-serif;
  250.     text-align: center;
  251.     font-size: 90%;
  252.     color: #333333;
  253.     border-bottom-color: #006699;
  254.     border-bottom-style: dashed;
  255.     border-bottom-width: 1px;
  256.     margin-top: 40px;
  257.     margin-bottom: 0px;
  258.     padding-bottom: 6px;
  259.     margin-right: 30px;
  260.     margin-left: 30px;
  261.     clear: both;
  262. }
  263.  
  264. .copyright {
  265.     font-family: Arial, Helvetica, sans-serif;
  266.     text-align: right;
  267.     font-style: italic;
  268.     font-size: 80%;
  269.     margin-top: 10px;
  270.     margin-bottom: 50px;
  271.     margin-right: 30px;
  272.     margin-left: 30px;
  273.     clear: both;
  274. }
  275.  
  276. .copyright img {
  277.     margin: 0px;
  278.     padding: 0px;
  279.     float: left;
  280.  
  281. }
  282.  
  283. .box {
  284.     border-color: #CCCCCC;
  285.     border-style: solid;
  286.     border-width: 1px;
  287.     padding: 10px;
  288.     margin-top: 10px;
  289.     background-color: #EEEEEE;
  290. }
  291.  
  292. .boxbotdiv {
  293.     padding: 10px;
  294.     margin-top: 10px;
  295.     border-bottom-color: #999999;
  296.     border-bottom-style: solid;
  297.     border-bottom-width: 1px;
  298. }
  299.  
  300. .boxquotes {
  301.     border-color: #CCCCCC;
  302.     border-style: solid;
  303.     border-width: 1px;
  304.     background-color: #EEEEEE;
  305.     font-family: Georgia, "Times New Roman", Times, serif;
  306.     font-size: 120%;
  307.     padding: 8px 8px 8px 8px;
  308.     width: 200px;
  309.     float: right;
  310.     margin: 5px 5px 5px 10px;
  311.     color: #333399;
  312. }
  313.  
  314. .notes {
  315.     margin-top: 10px;
  316.     text-align: center;
  317.     padding-bottom: 10px;
  318.     background-color: #CCCCCC;
  319.     border-color: #666666;
  320.     border-style: solid;
  321.     border-width: 1px;
  322. }
  323.  
  324. .notes img {
  325.     margin-bottom: 2px;
  326. }
  327.  
  328. .notes h2 {
  329.     font-size: 130%;
  330. }
  331.  
  332. .notes h3 {
  333.     background-color: #999999;
  334.     text-align: left;
  335.     margin-right: 0px;
  336.     margin-bottom: 10px;
  337.     margin-left: 0px;
  338.     margin-top: 0px;
  339.     color: #FFFFFF;
  340.     font-family: Verdana, Arial, Helvetica, sans-serif;
  341.     font-size: 90%;
  342.     padding-left: 10px;
  343.     padding-top: 2px;
  344.     padding-bottom: 2px;
  345.     padding-right: 10px;
  346.     border-left-color: #666666;
  347.     border-left-style: solid;
  348.     border-left-width: 8px;
  349. }
  350.  
  351. .codebox {
  352.     border-color: #CCCCCC;
  353.     border-style: solid;
  354.     border-width: 1px;
  355.     background-color: #EEEEEE;
  356.     font-family: "Courier New", Courier, mono;
  357.     font-size: 90%;
  358.     padding: 8px 8px 8px 8px;
  359. }
  360.  
  361. .description {
  362.     border-color: #DDDDDD;
  363.     border-style: solid;
  364.     border-width: 1px;
  365.     font-size: 85%;
  366.     padding: 8px 8px 8px 8px;
  367.     color: #666666;
  368. }
  369.  
  370. /********************************************************************************
  371.   HEADER
  372. ********************************************************************************/
  373.  
  374. .header {
  375.     font-size: 90%;
  376.     color: #FFFFFF;
  377.     margin: 0px;
  378.     font-family: Arial, Helvetica, sans-serif;
  379.     white-space: nowrap;
  380.     text-transform: capitalize;
  381.     background-color: #006699;
  382.     color: #FFFFFF;
  383.     padding-right: 0px;
  384.     padding-left: 15px;
  385.     border-top-color: #666666;
  386.     border-top-style: solid;
  387.     border-top-width: 2px;
  388.     clear: both;
  389.     padding-bottom: 3px;
  390.     height: 60px;
  391.     vertical-align: bottom;
  392.     padding-top: 0px;
  393. }
  394.  
  395. .header img {
  396.     float: right;
  397.     margin-right: 15px;
  398.     margin-top: 3px;
  399. }
  400.  
  401. .nav {
  402.     color: #FFFFFF;
  403.     text-align: left;
  404.     font-family: Verdana, Arial, Helvetica, sans-serif;
  405.     white-space: nowrap;
  406.     text-transform: capitalize;
  407.     font-weight: lighter;
  408.     font-size: 16px;
  409.     margin: 0px 0px 0px 0px;
  410.     padding: 0px 0px 0px 0px;
  411. }
  412.  
  413. .nav a, .nav a:visited, .nav a:link {
  414.     color: #FFFFFF;
  415.     border-right-color: #C0C0C0;
  416.     border-right-style: solid;
  417.     border-right-width: 1px;
  418.     padding-right: 15px;
  419.     padding-left: 15px;
  420.     margin-top: 0px;
  421.     margin-right: 0px;
  422.     margin-bottom: 0px;
  423.     margin-left: 0px;
  424.     text-align: center;
  425.     vertical-align: middle;
  426.     padding-bottom: 3px;
  427.     padding-top: 3px;
  428.     height: 22px;
  429. }
  430.  
  431. .nav a:hover {
  432.   color: #004989;
  433.   /*color: #FF9900;*/
  434.     background-color: #C0C0C0;
  435.     text-decoration: none;
  436. }
  437.  
  438. .headrelease {
  439.     color: #FFFFFF;
  440.     text-align: left;
  441.     height: 33px;
  442.     font-family: Verdana, Arial, Helvetica, sans-serif;
  443.     margin-top: 10px;
  444. }
  445.