From 2652e9bb2dcc8a0eaf2e314a6107c52d8b3b6469 Mon Sep 17 00:00:00 2001 From: Harald Eilertsen Date: Sun, 20 Oct 2013 22:32:19 +0200 Subject: Basic simple styling. --- app/assets/images/logo.png | Bin 0 -> 6998 bytes app/assets/stylesheets/hmno_main.scss | 90 +++++++++++++++++++++++++++++++ app/views/common/_left_sidebar.html.erb | 3 ++ app/views/common/_right_sidebar.html.erb | 3 ++ app/views/layouts/application.html.erb | 23 ++++++++ app/views/refinery/_header.html.erb | 7 +++ 6 files changed, 126 insertions(+) create mode 100644 app/assets/images/logo.png create mode 100644 app/assets/stylesheets/hmno_main.scss create mode 100644 app/views/common/_left_sidebar.html.erb create mode 100644 app/views/common/_right_sidebar.html.erb create mode 100644 app/views/layouts/application.html.erb create mode 100644 app/views/refinery/_header.html.erb (limited to 'app') diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png new file mode 100644 index 0000000..001e257 Binary files /dev/null and b/app/assets/images/logo.png differ diff --git a/app/assets/stylesheets/hmno_main.scss b/app/assets/stylesheets/hmno_main.scss new file mode 100644 index 0000000..006de53 --- /dev/null +++ b/app/assets/stylesheets/hmno_main.scss @@ -0,0 +1,90 @@ +body { + background-color: black; + color: lightgray; + font: { + family: Helvetica, "Sans Seriff"; + size: 10pt; + } +} + +h1, h2, h3 { + color: green; +} + +#menu { + text-align: center; + + ul { + padding: 0; + + li { + list-style: none; + display: inline-block; + background-color: darkgreen; + + padding: { + left: 1em; + right: 1em; + top: 0.3em; + bottom: 0.3em; + } + + &.selected { + background-color: green; + font-weight: 600; + } + + &:hover { + background-color: green; + } + + a { + text-decoration: none; + color: white; + } + } + } +} + +#page_container { + margin: { + left: 5em; + right: 5em; + } + + #page { + position: relative; + + #left_sidebar, #right_sidebar { + position: absolute; + width: 10em; + top: 0; + border: 1px dotted lightgray; + padding: 5px; + height: 100%; + } + + #right_sidebar { + right: 0; + } + + #body_content { + margin: { + left: 11em; + right: 11em; + } + padding: { + left: 0.5em; + right: 0.5em; + } + } + } +} + +#left_img { + float: left; +} + +#right_img { + float: right; +} diff --git a/app/views/common/_left_sidebar.html.erb b/app/views/common/_left_sidebar.html.erb new file mode 100644 index 0000000..72f83bb --- /dev/null +++ b/app/views/common/_left_sidebar.html.erb @@ -0,0 +1,3 @@ + diff --git a/app/views/common/_right_sidebar.html.erb b/app/views/common/_right_sidebar.html.erb new file mode 100644 index 0000000..1707324 --- /dev/null +++ b/app/views/common/_right_sidebar.html.erb @@ -0,0 +1,3 @@ + diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb new file mode 100644 index 0000000..43e0863 --- /dev/null +++ b/app/views/layouts/application.html.erb @@ -0,0 +1,23 @@ + +<%= render '/refinery/html_tag' %> + <% site_bar = render('/refinery/site_bar', :head => true) -%> + <%= render '/refinery/head' %> + + <%= site_bar -%> + <%= render '/refinery/ie6check' if request.env['HTTP_USER_AGENT'] =~ /MSIE/ -%> +
+ +
+ <%= render 'common/left_sidebar' %> + <%= yield %> + <%= render 'common/right_sidebar' %> +
+
+ <%= render '/refinery/footer' -%> +
+
+ <%= render '/refinery/javascripts' %> + + diff --git a/app/views/refinery/_header.html.erb b/app/views/refinery/_header.html.erb new file mode 100644 index 0000000..f5450fa --- /dev/null +++ b/app/views/refinery/_header.html.erb @@ -0,0 +1,7 @@ + +<%= render(:partial => "/refinery/menu", :locals => { + :dom_id => 'menu', + :css => 'menu' + }) %> -- cgit v1.2.3