fix diabook directory pages (only the normal style - any volunteers for the wide?)

This commit is contained in:
friendica 2012-07-02 16:56:37 -07:00
parent ced0a208d8
commit f7144e671c
6 changed files with 318 additions and 24 deletions

View file

@ -2808,6 +2808,30 @@ float: left;
/* ============= */ /* ============= */
/* = Directory = */ /* = Directory = */
/* ============= */ /* ============= */
section .directory-item dl {
height: auto;
overflow: auto;
}
section .directory-item dt {
float: left;
margin-left: 0px;
text-align: right;
color: #999;
}
section .directory-item dd {
float: left;
margin-left: 5px;
}
.directory-profile-wrapper {
float: left;
max-height: 178px;
overflow: hidden;
width: 635px;
}
.directory-copy-wrapper {
float: left;
overflow: hidden;
}
/* contacts menu */ /* contacts menu */
.contact-photo-wrapper { .contact-photo-wrapper {
position: relative; position: relative;
@ -2849,7 +2873,7 @@ float: left;
} }
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 800px;
height: 200px; height: 200px;
} }
.directory-item .contact-photo { .directory-item .contact-photo {
@ -2860,17 +2884,42 @@ float: left;
width: 175px; width: 175px;
height: 175px; height: 175px;
} }
.directory-photo-wrapper {
float: left;
height: 200px;
width: 165px;
}
.contact-name { .contact-name {
text-align: left;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 18px;
margin-bottom: -3px;
text-align: left;
} }
.contact-details { .contact-details {
color: #999999; color: #999999;
} }
.page-type {
font-size: 10px;
font-style: italic;
}
.directory-detailscolumn-wrapper {
float: left;
width: 305px;
margin-right: 10px;
}
.directory-profile-wrapper dl {
margin-top: 3px;
margin-bottom: 3px;
}
.directory-profile-title {
font-weight: bold;
margin-bottom: 3px;
font-size: 14px;
}
#side-bar-photos-albums{ #side-bar-photos-albums{
margin-top: 15px; margin-top: 15px;
} }
.photo-top-photo, .photo-album-photo { .photo-top-photo, .photo-album-photo {
-webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;

View file

@ -2766,6 +2766,30 @@ float: left;
/* ============= */ /* ============= */
/* = Directory = */ /* = Directory = */
/* ============= */ /* ============= */
section .directory-item dl {
height: auto;
overflow: auto;
}
section .directory-item dt {
float: left;
margin-left: 0px;
text-align: right;
color: #999;
}
section .directory-item dd {
float: left;
margin-left: 5px;
}
.directory-profile-wrapper {
float: left;
max-height: 178px;
overflow: hidden;
width: 635px;
}
.directory-copy-wrapper {
float: left;
overflow: hidden;
}
/* contacts menu */ /* contacts menu */
.contact-photo-wrapper { .contact-photo-wrapper {
position: relative; position: relative;
@ -2807,7 +2831,7 @@ float: left;
} }
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 800px;
height: 200px; height: 200px;
} }
.directory-item .contact-photo { .directory-item .contact-photo {
@ -2818,17 +2842,42 @@ float: left;
width: 175px; width: 175px;
height: 175px; height: 175px;
} }
.directory-photo-wrapper {
float: left;
height: 200px;
width: 165px;
}
.contact-name { .contact-name {
text-align: left;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 18px;
margin-bottom: -3px;
text-align: left;
} }
.contact-details { .contact-details {
color: #999999; color: #999999;
} }
.page-type {
font-size: 10px;
font-style: italic;
}
.directory-detailscolumn-wrapper {
float: left;
width: 305px;
margin-right: 10px;
}
.directory-profile-wrapper dl {
margin-top: 3px;
margin-bottom: 3px;
}
.directory-profile-title {
font-weight: bold;
margin-bottom: 3px;
font-size: 14px;
}
#side-bar-photos-albums{ #side-bar-photos-albums{
margin-top: 15px; margin-top: 15px;
} }
.photo-top-photo, .photo-album-photo { .photo-top-photo, .photo-album-photo {
-webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;

View file

@ -2780,6 +2780,30 @@ float: left;
/* ============= */ /* ============= */
/* = Directory = */ /* = Directory = */
/* ============= */ /* ============= */
section .directory-item dl {
height: auto;
overflow: auto;
}
section .directory-item dt {
float: left;
margin-left: 0px;
text-align: right;
color: #999;
}
section .directory-item dd {
float: left;
margin-left: 5px;
}
.directory-profile-wrapper {
float: left;
max-height: 178px;
overflow: hidden;
width: 635px;
}
.directory-copy-wrapper {
float: left;
overflow: hidden;
}
/* contacts menu */ /* contacts menu */
.contact-photo-wrapper { .contact-photo-wrapper {
position: relative; position: relative;
@ -2821,7 +2845,7 @@ float: left;
} }
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 800px;
height: 200px; height: 200px;
} }
.directory-item .contact-photo { .directory-item .contact-photo {
@ -2832,17 +2856,42 @@ float: left;
width: 175px; width: 175px;
height: 175px; height: 175px;
} }
.directory-photo-wrapper {
float: left;
height: 200px;
width: 165px;
}
.contact-name { .contact-name {
text-align: left;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 18px;
margin-bottom: -3px;
text-align: left;
} }
.contact-details { .contact-details {
color: #999999; color: #999999;
} }
.page-type {
font-size: 10px;
font-style: italic;
}
.directory-detailscolumn-wrapper {
float: left;
width: 305px;
margin-right: 10px;
}
.directory-profile-wrapper dl {
margin-top: 3px;
margin-bottom: 3px;
}
.directory-profile-title {
font-weight: bold;
margin-bottom: 3px;
font-size: 14px;
}
#side-bar-photos-albums{ #side-bar-photos-albums{
margin-top: 15px; margin-top: 15px;
} }
.photo-top-photo, .photo-album-photo { .photo-top-photo, .photo-album-photo {
-webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;

View file

@ -2795,6 +2795,30 @@ float: left;
/* ============= */ /* ============= */
/* = Directory = */ /* = Directory = */
/* ============= */ /* ============= */
section .directory-item dl {
height: auto;
overflow: auto;
}
section .directory-item dt {
float: left;
margin-left: 0px;
text-align: right;
color: #999;
}
section .directory-item dd {
float: left;
margin-left: 5px;
}
.directory-profile-wrapper {
float: left;
max-height: 178px;
overflow: hidden;
width: 635px;
}
.directory-copy-wrapper {
float: left;
overflow: hidden;
}
/* contacts menu */ /* contacts menu */
.contact-photo-wrapper { .contact-photo-wrapper {
position: relative; position: relative;
@ -2836,7 +2860,7 @@ float: left;
} }
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 800px;
height: 200px; height: 200px;
} }
.directory-item .contact-photo { .directory-item .contact-photo {
@ -2847,17 +2871,42 @@ float: left;
width: 175px; width: 175px;
height: 175px; height: 175px;
} }
.directory-photo-wrapper {
float: left;
height: 200px;
width: 165px;
}
.contact-name { .contact-name {
text-align: left;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 18px;
margin-bottom: -3px;
text-align: left;
} }
.contact-details { .contact-details {
color: #999999; color: #999999;
} }
.page-type {
font-size: 10px;
font-style: italic;
}
.directory-detailscolumn-wrapper {
float: left;
width: 305px;
margin-right: 10px;
}
.directory-profile-wrapper dl {
margin-top: 3px;
margin-bottom: 3px;
}
.directory-profile-title {
font-weight: bold;
margin-bottom: 3px;
font-size: 14px;
}
#side-bar-photos-albums{ #side-bar-photos-albums{
margin-top: 15px; margin-top: 15px;
} }
.photo-top-photo, .photo-album-photo { .photo-top-photo, .photo-album-photo {
-webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;

View file

@ -2795,6 +2795,30 @@ float: left;
/* ============= */ /* ============= */
/* = Directory = */ /* = Directory = */
/* ============= */ /* ============= */
section .directory-item dl {
height: auto;
overflow: auto;
}
section .directory-item dt {
float: left;
margin-left: 0px;
text-align: right;
color: #999;
}
section .directory-item dd {
float: left;
margin-left: 5px;
}
.directory-profile-wrapper {
float: left;
max-height: 178px;
overflow: hidden;
width: 635px;
}
.directory-copy-wrapper {
float: left;
overflow: hidden;
}
/* contacts menu */ /* contacts menu */
.contact-photo-wrapper { .contact-photo-wrapper {
position: relative; position: relative;
@ -2836,7 +2860,7 @@ float: left;
} }
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 800px;
height: 200px; height: 200px;
} }
.directory-item .contact-photo { .directory-item .contact-photo {
@ -2847,17 +2871,42 @@ float: left;
width: 175px; width: 175px;
height: 175px; height: 175px;
} }
.directory-photo-wrapper {
float: left;
height: 200px;
width: 165px;
}
.contact-name { .contact-name {
text-align: left;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 18px;
margin-bottom: -3px;
text-align: left;
} }
.contact-details { .contact-details {
color: #999999; color: #999999;
} }
.page-type {
font-size: 10px;
font-style: italic;
}
.directory-detailscolumn-wrapper {
float: left;
width: 305px;
margin-right: 10px;
}
.directory-profile-wrapper dl {
margin-top: 3px;
margin-bottom: 3px;
}
.directory-profile-title {
font-weight: bold;
margin-bottom: 3px;
font-size: 14px;
}
#side-bar-photos-albums{ #side-bar-photos-albums{
margin-top: 15px; margin-top: 15px;
} }
.photo-top-photo, .photo-album-photo { .photo-top-photo, .photo-album-photo {
-webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;

View file

@ -2793,6 +2793,30 @@ float: left;
/* ============= */ /* ============= */
/* = Directory = */ /* = Directory = */
/* ============= */ /* ============= */
section .directory-item dl {
height: auto;
overflow: auto;
}
section .directory-item dt {
float: left;
margin-left: 0px;
text-align: right;
color: #999;
}
section .directory-item dd {
float: left;
margin-left: 5px;
}
.directory-profile-wrapper {
float: left;
max-height: 178px;
overflow: hidden;
width: 635px;
}
.directory-copy-wrapper {
float: left;
overflow: hidden;
}
/* contacts menu */ /* contacts menu */
.contact-photo-wrapper { .contact-photo-wrapper {
position: relative; position: relative;
@ -2834,7 +2858,7 @@ float: left;
} }
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 800px;
height: 200px; height: 200px;
} }
.directory-item .contact-photo { .directory-item .contact-photo {
@ -2845,17 +2869,42 @@ float: left;
width: 175px; width: 175px;
height: 175px; height: 175px;
} }
.directory-photo-wrapper {
float: left;
height: 200px;
width: 165px;
}
.contact-name { .contact-name {
text-align: left;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 18px;
margin-bottom: -3px;
text-align: left;
} }
.contact-details { .contact-details {
color: #999999; color: #999999;
} }
.page-type {
font-size: 10px;
font-style: italic;
}
.directory-detailscolumn-wrapper {
float: left;
width: 305px;
margin-right: 10px;
}
.directory-profile-wrapper dl {
margin-top: 3px;
margin-bottom: 3px;
}
.directory-profile-title {
font-weight: bold;
margin-bottom: 3px;
font-size: 14px;
}
#side-bar-photos-albums{ #side-bar-photos-albums{
margin-top: 15px; margin-top: 15px;
} }
.photo-top-photo, .photo-album-photo { .photo-top-photo, .photo-album-photo {
-webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;