dropup menu to add feeds

css/news.css

@@ -1,9 +1,68 @@
 #leftcontent { top: 3.5em !important; padding: 0; margin: 0; }
 #rightcontent { top: 3.5em !important; padding-top: 5px; }
 #feeds { background: #fff; width: 20em; left: 12.5em; top: 3.7em; bottom:3em; position: fixed; overflow: auto; padding: 0; margin: 0; }
-#contacts a { height: 23px; display: block; margin: 0 0 0 0; padding: 0 0 0 25px; }
+#feeds a { height: 23px; display: block; margin: 0 0 0 0; padding: 0 0 0 25px; }
 #bottomcontrols { padding: 0; bottom:0px; height:2.8em; width: 20em; margin:0; background:#eee; border-top:1px solid #ccc; position:fixed; -moz-box-shadow: 0 -3px 3px -3px #000; -webkit-box-shadow: 0 -3px 3px -3px #000; box-shadow: 0 -3px 3px -3px #000;}
-#add { float: left; margin: 0.2em 0 0 1em; }
+#addmenu { float: left; margin: 0.2em 0 0 1em; }
 #settings { float: right; margin: 0.2em 1em 0 0; }
 
-.svg { border: inherit; background: inherit; }
+.svg { border: inherit; background: inherit; }
+
+
+#addmenu ul li ul li a:hover { 
+    background: #ECF1E7; 
+    padding-left:9px;
+    border-left: solid 1px #000;}
+
+#addmenu ul li ul li {
+    width: 140px; 
+    border: none; 
+    padding-top: 3px; 
+    padding-bottom:3px; 
+    padding-left: 3px; 
+    padding-right: 3px; 
+}
+
+#addmenu ul li ul li a { 
+    font: 11px arial; 
+    font-weight:normal; 
+    font-variant: small-caps; 
+    padding-top:3px; 
+    padding-bottom:3px;}
+
+#addmenu ul li {
+    float: left; 
+    width: 146px; 
+    font-weight: bold; 
+    border-top: solid 1px; 
+    border-bottom: solid 1px; 
+}
+
+#addmenu ul li a { 
+    font-weight: bold;
+    padding: 15px 10px;}
+
+#addmenu li{ 
+    position:relative; 
+    float:left;}
+
+#addmenu ul li ul, #addmenu:hover ul li ul, #addmenu:hover ul li:hover ul li ul{ 
+    display:none;
+    list-style-type:none; 
+    width: 140px;}
+
+#addmenu:hover ul, #addmenu:hover ul li:hover ul, #addmenu:hover ul li:hover ul li:hover ul { 
+    display:block;}
+
+#addmenu:hover ul li:hover ul li:hover ul { 
+    position: absolute;
+    margin-left: 145px;
+    margin-top: -22px;
+    font: 10px;}
+
+#addmenu:hover ul li:hover ul { 
+    position: absolute;
+    margin-top: 1px;
+    font: 10px;
+    bottom: 100%;
+}

js/news.js

@@ -0,0 +1,11 @@
+News={
+	UI:{
+		createNew:function() {
+
+		}
+	}
+}
+
+$(document).ready(function(){
+  
+});

templates/main.php

@@ -3,11 +3,22 @@
 		<?php echo $this->inc("part.feeds"); ?>
 	</ul>
 </div>
+
 <div id="bottomcontrols">
+<div id="addmenu"> 
+	<ul>
+	<li>
 	<form>
 		<button class="svg" id="add" title="<?php echo $l->t('Add Feed/Folder'); ?>"><img class="svg" src="<?php echo OCP\Util::linkTo('news', 'img/add.svg'); ?>" alt="<?php echo $l->t('Add Feed/Folder'); ?>"   /></button>
 	</form>
+	<ul>
+	<li><a href="p1.html">Feed</a></li>
+	<li><a href="p2.hmtl">Folder</a></li>
+	</li>
+	</ul>
 </div>
+</div>
+
 <div id="rightcontent" class="rightcontent">
 	<?php ?>
 </div>