diff options
author | Alessandro Cosentino <cosenal@gmail.com> | 2012-06-21 17:24:03 -0400 |
---|---|---|
committer | Alessandro Cosentino <cosenal@gmail.com> | 2012-06-21 17:24:03 -0400 |
commit | c2c91647495e343a503f23b56854ada7599b94b8 (patch) | |
tree | 586d994fb34d4855099ce372db3c5ce5805eae58 | |
parent | efd3ac96c8e8a02730ca8d6b7e31363c1bd0d0db (diff) |
dropup menu to add feeds
-rw-r--r-- | css/news.css | 65 | ||||
-rw-r--r-- | js/news.js | 11 | ||||
-rw-r--r-- | templates/main.php | 11 |
3 files changed, 84 insertions, 3 deletions
diff --git a/css/news.css b/css/news.css index bfa299e83..5147c27db 100644 --- a/css/news.css +++ b/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; }
\ No newline at end of file +.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%; +} diff --git a/js/news.js b/js/news.js new file mode 100644 index 000000000..3544e1e4b --- /dev/null +++ b/js/news.js @@ -0,0 +1,11 @@ +News={ + UI:{ + createNew:function() { + + } + } +} + +$(document).ready(function(){ + +});
\ No newline at end of file diff --git a/templates/main.php b/templates/main.php index 6405055ec..6febe245e 100644 --- a/templates/main.php +++ b/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> |