quattro: item acl popup panel, max height to notifications menu, style comment preview and wall-to-wall item photos

This commit is contained in:
Fabio Comuni 2012-01-12 10:38:24 +01:00
parent 302d62f7a3
commit 3d7857ecdd
2 changed files with 120 additions and 3 deletions

View file

@ -3,7 +3,7 @@
/* global */ /* global */
body { body {
font-family: Liberation Sans,helvetica,arial,clean,sans-serif; font-family: Liberation Sans,helvetica,arial,clean,sans-serif;
font-size: 10px; font-size: 11px;
background-color: @BodyBackground; background-color: @BodyBackground;
color: @BodyColor; color: @BodyColor;
margin: 50px 0px 0px 0px; margin: 50px 0px 0px 0px;
@ -55,6 +55,21 @@ code {
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
} }
#panel {
position: absolute;
width: 10em;
background: @MenuBg;
color: @Menu;
margin: 0px;
padding: 1em;
list-style: none;
border: 3px solid @MenuBorder;
z-index: 100000;
.shadow();
}
/* tool */ /* tool */
.tool { .tool {
@ -234,7 +249,8 @@ ul.menu-popup {
#nav-notifications-menu { #nav-notifications-menu {
width: 400px; width: 400px; max-height: 550px;
overflow: auto;
img { float: left; margin-right: 5px; } img { float: left; margin-right: 5px; }
.contactname { font-weight: bold; } .contactname { font-weight: bold; }
.notif-when { font-size: 10px; color: @MenuItemDetail; display: block; } .notif-when { font-size: 10px; color: @MenuItemDetail; display: block; }
@ -431,6 +447,26 @@ section {
} }
} }
.comment-edit-preview {
width: 710px;
border: 1px solid @Grey5;
margin-top: 10px;
.contact-photo { width: 32px; height: 32px; margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.contact-photo-menu-button {
top: 15px !important;
left: 15px !important;
}
.wall-item-links { padding-left: 12px; }
.wall-item-container { width: 700px; }
.tread-wrapper { width: 700px; padding: 0; margin: 10px 0;}
}
.wall-item-tags { padding-top: 5px; } .wall-item-tags { padding-top: 5px; }
@ -445,6 +481,23 @@ section {
} }
} }
.wwto {
position: absolute !important;
width: 25px; height: 25px;
background: #FFFFFF;
border: 2px solid @Metalic3;
height: 25px;
width: 25px;
overflow: hidden;
padding: 1px;
position: absolute !important;
top: 40px;
left: 30px;
.shadow(0px, 0px)
}
.wwto .contact-photo { width: 25px; height: 25px; }
/* contacts menu */ /* contacts menu */
.contact-photo-wrapper { position: relative; } .contact-photo-wrapper { position: relative; }
.contact-photo { .contact-photo {

View file

@ -162,7 +162,7 @@
/* global */ /* global */
body { body {
font-family: Liberation Sans, helvetica, arial, clean, sans-serif; font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
font-size: 10px; font-size: 11px;
background-color: #ffffff; background-color: #ffffff;
color: #2d2d2d; color: #2d2d2d;
margin: 50px 0px 0px 0px; margin: 50px 0px 0px 0px;
@ -206,6 +206,20 @@ code {
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
} }
#panel {
position: absolute;
width: 10em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
padding: 1em;
list-style: none;
border: 3px solid #364e59;
z-index: 100000;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
/* tool */ /* tool */
.tool { .tool {
height: auto; height: auto;
@ -442,6 +456,8 @@ ul.menu-popup .empty {
} }
#nav-notifications-menu { #nav-notifications-menu {
width: 400px; width: 400px;
max-height: 550px;
overflow: auto;
} }
#nav-notifications-menu img { #nav-notifications-menu img {
float: left; float: left;
@ -758,6 +774,33 @@ section {
color: #2d2d2d; color: #2d2d2d;
border: 1px solid #2d2d2d; border: 1px solid #2d2d2d;
} }
.comment-edit-preview {
width: 710px;
border: 1px solid #2d2d2d;
margin-top: 10px;
}
.comment-edit-preview .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.comment-edit-preview .contact-photo-menu-button {
top: 15px !important;
left: 15px !important;
}
.comment-edit-preview .wall-item-links {
padding-left: 12px;
}
.comment-edit-preview .wall-item-container {
width: 700px;
}
.comment-edit-preview .tread-wrapper {
width: 700px;
padding: 0;
margin: 10px 0;
}
.wall-item-tags { .wall-item-tags {
padding-top: 5px; padding-top: 5px;
} }
@ -771,6 +814,27 @@ section {
background: url("../../../images/tag.png") no-repeat center right; background: url("../../../images/tag.png") no-repeat center right;
color: #ffffff; color: #ffffff;
} }
.wwto {
position: absolute !important;
width: 25px;
height: 25px;
background: #FFFFFF;
border: 2px solid #364e59;
height: 25px;
width: 25px;
overflow: hidden;
padding: 1px;
position: absolute !important;
top: 40px;
left: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
.wwto .contact-photo {
width: 25px;
height: 25px;
}
/* contacts menu */ /* contacts menu */
.contact-photo-wrapper { .contact-photo-wrapper {
position: relative; position: relative;