bold active section in account page

v1.18.x
Baris Usakli 12 years ago
parent d4d4c3cc92
commit c4228be86c

@ -16,7 +16,7 @@ body {
margin-bottom: 350px; margin-bottom: 350px;
} }
@media (min-width: 979px) @media (min-width: 979px)
{ {
padding-top: 70px; padding-top: 70px;
} }
@ -93,7 +93,7 @@ footer.footer {
color: #bebebe; color: #bebebe;
outline: 0; outline: 0;
&:focus { &:focus {
outline: 0; outline: 0;
border:none !important; border:none !important;
box-shadow:none !important; box-shadow:none !important;
@ -201,6 +201,10 @@ footer.footer {
font-weight:bold; font-weight:bold;
} }
.bold {
font-weight: bold;
}
.account-block { .account-block {
div { div {
padding-bottom:10px; padding-bottom:10px;
@ -220,7 +224,7 @@ footer.footer {
color:green; color:green;
} }
} }
.user-profile-picture { .user-profile-picture {
width:128px; width:128px;
} }
@ -352,8 +356,8 @@ footer.footer {
.users-box{ .users-box{
display: inline-block; display: inline-block;
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
max-width: 104px; max-width: 104px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -411,7 +415,7 @@ body .navbar .nodebb-inline-block {
font-size: 12px; font-size: 12px;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
display: inline-block; display: inline-block;
img { img {
max-width:200px; max-width:200px;
max-height:60px; max-height:60px;
@ -466,7 +470,7 @@ body .navbar .nodebb-inline-block {
&.active { &.active {
color: #558; color: #558;
text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf; text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf;
-webkit-animation:glow 1.5s infinite linear; -webkit-animation:glow 1.5s infinite linear;
animation:glow 1.5s infinite linear; animation:glow 1.5s infinite linear;
@ -594,7 +598,7 @@ body .navbar .nodebb-inline-block {
color: white; color: white;
height: 200px; height: 200px;
} }
.imagedrop { .imagedrop {
text-align: center; text-align: center;
color: white; color: white;
@ -608,7 +612,7 @@ body .navbar .nodebb-inline-block {
vertical-align: middle; vertical-align: middle;
display: none; display: none;
} }
.imagelist { .imagelist {
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
@ -617,13 +621,13 @@ body .navbar .nodebb-inline-block {
div { div {
margin-right:5px; margin-right:5px;
} }
span { span {
line-height:20px; line-height:20px;
float:left; float:left;
} }
button { button {
padding-left:5px; padding-left:5px;
} }
} }
@ -655,7 +659,7 @@ body .navbar .nodebb-inline-block {
#mobile-menu, #mobile-menu-overlay { #mobile-menu, #mobile-menu-overlay {
z-index: 999; z-index: 999;
@media (min-width: 979px) @media (min-width: 979px)
{ {
display: none !important; display: none !important;
} }
@ -747,7 +751,7 @@ body .navbar .nodebb-inline-block {
transition: margin-top 250ms ease; transition: margin-top 250ms ease;
margin-top: 20%; margin-top: 20%;
&.menu-visible { &.menu-visible {
margin-top: 0%; margin-top: 0%;
@ -771,7 +775,7 @@ body .navbar .nodebb-inline-block {
.category-box { .category-box {
height:90px; height:90px;
.post-preview { .post-preview {
padding-left:10px; padding-left:10px;
padding-right:10px; padding-right:10px;
@ -781,7 +785,7 @@ body .navbar .nodebb-inline-block {
height:60px; height:60px;
padding-right:5px; padding-right:5px;
} }
p { p {
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
@ -845,21 +849,21 @@ body .navbar .nodebb-inline-block {
.category-slider-2:hover { .category-slider-2:hover {
position:relative; position:relative;
-webkit-animation: scroll-2 10s ease 0.5s infinite normal; -webkit-animation: scroll-2 10s ease 0.5s infinite normal;
animation: scroll-2 10s ease 0.5s infinite normal;/* Safari and Chrome: */ animation: scroll-2 10s ease 0.5s infinite normal;/* Safari and Chrome: */
} }
.category-slider-1:hover { .category-slider-1:hover {
position:relative; position:relative;
-webkit-animation: scroll-1 8s ease 0.5s infinite normal; -webkit-animation: scroll-1 8s ease 0.5s infinite normal;
animation: scroll-1 8s ease 0.5s infinite normal;/* Safari and Chrome: */ animation: scroll-1 8s ease 0.5s infinite normal;/* Safari and Chrome: */
} }
.category-slider-0:hover { .category-slider-0:hover {
position:relative; position:relative;
-webkit-animation: scroll-0 6s ease 0.5s infinite normal; -webkit-animation: scroll-0 6s ease 0.5s infinite normal;
animation: scroll-0 6s ease 0.5s infinite normal;/* Safari and Chrome: */ animation: scroll-0 6s ease 0.5s infinite normal;/* Safari and Chrome: */
} }

@ -14,23 +14,29 @@
</div>'); </div>');
$('.account-username-box').append(links); $('.account-username-box').append(links);
} }
$(document).ready(function() { $(document).ready(function() {
createMenu(); createMenu();
var editLink = $('#editLink'); var editLink = $('#editLink');
var settingsLink = $('#settingsLink'); var settingsLink = $('#settingsLink');
var favouritesLink = $('#favouritesLink'); var favouritesLink = $('#favouritesLink');
if(yourid === "0" || yourid !== theirid) { if(yourid === "0" || yourid !== theirid) {
editLink.hide(); editLink.hide();
settingsLink.hide(); settingsLink.hide();
favouritesLink.hide(); favouritesLink.hide();
} }
jQuery('.account-sub-links span a').removeClass('bold').each(function() {
var href = this.getAttribute('href');
if (window.location.href.indexOf(href) !== -1) {
jQuery(this).addClass('bold');
return false;
}
});
}); });
}()); }());
Loading…
Cancel
Save