Permalink
Fetching contributors…
Cannot retrieve contributors at this time
147 lines (131 sloc) 4.84 KB
/* navigation */
#navigation {
margin: 5px auto 15px auto;
max-width: 1000px;
text-align: center;
background: #432;
border: 1px solid #654;
padding: 6px;
font-size: 100%;
position: relative; // necessary for z-index
z-index: 2;
}
#navigation ul { margin: 0; padding: 0; }
#navigation li {
list-style: none;
display: inline;
display: inline-block;
padding: 4px 10px 4px 8px;
border: 1px solid #543;
border-radius: 4px;
background: #321;
margin: 0 2px 0 2px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
#navigation li + li { margin-left: 5px; }
#navigation li a {
text-decoration: none;
padding-left: 21px;
display: inline-block;
min-height: 16px;
}
.screenshots_group li.signup a, .screenshots_group li.profile a, .screenshots_group li.historical a { text-decoration: none; padding-left: 23px; display: inline-block; min-height: 16px; }
#navigation li a:hover { text-decoration: hover; }
#page_home #navigation li.home a,
#page_profile #navigation li.profile a,
.page_accounts #navigation li.accounts a,
#page_user #navigation li.user a,
.page_finance #navigation li.finance a,
#page_login #navigation li.login a,
#page_signup #navigation li.signup a,
#page_admin #navigation li.admin a,
#page_premium #navigation li.premium a,
#page_help #navigation li.help a {
font-weight: bold; color: white;
}
#navigation li.home a { background: url('../img/openclerk16.png') 0 2px no-repeat; }
.screenshots_group li.signup a { background: url('../img/nuvola/kgpg_sign.png') 0 3px no-repeat; }
#navigation li.signup a { background: url('../img/nuvola/kgpg_sign.png') 0 2px no-repeat; }
#navigation li.login a { background: url('../img/nuvola/password.png') 0 2px no-repeat; }
#navigation li.logout a { background: url('../img/nuvola/kweather.png') 0 2px no-repeat; }
#navigation li.profile a { background: url('../img/nuvola/klipper_dock.png') 0 2px no-repeat; }
#navigation li.finance a { background: url('../img/nuvola/knode.png') 0 2px no-repeat; }
.screenshots_group li.profile a { background: url('../img/nuvola/klipper_dock.png') 0 3px no-repeat; }
#navigation li.accounts a, #navigation li.admin a { background: url('../img/nuvola/kcontrol.png') 0 2px no-repeat; }
#navigation li.user a { background: url('../img/nuvola/kgpg_identity.png') 0 2px no-repeat; }
#navigation li.premium a { background: url('../img/premium16.png') 0 2px no-repeat; }
#navigation li.help a { background: url('../img/nuvola/messagebox_info.png') 0 2px no-repeat; }
.screenshots_group li.historical a { background: url('../img/nuvola/kpdf.png') 0 3px no-repeat; }
#page_signup h1, #page_login h1, #page_profile h1, .page_accounts h1, #page_user h1, #page_premium h1, #page_help h1, #page_kb h1, #page_contact h1, #page_historical h1, .page_finance h1 { padding-left: 40px; line-height: 32px; }
#page_signup h1 { background: url('../img/nuvola/32x32/kgpg_sign.png') top left no-repeat; }
#page_login h1 { background: url('../img/nuvola/32x32/password.png') top left no-repeat; }
#page_profile h1 { background: url('../img/nuvola/32x32/klipper_dock.png') top left no-repeat; }
.page_finance h1 { background: url('../img/nuvola/32x32/knode.png') top left no-repeat; }
.page_accounts h1 { background: url('../img/nuvola/32x32/kcontrol.png') top left no-repeat; }
#page_user h1 { background: url('../img/nuvola/32x32/kgpg_identity.png') top left no-repeat; }
#page_premium h1 { background: url('../img/premium32.png') top left no-repeat; }
#page_help h1, #page_kb h1, #page_contact h1 { background: url('../img/nuvola/32x32/messagebox_info.png') top left no-repeat; }
#page_historical h1 { background: url('../img/nuvola/32x32/kpdf.png') top left no-repeat; }
#autologin {
font-size: 80%;
width: 60%;
margin: 0px auto 5px auto;
padding: 5px;
text-align: center;
}
#locale_selector {
width: 130px;
display: inline-block;
font-size: 120%;
}
#locale_selector li.languages {
border: 0;
background: transparent;
box-shadow: none;
}
#locale_selector select.language-list {
border: 0;
background-color: #111;
color: #999;
max-width: 130px;
}
#navigation {
.responsive-text {
display: none;
}
}
#copyright { line-height: 2em; }
@media all and (max-width: $tablet) {
body {
margin: 0;
#navigation {
margin-top: 0;
// we can hide some links
.premium, .help, .finance {
display: none;
}
li {
vertical-align: top;
min-height: 21px;
margin-left: 0;
margin-right: 0;
padding-left: 6px;
padding-right: 6px;
&.home, &.finance, &.profile, &.accounts, &.user, &.logout, &.admin {
a {
padding-left: 16px;
min-height: 18px;
margin-bottom: -2px;
}
.text {
display: none;
}
}
}
.responsive-text {
display: inline;
padding-left: 4px;
}
}
}
}