Make menu links more button like.

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

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;