Permalink
Browse files

added some css

  • Loading branch information...
florida committed Nov 14, 2012
1 parent d486131 commit 078606b6cabb10375961a83916245c714548bf8f
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,110 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */
+
+ $footer_link_background: #d5d5d5;
+ $footer_background_color: #202020;
+ $footer_link_shadow: rgba(0,0,0,0.2);
+ @mixin footer_links{
+ box-shadow: 1px 1px 0px $footer_link_shadow, 2px 2px 0px $footer_link_shadow, 3px 3px 0px $footer_link_shadow, 4px 4px 0px $footer_link_shadow, 5px 5px 0px $footer_link_shadow, 6px 6px 0px $footer_link_shadow;
+ background-color: $footer_link_background;
+ padding: 20px;
+ height: 70px;
+ width: 70px;
+ border-radius: 70px;
+ }
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body{
+ background-image: url('bg.png');
+ width: 80%;
+ margin: 0 auto;
+ font-family: "Arial Narrow", sans-serif;
+ }
+
+header.main {
+ background: rgba(0,0,0,0.6);
+ clear: both;
+}
+
+#logo > img {
+ width: 80px;
+ height: 80px;
+ float: left;
+}
+
+nav.main {
+ padding: 20px;
+ ul {
+ list-style-type: none;
+ padding-bottom: 10px;
+ border-bottom: 7px double #FFF;
+ margin-left: 70px;
+ padding-left: 10px;
+ li {
+ display: inline;
+ padding: 30px 10px 10px 10px;
+ a{
+ color: #FFF;
+ text-decoration: none;
+ font-size: 25px;
+ letter-spacing: 1px;
+ background: none;
+ }
+ &:hover{
+ background: rgba(0,0,0,0.2);
+ }
+ }
+ }
+}
+section#footer_amplifier {
+ background-image: url('footer_amplifier.png');
+ background-size:100%;
+ background-repeat: no-repeat;
+ height: 64px;
+}
+
+footer {
+ font-color: #fff;
+ section#footer_container{
+ background-color: $footer_background_color;
+ padding: 0 20px 0 20px;
+ }
+ ul{
+ list-style-type: none;
+ background-image: url('footer_background.png');
+ padding: 10px;
+ margin: 0 auto;
+ border-radius: 20px 20px 0 0;
+ height: 150px;
+ display: block;
+ text-align:center;
+ li{
+ @include footer_links;
+ display: inline-block;
+ font-color: #fff;
+ margin: 20px 5% 0px 5%;
+ a{
+ text-decoration: none;
+ vertical-align: center;
+ }
+ }
+ }
+}
+
+
+
@@ -1,21 +1,49 @@
<!DOCTYPE html>
-<html>
+<html lang="en-US">
<head>
<title>Elmorfstore</title>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
</head>
<body>
+ <header class="main">
+ <section id="logo">
+ <img src="/assets/logo.png" alt="Logo" />
+ </section>
+ <nav class="main">
+ <ul>
+ <li><%= link_to 'Home', root_path %></li>
+ <li><%= link_to 'Orders', admin_orders_path %></li>
+ <li><%= link_to 'Products', admin_products_path %></li>
+ </ul>
+ </nav>
+ </header>
+
+ <section id="content">
+ <% if flash[:notice] %>
+ <section class="notice"><%= flash[:notice] %></section>
+ <% end %>
+ <% if flash[:error] %>
+ <section class="error"><%= flash[:error] %></section>
+ <% end %>
+ <%= yield %>
+ </section>
+ <section id="footer_amplifier"></section>
+ <footer>
+ <section id="footer_container">
+ <ul>
+ <li><%= link_to 'Link', '#'%></li>
+ <li><%= link_to 'Link', '#'%></li>
+ <li><%= link_to 'Link', '#'%></li>
+ <li><%= link_to 'Link', '#'%></li>
+ <li><%= link_to 'Link', '#'%></li>
+ </ul>
+ </section>
+
+ </footer>
-<header>
- <ul>
- <li><%= link_to 'Orders', admin_orders_path %></li>
- <li><%= link_to 'Products', admin_products_path %></li>
- <li></li>
- </ul>
-</header>
-<%= yield %>
</body>
+
</html>
View
@@ -1,5 +1,7 @@
Elmorfstore::Application.routes.draw do
- get "store/index"
+# get "store/index"
+
+root :to => 'store#index'
namespace :admin do
resources :orders, :products

0 comments on commit 078606b

Please sign in to comment.