Posted by css Mon 12th Mar 2007 08:57 - Syntax is CSS - 24 views
Download | New Post | Modify | Hide line numbers
  1. /* CSS Document */
  2.  
  3.  
  4.  
  5. /* Body
  6.  
  7. ----------------------------------------------------------------------*/
  8.  
  9.     body {
  10.  
  11.         text-align:center;
  12.  
  13.         font-family:Verdana, Arial, Helvetica, sans-serif;
  14.  
  15.         margin-top:0px;
  16.  
  17.         font-size:11px;
  18.  
  19.         background-position:center;
  20.  
  21.         background-repeat:repeat-y;
  22.  
  23.     }
  24.  
  25.    
  26.  
  27. /* Content
  28.  
  29. ---------------------------------------------------------*/
  30.  
  31.  
  32.  
  33.     #content{
  34.  
  35.         width: 775px;
  36.  
  37.         text-align:center;
  38.  
  39.         margin-left: auto;
  40.  
  41.         margin-right: auto;
  42.  
  43.         border-left:solid 1px #CCCCCC;
  44.  
  45.         border-right:solid 1px #CCCCCC;
  46.  
  47.         border-bottom:1px solid #c2bfd4;
  48.  
  49.     }
  50.  
  51.    
  52.  
  53.    
  54.  
  55.     h3{
  56.  
  57.         font-family:Verdana, Arial, Helvetica, sans-serif;
  58.  
  59.         font-size:12px;
  60.  
  61.         padding-left:20px;
  62.  
  63.         text-align:left;
  64.  
  65.     }
  66.  
  67.  
  68.  
  69.     h3 a{
  70.  
  71.         text-decoration:none;
  72.  
  73.         font-size:12px;
  74.  
  75.         color:#000000;
  76.  
  77.     }
  78.  
  79.  
  80.  
  81.     h3 a:hover{
  82.  
  83.         text-decoration:underline;
  84.  
  85.     }
  86.  
  87.    
  88.  
  89.     h4{
  90.  
  91.         font-family:Verdana, Arial, Helvetica, sans-serif;
  92.  
  93.         font-size:10px;
  94.  
  95.         padding-left:20px;
  96.  
  97.         text-align:left;
  98.  
  99.         font-weight:normal;
  100.  
  101.     }
  102.  
  103.    
  104.  
  105.     h4 a{
  106.  
  107.         text-decoration:none;
  108.  
  109.         font-size:10px;
  110.  
  111.         color:#666666;
  112.  
  113.     }
  114.  
  115.  
  116.  
  117.     h4 a:hover{
  118.  
  119.         text-decoration:underline;
  120.  
  121.     }
  122.  
  123.  
  124.  
  125.  
  126.  
  127. /* Header
  128.  
  129. ----------------------------------------------------------*/
  130.  
  131.    
  132.  
  133.     #header{
  134.  
  135.         width:775px;
  136.  
  137.         margin-top:0px;
  138.  
  139.         text-align:center;
  140.  
  141.         height:85px;
  142.  
  143.         margin-bottom:0px;
  144.  
  145.         padding-bottom:0px;
  146.  
  147.     }
  148.  
  149.  
  150.  
  151. /* Menu
  152.  
  153. -------------------------------------------------------------*/
  154.  
  155.  
  156.  
  157.     #menu{
  158.  
  159.         background-image:url(../images/menu_bg.jpg);
  160.  
  161.         background-repeat:no-repeat;
  162.  
  163.         height:36px;
  164.  
  165.         width:775px;
  166.  
  167.         margin-left:0px;
  168.  
  169.         margin-right:0px;
  170.  
  171.         padding-top:0px;       
  172.  
  173.         text-align:left;
  174.  
  175.         border-bottom:1px solid #CCCCCC;
  176.  
  177.     }
  178.  
  179.  
  180.  
  181.     #menu #links{
  182.  
  183.         width:520px;
  184.  
  185.         float:left;
  186.  
  187.         display:inline;
  188.  
  189.     }
  190.  
  191.    
  192.  
  193.     #menu .linkicon{
  194.  
  195.         float:left;   
  196.  
  197.         display:inline;
  198.  
  199.         padding-top:11px;
  200.  
  201.         margin-left:16px;
  202.  
  203.     }
  204.  
  205.    
  206.  
  207.     #menu .link{
  208.  
  209.         float:left;   
  210.  
  211.         display:inline;
  212.  
  213.         padding-left:5px;
  214.  
  215.         padding-top:8px;
  216.  
  217.         color:#8e8f91;
  218.  
  219.         text-decoration:none;
  220.  
  221.         font-weight:bold;
  222.  
  223.     }
  224.  
  225.    
  226.  
  227.     #menu .link a:hover{
  228.  
  229.         text-decoration:underline;
  230.  
  231.     }
  232.  
  233.    
  234.  
  235.     #menu .link:hover{
  236.  
  237.         text-decoration:underline;
  238.  
  239.     }
  240.  
  241.    
  242.  
  243.    
  244.  
  245.     #menu #search{
  246.  
  247.         float:right;
  248.  
  249.         margin-top:5px;
  250.  
  251.         margin-right:5px;
  252.  
  253.         height:10px;       
  254.  
  255.     }
  256.  
  257.    
  258.  
  259.     form#search{
  260.  
  261.         font-family: Verdana, Arial, Helvetica, sans-serif;
  262.  
  263.         width:200px;
  264.  
  265.         font-size: 8px;
  266.  
  267.         text-align: right;
  268.  
  269.  
  270.  
  271.     }
  272.  
  273.     #search .text {
  274.  
  275.         font-family: Verdana, Arial, Helvetica, sans-serif;
  276.  
  277.         font-size: 10px;
  278.  
  279.         width: 100px;
  280.  
  281.  
  282.  
  283.     }
  284.  
  285.     #search .buttons {
  286.  
  287.         font-family: Verdana, Arial, Helvetica, sans-serif;
  288.  
  289.         font-size: 10px;
  290.  
  291.         background-color: #F9F1E4;
  292.  
  293.         color: #D28A00;
  294.  
  295.         margin-right: 6px;
  296.  
  297.         margin-top:1px;
  298.  
  299.         border:solid 1px #F5E5CB;
  300.  
  301.         height:17px;
  302.  
  303.     }
  304.  
  305.    
  306.  
  307.    
  308.  
  309.  
  310.  
  311.    
  312.  
  313. /* Toolbar
  314.  
  315. ----------------------------------------------*/
  316.  
  317.  
  318.  
  319. #tools{
  320.  
  321.     float: right;
  322.  
  323.     display:block;   
  324.  
  325.     margin-top:-15px;
  326.  
  327. }
  328.  
  329. #tools a{
  330.  
  331.     font-size: 9px;
  332.  
  333.     text-decoration:none;
  334.  
  335.     color:#999999;
  336.  
  337.     display:block;
  338.  
  339. }
  340.  
  341.  
  342.  
  343. #tools .tooltext{
  344.  
  345.     text-decoration:none;
  346.  
  347. }
  348.  
  349.  
  350.  
  351. #tools .tooltext a{
  352.  
  353.     text-decoration:none;
  354.  
  355. }
  356.  
  357.  
  358.  
  359.  
  360.  
  361. #tools .tooltext a:hover{
  362.  
  363.     text-decoration:underline;
  364.  
  365. }
  366.  
  367.  
  368.  
  369. .toolitem{
  370.  
  371.     margin-top:0px;
  372.  
  373.     float:right;
  374.  
  375.     padding-left:4px;
  376.  
  377. }
  378.  
  379.  
  380.  
  381.    
  382.  
  383. /* Main Article -- story.cfm
  384.  
  385. ---------------------------------------------*/
  386.  
  387.     #article_wrapper {
  388.  
  389.         width:540px;
  390.  
  391.         padding-left:10px;
  392.  
  393.         padding-right:20px;
  394.  
  395.         float:right;
  396.  
  397.         line-height:17px;
  398.  
  399.         text-align:justify;
  400.  
  401.         display:inline;
  402.  
  403.     }
  404.  
  405.    
  406.  
  407.  
  408.  
  409.     #article_wrapper h1 {
  410.  
  411.         font-size:14px;
  412.  
  413.         text-align:left;
  414.  
  415.     }
  416.  
  417.        
  418.  
  419.     #article_wrapper h2{
  420.  
  421.         font-size:12px;
  422.  
  423.         text-align:left;
  424.  
  425.     }
  426.  
  427.    
  428.  
  429.     #article_wrapper a{
  430.  
  431.         text-decoration:underline;
  432.  
  433.     }
  434.  
  435.    
  436.  
  437.     .large_photo_right, .small_photo_right, .small_photo_left{
  438.  
  439.         text-align:left;
  440.  
  441.         border: 1px solid #c2bfd4;
  442.  
  443.         padding:3px;
  444.  
  445.         border: 1px solid #c2bfd4;
  446.  
  447.         padding:3px;
  448.  
  449.     }
  450.  
  451.        
  452.  
  453.     .large_photo_right a, .small_photo_right a, .small_photo_left a{
  454.  
  455.         color:#999999;
  456.  
  457.         display:block;
  458.  
  459.         text-align:right;
  460.  
  461.     }   
  462.  
  463.    
  464.  
  465.     .large_photo_right{
  466.  
  467.         float:right;
  468.  
  469.         width:300px;
  470.  
  471.         margin-left:10px;
  472.  
  473.         margin-right:0px;
  474.  
  475.     }
  476.  
  477.    
  478.  
  479.     .small_photo_right{
  480.  
  481.         float:right;
  482.  
  483.         width:150px;
  484.  
  485.         margin-left:10px;
  486.  
  487.         margin-right:0px;
  488.  
  489.     }   
  490.  
  491.  
  492.  
  493.     .small_photo_left{
  494.  
  495.         float:left;
  496.  
  497.         width:150px;
  498.  
  499.         margin-left:0px;
  500.  
  501.         margin-right:10px;
  502.  
  503.     }
  504.  
  505.    
  506.  
  507.     .small_photo_left .caption, .small_photo_right .caption,{
  508.  
  509.         margin-left:10px;
  510.  
  511.         margin-right:10px;
  512.  
  513.         text-align:left;
  514.  
  515.     }
  516.  
  517.  
  518.  
  519.     .story_photo a{
  520.  
  521.         display:block;
  522.  
  523.         margin-left:5px;
  524.  
  525.     }       
  526.  
  527.  
  528.  
  529.     #article_wrapper a.fullstory,  #rightstories a.fullstory{
  530.  
  531.         color:#878686;
  532.  
  533.         font-size:10px;
  534.  
  535.         text-decoration:none;
  536.  
  537.         text-align:left;
  538.  
  539.     }
  540.  
  541.    
  542.  
  543.     #article_wrapper a:link, #mainarticle a:visted{
  544.  
  545.         color:#999999;
  546.  
  547.         text-decoration:none;
  548.  
  549.     }
  550.  
  551.    
  552.  
  553.     .sectiondivider{
  554.  
  555.         width: 450px;
  556.  
  557.         background:#EEEEEE;
  558.  
  559.         color:#000000;
  560.  
  561.         font-weight:bold;
  562.  
  563.         padding: 2px;   
  564.  
  565.     }
  566.  
  567.    
  568.  
  569.  
  570.  
  571. /* Footer
  572.  
  573. ----------------------------------------------------------*/
  574.  
  575.    
  576.  
  577.  
  578.  
  579.     #footer{
  580.  
  581.         clear:both;
  582.  
  583.         width:775px;
  584.  
  585.         padding-top:10px;
  586.  
  587.         padding-bottom:20px;
  588.  
  589.         border-top:1px solid #c2bfd4;;
  590.  
  591.     }
  592.  
  593.    
  594.  
  595.     #rssfeeds{
  596.  
  597.         float:left;
  598.  
  599.         margin-left:10px;
  600.  
  601.     }
  602.  
  603.    
  604.  
  605.     #copyrightinfo{
  606.  
  607.         color:#999999;
  608.  
  609.         float: right;
  610.  
  611.         margin-right: 10px;
  612.  
  613.     }
  614.  
  615.    
  616.  
  617.     #copyrightinfo a, #rssfeeds a{
  618.  
  619.         color:#999999;
  620.  
  621.         text-decoration:none;
  622.  
  623.     }
  624.  
  625.    
  626.  
  627.     #copyrightinfo a:hover, #rssfeeds a:hover{
  628.  
  629.         text-decoration:underline;
  630.  
  631.     }
  632.  
  633.    
  634.  
  635. /* Search Results
  636.  
  637. --------------------------------------------------------*/
  638.  
  639.  
  640.  
  641. #searchresults{
  642.  
  643.     float:left;
  644.  
  645.     width:460px;
  646.  
  647. }
  648.  
  649.  
  650.  
  651. #searchresults h2{
  652.  
  653.     font-family:Verdana, Arial, Helvetica, sans-serif;
  654.  
  655.     font-size:14px;
  656.  
  657.     font-weight:bold;
  658.  
  659.     padding-left:20px;
  660.  
  661.     padding-right:20px;
  662.  
  663. }
  664.  
  665.  
  666.  
  667. #searchresults .result{
  668.  
  669.     border-bottom:solid 1px #999999;
  670.  
  671.     padding-bottom:10px;
  672.  
  673.     padding-top:10px;
  674.  
  675. }
  676.  
  677.  
  678.  
  679. #searchresults .result h3{
  680.  
  681.     font-family:Verdana, Arial, Helvetica, sans-serif;
  682.  
  683.     font-size:13px;
  684.  
  685.     padding-left:20px;
  686.  
  687.     text-align:left;
  688.  
  689. }
  690.  
  691.  
  692.  
  693. #searchresults .result h3 a{
  694.  
  695.     text-decoration:none;
  696.  
  697.     color:#666666;
  698.  
  699. }
  700.  
  701.  
  702.  
  703. #searchresults  .result h3 a:hover{
  704.  
  705.     text-decoration:underline;
  706.  
  707. }
  708.  
  709.  
  710.  
  711. #searchresults .result a.fullstory{
  712.  
  713.     text-decoration:none;
  714.  
  715.     font-size:11px;
  716.  
  717.     color:#999999;
  718.  
  719.     font-weight:bold;
  720.  
  721.     line-height:25px;
  722.  
  723.     float:right;
  724.  
  725. }
  726.  
  727.  
  728.  
  729. #searchresults  .result a.fullstory:hover{
  730.  
  731.     text-decoration:underline;
  732.  
  733. }
  734.  
  735.  
  736.  
  737. #searchresults .result p{
  738.  
  739.     font-family:Verdana, Arial, Helvetica, sans-serif;
  740.  
  741.     font-size:11px;
  742.  
  743.     padding-left:20px;
  744.  
  745. }
  746.  
  747.  
  748.  
  749. #searchresults .result .photo{
  750.  
  751.     border: 1px solid #c2bfd4;
  752.  
  753.     padding:5px;
  754.  
  755.     float:right;
  756.  
  757.     margin-left:10px;
  758.  
  759. }
  760.  
  761.  
  762.  
  763. /* Photo Results
  764.  
  765. --------------------------------------------------------*/
  766.  
  767.  
  768.  
  769. #photoresults{
  770.  
  771.     float:left;
  772.  
  773.     width:460px;
  774.  
  775. }
  776.  
  777.  
  778.  
  779. #photoresults h2{
  780.  
  781.     font-family:Verdana, Arial, Helvetica, sans-serif;
  782.  
  783.     font-size:14px;
  784.  
  785.     font-weight:bold;
  786.  
  787.     padding-left:20px;
  788.  
  789.     padding-right:20px;
  790.  
  791. }
  792.  
  793.  
  794.  
  795. #photoresults .result{
  796.  
  797.     border-bottom:solid 1px #999999;
  798.  
  799.     padding-bottom:10px;
  800.  
  801.     padding-top:10px;
  802.  
  803. }
  804.  
  805.  
  806.  
  807. #photoresults .result h3{
  808.  
  809.     font-family:Verdana, Arial, Helvetica, sans-serif;
  810.  
  811.     font-size:13px;
  812.  
  813.     padding-left:20px;
  814.  
  815.     text-align:left;
  816.  
  817. }
  818.  
  819.  
  820.  
  821. #photoresults .result h3 a{
  822.  
  823.     text-decoration:none;
  824.  
  825.     color:#666666;
  826.  
  827. }
  828.  
  829.  
  830.  
  831. #photoresults  .result h3 a:hover{
  832.  
  833.     text-decoration:underline;
  834.  
  835. }
  836.  
  837.  
  838.  
  839. #photoresults .result a.fullstory{
  840.  
  841.     text-decoration:none;
  842.  
  843.     font-size:11px;
  844.  
  845.     color:#999999;
  846.  
  847.     font-weight:bold;
  848.  
  849.     line-height:25px;
  850.  
  851.     float:right;
  852.  
  853. }
  854.  
  855.  
  856.  
  857. #photoresults  .result a.fullstory:hover{
  858.  
  859.     text-decoration:underline;
  860.  
  861. }
  862.  
  863.  
  864.  
  865. #photoresults .result p{
  866.  
  867.     font-family:Verdana, Arial, Helvetica, sans-serif;
  868.  
  869.     font-size:11px;
  870.  
  871.     padding-left:20px;
  872.  
  873. }
  874.  
  875.  
  876.  
  877. #photoresults .result .photo{
  878.  
  879.     float: right;
  880.  
  881.     padding-left:10px;
  882.  
  883. }
  884.  
  885.  
  886.  
  887. /* formStyles
  888.  
  889. -------------------------------------------------------*/
  890.  
  891. .formLabel{
  892.  
  893.     width:100px;
  894.  
  895. }
  896.  
  897.  
  898.  
  899. form input{
  900.  
  901.     display:inline;
  902.  
  903. }
  904.  
  905.  
  906.  
  907. /* Typography
  908.  
  909. --------------------------------------------------------*/
  910.  
  911.  
  912.  
  913.     p {text-align:left;}
  914.  
  915.  
  916.  
  917.     .storiestitle a{
  918.  
  919.         text-align:center;
  920.  
  921.         font-family:Verdana, Arial, Helvetica, sans-serif;
  922.  
  923.         font-size:14px;
  924.  
  925.         color:#999933;
  926.  
  927.         text-decoration:none;
  928.  
  929.         font-weight:bold;
  930.  
  931.     }
  932.  
  933.    
  934.  
  935.     .storiestitle a:hover{
  936.  
  937.         text-decoration:underline;   
  938.  
  939.     }   
  940.  
  941.  
  942.  
  943.  
  944.  
  945.     .fullstory a{
  946.  
  947.         width: 200px;
  948.  
  949.         float:right;
  950.  
  951.         color:#878686;
  952.  
  953.         font-size:10px;
  954.  
  955.         text-decoration:none;
  956.  
  957.         text-align:right;
  958.  
  959.     }
  960.  
  961.    
  962.  
  963.  
  964.  
  965.     a:hover{text-decoration:underline;}
  966.  
  967.  
  968.  
  969.     a.story {
  970.  
  971.         color:#878686;
  972.  
  973.         font-size:10px;
  974.  
  975.         text-decoration:none;
  976.  
  977.     }
  978.  
  979.  
  980.  
  981.     .search {
  982.  
  983.         border:1px solid #CCCCCC;
  984.  
  985.         height:15px;
  986.  
  987.         width:80px;
  988.  
  989.     }
  990.  
  991.  
  992.  
  993.     .search_button {
  994.  
  995.         text-align:left;
  996.  
  997.         line-height:12px;
  998.  
  999.     }
  1000.  
  1001.  
  1002.  
  1003.     a.title {
  1004.  
  1005.         font-size:12px;
  1006.  
  1007.         text-decoration:none;
  1008.  
  1009.         color:#006699;
  1010.  
  1011.         font-weight:bold;
  1012.  
  1013.         line-height:18px;
  1014.  
  1015.     }
  1016.  
  1017.  
  1018.  
  1019.     .rightbox {
  1020.  
  1021.         padding-right:30px;
  1022.  
  1023.         line-height:18px;
  1024.  
  1025.         color:#276194;
  1026.  
  1027.         text-decoration:none;
  1028.  
  1029.         text-align:left;
  1030.  
  1031.         font-size:11px;
  1032.  
  1033.     }
  1034.  
  1035.    
  1036.  
  1037.     .clear{
  1038.  
  1039.         clear: both;
  1040.  
  1041.     }
  1042.  
  1043.    
  1044.  
  1045.  
  1046.  
  1047. /* Persecution panel
  1048.  
  1049. ---------------------------------------------*/
  1050.  
  1051. .right_section_text {
  1052.  
  1053.     font-family: Tahoma;
  1054.  
  1055.     font-size: 11px;
  1056.  
  1057.     color: #072942;
  1058.  
  1059.     text-decoration: none;
  1060.  
  1061.     line-height: 20px;
  1062.  
  1063.     list-style-position: outside;
  1064.  
  1065. }
  1066.  
  1067.  
  1068.  
  1069. .right_section_bg {
  1070.  
  1071.     background-image: url(/images/line.jpg);
  1072.  
  1073.     background-repeat: repeat-x;
  1074.  
  1075.     border-top-width: 1px;
  1076.  
  1077.     border-right-width: 0px;
  1078.  
  1079.     border-bottom-width: 1px;
  1080.  
  1081.     border-left-width: 0px;
  1082.  
  1083.     border-top-style: solid;
  1084.  
  1085.     border-right-style: solid;
  1086.  
  1087.     border-bottom-style: solid;
  1088.  
  1089.     border-left-style: solid;
  1090.  
  1091.     border-top-color: #b8b8d2;
  1092.  
  1093.     border-right-color: #b8b8d2;
  1094.  
  1095.     border-bottom-color: #b8b8d2;
  1096.  
  1097.     border-left-color: #b8b8d2;
  1098.  
  1099. }
  1100.  
  1101. .right_section_titles {
  1102.  
  1103.     font-family: Tahoma;
  1104.  
  1105.     font-size: 11px;
  1106.  
  1107.     color: #072942;
  1108.  
  1109.     text-decoration: none;
  1110.  
  1111.     line-height: 20px;
  1112.  
  1113.     list-style-position: outside;
  1114.  
  1115.     list-style-image: url(square2.jpg);
  1116.  
  1117.     font-weight: bold;
  1118.  
  1119. }
  1120.  
  1121.  
  1122.  
  1123. .formLabel{
  1124.  
  1125.     width:100px;
  1126.  
  1127.     height:40px;
  1128.  
  1129.     display:inline;
  1130.  
  1131.     margin-right:12px;
  1132.  
  1133.     padding-right:10px;
  1134.  
  1135. }
  1136.  
  1137. .formItem{
  1138.  
  1139.     margin-left:10px;
  1140.  
  1141.     display:inline;
  1142.  
  1143. }
  1144.  
  1145.  
  1146.  
  1147. /* Related features
  1148.  
  1149. -------------------------------------------------*/
  1150.  
  1151.     #rightstories #relatedfeatures .item{
  1152.  
  1153.         margin-top:0px;
  1154.  
  1155.         float: none;
  1156.  
  1157.         border-bottom:1px solid #F8F9F4;
  1158.  
  1159.     }
  1160.  
  1161.  
  1162.  
  1163.     #rightstories #relatedfeatures h1{
  1164.  
  1165.         font-size:12px;
  1166.  
  1167.         text-align:left;
  1168.  
  1169.         background:#D2DBE2;
  1170.  
  1171.         padding-top:3px;
  1172.  
  1173.         padding-bottom:3px;
  1174.  
  1175.         padding-left:25px;
  1176.  
  1177.         margin-top:0px;
  1178.  
  1179.     }
  1180.  
  1181.    
  1182.  
  1183.  
  1184.  
  1185.    
  1186.  
  1187.     #rightstories #relatedfeatures .item .title{
  1188.  
  1189.         font-size:11px;
  1190.  
  1191.         text-align:left;
  1192.  
  1193.         display:block;
  1194.  
  1195.         font-weight:bold;
  1196.  
  1197.         margin-right:25px;
  1198.  
  1199.         margin-left:25px;
  1200.  
  1201.         float:none;
  1202.  
  1203.     }
  1204.  
  1205.    
  1206.  
  1207.     #rightstories #relatedfeatures .item .caption{
  1208.  
  1209.         font-size:10px;
  1210.  
  1211.         text-align:left;
  1212.  
  1213.         display:block;
  1214.  
  1215.         margin-right:25px;
  1216.  
  1217.         margin-left:25px;
  1218.  
  1219.         padding-bottom:15px;       
  1220.  
  1221.     }
  1222.  
  1223.    
  1224.  
  1225.     #rightstories #relatedfeatures .item .photo {
  1226.  
  1227.         border:1px solid #D2DBE2;
  1228.  
  1229.         padding:3px;
  1230.  
  1231.         width:200px;
  1232.  
  1233.         float:none;
  1234.  
  1235.         margin-left:auto;
  1236.  
  1237.         margin-right:auto;
  1238.  
  1239.         display:block;
  1240.  
  1241.         margin-bottom:3px;
  1242.  
  1243.     }
  1244.  
  1245.    
  1246.  
  1247.    
  1248.  
  1249.    
  1250.  
  1251.     #photoLarge{
  1252.  
  1253.         float:left;
  1254.  
  1255.         border:1px solid #D2DBE2;
  1256.  
  1257.         padding:3px;
  1258.  
  1259.     }
  1260.  
  1261.    
  1262.  
  1263. /* Feature panel -- index.cfm
  1264.  
  1265. ---------------------------------------------*/
  1266.  
  1267.     #featurepanel{
  1268.  
  1269.         background-color:#DFEBF7;
  1270.  
  1271.         width:460px;
  1272.  
  1273.         margin-top:10px;
  1274.  
  1275.         padding:15px;
  1276.  
  1277.         margin-left:15px;
  1278.  
  1279.         float:left;
  1280.  
  1281.         line-height:18px;
  1282.  
  1283.         text-align:justify;
  1284.  
  1285.         border:1px solid #D2DBE2;
  1286.  
  1287.         display:inline;
  1288.  
  1289.         margin-bottom:20px;
  1290.  
  1291.     }
  1292.  
  1293.    
  1294.  
  1295.     #featureImagePanel, #featureFlashPanel{
  1296.  
  1297.         width:460px;
  1298.  
  1299.         margin-top:10px;
  1300.  
  1301.         margin-left:15px;
  1302.  
  1303.         float:left;
  1304.  
  1305.         display:inline;
  1306.  
  1307.         margin-bottom:20px;
  1308.  
  1309.         padding-bottom:20px;
  1310.  
  1311.     }
  1312.  
  1313.        
  1314.  
  1315.     .featurepanel_photo {
  1316.  
  1317.         border: 1px solid #c2bfd4;
  1318.  
  1319.         padding:5px;
  1320.  
  1321.         margin-left:5px;
  1322.  
  1323.         float:right;
  1324.  
  1325.     }
  1326.  
  1327.    
  1328.  
  1329.     #featurepanel h1 {
  1330.  
  1331.         font-size:13px;
  1332.  
  1333.         text-align:left;
  1334.  
  1335.     }
  1336.  
  1337.    
  1338.  
  1339.     #featurepanel h1 a{
  1340.  
  1341.         font-size:13px;
  1342.  
  1343.         text-align:left;
  1344.  
  1345.         color:#000000;
  1346.  
  1347.         text-decoration:none;
  1348.  
  1349.     }
  1350.  
  1351.     #featurepanel h1 a:hover{
  1352.  
  1353.         text-decoration:underline;
  1354.  
  1355.     }
  1356.  
  1357.    
  1358.  
  1359.     #featurepanel a.fullstory{
  1360.  
  1361.         color:#878686;
  1362.  
  1363.         font-size:10px;
  1364.  
  1365.         text-decoration:none;
  1366.  
  1367.         text-align:left;
  1368.  
  1369.     }
  1370.  
  1371.    
  1372.  
  1373.    
  1374.  
  1375.     #featurepanel .caption{
  1376.  
  1377.         text-align:left;
  1378.  
  1379.         margin-left:15px;
  1380.  
  1381.         margin-right:15px;
  1382.  
  1383.         clear:both;
  1384.  
  1385.     }
  1386.  
  1387.    
  1388.  
  1389.     #flashsearch{
  1390.  
  1391.         padding-top:15px;
  1392.  
  1393.         padding-bottom:15px;
  1394.  
  1395.     }
  1396.  
  1397.        
  1398.  
  1399.        
  1400.  
  1401.        
  1402.  
  1403. .menuCell, .menucell td{
  1404.  
  1405.     text-align: right;
  1406.  
  1407.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1408.  
  1409.     font-size: 14px;
  1410.  
  1411.     color: #A4A8AC;
  1412.  
  1413.     border-top: 1px solid #E5E5E5;
  1414.  
  1415.     border-right: 1px none #E5E5E5;
  1416.  
  1417.     border-bottom: 1px none #E5E5E5;
  1418.  
  1419.     border-left: 1px none #E5E5E5;
  1420.  
  1421.     bgcolor:#F3F4F2;
  1422.  
  1423. }
  1424.  
  1425.  
  1426.  
  1427. .menuCellHighlight{
  1428.  
  1429.     text-align: right;
  1430.  
  1431.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1432.  
  1433.     font-size: 14px;
  1434.  
  1435.     color: #A4A8AC;
  1436.  
  1437.     border-top: 1px solid #E5E5E5;
  1438.  
  1439.     border-right: 1px none #E5E5E5;
  1440.  
  1441.     border-bottom: 1px none #E5E5E5;
  1442.  
  1443.     border-left: 1px none #E5E5E5;
  1444.  
  1445.     bgcolor:#E4E8E1;
  1446.  
  1447. }
  1448.  
  1449.  
  1450.  
  1451. .menuCellSubMenu{
  1452.  
  1453.     text-align: right;
  1454.  
  1455.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1456.  
  1457.     font-size: 14px;
  1458.  
  1459.     color: #A4A8AC;
  1460.  
  1461.     border-top: 1px solid #E5E5E5;
  1462.  
  1463.     border-right: 1px none #E5E5E5;
  1464.  
  1465.     border-bottom: 1px none #E5E5E5;
  1466.  
  1467.     border-left: 1px none #E5E5E5;
  1468.  
  1469.     bgcolor:#FFFFFF;
  1470.  
  1471. }
  1472.  
  1473.  
  1474.  
  1475.  
  1476.  
  1477.  
  1478. http://info.bahai.org/css/menu_style.css
  1480. /* CSS Document */
  1481.  
  1482.  
  1483.  
  1484. #menu_panel{
  1485.  
  1486.     text-align:left;
  1487.  
  1488.     width:200px;
  1489.  
  1490.     float:left;
  1491.  
  1492.     border-right:1px solid #cccccc;
  1493.  
  1494.     border-bottom:1px solid #cccccc;
  1495.  
  1496.     line-height:18px;
  1497.  
  1498.     display:inline;
  1499.  
  1500. }
  1501.  
  1502.  
  1503.  
  1504. #menu_panel .item{
  1505.  
  1506.     font-family:Verdana, Arial, Helvetica, sans-serif;
  1507.  
  1508.     font-size:11px;
  1509.  
  1510.     background:#F7F7F7;
  1511.  
  1512.     font-weight:bold;
  1513.  
  1514.     padding-top:5px;
  1515.  
  1516.     padding-bottom:5px;
  1517.  
  1518.     padding-left:5px;
  1519.  
  1520.  
  1521.  
  1522. }
  1523.  
  1524.  
  1525.  
  1526. #menu_panel .item a{
  1527.  
  1528.     padding-left:0px;
  1529.  
  1530. }
  1531.  
  1532.  
  1533.  
  1534.  
  1535.  
  1536. #menu_panel .child .link {
  1537.  
  1538.     padding-left:10px;
  1539.  
  1540.     margin-top:8px;
  1541.  
  1542.     margin-bottom:8px;
  1543.  
  1544.     line-height:15px;
  1545.  
  1546.     color:#525552;
  1547.  
  1548. }
  1549.  
  1550.  
  1551.  
  1552. #menu_panel .child .link a{
  1553.  
  1554.     padding-left:0px;
  1555.  
  1556. }
  1557.  
  1558.  
  1559.  
  1560. a{
  1561.  
  1562.     text-decoration:none;
  1563.  
  1564.     color:#666666;
  1565.  
  1566. }
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572. #menu_panel .child{
  1573.  
  1574.     border-top:1px solid #cccccc;
  1575.  
  1576.     border-bottom:1px solid #cccccc;
  1577.  
  1578.     font-family:Verdana, Arial, Helvetica, sans-serif;
  1579.  
  1580.     font-size:11px;
  1581.  
  1582.     background:#FFFBF7;
  1583.  
  1584.     font-weight:normal;
  1585.  
  1586. }
  1587.  
  1588.  
  1589.  
  1590.  
  1591.  
  1592. #languagepanel{
  1593.  
  1594.     width:200px;
  1595.  
  1596.     display:block;
  1597.  
  1598.     text-align:left;   
  1599.  
  1600.     padding-left:5px;
  1601.  
  1602.     padding-top:10px;
  1603.  
  1604.     margin-top:5px;
  1605.  
  1606.     margin-left:5px;
  1607.  
  1608.     padding-bottom:3px;
  1609.  
  1610.     padding:5px;
  1611.  
  1612.     font-size:10px;
  1613.  
  1614.     float:left;
  1615.  
  1616. }
  1617.  
  1618.  
  1619.  
  1620. #languagepanel .language_link{
  1621.  
  1622.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1623.  
  1624.     font-size: 11px;
  1625.  
  1626.     color: #365137;
  1627.  
  1628.     text-decoration: none;
  1629.  
  1630. }
  1631.  
  1632.  
  1633.  
  1634. #languagepanel a:hover{
  1635.  
  1636.     background:#D8EDDD;
  1637.  
  1638. }
  1639.  
  1640.  
  1641.  
  1642. #iconpanel{
  1643.  
  1644.     padding:5px;
  1645.  
  1646.     width:50px;
  1647.  
  1648.     height:13px;
  1649.  
  1650.     font-size: 10px;
  1651.  
  1652.     float:right;
  1653.  
  1654. }
  1655.  
  1656.  
  1657.  
  1658.  
  1659.  
  1660.  

PermaLink to this entry https://pastebin.co.uk/11712
Posted by css Mon 12th Mar 2007 08:57 - Syntax is CSS - 24 views
Download | New Post | Modify | Hide line numbers

 

Comments: 0