.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/48/notify_off.png");
+}
+.icon.s48.gear {
+ background-image: url("../../../images/icons/48/gear.png");
+}
+.icon.s48.add {
+ background-image: url("../../../images/icons/48/add.png");
+}
+.icon.s48.delete {
+ background-image: url("../../../images/icons/48/delete.png");
+}
+.icon.s48.edit {
+ background-image: url("../../../images/icons/48/edit.png");
+}
+.icon.s48.star {
+ background-image: url("../../../images/icons/48/star.png");
+}
+.icon.s48.menu {
+ background-image: url("../../../images/icons/48/menu.png");
+}
+.icon.s48.link {
+ background-image: url("../../../images/icons/48/link.png");
+}
+.icon.s48.lock {
+ background-image: url("../../../images/icons/48/lock.png");
+}
+.icon.s48.unlock {
+ background-image: url("../../../images/icons/48/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;
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;
+}
+.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-location {
+ word-wrap: break-word;
+ width: 50px;
+}
+.wall-item-container .wall-item-content {
+ display: table-cell;
+ font-size: 16px;
+ 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;
+ vertical-align: middle;
+}
+.wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
+ opacity: 0.5;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
+ opacity: 1;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.wall-item-container .wall-item-ago {
+ padding-right: 40px;
+}
+.wall-item-container .wall-item-name {
+ font-weight: bold;
+}
+.wall-item-container .wall-item-actions-author {
+ float: left;
+ width: 25%;
+ margin-top: 0.5em;
+}
+.wall-item-container .wall-item-actions-social {
+ float: left;
+ width: 50%;
+ margin-top: 0.5em;
+}
+.wall-item-container .wall-item-actions-social a {
+ margin-right: 3em;
+}
+.wall-item-container .wall-item-actions-tools {
+ float: right;
+ width: 25%;
+}
+.wall-item-container .wall-item-actions-tools a {
+ float: right;
+}
+.wall-item-container .wall-item-actions-tools input {
+ float: right;
+}
+.wall-item-container.comment {
+ margin-top: 50px;
+}
+.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;
+}
+.wall-item-container.comment .wall-item-links {
+ padding-left: 12px;
+}