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