amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-02-24 10:56:22 +00:00
Code Issues Projects Releases Wiki Activity

Improved layout of contact photos.

Browse Source 
Monotone-Parent: fc82f5d2ff1a83e0f7d507e8ab1bb5149bbbec24
Monotone-Revision: b31a7aa3d154368df1ba1525deed0dd5867b42f0

Monotone-Author: flachapelle@inverse.ca
Monotone-Date: 2012-03-13T20:07:52
This commit is contained in:
Francis Lachapelle
2012-03-13 20:07:52 +00:00
parent a1d356e4c0
commit c81f3b6829
2 changed files with 41 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
UI/WebServerResources/ContactsUI.css
View File

@@ -257,35 +257,58 @@ DIV#contactView A
text-decoration: none; }
DIV#contactView H3.contactCardTitle
{ display: block;
margin: 0px;
{ margin: 0px;
padding: .2em 0px;
font-size: large;
font-weight: bold;
width: 100%;
width: 300px;
text-decoration: underline; }
DIV.contactColumn
{
width: 45%;
{ width: 300px;
margin-left: 1em;
padding: .5em;
float: left;
}
float: left; }
DIV.contactColumn DIV
{ margin-bottom: 1em; }
DIV.contactColumn H4
{
margin: .2em 0px;
{ margin: .2em 0px;
margin-left: -1em;
font-size: 10pt;
font-weight: bold;
background: #9ABCD8;
color: #fff;
width: 100%;
padding: .1em .2em;
}
padding: .1em .2em; }
SPAN.photoFrame
{ cursor: pointer;
float: left;
background-color: #fff;
border: 1px solid #999;
padding: 8px;
margin: 8px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out; }
SPAN.photoFrame IMG.contactPhoto
{ max-width: 120px;
max-height: 120px;}
SPAN.photoFrame:hover {
-moz-transform: scale(3.0, 3.0) rotate(0deg) translate(33%, 33%);
-webkit-transform: scale(3.0, 3.0) rotate(0deg) translate(33%, 33%);
-ms-transform: rotate(0deg) scale(3.0, 3.0); }
SPAN.photoFrame:hover IMG.contactPhoto
{
}
/* drag handles */
DIV#dragHandle