diff options
Diffstat (limited to 'view/theme/testbubble')
-rw-r--r-- | view/theme/testbubble/contact_edit.tpl | 6 | ||||
-rw-r--r-- | view/theme/testbubble/login.tpl | 2 | ||||
-rw-r--r-- | view/theme/testbubble/nav.tpl | 14 | ||||
-rw-r--r-- | view/theme/testbubble/photo_view.tpl | 2 | ||||
-rw-r--r-- | view/theme/testbubble/profile_entry.tpl | 2 | ||||
-rw-r--r-- | view/theme/testbubble/profile_tabs.tpl | 10 | ||||
-rw-r--r-- | view/theme/testbubble/search_item.tpl | 2 | ||||
-rw-r--r-- | view/theme/testbubble/style.css | 496 | ||||
-rw-r--r-- | view/theme/testbubble/wall_item.tpl | 2 | ||||
-rw-r--r-- | view/theme/testbubble/wallwall_item.tpl | 4 |
10 files changed, 105 insertions, 435 deletions
diff --git a/view/theme/testbubble/contact_edit.tpl b/view/theme/testbubble/contact_edit.tpl index 59747c62d..9191a36b0 100644 --- a/view/theme/testbubble/contact_edit.tpl +++ b/view/theme/testbubble/contact_edit.tpl @@ -12,7 +12,7 @@ $nettype <div id="contact-edit-photo-wrapper" > <img id="contact-edit-direction-icon" src="$dir_icon" alt="$alt_text" title="$alt_text" /> - <div id="contact-edit-photo" > + <div id="contact-edit-photo" class="lframe"> <a href="$url" title="$visit" /><img src="$photo" $sparkle alt="$name" /></a> </div> <div id="contact-edit-photo-end" ></div> @@ -32,7 +32,7 @@ $nettype <div id="contact-edit-last-update-text">$lastupdtext<span id="contact-edit-last-updated">$last_update</span></div> <div id="contact-edit-poll-text">$updpub</div> $poll_interval - <div id="contact-edit-update-now"><a href="contacts/$contact_id/update" >$udnow</a></div> + <div id="contact-edit-update-now" class="button"><a href="contacts/$contact_id/update" >$udnow</a></div> </div> {{ endif }} </div> @@ -42,7 +42,7 @@ $insecure $blocked $ignored -<div id="view-recent-wrapper"><a href="network/?cid=$contact_id" id="contact-view-recent">$lblrecent</a></div> +<div id="view-recent-wrapper"><a href="network/?cid=$contact_id" id="contact-view-recent" class="button">$lblrecent</a></div> $lblsuggest <div id="contact-edit-info-wrapper"> diff --git a/view/theme/testbubble/login.tpl b/view/theme/testbubble/login.tpl index 2c879d69a..c17950ece 100644 --- a/view/theme/testbubble/login.tpl +++ b/view/theme/testbubble/login.tpl @@ -16,7 +16,7 @@ <a href="lostpass" title="$lostpass" id="lost-password-link" >$lostlink</a> </div> <div id="login-submit-end"></div> - <div id="login-extra-links"> + <div id="login-extra-links" class=".button"> <div id="login-extra-filler"> </div> $register_html </div> diff --git a/view/theme/testbubble/nav.tpl b/view/theme/testbubble/nav.tpl index a2171d431..38d2dfac6 100644 --- a/view/theme/testbubble/nav.tpl +++ b/view/theme/testbubble/nav.tpl @@ -17,19 +17,19 @@ onmouseover="if (typeof tmenu != 'undefined') clearTimeout(tmenu); openMenu('user-menu-popup')" onmouseout="tmenu=setTimeout('closeMenu(\'user-menu-popup\');',200)"> - {{ if $nav.register }}<li><a id="nav-register-link" class="nav-commlink $nav.register.2" href="$nav.register.0" title="$nav.register.1">$nav.register.1</a></li>{{ endif }} + {{ if $nav.register }}<li><a id="nav-register-link" class="nav-commlink $nav.register.2" href="$nav.register.0">$nav.register.1</a></li>{{ endif }} {{ if $nav.home }}<li><a id="nav-home-link" class="nav-commlink $nav.home.2" href="$nav.home.0">$nav.home.1</a></li>{{ endif }} {{ if $nav.network }}<li><a id="nav-network-link" class="nav-commlink $nav.network.2" href="$nav.network.0">$nav.network.1</a></li>{{ endif }} {{ if $nav.community }} - <li><a id="nav-community-link" class="nav-commlink $nav.community.2" href="$nav.community.0" title="$nav.community.3" >$nav.community.1</a></li> + <li><a id="nav-community-link" class="nav-commlink $nav.community.2" href="$nav.community.0">$nav.community.1</a></li> {{ endif }} - <li><a id="nav-search-link" class="nav-link $nav.search.2" href="$nav.search.0" title="$nav.search.1">$nav.search.1</a></li> - <li><a id="nav-directory-link" class="nav-link $nav.directory.2" href="$nav.directory.0" title="$nav.directory.1">$nav.directory.1</a></li> - {{ if $nav.apps }}<li><a id="nav-apps-link" class="nav-link $nav.apps.2" href="$nav.apps.0" title="$nav.apps.1">$nav.apps.1</a></li>{{ endif }} + <li><a id="nav-search-link" class="nav-link $nav.search.2" href="$nav.search.0">$nav.search.1</a></li> + <li><a id="nav-directory-link" class="nav-link $nav.directory.2" href="$nav.directory.0">$nav.directory.1</a></li> + {{ if $nav.apps }}<li><a id="nav-apps-link" class="nav-link $nav.apps.2" href="$nav.apps.0">$nav.apps.1</a></li>{{ endif }} {{ if $nav.notifications }}<li><a id="nav-notify-link" class="nav-commlink nav-sep $nav.notifications.2" href="$nav.notifications.0">$nav.notifications.1</a></li>{{ endif }} {{ if $nav.messages }}<li><a id="nav-messages-link" class="nav-commlink $nav.messages.2" href="$nav.messages.0">$nav.messages.1</a></li>{{ endif }} @@ -42,9 +42,9 @@ {{ if $nav.admin }}<li><a id="nav-admin-link" class="nav-commlink $nav.admin.2" href="$nav.admin.0">$nav.admin.1</a></li>{{ endif }} - <li><a id="nav-help-link" class="nav-link $nav.help.2" href="$nav.help.0" title="$nav.help.1">$nav.help.1</a></li> + <li><a id="nav-help-link" class="nav-link $nav.help.2" href="$nav.help.0">$nav.help.1</a></li> - {{ if $nav.login }}<li><a id="nav-login-link" class="nav-link $nav.login.2" href="$nav.login.0" title="$nav.login.1">$nav.login.1</a></li> {{ endif }} + {{ if $nav.login }}<li><a id="nav-login-link" class="nav-link $nav.login.2" href="$nav.login.0">$nav.login.1</a></li> {{ endif }} {{ if $nav.logout }}<li><a id="nav-logout-link" class="nav-commlink nav-sep $nav.logout.2" href="$nav.logout.0">$nav.logout.1</a></li> {{ endif }} </ul> </div> diff --git a/view/theme/testbubble/photo_view.tpl b/view/theme/testbubble/photo_view.tpl index 4582751c6..4c754f597 100644 --- a/view/theme/testbubble/photo_view.tpl +++ b/view/theme/testbubble/photo_view.tpl @@ -10,7 +10,7 @@ {{ if $lock }} - <img src="images/lock_icon.gif" class="lockview" alt="$lock" onclick="lockview(event,'photo$id');" /> {{ endif }} </div> -<div id="photo-photo"> +<div id="photo-photo" class="lframe"> {{ if $prevlink }}<div id="photo-prev-link"><a href="$prevlink.0">$prevlink.1</a></div>{{ endif }} <a href="$photo.href" title="$photo.title"><img src="$photo.src" /></a> {{ if $nextlink }}<div id="photo-next-link"><a href="$nextlink.0">$nextlink.1</a></div>{{ endif }} diff --git a/view/theme/testbubble/profile_entry.tpl b/view/theme/testbubble/profile_entry.tpl index 82c04cc20..5bea298ac 100644 --- a/view/theme/testbubble/profile_entry.tpl +++ b/view/theme/testbubble/profile_entry.tpl @@ -1,7 +1,7 @@ <div class="profile-listing" > <div class="profile-listing-photo-wrapper" > -<a href="profiles/$id" class="profile-listing-edit-link"><img class="profile-listing-photo" id="profile-listing-photo-$id" src="$photo" alt="$alt" /></a> +<a href="profiles/$id" class="profile-listing-edit-link"><img class="profile-listing-photo mframe" id="profile-listing-photo-$id" src="$photo" alt="$alt" /></a> </div> <div class="profile-listing-photo-end"></div> <div class="profile-listing-name" id="profile-listing-name-$id"><a href="profiles/$id" class="profile-listing-edit-link" >$profile_name</a></div> diff --git a/view/theme/testbubble/profile_tabs.tpl b/view/theme/testbubble/profile_tabs.tpl index c236490b2..ae7c65e1c 100644 --- a/view/theme/testbubble/profile_tabs.tpl +++ b/view/theme/testbubble/profile_tabs.tpl @@ -1,9 +1,9 @@ <div class="tabs-wrapper" > - <a href="$url" id="profile-tab-status-link" class="tabs {{if $activetab==posts}}active{{endif}}" >$status</a> - <a href="$url?tab=profile" id="profile-tab-profile-link" class="tabs {{if $activetab==profile}}active{{endif}}" >$profile</a> - <a href="$phototab" id="profile-tab-photos-link" class="tabs {{if $activetab==photos}}active{{endif}}" >$photos</a> - {{ if $events }}<a href="events" id="profile-tab-events-link" class="tabs {{if $activetab==events}}active{{endif}}" >$events</a>{{ endif }} - {{ if $notes }}<a href="notes" id="profile-tab-notes-link" class="tabs {{if $activetab==notes}}active{{endif}}" >$notes</a>{{ endif }} + <a href="$url" id="profile-tab-status-link" class="button tabs {{if $activetab==posts}}active{{endif}}" >$status</a> + <a href="$url?tab=profile" id="profile-tab-profile-link" class="button tabs {{if $activetab==profile}}active{{endif}}" >$profile</a> + <a href="$phototab" id="profile-tab-photos-link" class="button tabs {{if $activetab==photos}}active{{endif}}" >$photos</a> + {{ if $events }}<a href="events" id="profile-tab-events-link" class="button tabs {{if $activetab==events}}active{{endif}}" >$events</a>{{ endif }} + {{ if $notes }}<a href="notes" id="profile-tab-notes-link" class="button tabs {{if $activetab==notes}}active{{endif}}" >$notes</a>{{ endif }} <div class="tabs-end"></div> </div> diff --git a/view/theme/testbubble/search_item.tpl b/view/theme/testbubble/search_item.tpl index 7e5bfbe71..1762983e2 100644 --- a/view/theme/testbubble/search_item.tpl +++ b/view/theme/testbubble/search_item.tpl @@ -1,7 +1,7 @@ <div class="wall-item-outside-wrapper$indent" id="wall-item-outside-wrapper-$id" > <div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" > <div class="wall-item-info" id="wall-item-info-$id"> - <div class="wall-item-photo-wrapper" id="wall-item-photo-wrapper-$id" + <div class="wall-item-photo-wrapper mframe" id="wall-item-photo-wrapper-$id" onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('wall-item-photo-menu-button-$id')" onmouseout="t$id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$id\'); closeMenu(\'wall-item-photo-menu-$id\');',200)"> <a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id"> diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css index 97939c45a..9727de6d1 100644 --- a/view/theme/testbubble/style.css +++ b/view/theme/testbubble/style.css @@ -22,17 +22,6 @@ 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 { margin: 0px; padding: 0px; @@ -133,10 +122,63 @@ section { padding-right: 230px; } +.lframe { + border: 1px solid #dddddd; + -moz-box-shadow: 3px 3px 6px #959494; + -webkit-box-shadow: 3px 3px 6px #959494; + box-shadow: 3px 3px 6px #959494; + background-color: #efefef; + padding: 10px; +} + +.mframe { + padding: 5px; + background-color: #efefef; + border: 2px dotted #eeeeee; + -moz-box-shadow: 3px 3px 4px #959494; + -webkit-box-shadow: 3px 3px 4px #959494; + box-shadow: 3px 3px 4px #959494; +} + #wall-item-lock { margin-left: 10px; } +.button { + border: none; + font-size: 1em; + -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; + text-align: center; +} + +.button:hover { + border: none; + 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; + color: #efefef; +} + +.button:active { + position:relative; + top:1px; +} + +.button a { + color: #efefef; +} + /* ========= */ /* = Login = */ /* ========= */ @@ -159,45 +201,16 @@ section { #login-extra-links { width: 90px; margin-top: 20px; - border: none; - font-size: 0.9em; - -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; - text-align: center; } #login-extra-links a { display: block; margin: 10px; padding: 5px 0px 5px 0px; - color: #efefef; text-align: center; margin-right: 20px; } -#login-extra-links:hover { - border: none; - 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; - color: #efefef; -} - -#login-extra-links:active { - position:relative; - top:1px; -} - #login-extra-filler { display: none; } @@ -283,13 +296,14 @@ nav #user-menu { padding: 5px; position: relative; vertical-align: middle; - 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, #898988 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#898988', endColorstr='#a2a2a2'); + background:-webkit-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% ); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); background-color:#a2a2a2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; + border: 1px solid #9A9A9A; color:#efefef; text-decoration:none; text-align: center; @@ -317,7 +331,7 @@ ul#user-menu-popup { width: 100%; padding: 10px 0px; margin: 0px; - margin-top: 10px; + margin-top: 4px; top: 20px; left: 0px; border: 1px solid #9a9a9a; @@ -422,8 +436,6 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in aside { position: absolute; right: 11%; -/* float: right; - margin-right: 11%;*/ width: 260px; margin-top: auto; font-size: 0.8em; @@ -478,7 +490,7 @@ aside #viewcontacts { padding-top: 5px; } -#viewcontacts a{ +#viewcontacts a { color: #898989; } @@ -526,7 +538,6 @@ aside #viewcontacts { #netsearch-box { background-color: #f6f6f6; - /*padding: 10px 10px 10px 20px;*/ padding: 10px 8px 10px 8px; } #netsearch-box input[type="text"] { @@ -747,7 +758,6 @@ ul .sidebar-group-li img{ } #character-counter { - /*float: left; padding: 8px 10px;*/ position: absolute: right: 100px; top:100px; } #profile-rotator-wrapper { @@ -827,36 +837,10 @@ profile-jot-banner-wrapper { padding: 5px 10px 5px 10px; margin-right: 5px; 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; - text-decoration:none; - text-align: center; } .tabs: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; - color:#efefef; - padding: 5px 10px 5px 10px; - margin-right: 5px; -} -.tabs:active { - position:relative; - top:1px; - color:#efefef; padding: 5px 10px 5px 10px; - margin-right: 5px; } /* ========= */ @@ -886,12 +870,6 @@ profile-jot-banner-wrapper { .wall-item-photo-wrapper { width: 80px; height: 80px; position: relative; - padding: 5px; - background-color: #eeeeee; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; } .wall-item-tools { @@ -1072,7 +1050,7 @@ profile-jot-banner-wrapper { .icon.drophide { float: left; } #item-delete-selected { overflow: auto; width: 100%;} .wall-item-outside-wrapper { - max-width: 90%; + max-width: 83%; border-bottom: 1px solid #dedede; margin-top: 20px; } @@ -1089,7 +1067,11 @@ profile-jot-banner-wrapper { } .wall-item-outside-wrapper.comment { margin-left: 80px; } -.wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;} +.wall-item-outside-wrapper.comment .wall-item-photo { + width: 40px!important; + height: 40px!important; +} + .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; } .wall-item-outside-wrapper.comment .wall-item-photo-menu-button { width: 50px; @@ -1157,9 +1139,6 @@ profile-jot-banner-wrapper { color: #898989; } -/** - * item text style - **/ .wall-item-body code { border-color: #CCCCCC; border-style: solid; @@ -1198,78 +1177,22 @@ div[id$="wrapper"] br { clear: left; } width: 150px; margin-bottom:20px; margin-top: 20px; - -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; display:inline-block; - color:#efefef; font-style: bold; text-align: center; } -#profile-listing-desc: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; -} - -#profile-listing-desc:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#profile-listing-desc a { - color: #efefef; -} - #profile-listing-new-link-wrapper { float: left; display: inline; width: 130px; margin-left:5px; margin-top: 20px; - -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; padding: 5px 10px 5px 10px; font-style: bold; - color:#efefef; text-align: center; } -#profile-listing-new-link-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; -} - -#profile-listing-new-link-wrapper:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#profile-listing-new-link-wrapper a { - color: #efefef; -} - .profile-listing-name { font-size: 1em; font-variant: small-caps; @@ -1278,52 +1201,6 @@ div[id$="wrapper"] br { clear: left; } color: #898989; } -.profile-listing-visible { - width: 90px; - margin-bottom:20px; - margin-top: 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; - padding: 5px 10px 5px 10px; - margin-right: 5px; - color:#efefef; - text-align: center; -} - -.profile-listing-visible: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; -} - -.profile-listing-visible:active { - background-color: #b20202; - position:relative; - top:1px; -} - -.profile-listing-visible a { - color: #efefef; -} - -.profile-listing-photo { - padding: 5px; - background-color: #efefef; - border: 2px dotted #eeeeee; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - #profile-edit-links li { display: inline; width: 150px; @@ -1413,13 +1290,7 @@ div[id$="wrapper"] br { clear: left; } .photo-top-image-wrapper { float: left; margin: 0px 10px 10px 0px; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 6px #959494; - -webkit-box-shadow: 3px 3px 6px #959494; - box-shadow: 3px 3px 6px #959494; - background-color: #efefef; - padding: 10px; - padding-bottom: 30px; + padding-bottom: 30px; position:relative; } @@ -1461,12 +1332,6 @@ div[id$="wrapper"] br { clear: left; } #photo-photo{ position: relative; float:left; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 6px #959494; - -webkit-box-shadow: 3px 3px 6px #959494; - box-shadow: 3px 3px 6px #959494; - background-color: #efefef; - padding: 10px; } #photo-caption { @@ -1533,59 +1398,23 @@ div[id$="wrapper"] br { clear: left; } #photos-upload-perms-menu { width: 180px; - -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; padding: 7px; - text-align: center; - font-size: 0.9em; - color: #efefef; -} - -#photos-upload-perms-menu:hover { - text-align: center; - font-size: 0.9em; - width: 180px; - padding: 7px; - color: #efefef; - 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; -} - -#photos-upload-perms-menu:active { - text-align: center; - font-size: 0.9em; - width: 180px; - padding: 7px; - background-color: #b20202; - position:relative; - top:1px; -} - -#photos-upload-perms-menu a { - color: #efefef; } #photos-upload-perms-menu .icon { display: none; } -select[size], select[multiple], select[size][multiple] { - -webkit-appearance: listbox; +select, input { border: 2px solid #b0b0b0; padding: 2px; -webkit-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; +} + +select[size], select[multiple], select[size][multiple] { + -webkit-appearance: listbox; } select { @@ -1593,11 +1422,6 @@ select { box-sizing: border-box; -webkit-box-align: center; cursor: default; - border: 2px solid #b0b0b0; - padding: 2px; - -webkit-border-radius: 3px 3px 3px 3px; - -moz-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; } keygen, select { @@ -1614,57 +1438,12 @@ input, textarea, keygen { text-shadow: none; display: inline-block; text-align: -webkit-auto; - border: 2px solid #b0b0b0; - padding: 2px; - -webkit-border-radius: 3px 3px 3px 3px; - -moz-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; } .qq-upload-button { - background-color: none; - -moz-box-shadow:inset 0px 1px 0px 0px #a65151; - -webkit-box-shadow:inset 0px 1px 0px 0px #a65151; - box-shadow:inset 0px 1px 0px 0px #a65151; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) ); - background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100%); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202'); - background-color:#d60808; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; - border:1px solid #fc5656; - display:inline-block; - color:#f0e7e7; - text-shadow:1px 1px 0px #b36f6f; - text-align: center; - font-size: 0.9em; - color: #efefef; - width: 91px; - padding: 7px; -} - -.qq-upload-button:hover { - text-align: center; - font-size: 0.9em; - color: #efefef; - width: 91px; - padding: 7px; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important; - background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important; - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important; - background-color:#b20202; -} - -.qq-upload-button:active { - text-align: center; - font-size: 0.9em; - color: #efefef; - background-color: #B20202; - width: 91px; - padding: 7px; - position:relative; - top:1px; } #album-edit-link { @@ -1709,41 +1488,10 @@ input#photo_edit_form { display: inline; margin-top: 10px; margin-right: 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; padding: 4px; - color: #efefef; - text-align: center; - font-size: 0.9em; width: 100px; } -#photo-edit-perms-menu:hover { - color: #efefef; - 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; -} - -#photo-edit-perms-menu:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#photo-edit-perms-menu a { - color: #efefef; -} - #photo-edit-perms-menu .icon { display: none; } @@ -1915,12 +1663,6 @@ margin-left: 90px; .mail-conv-sender-photo { width: 64px; height: 64px; - padding: 5px; - background-color: #efefef; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; } .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; } @@ -1945,7 +1687,7 @@ margin-left: 90px; /* = Notifications = */ /* ================= */ -#notification-show-hide-wrapper { +/*#notification-show-hide-wrapper { width: 160px; -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; @@ -1981,7 +1723,7 @@ margin-left: 90px; #notification-show-hide-wrapper a { color: #efefef; -} +}*/ /* ============ */ /* = Contacts = */ @@ -2004,14 +1746,6 @@ margin-left: 90px; .contact-entry-direction-wrapper {position: absolute; top: 20px;} .contact-entry-edit-links { position: absolute; top: 60px; } #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;} -.contact-entry-photo { - padding: 3px; - background-color: #eeeeee; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} .contact-entry-name { width: 100px; @@ -2041,7 +1775,6 @@ margin-left: 90px; #contact-edit-direction-icon { position: absolute; top: 60px; left:0px;} #contact-edit-nav-wrapper { margin-left: 210px; } #contact-edit-links { float: left; margin-top: 23px; } -#contact-drop-links {/*position: absolute; top: 150px; left: 348px;*/} #contact-edit-nav-wrapper .icon { border: 1px solid #babdb6; -webkit-border-radius: 3px; @@ -2065,21 +1798,10 @@ margin-left: 90px; #contact-edit-update-now { width: 80px; - -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; padding: 5px 10px 5px 10px; margin-left: 125px; margin-top: 10px; font-style: bold; - color: #efefef; } #contact-edit-update-now:hover { @@ -2119,15 +1841,6 @@ margin-left: 90px; display: none; } -#contact-edit-photo { - padding: 10px; - background-color: #f1f1f1; - border: 1px solid #dedede; - margin-bottom: 5px; - -moz-box-shadow: 5px 5px 8px #959494; - -webkit-box-shadow: 5px 5px 8px #959494; - box-shadow: 5px 5px 8px #959494; -} .contact-photo-menu { width: auto; border: 1px solid #ddd; @@ -2152,15 +1865,6 @@ margin-left: 90px; text-decoration: none; } -.view-contact-photo { - padding: 5px; - background-color: #efefef; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - .view-contact-name { font-variant: small-caps; } @@ -2186,6 +1890,10 @@ margin-left: 90px; margin-bottom: 10px; } +#side-follow-submit { + width: 70px; +} + #side-match-link { width: 180px; padding: 10px; @@ -2268,7 +1976,7 @@ margin-left: 90px; padding: 10px; } -#side-follow-wrapper{ +#side-follow-wrapper { font-size: 1em; font-weight: bold; font-stretch:semi-expanded; @@ -2289,40 +1997,8 @@ margin-left: 90px; #contact-view-recent { float: left; width: 150px; - padding: 10px; + padding: 5px; margin-bottom: 20px; - -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; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#contact-view-recent:hover{ - color: #efefef; - 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; -} - -#contact-view-recent:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#contact-view-recent a { - color: #efefef; } #contact-suggest { @@ -2564,7 +2240,7 @@ margin-left: 90px; float: right; display: inline; } -#group-delete-icon-11 { position: absolute; left: 360px; top: 103px; } + .group-delete-wrapper { width: 90px; display: inline; @@ -2597,7 +2273,8 @@ margin-left: 90px; } .group-delete-wrapper a { - color: #efefef; + color: #efefef; + font-size: 0.9em; } #group-edit-desc { margin: 10px 0xp; } @@ -2888,13 +2565,6 @@ tr { .directory-item { float: left; margin: 50px 50px 0px 0px; - padding: 10px; - background-color: #f1f1f1; - border: 1px solid #dedede; - margin-bottom: 5px; - -moz-box-shadow: 5px 5px 8px #959494; - -webkit-box-shadow: 5px 5px 8px #959494; - box-shadow: 5px 5px 8px #959494; } .directory-details { diff --git a/view/theme/testbubble/wall_item.tpl b/view/theme/testbubble/wall_item.tpl index 70ec00dd9..6efd331c9 100644 --- a/view/theme/testbubble/wall_item.tpl +++ b/view/theme/testbubble/wall_item.tpl @@ -2,7 +2,7 @@ <div class="wall-item-outside-wrapper$indent" id="wall-item-outside-wrapper-$id" > <div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" > <div class="wall-item-info" id="wall-item-info-$id"> - <div class="wall-item-photo-wrapper" id="wall-item-photo-wrapper-$id" + <div class="wall-item-photo-wrapper mframe" id="wall-item-photo-wrapper-$id" onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('wall-item-photo-menu-button-$id')" onmouseout="t$id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$id\'); closeMenu(\'wall-item-photo-menu-$id\');',200)"> <a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id"> diff --git a/view/theme/testbubble/wallwall_item.tpl b/view/theme/testbubble/wallwall_item.tpl index 8819103a3..7cefc85ad 100644 --- a/view/theme/testbubble/wallwall_item.tpl +++ b/view/theme/testbubble/wallwall_item.tpl @@ -1,12 +1,12 @@ <div class="wall-item-outside-wrapper$indent wallwall" id="wall-item-outside-wrapper-$id" > <div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" > <div class="wall-item-info wallwall" id="wall-item-info-$id"> - <div class="wall-item-photo-wrapper wwto" id="wall-item-ownerphoto-wrapper-$id" > + <div class="wall-item-photo-wrapper mframe wwto" id="wall-item-ownerphoto-wrapper-$id" > <a href="$owner_url" title="$olinktitle" class="wall-item-photo-link" id="wall-item-ownerphoto-link-$id"> <img src="$owner_photo" class="wall-item-photo$osparkle" id="wall-item-ownerphoto-$id" style="height: 80px; width: 80px;" alt="$owner_name" /></a> </div> <div class="wall-item-arrowphoto-wrapper" ><img src="images/larrow.gif" alt="$wall" /></div> - <div class="wall-item-photo-wrapper wwfrom" id="wall-item-photo-wrapper-$id" + <div class="wall-item-photo-wrapper mframe wwfrom" id="wall-item-photo-wrapper-$id" onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('wall-item-photo-menu-button-$id')" onmouseout="t$id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$id\'); closeMenu(\'wall-item-photo-menu-$id\');',200)"> <a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id"> |