home *** CD-ROM | disk | FTP | other *** search
/ Freelog 64 / Freelog064.iso / Dossier / SimpleBrowser / simpleBrowser.msi / _D82D16C5E4F5BFCBD7413D2074124C56 / _78445F491DC94415BB9A1126757D5B8D < prev    next >
Text File  |  2003-09-29  |  7KB  |  459 lines
  1. /***********************************************/
  2. /* emx_nav_left.css                            */
  3. /* Use with template Halo_leftNav.html         */
  4. /***********************************************/
  5.  
  6. /***********************************************/
  7. /* HTML tag styles                             */
  8. /***********************************************/
  9. body{
  10.     font-family: Arial,sans-serif;
  11.     color: #333333;
  12.     line-height: 1.166;    
  13.     margin: 0px;
  14.     padding: 0px;
  15.     background: #cccccc url("bg_grad.jpg") fixed;
  16. }
  17.  
  18. /******* hyperlink and anchor tag styles *******/
  19.  
  20. a:link, a:visited{
  21.     color: #005FA9;
  22.     text-decoration: none;
  23. }
  24.  
  25. a:hover{
  26.     text-decoration: underline;
  27. }
  28.  
  29. /************** header tag styles **************/
  30.  
  31. h1{
  32.  font: bold 120% Arial,sans-serif;
  33.  color: #334d55;
  34.  margin: 0px;
  35.  padding: 0px;
  36. }
  37.  
  38. h2{
  39.  font: bold 114% Arial,sans-serif;
  40.  color: #006699;
  41.  margin: 0px;
  42.  padding: 0px;
  43. }
  44.  
  45. h3{
  46.  font: bold 100% Arial,sans-serif;
  47.  color: #334d55;
  48.  margin: 0px;
  49.  padding: 0px;
  50. }
  51.  
  52. h4{
  53.  font: 100% Arial,sans-serif;
  54.  color: #333333;
  55.  margin: 0px;
  56.  padding: 0px;
  57. }
  58.  
  59. h5{
  60.  font: 100% Arial,sans-serif;
  61.  color: #334d55;
  62.  margin: 0px;
  63.  padding: 0px;
  64. }
  65.  
  66.  
  67. /*************** list tag styles ***************/
  68.  
  69. ul{
  70.  list-style-type: square;
  71. }
  72.  
  73. ul ul{
  74.  list-style-type: disc;
  75. }
  76.  
  77. ul ul ul{
  78.  list-style-type: none;
  79. }
  80.  
  81. /********* form and related tag styles *********/
  82.  
  83. form {
  84.     margin: 0;
  85.     padding: 0;
  86. }
  87.  
  88. label{
  89.  font: bold 1em Arial,sans-serif;
  90.  color: #334d55;
  91. }
  92.                 
  93. input{
  94. font-family: Arial,sans-serif;
  95. }
  96.  
  97. /***********************************************/
  98. /* Layout Divs                                 */
  99. /***********************************************/
  100. #pagecell1{
  101.     position:absolute;
  102.     top: 12px;
  103.     left: 2%;
  104.     right: 2%;
  105.     width:95.6%;
  106.     background-color: #ffffff;
  107. }
  108.  
  109. #tl {
  110.     position:absolute;
  111.     top: -1px;
  112.     left: -1px;
  113.     margin: 0px;
  114.     padding: 0px;
  115.     z-index: 100;
  116. }
  117.  
  118. #tr {
  119.     position:absolute;
  120.     top: -1px;
  121.     right: -1px;
  122.     margin: 0px;
  123.     padding: 0px;
  124.     z-index: 100;
  125. }
  126.  
  127. #masthead{
  128.     position: absolute;
  129.     top: 0px;
  130.     left: 2%;
  131.     right: 2%;
  132.     width:95.6%;
  133.     
  134. }
  135.  
  136. #pageNav{
  137.     float: left;
  138.     width:178px;
  139.     padding: 0px;
  140.     background-color: #F5f7f7;
  141.     border-right: 1px solid #cccccc;
  142.     border-bottom: 1px solid #cccccc;
  143.     font: small Verdana,sans-serif;
  144. }
  145.  
  146. #content{
  147.     padding: 0px 10px 0px 0px;
  148.     margin:0px 0px 0px 178px;
  149.     border-left: 1px solid #ccd2d2;
  150. }
  151.  
  152.  
  153. /***********************************************/
  154. /* Component Divs                              */
  155. /***********************************************/
  156. #siteName{
  157.     margin: 0px;
  158.     padding: 16px 0px 8px 0px;
  159.     color: #ffffff;
  160.     font-weight: normal;
  161. }
  162.  
  163. /************** utility styles *****************/
  164.  
  165. #utility{
  166.     font: 75% Verdana,sans-serif;
  167.     position: absolute;
  168.     top: 16px;
  169.     right: 0px;
  170.     color: #919999;
  171. }
  172.  
  173. #utility a{
  174.     color: #ffffff;
  175. }
  176.  
  177. #utility a:hover{
  178.     text-decoration: underline;
  179. }
  180.  
  181. /************** pageName styles ****************/
  182.  
  183. #pageName{
  184.     padding: 0px 0px 14px 10px;
  185.     margin: 0px;
  186.     border-bottom:1px solid #ccd2d2;
  187. }
  188.  
  189. #pageName h2{
  190.     font: bold 175% Arial,sans-serif;
  191.     color: #000000;
  192.     margin:0px;
  193.     padding: 0px;
  194. }
  195.  
  196. #pageName img{
  197.     position: absolute;
  198.     top: 0px;
  199.     right: 6px;
  200.     padding: 0px;
  201.     margin: 0px;
  202. }
  203.  
  204. /************* globalNav styles ****************/
  205.  
  206. #globalNav{
  207. position: relative;
  208. width: 100%;
  209. /*min-width: 640px; */
  210. height: 32px;
  211. color: #cccccc;
  212. padding: 0px;
  213. margin: 0px;
  214. background-image:  url("glbnav_background.gif");
  215. }
  216.  
  217. #globalNav img{
  218.     margin-bottom: -4px;
  219.  
  220. }
  221.  
  222. #gnl {
  223.     position: absolute;
  224.     top: 0px;
  225.     left:0px;
  226. }
  227.  
  228. #gnr {
  229.     position: absolute;
  230.     top: 0px;
  231.     right:0px;
  232. }
  233.  
  234. #globalLink{
  235.     position: absolute;
  236.     top: 6px;
  237.     height: 22px;
  238.     /*min-width: 640px; */
  239.     padding: 0px;
  240.     margin: 0px;
  241.     left: 10px;
  242.     z-index: 100;
  243. }
  244.  
  245.  
  246. a.glink, a.glink:visited{
  247.       font-size: small;
  248.       color: #000000;
  249.     font-weight: bold;
  250.     margin: 0px;
  251.     padding: 2px 5px 4px 5px;
  252.     border-right: 1px solid #8FB8BC;
  253. }
  254.  
  255. a.glink:hover{
  256.       background-image:  url("glblnav_selected.gif");
  257.     text-decoration: none;
  258. }
  259.  
  260. .skipLinks {display: none;}
  261.  
  262. /************ subglobalNav styles **************/
  263.  
  264. .subglobalNav{
  265.     position: absolute;
  266.     top: 84px;
  267.     left: 0px;
  268.     /*width: 100%;*/
  269.     /*min-width: 640px; */
  270.     height: 20px;
  271.     padding: 0px 0px 0px 10px;
  272.     visibility: hidden;
  273.     color: #ffffff;
  274. }
  275.  
  276. .subglobalNav a:link, .subglobalNav a:visited {
  277.     font-size: 80%;
  278.     color: #ffffff;
  279. }
  280.  
  281. .subglobalNav a:hover{
  282.     color: #cccccc;
  283. }
  284.  
  285. /*************** search styles *****************/
  286.  
  287. #search{
  288.     position: absolute;
  289.     top: 5px;
  290.     right: 10px;
  291.     z-index: 101;
  292. }
  293.  
  294. #search input{
  295.   font-size: 70%;
  296.   margin: 0px  0px 0px 10px;
  297.  }
  298.  
  299. #search a:link, #search a:visited {
  300.     font-size: 80%;
  301.     font-weight: bold;
  302.     
  303. }
  304.  
  305. #search a:hover{
  306.     margin: 0px;
  307. }
  308.  
  309.  
  310. /************* breadCrumb styles ***************/
  311.  
  312. #breadCrumb{
  313.     padding: 5px 0px 5px 10px;
  314.     font: small Verdana,sans-serif;
  315.     color: #AAAAAA;
  316. }
  317.  
  318. #breadCrumb a{
  319.     color: #AAAAAA;
  320. }
  321.  
  322. #breadCrumb a:hover{
  323.     color: #005FA9;
  324.     text-decoration: underline;
  325. }
  326.  
  327.  
  328. /************** feature styles *****************/
  329.  
  330. .feature{
  331.     padding: 0px 0px 10px 10px;
  332.     font-size: 80%;
  333.     /*min-height: 200px;*/
  334.     height: 200px;
  335. }
  336. html>body .feature {height: auto;}
  337.  
  338. .feature h3{
  339.     font: bold 175% Arial,sans-serif;
  340.     color: #000000;
  341.     padding: 30px 0px 5px 0px;
  342. }
  343.  
  344. .feature img{
  345.     float: left;
  346.     padding: 0px 10px 0px 0px;
  347. }
  348.  
  349.  
  350. /*************** story styles ******************/
  351.  
  352. .story {
  353.     padding: 10px 0px 0px 10px;
  354.     font-size: 80%;
  355. }
  356.  
  357. .story h3{
  358.     font: bold 125% Arial,sans-serif;
  359.     color: #000000;
  360. }
  361.  
  362. .story p {
  363.     padding: 0px 0px 10px 0px;
  364. }
  365.  
  366. .story a.capsule{
  367.     font: bold 1em Arial,sans-serif;
  368.     color: #005FA9;
  369.     display:block;
  370.     padding-bottom: 5px;
  371. }
  372.  
  373. .story a.capsule:hover{
  374.     text-decoration: underline;
  375. }
  376.  
  377. td.storyLeft{
  378.     padding-right: 12px;
  379. }
  380.  
  381.  
  382. /************** siteInfo styles ****************/
  383.  
  384. #siteInfo{
  385.     clear: both;
  386.     border-top: 1px solid #cccccc;
  387.     font-size: small;
  388.     color: #cccccc;
  389.     padding: 10px 10px 10px 10px;
  390.     margin-top: -1px;
  391. }
  392.  
  393. #siteInfo img{
  394.     padding: 4px 4px 4px 0px;
  395.     vertical-align: middle;
  396. }
  397.  
  398.  
  399. /************ sectionLinks styles **************/
  400.  
  401. #sectionLinks{
  402.     margin: 0px;
  403.     padding: 0px;
  404.  
  405. }
  406.  
  407. #sectionLinks h3{
  408.     padding: 10px 0px 2px 10px;
  409.     border-bottom: 1px solid #cccccc;
  410. }
  411.  
  412. #sectionLinks a:link, #sectionLinks a:visited {
  413.     display: block;
  414.     border-top: 1px solid #ffffff;
  415.     border-bottom: 1px solid #cccccc;
  416.     background-image:  url("bg_nav.jpg");
  417.     font-weight: bold;
  418.     padding: 3px 0px 3px 10px;
  419.     color: #21536A;
  420. }
  421.  
  422. #sectionLinks a:hover{
  423.     border-top: 1px solid #cccccc;
  424.     background-color: #DDEEFF;
  425.     background-image: none;
  426.     font-weight: bold;
  427.     text-decoration: none;
  428. }
  429.  
  430.  
  431. /************* relatedLinks styles **************/
  432.  
  433. .relatedLinks{
  434.     margin: 0px;
  435.     padding: 0px 0px 10px 10px;
  436.     border-bottom: 1px solid #cccccc;
  437. }
  438.  
  439. .relatedLinks h3{
  440.     padding: 10px 0px 2px 0px;
  441. }
  442.  
  443. .relatedLinks a{
  444.     display: block; 
  445. }
  446.  
  447.  
  448. /**************** advert styles *****************/
  449.  
  450. #advert{
  451.     padding: 10px;
  452. }
  453.  
  454. #advert img{
  455.     display: block;
  456. }
  457.  
  458. /********************* end **********************/
  459.