/* global */
body {
- /* font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; */
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
+ font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
font-size: 14px;
/* font-size: 13px;
line-height: 19.5px; */
margin: 0px;
padding: 1em;
list-style: none;
- border: 3px solid #364e59;
+ /*border: 3px solid #364e59;*/
z-index: 100000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
.tool a {
/* color: #000; */
}
-.tool a:hover, .widget a:hover, #nets-sidear a:hover, #hide-forum-list:hover, .admin.link a:hover, aside h4 a:hover {
+.tool a:hover, .widget a:hover, #nets-sidear a:hover, #hide-forum-list:hover, .admin.link a:hover, aside h4 a:hover, right_aside h4 a:hover {
/* text-decoration: underline; */
text-decoration: none;
color: black;
}
.sidebar-group-li:hover, #sidebar-new-group:hover, #hide-forum-list:hover,
-#sidebar-ungrouped:hover, .side-link:hover, .nets-ul li:hover, #forum-list div:hover,
-.nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, #message-new:hover {
+#sidebar-ungrouped:hover, .side-link:hover, .nets-ul li:hover, #forum-list div:hover, #forum-list-right div:hover,
+.nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, right_aside h4 a:hover, #message-new:hover {
/* background-color: #ddd; */
/* background-color: #e5e5e5; */
background-color: #F5F5F5;
font-weight: bold;
}
-#sidebar-new-group, #hide-forum-list, #forum-list, #sidebar-ungrouped,
+#sidebar-new-group, #hide-forum-list, #forum-list, #forum-list-right, #sidebar-ungrouped,
.side-link, #peoplefind-desc, #connect-desc, .nets-all, .admin.link, #message-new {
padding-left: 10px;
padding-top: 3px;
display: block;
}
-a.nets-link, .side-link a, #sidebar-new-group a, a.savedsearchterm, a.fileas-link, aside h4 a {
+a.nets-link, .side-link a, #sidebar-new-group a, a.savedsearchterm, a.fileas-link, aside h4 a, right_aside h4 a {
display: block;
color: #737373;
}
color: black;
}
-#forum-list a, .tool a, .admin.link a {
+#forum-list a, #forum-list-right a, .tool a, .admin.link a {
color: #737373;
}
-#forum-list {
+#forum-list, #forum-list-right {
margin-top: 2px;
}
color: #ccc;
padding-bottom: 8px;
padding-top: 8px;
+ cursor: pointer;
}
nav a:hover .icon {
nav .nav-menu-icon.selected {
background-color: #364e59;
}
+nav .nav-menu img,
nav .nav-menu-icon img {
width: 22px;
height: 22px;
-moz-border-radius: 4px;
border-radius: 4px;
}
+nav .nav-menu img {
+ margin-top: -3px;
+ margin-right: 4px;
+}
nav .nav-menu-icon .nav-notify {
top: 3px;
}
}
nav #nav-user-linklabel {
padding-left: 0px;
- margin-left: 0px;
+ margin-top: 0px;
}
nav #nav-help-link .menu-popup,
nav #nav-search-link .menu-popup,
margin-left: 0px;
margin-right: 0px;
}
+.contact-entry-photo:hover .contact-photo-menu,
+.contact-photo-wrapper:hover .menu-popup,
+nav #nav-user-linklabel:hover #nav-user-menu,
+nav #nav-user-linkmenu:hover #nav-user-menu,
+nav #nav-apps-link:hover #nav-apps-menu,
+nav #nav-site-linkmenu:hover #nav-site-menu,
+nav #nav-notifications-linkmenu:hover #nav-notifications-menu {
+ display:block;
+ visibility:visible;
+ opacity:1;
+}
nav #nav-notifications-linkmenu {
margin-left: 0px;
margin-right: 5px;
}
ul.menu-popup {
+ visibility:hidden;
+ opacity:0;
+ z-index:1;
+ transition:all 0.2s ease-in-out;
+ /* display: none; */
position: absolute;
- display: none;
width: 11em;
background: #ffffff;
color: #2d2d2d;
}
right_aside {
- width: 0px;
+ display: none;
+ vertical-align: top;
+ width: 185px;
+ padding-top: 10px;
+ padding-right: 20px;
+ padding-bottom: 0px;
+ padding-left: 10px;
+ background-color: #FFFFFF;
+ font-size: 13px;
+ overflow-y: auto;
+ z-index: 2;
+ line-height: 17px;
+ color: #737373;
+ box-shadow: 1px 2px 0px 0px #D8D8D8;
top: 32px;
- display: block;
+ position: absolute;
+ margin-left: calc(100% - 215px);
}
/* aside */
margin: 0px;
list-style: none;
}
-aside #dfrn-request-link {
+aside #dfrn-request-link,
+aside #wallmessage-link {
display: block;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
text-transform: uppercase;
padding: 4px 2px 2px 35px;
}
-aside #dfrn-request-link:hover {
+aside #dfrn-request-link:hover,
+aside #wallmessage-link:hover {
text-decoration: none;
background-color: #36c;
/* background-color: #19aeff; */
left: 10px;
}
-aside #search-text, aside #side-follow-url, aside #side-peoplefind-url {
+aside #search-text, aside #side-follow-url, aside #side-peoplefind-url, right_aside input {
width: 140px;
height: 17px;
padding-left: 10px;
-moz-border-right-colors: #dbdbdb;*/
}
-aside h4 {
+aside h4, right_aside h4 {
margin-bottom: 0px;
margin-top: 0px;
font-size: 1.17em;
line-height: 19.5px;*/
font-size: 14.95px;
line-height: 21px;
- /* font-family: Quodana,Verdana,DejaVu Sans,Bitstream Vera Sans,Helvetica,sans-serif; */
display: table-cell;
vertical-align: top;
top: 32px;
section.minimal {
top: 0px;
left: 0px;
+ position: absolute;
+ width: 100%;
+ height: 100%;
}
/* wall item */
.wall-item-container .wall-item-content img {
max-width: 100%;
+ vertical-align: middle;
/* max-width: 650px; */
/* max-width: 580px; */
}
width: 100%;
margin-bottom: 0.3em;
}
-.wall-item-container .wall-item-actions-social {
+.wall-item-container .wall-item-actions-social,
+.wall-item-container .wall-item-actions-isevent {
float: left;
margin-bottom: 1px;
}
-.wall-item-container .wall-item-actions-social a {
+.wall-item-container .wall-item-actions-social a,
+.wall-item-container .wall-item-actions-isevent a {
float: left;
margin-right: 1em;
+ cursor: pointer;
}
.wall-item-container .wall-item-actions-tools {
float: right;
.wall-item-container .wall-item-actions-tools a {
float: right;
margin-left: 10px;
+ cursor: pointer;
}
.wall-item-container .wall-item-actions-tools input {
float: right;
overflow-x: hidden;
}
aside form .field label {
- float: inherit;
+ float: left;
+ width: 170px;
+}
+
+aside #div_id_remember label {
+ float: inherit;
+}
+
+aside div #login-submit-button {
+ margin-left:0px;
+}
+
+aside #register-link, aside #lost-password-link {
+ display: block;
+}
+
+aside #id_username,
+aside div #id_openid_url,
+aside #id_password {
+ width: 170px;
+ max-width: 170px;
}
#profile-edit-links-end {
float: left;
}
+#register-name-end,
+#register-email-end,
+#register-nickname-end {
+ clear: both;
+}
+
.required {
display: inline;
color: #B20202;
float: left;
}
/* contacts */
-.contact-entry-wrapper {
+/*.contact-entry-wrapper {
width: 120px;
height: 130px;
float: left;
-/* overflow: hidden; */
+ overflow: hidden;
margin-left: 5px;
+}*/
+
+.contact-entry-wrapper {
+ float: left;
+ width: 363px;
+ height: 100px;
+ padding-right: 10px;
+ margin: 0 10px 10px 0px;
+}
+.contact-entry-wrapper .contact-entry-photo-wrapper {
+ float: left;
+ margin-right: 10px;
+ width: 80px;
+ height: 80px;
+}
+.contact-entry-photo-wrapper {
+ position: relative;
+}
+.contact-entry-desc {
+ overflow: hidden;
+}
+.contact-entry-name {
+ font-weight: bold;
+}
+.contact-entry-details {
+ font-size: 13px;
+ color: #999999;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
/* photo */
.lframe {
float: left;
margin: 0px 10px 10px 0px;
}
+.contact-entry-photo a img {
+ width: 80px;
+ height: 80px;
+}
/* profile match wrapper */
.profile-match-wrapper {
float: left;
}
.contact-photo-menu {
width: 11em;
- border: 3px solid #364e59;
+ /*border: 3px solid #364e59;*/
color: #2d2d2d;
background: #FFFFFF;
-/* position: absolute;*/
- position: relative;
- left: 0px; top: 0px;
+ position: absolute;
+ /*position: relative;*/
+ left: 0px; /*top: 0px;*/
display: none;
z-index: 10000;
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
.contact-photo-menu li a {
border: none;
}
+
/* ========== */
/* = Events = */
/* ========== */
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
- font-family:Arial;
+ font-family:Arial, sans-serif;
font-size:15px;
font-weight:bold;
font-style:normal;
.videos .video-top-wrapper:hover .video-delete {
opacity: 1;
}
+
+/* upload/select popup */
+.fbrowser.image .photo-album-image-wrapper { margin-left: 10px; }