rookeries
/
rookeries
1
0
Fork 0
Code Issues 11 Pull Requests Projects Releases Wiki Activity

CSS Experiments for fixing nav menu issues.

This commit is contained in:
Dorian 2013-07-24 08:03:11 -04:00
parent a1ee92bd0a
commit 89f4141bbf
6 changed files with 30 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
rookeries/static/README.md Normal file
View File

@ -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.

9
rookeries/static/css/penguin-common-theme.less
View File

@ -15,7 +15,7 @@
@amber-penguin-yellow: #FFC200; @amber-penguin-yellow: #FFC200;
/*** General containers ***/ /*** General containers ***/
div.sea-header { .sea-header {
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
@ -29,11 +29,16 @@ div.sea-header {
.shadowed_border; .shadowed_border;
} }
div.ice-floe { .ice-floe {
.shadowed_border; .shadowed_border;
padding: 15px 30px 15px 30px; padding: 15px 30px 15px 30px;
} }
.ice-menu {
.shadowed_border;
padding: 5px;
}
/*** Header ***/ /*** Header ***/
img.header_logo { img.header_logo {
height: 128px; height: 128px;

5
rookeries/static/css/penguin-daytime-theme.less
View File

@ -25,11 +25,12 @@
@link-text-colour: #0075b4; @link-text-colour: #0075b4;
/*** General containers ***/ /*** General containers ***/
div.sea-header { .sea-header {
background-color: @header-background-colour; background-color: @header-background-colour;
} }
div.ice-floe { .ice-floe,
.ice-menu {
background-color: @element-background-colour; background-color: @element-background-colour;
} }

5
rookeries/static/css/penguin-evening-theme.less
View File

@ -25,11 +25,12 @@
@footer-text-colour: #CCCCCC; @footer-text-colour: #CCCCCC;
/*** General containers ***/ /*** General containers ***/
div.sea-header { .sea-header {
background-color: @header-background-colour; background-color: @header-background-colour;
} }
div.ice-floe { .ice-floe,
.ice-menu {
background-color: @element-background-colour background-color: @element-background-colour
} }

3
rookeries/static/index.html
View File

@ -61,7 +61,8 @@
<div class="row-fluid"> <div class="row-fluid">
<!--Sidebar navigation content--> <!--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--> <!--Body content-->
<div class="span8 ice-floe" ui-view="content_body_view"></div> <div class="span8 ice-floe" ui-view="content_body_view"></div>

8
rookeries/static/partials/nav-menu.html
View File

@ -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"> <li class="active">
<a href="#">Home</a> <a href="#">Home</a>
</li> </li>
@ -17,8 +19,6 @@
</li> </li>
<li> <li>
<!-- a href="#/docs/{{ license_page }}">License (AGPL v3)</a --> <!-- a href="#/docs/{{ license_page }}">License (AGPL v3)</a -->
<a href="#/docs/license">License (AGPL v3)</a> <a href="#/docs/license">License</a>
</li> </li>
</ul> </ul>
<!-- TODO Add in repeating content items??? Or another way to pass in details of menu items...