cleanup css for 'others'

config.js

@@ -0,0 +1,2 @@
+config.source="example_links.txt";
+config.columns=3;

example_links.txt

@@ -0,0 +1,31 @@
+# News
+
+[Hesari](http://www.hs.fi)
+[YLE](http://www.yle.fi/uutiset)
+[Ilmatieteenlaitos](http://www.fmi.fi/)
+[Weather.fi](http://www.weather.fi/)
+## In Radio
+[Paiva tunnissa](http://areena.yle.fi/1-2269602)
+[Radiouutiset](areena.yle.fi/1-1440981)
+
+# Media
+
+[IMDB](http://www.imdb.com/)
+[Areena](http://areena.yle.fi/tv/a-o)
+
+# Fun
+
+[Viivi ja Wagner](http://www.helsinginsanomat.fi/viivijawagner/)
+[xkcd](http://www.xkcd.com/)
+[Perry Bible Fellowship](http://www.pbfcomics.com/)
+[Cyanide and Happiness](http://www.explosm.net/comics)
+[Fingerpori](http://www.hs.fi/fingerpori/)
+
+# Google
+
+[Google](http://www.google.com/ig?hl=en)
+[Gmail](http://www.gmail.com)
+[Gcalendar](https://www.google.com/calendar/render)
+[Gmaps](http://maps.google.com/)
+[Drive](http://drive.google.com)
+

index.html

@@ -3,19 +3,13 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta name="viewport" content="width=320" />
 <STYLE type="text/css">
-    BODY { scrollbar-face-color: #9C9CFF;
-           font-family: monospace;
-           color: #9C9CFF; 
-           background-color: #3939DE;
-           font-size:12px;}
-    PRE { border: solid black 0px; }
-    HR { color: #9C9CFF; width:100%; border-width:0;height:5px;background-color:#9C9CFF;}
-    TABLE { background-color: #9C9CFF; width: 100%;  border-spacing: 10px;
-        border-collapse: separate;}
-    TD { background-color: #3939DE; vertical-align: top; padding: 0px; width: 25%;}
-    LI { text-indent:-1.3em; 
+    BODY { font-size: 14px; }
+    TABLE { width: 100%; }
+    HR { height:5px; border: 0px;}
+    TD { vertical-align: top; width: 10%; }
+    LI { 
+        text-indent:-1.3em; 
          padding-left:1.4em;
-         font-size:12px; 
          list-style-type:none; 
          overflow: hidden;
          margin-bottom: 0.2em;
@@ -24,18 +18,16 @@
         content:"-";
         padding-right: 0.5em;
        }
-    A:link { text-decoration:none;font-size:12px;color:#9C9CFF; }
-    A:visited { text-decoration:none;font-size:12px;color:#9C9CFF;}
-    A:hover { color:#ffffff; }
-    A:focus { color:#ffffff; }
-    #filter {  font-family: monospace;
-               color:#9C9CFF; background-color: #3939DE; width: 90%;
-               text-align: center;  }
-    .head { font-size: 14px; text-align:left; padding-left:1em; padding-top: 0.2em; margin-bottom: -0.5em; }
+    A:link { text-decoration:none; color: #000000; }
+    A:visited { text-decoration:none; color: #000000; }
+    A:hover { text-decoration: underline; }
+    A:focus { text-decoration: underline; }
+    #filter {  width: 90%; }
+    .head { font-size: 16px; text-align:left; padding-top: 0.2em; margin-bottom: -0.5em; }
     .tickbox { display: block; float: right; }
     LI.nolink:before {
        content:" ";
-       padding-right: 1.3em;
+       padding-right: 1.0em;
     }
 </STYLE>
 <script language="javascript">
@@ -203,19 +195,19 @@ function toggle_blank() {
     }
   }
 }
+document.onkeyup=move_cursor;
 var linkReg=/([^\[]*)\[([^\]]+)\]\(([^\)]+)\)(.*)/;
 var linkPlain=/(.*)(http[^\s]+)(.*)/;
 var linkList=[];
 var hitList=[];
 var config = {
-  title:'MDLinks',
-  source:'links.txt',
-  search:true,
-  columns:4,
-  style:null,
-  favicon:null
+  title:'MDLinks',  // title of site
+  source:'links.txt', // file for links
+  search:true,  // include search bar
+  columns:4,    // number of columns for link table
+  style:null,  //  file to load css from
+  favicon:null  //  link to favicon file
 };
-document.onkeyup=move_cursor;
 
 </script>
 <script language="javascript" src="config.js"></script>