/* * PROFILE PAGE */ .profile-pic { text-align: right; } .profile-pic > img { border-radius: 0%; position: relative; border: 5px solid @white; top: -30px; left: 10px; display: inline-block; text-align: right; z-index: 4; max-width: 100px; margin-bottom: -30px; } .profile-carousel .carousel-inner { max-height: 150px; } .friends-list li { margin-bottom: 10px; margin-right: 3px; padding: 0; } .friends-list img { width: 35px; border: 1px solid @white; outline: 1px solid @gray-mid-light; } .profile-link-btn { color: @gray-light; font-size: @font-size-base + 1; } /* * Calendar Icon */ time.icon { font-size: 14px; /* change icon size */ display: block; position: relative; width: 35px; height: 43px; background-color: #fff; margin: 3px auto; border-radius: 7px; box-shadow: 0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #EEE9E9,0 4px 0 #fff,0 5px 0 #FFFFFF,0 0 0 1px #D3D3D3; overflow: hidden; } time.icon * { display: block; width: 100%; font-size: 10px; font-weight: bold; font-style: normal; text-align: center; } time.icon strong { position: absolute; top: 0; padding: 2px 0; color: #fff; background-color: @asideColor-end; -webkit-box-shadow: 0 2px 0 @asideColor-end; box-shadow: 0 2px 0 @asideColor-end; border-radius: 6px 6px 0 0; } time.icon em { position: absolute; bottom: 3px; color: @brand-primary; } time.icon span { width: 100%; font-size: 15px; letter-spacing: -.05em; padding-top: 21px; color: #2f2f2f; } /* * New users */ .user { display: block; float: left; width: 170px; margin: 0 15px 15px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .user img { float: left; width: 35px; margin-right: 5px; } .user .email { color: #999; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }