CSS Experiments for fixing nav menu issues.
This commit is contained in:
parent
a1ee92bd0a
commit
89f4141bbf
|
@ -0,0 +1,10 @@
|
|||
rookeri.es
|
||||
==========
|
||||
|
||||
**rookeri.es** is a simple site scaffolding system for building modern, flexible and maintainable
|
||||
websites capable of handling communication with single-page web apps and mobile apps.
|
||||
|
||||
**rookeri.es** is:
|
||||
* Powered by Flask, SQLAlchemy and Python on the server side.
|
||||
* Uses Angular and LESS for web frontends.
|
||||
* Licensed under the Affero GNU General Public License (AGPL) version 3.0.
|
|
@ -15,7 +15,7 @@
|
|||
@amber-penguin-yellow: #FFC200;
|
||||
|
||||
/*** General containers ***/
|
||||
div.sea-header {
|
||||
.sea-header {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
|
||||
|
@ -29,11 +29,16 @@ div.sea-header {
|
|||
.shadowed_border;
|
||||
}
|
||||
|
||||
div.ice-floe {
|
||||
.ice-floe {
|
||||
.shadowed_border;
|
||||
padding: 15px 30px 15px 30px;
|
||||
}
|
||||
|
||||
.ice-menu {
|
||||
.shadowed_border;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
/*** Header ***/
|
||||
img.header_logo {
|
||||
height: 128px;
|
||||
|
|
|
@ -25,11 +25,12 @@
|
|||
@link-text-colour: #0075b4;
|
||||
|
||||
/*** General containers ***/
|
||||
div.sea-header {
|
||||
.sea-header {
|
||||
background-color: @header-background-colour;
|
||||
}
|
||||
|
||||
div.ice-floe {
|
||||
.ice-floe,
|
||||
.ice-menu {
|
||||
background-color: @element-background-colour;
|
||||
}
|
||||
|
||||
|
|
|
@ -25,11 +25,12 @@
|
|||
@footer-text-colour: #CCCCCC;
|
||||
|
||||
/*** General containers ***/
|
||||
div.sea-header {
|
||||
.sea-header {
|
||||
background-color: @header-background-colour;
|
||||
}
|
||||
|
||||
div.ice-floe {
|
||||
.ice-floe,
|
||||
.ice-menu {
|
||||
background-color: @element-background-colour
|
||||
}
|
||||
|
||||
|
|
|
@ -61,7 +61,8 @@
|
|||
<div class="row-fluid">
|
||||
|
||||
<!--Sidebar navigation content-->
|
||||
<div class="span2 offset1 ice-floe" ui-view="nav_menu_view"></div>
|
||||
<!-- div class="span2 offset1 ice-floe" ui-view="nav_menu_view"></div-->
|
||||
<div class="span2 offset1 shadowed_border" ui-view="nav_menu_view"></div>
|
||||
|
||||
<!--Body content-->
|
||||
<div class="span8 ice-floe" ui-view="content_body_view"></div>
|
||||
|
|
|
@ -1,4 +1,6 @@
|
|||
<ul class="navigation-bar"> <!-- ng-controller="NavMenuCtrl"-->
|
||||
<!-- ul class="navigation-bar" --> <!-- ng-controller="NavMenuCtrl"-->
|
||||
<!-- TODO Add in repeating content items??? Or another way to pass in details of menu items... -->
|
||||
<ul class="nav nav-stacked nav-pills"> <!-- ng-controller="NavMenuCtrl"-->
|
||||
<li class="active">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
|
@ -17,8 +19,6 @@
|
|||
</li>
|
||||
<li>
|
||||
<!-- a href="#/docs/{{ license_page }}">License (AGPL v3)</a -->
|
||||
<a href="#/docs/license">License (AGPL v3)</a>
|
||||
<a href="#/docs/license">License</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- TODO Add in repeating content items??? Or another way to pass in details of menu items...
|
||||
</ul>
|
Loading…
Reference in New Issue