Vier: Redesigned tabs

This commit is contained in:
Michael Vogel 2014-06-05 21:36:55 +02:00
parent a41cc6f45f
commit 4984a3703f

View file

@ -1869,13 +1869,18 @@ h2 {
ul.tabs { ul.tabs {
list-style-type: none; list-style-type: none;
padding-bottom: 10px; padding-bottom: 10px;
padding-left: 0px; padding-left: 10px;
padding-top: 0px;
margin-bottom: 5px; margin-bottom: 5px;
line-height: 27px; line-height: 28px;
height: 27px; height: 20px;
font-size: 11px; /* font-size: 11px; */
font-size: 13px;
font-weight: bold; font-weight: bold;
/* margin-bottom: 30px; */ /* margin-bottom: 30px; */
background-color: #FAFAFA;
box-shadow: 1px 2px 0px 0px #D8D8D8;
border-bottom: 1px solid #D2D2D2;
} }
ul.tabs li { ul.tabs li {
float: left; float: left;
@ -1890,13 +1895,16 @@ ul.tabs a {
display: block; display: block;
float: left; float: left;
padding-bottom: 0px; padding-bottom: 0px;
padding: 0px 12px 0px 12px; padding: 0px;
color: #444; /* padding: 0px 12px 0px 12px; */
/* color: #444; */
color: darkgrey;
} }
ul.tabs a { ul.tabs a {
box-shadow: 1px 2px 0px 0px #D8D8D8; /* box-shadow: 1px 2px 0px 0px #D8D8D8; */
margin-right: 5px; margin-right: 15px;
margin-left: 5px;
} }
#birthday-notice, #event-notice { #birthday-notice, #event-notice {
@ -1919,25 +1927,31 @@ div.pager, .birthday-notice, .comment-edit-submit-wrapper .fakelink {
color: black; color: black;
} }
div.pager, .birthday-notice, ul.tabs a, .comment-edit-submit-wrapper .fakelink { div.pager, .birthday-notice, .comment-edit-submit-wrapper .fakelink {
border: 1px solid lightgray; /* border: 1px solid lightgray; */
background: #F2F2F2; background: #F2F2F2;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
} }
ul.tabs a:hover { ul.tabs a:hover {
color: #333; /* color: #333; */
color: grey;
} }
#event-notice:hover, #birthday-notice:hover, ul.tabs li .active, .comment-edit-submit-wrapper .fakelink:hover { #event-notice:hover, #birthday-notice:hover, ul.tabs li .active, .comment-edit-submit-wrapper .fakelink:hover {
color: black; color: black;
} }
ul.tabs a:hover, #event-notice:hover, #birthday-notice:hover, ul.tabs li .active, .comment-edit-submit-wrapper .fakelink:hover { ul.tabs a:hover, ul.tabs li .active {
border-bottom: 2px solid #244C5E;
text-decoration: none;
}
#event-notice:hover, #birthday-notice:hover, .comment-edit-submit-wrapper .fakelink:hover {
background-color: #e5e5e5; background-color: #e5e5e5;
text-decoration: none; text-decoration: none;
border: 1px solid darkgray; /* border: 1px solid darkgray; */
} }
.comment-edit-bb { .comment-edit-bb {