home *** CD-ROM | disk | FTP | other *** search
/ Computer Active 2010 September / CA09.iso / Saugumas / ProcessLassoSetup.exe / PROCESSLASSO.CHM / docs / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2010-05-23  |  6.7 KB  |  312 lines
  1.  
  2. body {    
  3.     font-size: 100%;
  4.     min-width:600px;     
  5. }
  6.  
  7. /* new body 
  8.   body {        
  9.         width:100%;
  10.         background:#fff;
  11.         min-width:600px;   
  12.         font-size:90%;
  13.     }
  14.     a {
  15.         color:#369;
  16.     }
  17.     a:hover {
  18.         color:#fff;
  19.         background:#369;
  20.         text-decoration:none;
  21.     }
  22.     h1, h2, h3 {
  23.         margin:.8em 0 .2em 0;
  24.         padding:0;
  25.     }
  26.     p {
  27.         margin:.4em 0 .8em 0;
  28.         padding:0;
  29.     }
  30.     img {
  31.         margin:10px 0 5px;
  32.     }
  33. */
  34. /* end new body */
  35. #header {
  36.     clear: left;
  37.     float: left;
  38.     width: 100%;
  39.     overflow: hidden;
  40.     border-bottom: 4px solid #000;
  41.     background-color: #dddddd;
  42. }
  43. #header-left {
  44.     right: 71%;
  45.     height: 4.6em;
  46.     margin-top: 1em;
  47.     background-image: url(/images/bitsum_logo.gif);
  48.     background-repeat: no-repeat;
  49.     color: #ffffff;
  50. }
  51. #header-right {        
  52.     float: right;
  53.     left: 76%;
  54.     background-color: #dddddd;
  55. }
  56. #header p, #header h1, #header h2 {
  57.     width: 96%;
  58.     margin: 0;
  59.     padding: .4em 2% .1em 2%;
  60. }
  61. #header h1 {
  62.     color: #000000;
  63.     font-weight: normal;
  64.     font-size: 48px;
  65. }
  66. #header-right h3 {
  67.     font-size: 70%;
  68. }
  69. #header-right h3 a {
  70.     color: #cccccc;
  71. }
  72. #header ul {
  73.     clear: left;
  74.     float: left;
  75.     width: 96%;
  76.     margin: .7em 0 0 2%;
  77.     padding: 0;
  78.     list-style: none;
  79. }
  80. #header ul li {
  81.     display: inline;
  82. }
  83. #header ul li a {
  84.     display: block;
  85.     float: left;
  86.     list-style: none;
  87.     padding: .2em .5em;
  88.     text-decoration: none;
  89.     margin-right: 10px;
  90.     border-top: 1px solid #ddd;
  91.     border-left: 1px solid #ddd;
  92.     border-right: 1px solid #ddd;
  93.     color: #ffffff;
  94.     font-weight: bold;
  95.     background-color: #595E8C;
  96. }
  97. #header ul li a.active {
  98.     font-weight: bold;
  99.     color: #fff;
  100.     background: #000;
  101.     border-top: 1px solid #000;
  102.     border-left: 1px solid #000;
  103.     border-right: 1px solid #000;
  104. }
  105. /* column container */
  106. .colmask {
  107.     position: relative;
  108.     clear: both;
  109.     float: left;
  110.     width: 100%;
  111.     overflow: hidden;
  112. }
  113. /* common column settings */
  114. .colright, .colmid, .colleft {
  115.     float: left;
  116.     width: 100%;
  117.     position: relative;
  118. }
  119. .col1, .col2, .col3, .col1_alt {
  120.     float: left;
  121.     position: relative;
  122.     padding: .5em .5em 1em .5em;
  123.     overflow: hidden;
  124. }
  125. .col1 .rightnotice {
  126.     float: right;
  127.     position: relative;
  128.     width: 30%;
  129.     clear: none;
  130.     overflow: hidden;
  131.     margin: 0.7em;
  132.     text-align: center;
  133. }
  134. .colleft ol {
  135.     font-weight: bold;
  136.     font-size: 110%;
  137.     list-style: square outside;    
  138. }
  139. .colleft ul {
  140.     font-weight: bold;
  141.     font-size: 110%;
  142.     list-style: square outside;
  143. }
  144. .colleft li {
  145.     font-weight: normal;
  146.     font-size: 100%;
  147. }
  148.  
  149. /* leftmenu settings */
  150. .leftmenu {
  151.     background: #fff; /* right column background colour */
  152. }
  153. .leftmenu .colleft {
  154.     right: 75%; /* right column width */
  155.     background: #f4f4f4; /* left column background colour */
  156. }
  157. .leftmenu .col1 {
  158.     width: 71%; /* right column content width */
  159.     left: 102%; /* 100% plus left column left padding */
  160. }
  161. .leftmenu .col2 {
  162.     width: 21%; /* left column content width (column width minus left and right padding) */
  163.     left: 6%; /* (right column left and right padding) plus (left column left padding) */
  164. }
  165.  
  166. /* now the column layouts, currently:
  167.     1. dual-column
  168.     2. full-page
  169.     3. three-columns
  170.  
  171. /* layout: 2 column */
  172. .doublepage {
  173.     background: #f4f4f4; /* right column background colour */
  174. }
  175.  
  176. .doublepage .colleft {
  177.     right: 50%; /* right column width */
  178.     background: #fff; /* left column background colour */
  179. }
  180.  
  181. .doublepage .col1 {
  182.     width: 46%; /* left column content width (column width minus left and right padding) */
  183.     left: 52%; /* right column width plus left column left padding */
  184. }
  185. .doublepage .col2 {
  186.     width: 46%; /* right column content width (column width minus left and right padding) */
  187.     left: 56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
  188. }
  189.  
  190. /* layout: full-page */
  191. .fullpage {
  192.     background: #fff; /* page background colour */
  193. }
  194. .fullpage .col1 {
  195.     width: 96%; /* page width minus left and right padding */
  196.     left: 2%; /* page left padding */
  197. }
  198. .fullpage .col1_alt {
  199.     width: 96%; /* page width minus left and right padding */
  200.     left: 2%; /* page left padding */
  201.     background: #ccc;
  202. }
  203.  
  204. /* layout: 3 column */
  205. /* 3 Column settings */
  206.     .threecol {
  207.         background:#eee;        /* right column background colour */
  208.     }
  209.     .threecol .colmid {
  210.         right:25%;                /* width of the right column */
  211.         background:#fff;        /* center column background colour */
  212.     }    
  213.     
  214.     .threecol .colleft {
  215.         right:50%;                /* width of the middle column */
  216.         background:#f4f4f4;        /* left column background colour */
  217.     }    
  218.     
  219.     .threecol .col1 {
  220.         width:46%;                /* width of center column content (column width minus padding on either side) */
  221.         left:102%;                /* 100% plus left padding of center column */
  222.     }
  223.     .threecol .col2 {
  224.         width:21%;                /* Width of left column content (column width minus padding on either side) */
  225.         left:31%;                /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
  226.     }
  227.     .threecol .col3 {
  228.         width:21%;                /* Width of right column content (column width minus padding on either side) */
  229.         left:85%;                /* Please make note of the brackets here:
  230.                                 (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
  231.     }
  232.  
  233. /* Footer styles */
  234. #footer {
  235.     clear: both;
  236.     padding: 1em 2%;
  237.     border-top: 1px solid #ccc;
  238.     font-size: 85%;    
  239. }
  240.  
  241. /* misc new styles */
  242. .highlight {
  243.     font-size: 100%;
  244.     color: red;
  245.     font-weight: normal;
  246. }
  247.  
  248. .yellow-highlight {
  249.   font-size: 90%;
  250.   font-weight: normal;
  251.     background-color: #FFFFCC;    
  252. }
  253.  
  254. .news ul {
  255.     list-style: square outside url('images/arrow.gif');
  256. }
  257. .activelistitem {
  258.     list-style: square outside url('images/downarrow.gif');
  259. }
  260. .links ul {
  261.     list-style: none;
  262. }
  263. .smalltext {
  264.     font-size: 75%;
  265. }
  266. .largetext {
  267.     font-size: 105%;    
  268. }
  269.  
  270. /* silly no underline class */
  271. .link_nounderline {
  272.     position: relative;
  273. }
  274. .link_nounderline a { 
  275.     text-decoration: none; 
  276. }
  277.        
  278.             .largetext
  279.             {
  280.                 font-size: large;
  281.             }
  282.             .mediumtext
  283.             {
  284.                 font-size: medium;
  285.             }
  286.             .warning
  287.             {
  288.                 font-size: medium;
  289.                 color: Red;
  290.             }
  291.             .menuitemtable th
  292.             {
  293.                 font-size: large;
  294.             }
  295.             .style3
  296.             {
  297.                 height: 55px;
  298.             }
  299.             .style4
  300.             {
  301.                 width: 612px;
  302.             }
  303.             .style5
  304.             {
  305.                 height: 55px;
  306.                 width: 612px;
  307.             }
  308.             
  309. ol.numbered {
  310.     list-style-type: decimal;
  311.     list-style-position: inside;
  312. }