sr-rolando/contactorama
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Make menu links more button like.

Browse source
This commit is contained in:
Roland Jesse 2012-04-05 22:07:32 +02:00
parent 93a5f77516
commit 685a6cc018
2 changed files with 36 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
app/views/layouts/application.html.erb
View file

@ -21,10 +21,15 @@
<div class="container">
<div class="row">
<div class="threecol header_home"><span class="logo_contact">Contact</span><span class="logo_o-rama">-o-Rama</span></div>
<div class="twocol header_menu">[^] [A..Z] [gift] [new]</div>
<div class="threecol header_search">
<div class="threecol header_menu">
<a href="#">Home</a>
<a href="#">A..Z</a>
<a href="#">Birthdays</a>
<a href="#">New</a>
</div>
<div class="twocol header_search">
<%= form_tag("/search", :method => "get") do %>
<%= text_field_tag(:q, nil, :placeholder => "Suchen...") %>
<%= text_field_tag(:q, nil, :placeholder => "Search…") %>
<% end %>
</div>
<div class="threecol header_user">

31
public/stylesheets/layout.css
View file

@ -38,7 +38,7 @@ h2 {
.header {
background: #f9f9f9; /* very light grey */
box-shadow: 5px 5px 3px #888;
padding-top: 15px;
padding-top: 2em;
padding-bottom: 5px;
}
.header_home {
@ -47,10 +47,35 @@ h2 {
border-width: thin; /* thin, medium, thick */
padding-right: 15px;
}
.header_menu { text-align: right; }
.header_menu { padding-top: 0.3em; text-align: right; }
.header_menu a {
background-color: #f0f0f0;
border: 1px solid;
border-top-color: #909090;
border-right-color: #f0f0f0;
/* Gradient. */
border-bottom-color: #ffffff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#ffffff',GradientType=0);
background: -webkit-gradient(linear,left top,left bottom,color-stop,(0%,#f0f0f0),color-stop(100%,#ffffff));
background: -moz-linear-gradient(top,#f0f0f0,#ffffff);
background-image: -o-linear-gradient(#f0f0f0,#ffffff);
border-radius: 5;
color: #909090; /* medium grey */
font-weight: 700;
margin-right: 1ex;
margin-top: 0.5em;
padding-left: 1ex;
padding-right: 1ex;
padding-top: 0.3em;
padding-bottom: 0.3em;
text-decoration: none;
width: 9ex;
}
.header_search { text-align: left; }
.header_search input { background: #f9f9f9; font-size: 130%; }
.header_user { text-align: right; }
.header_user { color: #909090; text-align: right; }
.header_actions, .header_actions a {
color: #909090; /* medium grey */
font-weight: bold;