.icon.text {
text-indent: 0px;
}
+.icon.s10 {
+ width: 10px;
+ height: 10px;
+}
+.icon.s10.notify {
+ background-image: url("../../../images/icons/10/notify_off.png");
+}
+.icon.s10.gear {
+ background-image: url("../../../images/icons/10/gear.png");
+}
+.icon.s10.add {
+ background-image: url("../../../images/icons/10/add.png");
+}
+.icon.s10.delete {
+ background-image: url("../../../images/icons/10/delete.png");
+}
+.icon.s10.edit {
+ background-image: url("../../../images/icons/10/edit.png");
+}
+.icon.s10.star {
+ background-image: url("../../../images/icons/10/star.png");
+}
+.icon.s10.menu {
+ background-image: url("../../../images/icons/10/menu.png");
+}
+.icon.s10.link {
+ background-image: url("../../../images/icons/10/link.png");
+}
+.icon.s10.lock {
+ background-image: url("../../../images/icons/10/lock.png");
+}
+.icon.s10.unlock {
+ background-image: url("../../../images/icons/10/unlock.png");
+}
.icon.s16 {
width: 22px;
height: 22px;
.icon.s16.edit {
background-image: url("../../../images/icons/16/edit.png");
}
-.icon.s16.start {
+.icon.s16.star {
background-image: url("../../../images/icons/16/star.png");
}
+.icon.s16.menu {
+ background-image: url("../../../images/icons/16/menu.png");
+}
+.icon.s16.link {
+ background-image: url("../../../images/icons/16/link.png");
+}
+.icon.s16.lock {
+ background-image: url("../../../images/icons/16/lock.png");
+}
+.icon.s16.unlock {
+ background-image: url("../../../images/icons/16/unlock.png");
+}
.icon.s22 {
width: 22px;
height: 22px;
.icon.s22.edit {
background-image: url("../../../images/icons/22/edit.png");
}
-.icon.s22.start {
+.icon.s22.star {
+ background-image: url("../../../images/icons/22/star.png");
+}
+.icon.s22.menu {
+ background-image: url("../../../images/icons/22/menu.png");
+}
+.icon.s22.link {
+ background-image: url("../../../images/icons/22/link.png");
+}
+.icon.s22.lock {
+ background-image: url("../../../images/icons/22/lock.png");
+}
+.icon.s22.unlock {
+ background-image: url("../../../images/icons/22/unlock.png");
+}
+.icon.s48 {
+ width: 48px;
+ height: 48px;
+}
+.icon.s48.notify {
+ background-image: url("../../../images/icons/22/notify_off.png");
+}
+.icon.s48.gear {
+ background-image: url("../../../images/icons/22/gear.png");
+}
+.icon.s48.add {
+ background-image: url("../../../images/icons/22/add.png");
+}
+.icon.s48.delete {
+ background-image: url("../../../images/icons/22/delete.png");
+}
+.icon.s48.edit {
+ background-image: url("../../../images/icons/22/edit.png");
+}
+.icon.s48.star {
background-image: url("../../../images/icons/22/star.png");
}
+.icon.s48.menu {
+ background-image: url("../../../images/icons/22/menu.png");
+}
+.icon.s48.link {
+ background-image: url("../../../images/icons/22/link.png");
+}
+.icon.s48.lock {
+ background-image: url("../../../images/icons/22/lock.png");
+}
+.icon.s48.unlock {
+ background-image: url("../../../images/icons/22/unlock.png");
+}
/* global */
body {
font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
- font-size: 12px;
+ font-size: 10px;
background-color: #ffffff;
color: #2d2d2d;
margin: 50px 0px 0px 0px;
.right {
float: right;
}
+.hidden {
+ display: none;
+}
.tool {
height: auto;
overflow: auto;
.tool .label {
float: left;
}
-.tool .icon {
+.tool .action {
float: right;
}
+/* popup notifications */
+div.jGrowl div.notice {
+ background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
+ color: #ffffff;
+ padding-left: 58px;
+}
+div.jGrowl div.info {
+ background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
+ color: #ffffff;
+ padding-left: 58px;
+}
/* header */
header {
position: fixed;
right: 0px;
left: auto;
}
-nav #nav-notifications-linkmenu.selected .icon.s22.notify {
+nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
background-image: url("../../../images/icons/22/notify_on.png");
}
nav #nav-apps-link.selected {
display: block;
color: #2d2d2d;
padding: 5px 10px;
+ text-decoration: none;
}
ul.menu-popup a:hover {
background-color: #bdcdd4;
height: auto;
display: block;
}
+ul.menu-popup li img {
+ float: left;
+ width: 16px;
+ height: 16px;
+ padding-right: 5px;
+}
ul.menu-popup .empty {
padding: 5px;
text-align: center;
float: left;
margin-left: 0px;
width: 35%;
+ text-align: right;
+ color: #999999;
}
aside .vcard dd {
float: left;
text-decoration: none;
background-color: #19aeff;
}
+aside #profiles-menu {
+ width: 20em;
+}
#contact-block {
overflow: auto;
height: auto;
width: 800px;
padding: 0px 20px 0px 10px;
}
+/* wall item */
+.tread-wrapper {
+ background-color: #f6f7f8;
+ position: relative;
+ padding: 10px;
+ margin-bottom: 20px;
+}
+.wall-item-decor {
+ position: absolute;
+ left: 790px;
+ top: -10px;
+ width: 16px;
+}
+.unstarred {
+ display: none;
+}
+.wall-item-container {
+ display: table;
+ width: 780px;
+ margin-bottom: 10px;
+}
+.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
+ display: table-row;
+}
+.wall-item-container .wall-item-info {
+ display: table-cell;
+ vertical-align: top;
+ text-align: left;
+ width: 60px;
+}
+.wall-item-container .wall-item-info .wall-item-photo-wrapper {
+ position: relative;
+}
+.wall-item-container .wall-item-info .wall-item-photo {
+ width: 48px;
+ height: 48px;
+}
+.wall-item-container .wall-item-info .wall-item-photo-menu-button {
+ display: none;
+ position: absolute;
+ left: -4px;
+ top: 28px;
+}
+.wall-item-container .wall-item-info .wall-item-photo-menu {
+ display: none;
+}
+.wall-item-container .wall-item-content {
+ display: table-cell;
+ font-size: 12px;
+ max-width: 720px;
+ word-wrap: break-word;
+}
+.wall-item-container .wall-item-content img {
+ max-width: 710px;
+}
+.wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
+ display: table-cell;
+}
+.wall-item-container .wall-item-ago {
+ padding-right: 40px;
+}
+.wall-item-container.comment .wall-item-photo {
+ width: 32px;
+ height: 32px;
+ margin-left: 16px;
+}
+.wall-item-container.comment .wall-item-photo-menu-button {
+ top: 13px !important;
+ left: 10px !important;
+}