diff options
author | Harald Eilertsen <haraldei@anduin.net> | 2013-10-20 22:32:19 +0200 |
---|---|---|
committer | Harald Eilertsen <haraldei@anduin.net> | 2013-10-20 22:32:19 +0200 |
commit | 2652e9bb2dcc8a0eaf2e314a6107c52d8b3b6469 (patch) | |
tree | 6bc8d0adb0ef88d11ab9a724b8c612dc6a96b80e /app | |
parent | 05db001fe9211d66d2ee02484635af478a308ccc (diff) | |
download | hmnoweb-2652e9bb2dcc8a0eaf2e314a6107c52d8b3b6469.tar.gz hmnoweb-2652e9bb2dcc8a0eaf2e314a6107c52d8b3b6469.tar.bz2 hmnoweb-2652e9bb2dcc8a0eaf2e314a6107c52d8b3b6469.zip |
Basic simple styling.
Diffstat (limited to 'app')
-rw-r--r-- | app/assets/images/logo.png | bin | 0 -> 6998 bytes | |||
-rw-r--r-- | app/assets/stylesheets/hmno_main.scss | 90 | ||||
-rw-r--r-- | app/views/common/_left_sidebar.html.erb | 3 | ||||
-rw-r--r-- | app/views/common/_right_sidebar.html.erb | 3 | ||||
-rw-r--r-- | app/views/layouts/application.html.erb | 23 | ||||
-rw-r--r-- | app/views/refinery/_header.html.erb | 7 |
6 files changed, 126 insertions, 0 deletions
diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png Binary files differnew file mode 100644 index 0000000..001e257 --- /dev/null +++ b/app/assets/images/logo.png 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 @@ +<div id="left_sidebar"> +No content yet, but that will hopefully change soon! +</div> 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 @@ +<div id="right_sidebar"> +No content yet, but that will hopefully change soon! +</div> 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 @@ +<!DOCTYPE html> +<%= render '/refinery/html_tag' %> + <% site_bar = render('/refinery/site_bar', :head => true) -%> + <%= render '/refinery/head' %> + <body> + <%= site_bar -%> + <%= render '/refinery/ie6check' if request.env['HTTP_USER_AGENT'] =~ /MSIE/ -%> + <div id="page_container"> + <header id="header"> + <%= render '/refinery/header' -%> + </header> + <section id="page"> + <%= render 'common/left_sidebar' %> + <%= yield %> + <%= render 'common/right_sidebar' %> + </section> + <footer> + <%= render '/refinery/footer' -%> + </footer> + </div> + <%= render '/refinery/javascripts' %> + </body> +</html> 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 @@ +<div id='logo'> + <%= link_to image_tag("logo.png", :alt => "Heavymetal.no"), refinery.root_path %> +</div> +<%= render(:partial => "/refinery/menu", :locals => { + :dom_id => 'menu', + :css => 'menu' + }) %> |