home *** CD-ROM | disk | FTP | other *** search
/ old.mactech.com / old.mactech.com.tar / old.mactech.com / commnews-style.css < prev    next >
Cascading Style Sheet File  |  2006-01-14  |  5KB  |  290 lines
  1. /* 
  2. lilina news aggregator
  3.  
  4. lilina is a simple but powerful news aggregator written in PHP. 
  5. No database is needed, RSS/ATOM parsing is done by the excellent 
  6. MagpieRSS library (it is included, no additional installation needed). 
  7. It features feed auto-discovery and an easy-to-use interface.
  8.  
  9. View a live demo @ http://lilina.sourceforge.net/ 
  10. lilina is Open Source Software and is distributed under the GPL license
  11. Written and developed by Panayotis Vryonis, http://vrypan.net/log/
  12. */
  13.  
  14.  
  15.  
  16. /* Global Elements */
  17.  
  18. img, a {
  19.     border: 0;
  20.     }
  21.  
  22. #c1 {
  23.     color: #fff ;
  24.     background: #fff ;
  25.     display: none;
  26. }
  27. #c2 {
  28.     color: #eeeeee ;
  29.     background: #eeeeee ;
  30.     display: none;
  31. }
  32.  
  33. /* Topbar */
  34. #navigation
  35. {
  36.     position: relative;
  37.     float: top;
  38.     background: #fff;
  39.     color: #000;
  40.     padding: 4px 0 4px 0;
  41.     display: block;
  42.     text-align: center;
  43. }
  44. #navigation ul, #navigation li {
  45.     margin-left: 2px;
  46. }
  47.  
  48. #topbar {
  49.     position: relative;
  50.     float: right;
  51.     display: block;
  52.     margin: 0px;
  53.     padding: 0 12px 0 5px;
  54.     background: #fff;
  55.     color: #6f6f6f;
  56.     width: 250px;
  57.     border: #000 solid 1px ;
  58.     }
  59. #topbar, #topbar a {
  60.     color: #000;
  61.     font-weight: bold;
  62.     text-decoration: none;
  63.     }
  64. #navigation li {
  65.     list-style: none;
  66.     margin-top: 3px;
  67.     margin-left: 3px;
  68.     display: inline ;
  69.     }
  70. #navigation ul {
  71.     list-style: none;
  72.     margin-top: 3px;
  73.     margin-left: 3px;
  74.     padding-left: 3px;
  75.     display: inline ;
  76.     }
  77.  
  78. #navigation li.img {
  79.     margin-top: 2px;
  80.     }
  81. #navigation ul li.admin a {
  82.     color: #990000;
  83.     margin-left: 3px;
  84.     }
  85.  
  86. /* Feed */
  87.  
  88. .feed { /* Container for items coming from the same feed */ 
  89.     /* Add styling if you want consequent items from the same feed to look "grouped" */
  90. }
  91.  
  92. h1 { /* Date */
  93.     margin: 0px 0px 0px 0px;
  94.     padding: 4px 0 4px 15px;
  95.     border-top: 1px solid #00005c ;
  96.     font-size: 12px;
  97.     font-weight: bold;
  98.     color: #fff;
  99.     background: #aaaaaa;
  100.     background: #000000;
  101.     }
  102. .item {
  103.     margin: 0px 0px 0px 0px;
  104.     font-size: 12px;
  105.     border-top: 1px solid #aac ;
  106.     background-color: #ffffff;
  107.     padding-bottom: 1px ;
  108.     padding-left: 5px;
  109.     vertical-align: top;
  110.     }
  111. .item img {
  112.     margin: 0px 2px 0 0;
  113.     vertical-align: middle;
  114.     }
  115. .bmark { /* Bookmark image */
  116.     
  117.     }
  118. .time { /* Time Posted */
  119.     font-size: 10px;
  120.     margin: 0 1px 0 0px;
  121.     font-style: italic;
  122.     color: #360;  /* was color: #999999; */
  123.     vertical-align: center;
  124.     }
  125. .newsSectionTitle
  126. {
  127.     /* News Section Title */
  128.     font-size: 14px;
  129.     font-weight: bold;
  130.     color: #000;
  131.     text-decoration: none;
  132.     text-align: left;
  133. }
  134. .title,
  135. .title a
  136. {
  137.     /* Title */
  138.     font-size: 10px;
  139.     font-weight: bold;
  140.     color: #555;
  141.     text-decoration: none;
  142.     cursor: pointer;
  143.     margin: 0 0 2px 0px;
  144.     vertical-align: center;
  145. }
  146. .mtnewsdate { /* Time Posted */
  147.     font-size: 10px;
  148.     margin: 0 0px 0 0px;
  149.     font-style: italic;
  150.     color: #360;  /* was color: #999999; */
  151.     }
  152. .mtnewstitle,
  153. .mtnewstitle a
  154. {
  155.     /* Title */
  156.     font-size: 10px;
  157.     font-weight: bold;
  158.     color: #555;
  159.     text-decoration: none;
  160.     cursor: pointer;
  161.     margin: 0 0 0 0;
  162.     vertical-align: top;
  163. }
  164. .source { /* Direct link to weblog post */
  165.     }
  166. .source a
  167. {
  168.     font-size: 10px;
  169.     font-weight: normal;
  170.     font-style: italic;
  171.     color: #600;
  172.     text-decoration: none;
  173.     cursor: pointer;
  174.     margin: 0 0 2px 0px;
  175.     vertical-align: center;
  176. }
  177. .excerpt { /* Excerpted content from feed */
  178.     margin: 3px 0 0 60px;
  179.     font-size: 11px;
  180.     width: 80%;
  181.     display: none;
  182.     }
  183.  
  184.  
  185. /* Google */
  186.  
  187. .google {
  188.     margin: 0 0 0 0 ;
  189.     padding: 0px;
  190.     /* background: #ffffff ; */
  191.  
  192. }
  193. .google p { 
  194.     display: block; 
  195.     margin-bottom: 0 ;
  196.     margin-top: 0 ;
  197.     color: #555555 ;
  198. }
  199.  
  200. /* del.icio.us */
  201. .delicious_tags {
  202.     display: inline ;
  203.     text-align: right;
  204.     padding: 0 0 0 10px;
  205. }
  206.  
  207. /* Panel */
  208.  
  209. #panel {
  210.     position: absolute;
  211.     top: 20px;
  212.     right: 2px ;
  213.     padding: 10px;
  214.     background: #eeeeee ;
  215.     color: #6f6f6f;
  216.     width: 200px;
  217.     display: block;
  218.  
  219. }
  220. /* Sources */
  221.  
  222. #sources {
  223.     padding: 4px;
  224.     color: #6f6f6f;
  225.     display: block;
  226.     border-top: 1px #aaa solid;
  227.     background: #EEEEEE;
  228.     }
  229. #sources h3 {
  230.     display: block;
  231.     margin: 0 0 10px 0;
  232.     border-bottom: 1px #CBDFEB dotted;
  233.     font-size: 12px;
  234.     font-weight: bold;
  235.     text-align: center;
  236.     width: 98%;
  237.     }
  238. #sources ul {
  239.     list-style-type: square;
  240.     margin: 10px;
  241.     padding: 0px;
  242.     }
  243. #sources li {
  244.     font-size: 11px;
  245.     display: inline;
  246.     padding-right: 1em;
  247.     padding-bottom: 2px;
  248.     }
  249. #sources ul li img {
  250.     display: inline;
  251.     height: 16px;
  252.     width: 16px;
  253.     vertical-align: text-bottom;
  254.     }
  255. #sources a {
  256.     text-decoration: none;
  257.     border-bottom: 1px dotted ;
  258. }
  259.  
  260.  
  261.  
  262. /* Edit */
  263.  
  264. .item ul {
  265.     list-style: none;
  266.     margin: 15px 0 0 0;
  267.     }
  268. .item li {
  269.     font-size: 12px;
  270.     }
  271.  
  272.  
  273.  
  274. /* Footer */
  275.  
  276. #footer {
  277.     margin: 0px;
  278.     padding-top: 5px;
  279.     border-top: 1px #C7D0EB solid;
  280.     font-size: 10px;
  281.     text-align: center;
  282.     width: 100%;
  283.     }
  284.  
  285. #main {
  286.     display: block;
  287.     margin-right: 0px;
  288.     border-right: 0px #aaa solid;
  289. }
  290.