fixed a bug I introduced when working on the testbubble theme - user's photo widget header div wasn't closed correctly

+ some opera-friendly style changes
This commit is contained in:
Devlon Duthie 2011-09-27 00:29:34 -05:00
parent ec16525c86
commit 78c3210f6a
3 changed files with 87 additions and 45 deletions

View file

@ -34,7 +34,7 @@ function photos_init(&$a) {
$a->data['albums'] = $albums; $a->data['albums'] = $albums;
$o .= '<div class="vcard">'; $o .= '<div class="vcard">';
$o .= '<div class="fn">' . $a->data['user']['username'] . '</h4>'; $o .= '<div class="fn">' . $a->data['user']['username'] . '</div>';
$o .= '<div id="profile-photo-wrapper"><img class="photo" style="width: 175px; height: 175px;" src="' . $a->get_baseurl() . '/photo/profile/' . $a->data['user']['uid'] . '.jpg" alt="' . $a->data['user']['username'] . '" /></div>'; $o .= '<div id="profile-photo-wrapper"><img class="photo" style="width: 175px; height: 175px;" src="' . $a->get_baseurl() . '/photo/profile/' . $a->data['user']['uid'] . '.jpg" alt="' . $a->data['user']['username'] . '" /></div>';
$o .= '</div>'; $o .= '</div>';

View file

@ -6,13 +6,10 @@
<div id="group-edit-name-wrapper" > <div id="group-edit-name-wrapper" >
<label id="group-edit-name-label" for="group-edit-name" >$gname</label> <label id="group-edit-name-label" for="group-edit-name" >$gname</label>
<input type="text" id="group-edit-name" name="groupname" value="$name" /> <input type="text" id="group-edit-name" name="groupname" value="$name" />
<div id="group-edit-submit-wrapper" > <input type="submit" name="submit" value="$submit">
<input type="submit" name="submit" value="$submit" > $drop
</div>
</div> </div>
<div id="group-edit-name-end"></div> <div id="group-edit-name-end"></div>
$drop
<div id="group-edit-desc">$desc</div> <div id="group-edit-desc">$desc</div>
<div id="group-edit-select-end" ></div> <div id="group-edit-select-end" ></div>
</form> </form>

View file

@ -22,6 +22,17 @@ You can switch out the colors of the header, buttons and links by using a find a
= */ = */
/* ========== */ /* ========== */
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}*/
body { body {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
@ -72,16 +83,17 @@ li {
input[type=text] { input[type=text] {
border: 2px solid #b0b0b0; border: 2px solid #b0b0b0;
padding: 2px; padding: 2px;
margin: 0px;
-webkit-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
} }
input[type=submit] { input[type=submit] {
margin-top: 10px; margin: 10px 2px 5px 2px;
border: none; border: none;
font-size: 0.9em; font-size: 0.9em;
padding: 5px 5px 5px 5px; padding: 5px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@ -115,7 +127,7 @@ input[type=submit]:active {
::-moz-selection { background:#fdf795; color: #000; /* Firefox */ } ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
section { section {
margin: 10px 11% 0px 11%; margin: 20px 11% 0px 11%;
font-size: 0.9em; font-size: 0.9em;
line-height: 1.2em; line-height: 1.2em;
padding-right: 230px; padding-right: 230px;
@ -268,23 +280,22 @@ nav #user-menu {
float: right; float: right;
margin-right:15px; margin-right:15px;
margin-top: 10px; margin-top: 10px;
padding: 3px; padding: 5px;
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #898988), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); background:-moz-linear-gradient( center top, #898988 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#898988', endColorstr='#a2a2a2');
background-color:#898988; background-color:#a2a2a2;
-moz-border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px; -webkit-border-radius:5px;
border-radius:5px; border-radius:5px;
color:#efefef; color:#efefef;
text-decoration:none; text-decoration:none;
text-align: center; text-align: center;
border: 1px solid #9a9a9a;
} }
nav #user-menu-label:after{ nav #user-menu-label::after {
content: url("menu-user-pin.png") no-repeat; content: url("menu-user-pin.png") no-repeat;
padding-left: 15px; padding-left: 15px;
} }
@ -300,12 +311,13 @@ ul#user-menu-popup {
display: none; display: none;
position: absolute; position: absolute;
background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
background-color:#898988; background-color:#898988;
width: 100%; width: 100%;
padding: 10px 0px; padding: 10px 0px;
margin: 0px; margin: 0px;
margin-top: 10px;
top: 20px; top: 20px;
left: 0px; left: 0px;
border: 1px solid #9a9a9a; border: 1px solid #9a9a9a;
@ -409,8 +421,11 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
aside { aside {
position: absolute; position: absolute;
width: 260px;
right: 11%; right: 11%;
/* float: right;
margin-right: 11%;*/
width: 260px;
margin-top: auto;
font-size: 0.8em; font-size: 0.8em;
font-style: bold; font-style: bold;
} }
@ -511,7 +526,14 @@ aside #viewcontacts {
#netsearch-box { #netsearch-box {
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 10px 10px 10px 20px; /*padding: 10px 10px 10px 20px;*/
padding: 10px 8px 10px 8px;
}
#netsearch-box input[type="text"] {
width: 97%;
}
#netsearch-box input[type="submit"] {
width: 48%;
} }
h3#search:before { h3#search:before {
@ -650,9 +672,10 @@ ul .sidebar-group-li img{
margin-right: 5px; margin-right: 5px;
} }
/** /* ================== */
* contacts block /* = Contacts Block = */
*/ /* ================== */
.contact-block-img { .contact-block-img {
width: 42px; width: 42px;
height: 42px; height: 42px;
@ -1074,7 +1097,7 @@ profile-jot-banner-wrapper {
background-position: 35px center; background-position: 35px center;
} }
.wall-item-outside-wrapper.comment .wall-item-info { width: 60px; } .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
.wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 600px;} .wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 85%;}
.wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;} .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
.wall-item-outside-wrapper.comment .wall-item-photo-menu { .wall-item-outside-wrapper.comment .wall-item-photo-menu {
@ -1358,6 +1381,7 @@ div[id$="wrapper"] br { clear: left; }
#side-bar-photos-albums li { #side-bar-photos-albums li {
font-size: 1.2em; font-size: 1.2em;
font-variant: none;
} }
#photo-top-links { #photo-top-links {
@ -1873,11 +1897,15 @@ margin-left: 90px;
.mail-list-subject { .mail-list-subject {
clear: block; clear: block;
font-size: 1.5em; font-size: 1.2em;
padding-top: 20px; padding-top: 20px;
padding-right: 50px; padding-right: 50px;
} }
.mail-list-subject a {
color: #626262;
}
.mail-list-delete-wrapper { float: left; margin-right:550px; } .mail-list-delete-wrapper { float: left; margin-right:550px; }
.mail-list-outside-wrapper-end { .mail-list-outside-wrapper-end {
clear: both; clear: both;
@ -2154,7 +2182,7 @@ margin-left: 90px;
} }
#follow-sidebar input[type="text"] { #follow-sidebar input[type="text"] {
margin-left: 30px; margin-left: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -2357,24 +2385,6 @@ margin-left: 90px;
padding-top: 10px; padding-top: 10px;
} }
/*#profile-tab-status-link {
padding: 5px 10px 5px 10px;
margin-right: 5px;
margin-top: 10px;
font-style: bold;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color: #efefef;
}*/
#profile-tab-status-link:hover { #profile-tab-status-link:hover {
border: 0px; border: 0px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
@ -2555,6 +2565,41 @@ margin-left: 90px;
display: inline; display: inline;
} }
#group-delete-icon-11 { position: absolute; left: 360px; top: 103px; } #group-delete-icon-11 { position: absolute; left: 360px; top: 103px; }
.group-delete-wrapper {
width: 90px;
display: inline;
padding: 5px;
margin-bottom: 10px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.group-delete-wrapper:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
background-color:#b20202;
}
.group-delete-wrapper:active {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
background-color:#b20202;
}
.group-delete-wrapper a {
color: #efefef;
}
#group-edit-desc { margin: 10px 0xp; } #group-edit-desc { margin: 10px 0xp; }
#group-new-text {font-size: 1.1em;} #group-new-text {font-size: 1.1em;}
#group-members, #group-members,
@ -2749,8 +2794,8 @@ margin-left: 90px;
} }
.calendar { .calendar {
width: 300px;
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
padding: 10px;
background-color: #f1f1f1; background-color: #f1f1f1;
border: 1px solid #dedede; border: 1px solid #dedede;
margin-bottom: 10px; margin-bottom: 10px;
@ -2764,8 +2809,8 @@ margin-left: 90px;
background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% ); background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
background-color: #b20202; background-color: #b20202;
padding: 10px 0px 10px 0px;
width: 300px; width: 300px;
padding: 10px;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
text-align:center; text-align:center;