\r
input {\r
border: 1px solid #666666;\r
-/* -moz-border-radius: 3px;*/\r
+ -moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
padding: 3px;\r
}\r
\r
width: 384px;\r
}*/\r
\r
-code {\r
+/*code {\r
font-family: Courier, monospace;\r
white-space: pre;\r
display: block;\r
background: #EEE;\r
color: #444;\r
padding: 10px;\r
- margin-top: 20px; \r
+ margin-top: 20px;\r
}\r
\r
blockquote {\r
margin-right: 0px;\r
width: 260px;\r
overflow: hidden;\r
+}*/\r
+\r
+code {\r
+ font-family: Courier, monospace;\r
+ white-space: pre;\r
+ display: block;\r
+ overflow: auto;\r
+ border: 1px solid #444;\r
+ background: #EEE;\r
+ color: #444;\r
+ padding: 10px;\r
+ margin-top: 20px;\r
+}\r
+\r
+blockquote {\r
+ background-color: #f4f8f9;\r
+ border-left: 4px solid #dae4ee;\r
+ padding: 0.4em;\r
}\r
\r
.icollapse-wrapper, .ccollapse-wrapper {\r
}\r
\r
#panel {\r
- background-color: ivory;\r
position: absolute;\r
-/* z-index: 2;*/\r
- width: 30%;\r
+ z-index: 2;\r
padding: 25px;\r
- border: 1px solid #444;\r
+ margin-right: 10px;\r
+\r
+ /*background-color: ivory;\r
+ border: 1px solid #444;*/\r
+\r
+ border-radius: 7px;\r
+ background-color: #222;\r
+ color: #eee;\r
}\r
\r
.heart {\r
margin-right: 5px;\r
}\r
\r
+.btn {\r
+ outline: none;\r
+ -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;\r
+ -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;\r
+ box-shadow: inset 0px 1px 0px 0px #ffffff;\r
+ background-color: #ededed;\r
+ text-indent: 0;\r
+ border: 1px solid #dcdcdc;\r
+ display: inline-block;\r
+ color: #777777;\r
+ padding: 5px 10px;\r
+ text-align: center;\r
+ border-radius: 8px;\r
+}\r
+\r
+.menu-popup {\r
+ width: auto;\r
+ border: 2px solid #444444;\r
+ background: #FFFFFF;\r
+ position: absolute;\r
+ margin: 2px 0 0;\r
+ display: none;\r
+ z-index: 10000;\r
+}\r
+\r
+.menu-popup li a {\r
+ display: block;\r
+ padding: 2px;\r
+}\r
+\r
+.menu-popup li a:hover {\r
+ color: #FFFFFF;\r
+ background: #3465A4;\r
+ text-decoration: none;\r
+}\r
+ul.menu-popup li.divider {\r
+ height: 1px;\r
+ margin: 3px 0;\r
+ overflow: hidden;\r
+ background-color: #2d2d2d;\r
+}\r
\r
\r
/* nav */\r
nav {\r
- height: 94px;\r
+ height: 60px;\r
/* width: 100%;*/\r
width: 320px;\r
display: block;\r
border: 1px solid #babdb6;\r
border-bottom: 0px;\r
background-color: #aec0d3;\r
- color: #565854; \r
-/* -moz-border-radius: 3px 3px 0px 0px;*/\r
+ color: #565854;\r
+ -moz-border-radius: 3px 3px 0px 0px;\r
-webkit-border-radius: 3px 3px 0px 0px;\r
- border-radius: 3px 3px 0px 0px; \r
+ border-radius: 3px 3px 0px 0px;\r
}\r
\r
.nav-commlink.selected {\r
right: 2px;\r
padding: 1px 2px;\r
border-radius: 4px;\r
-/* -moz-border-radius: 4px;*/\r
+ -moz-border-radius: 4px;\r
-webkit-border-radius: 4px;\r
background-color: gold !important;\r
}\r
}\r
\r
nav .nav-link {\r
- margin-top: 24px;\r
+ margin-top: 16px;\r
margin-bottom: 0.2em;\r
margin-right: 1em;\r
margin-left: 1em;\r
/* right: -33px;*/\r
padding: 1em 0px;\r
\r
-/* -moz-box-shadow: 3px 3px 5px #555;*/\r
+ -moz-box-shadow: 3px 3px 5px #555;\r
-webkit-box-shadow: 3px 3px 5px #555;\r
box-shadow: 3px 3px 5px #555;\r
\r
}\r
\r
#network-menu-list {\r
+ width: 9em;\r
left: 3px;\r
}\r
\r
display: block;\r
color: #FFFFFF;\r
-webkit-border-radius: 5px ;\r
-/* -moz-border-radius: 5px;*/\r
+ -moz-border-radius: 5px;\r
border-radius: 5px;\r
padding: 5px;\r
font-weight: bold;\r
display: block;\r
color: #FFFFFF;\r
-webkit-border-radius: 5px ;\r
-/* -moz-border-radius: 5px;*/\r
+ -moz-border-radius: 5px;\r
border-radius: 5px;\r
padding: 5px;\r
font-weight: bold;\r
background-repeat: no-repeat;\r
\r
min-height: 112px;\r
- border-top: 1px solid #babdb6; \r
+ border-top: 1px solid #babdb6;\r
overflow-x:hidden;\r
}\r
\r
.tabs {\r
/*background-image: url(head.jpg);\r
- background-repeat: repeat-x; \r
+ background-repeat: repeat-x;\r
background-position: 0px -20px;*/\r
border-bottom: 1px solid #babdb6;\r
padding:0px;\r
}\r
+.tabs.links-widget {\r
+ border: none;\r
+}\r
.tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; }\r
.tabs a {\r
padding: 0.4em 2em;\r
border: 1px solid #aaa;\r
border-radius: 8px;\r
-/* -moz-border-radius: 8px;*/\r
+ -moz-border-radius: 8px;\r
-webkit-border-radius: 8px;\r
}\r
.tab {\r
/*display:block;*/\r
- /*float:left;*/\r
+ float:left;\r
padding-left: 1em;\r
padding-right: 0.4em;\r
padding-top: 0.4em;\r
padding-bottom: 0.4em;\r
- /*margin-right: 1em;*/\r
- margin-right: 3px ;\r
+ margin-right: 0.5em;\r
+ margin-bottom: 0.4em;\r
}\r
.tab.active {\r
font-weight: bold;\r
- \r
+\r
}\r
#events-tab {\r
display: none;\r
}\r
+#tabs-end {\r
+ padding-top: 0.3em;\r
+ clear: both;\r
+}\r
\r
+/* Contact-Header for the Network Stream */\r
+#viewcontact_wrapper-network {\r
+ width: 100%;\r
+ min-height: 100px;\r
+ background-color: #FAFAFA;\r
+ border: 1px solid #DDDDDD;\r
+ border-radius: 5px;\r
+}\r
+#contact-entry-wrapper-network {\r
+ float: none;\r
+ width: auto;\r
+ height: auto;\r
+ padding: 10px;\r
+ margin: 0;\r
+}\r
+#contact-entry-accounttype-network {\r
+ font-size: 0.9em;\r
+}\r
+#contact-entry-name-network {\r
+ font-size: 1.5em;\r
+}\r
\r
/* footer */\r
footer {\r
}\r
\r
/* from default */\r
-#jot-perms-icon, \r
+#jot-perms-icon,\r
#profile-location,\r
#profile-nolocation,\r
-#profile-youtube, \r
-#profile-video, \r
+#profile-youtube,\r
+#profile-video,\r
#profile-audio,\r
#profile-link,\r
-#profile-title, \r
+#profile-title,\r
#wall-image-upload,\r
#wall-file-upload,\r
#profile-upload-wrapper,\r
border: 1px solid #ffffff;\r
}\r
\r
-#jot-title::-webkit-input-placeholder{font-weight: normal;}\r
+/*#jot-title::-webkit-input-placeholder{font-weight: normal;}\r
#jot-category::-webkit-input-placeholder{font-weight: normal;}\r
-/*#jot-title:-moz-placeholder{font-weight: normal;}\r
+#jot-title:-moz-placeholder{font-weight: normal;}\r
#jot-category:-moz-placeholder{font-weight: normal;}*/\r
- \r
- \r
+\r
+\r
#jot-title:hover,\r
#jot-title:focus,\r
#jot-category:hover,\r
#jot-category:focus {\r
- border: 1px solid #cccccc; \r
+ border: 1px solid #cccccc;\r
}\r
\r
.jothidden { display:none; }\r
margin-bottom: 10px;\r
}\r
\r
-.group-selected, .nets-selected, .fileas-selected, .categories-selected {\r
+.group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected {\r
padding: 3px;\r
-/* -moz-border-radius: 3px;*/\r
+ -moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #CCCCCC;\r
background: #F8F8F8;\r
font-weight: bold;\r
/* padding: 3px;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #CCCCCC;*/\r
background: #F8F8F8;\r
font-weight: bold;\r
}\r
\r
#login-submit-button {\r
- margin-top: 10px; \r
+ margin-top: 10px;\r
margin-left: 200px;\r
}*/\r
\r
background-color: #FFFFFF;\r
color: #000000;\r
margin-bottom: 20px;\r
+ max-width: 90%;\r
}\r
\r
#dfrn-url-label {\r
#dfrn-request-message-wrapper {\r
margin-bottom: 50px;\r
}\r
+#dfrn-request-message-wrapper textarea {\r
+ max-width: 90%;\r
+}\r
#dfrn-request-submit-wrapper {\r
clear: both;\r
- margin-left: 50px;\r
+ /*margin-left: 50px;*/\r
+}\r
+#dfrn-request-submit-wrapper input {\r
+ font-size: 18px;\r
+ padding: 5px 10px;\r
}\r
\r
#dfrn-request-info-wrapper {\r
\r
#profile-extra-links li {\r
margin-top: 5px;\r
+ max-width: 300px;\r
+ margin-left: auto;\r
+ margin-right: auto;\r
}\r
\r
#profile-edit-links ul {\r
margin-bottom: 20px;\r
}\r
\r
+\r
+\r
#profile-publish-yes-reg,\r
#profile-publish-no-reg {\r
float: left;\r
clear: left;\r
color: #666666;\r
display: block;\r
- margin-bottom: 20px \r
+ margin-bottom: 20px\r
}\r
\r
#profile-edit-profile-name-end,\r
/* width: 120px;\r
height: 120px;*/\r
padding-left: 15px;\r
- padding-right: 15px; \r
- width: 95px;\r
- height: 200px;\r
+ padding-right: 15px;\r
+ max-width: 262px;\r
+ height: 90px;\r
+ margin: 0 10px 10px 0px;\r
+}\r
+.contact-entry-wrapper .contact-entry-photo-wrapper {\r
+ float: left;\r
+ margin-right: 10px;\r
}\r
#contacts-search-end {\r
margin-bottom: 10px;\r
\r
.contact-entry-photo img {\r
border: none;\r
+ width: 80px;\r
+ height: 80px;\r
}\r
.contact-entry-photo-end {\r
clear: both;\r
}\r
+.contact-entry-desc {\r
+ overflow: hidden;\r
+}\r
.contact-entry-name {\r
- float: left;\r
margin-left: 0px;\r
margin-right: 10px;\r
padding-bottom: 5px;\r
font-style: italic;\r
font-size: 10px;\r
font-weight: 500;\r
+ white-space: nowrap;\r
+ overflow: hidden;\r
+ text-overflow: ellipsis;\r
}\r
.contact-entry-network {\r
font-size: 10px;\r
}\r
\r
.wall-item-content-wrapper {\r
- padding-top: 30px;\r
+ padding-top: 1em;\r
+/* padding-left: 0.25em;\r
+ padding-right: 0.25em;*/\r
+\r
border-top: 2px solid #AAAAAA;\r
position: relative;\r
-\r
}\r
\r
.wall-item-content-wrapper.comment {\r
- margin-top: 30px;\r
- padding-top: 0px;\r
+ margin-top: 15px;\r
margin-left: 5px;\r
margin-right: 5px;\r
- border: 2px solid #AAAAAA;\r
+\r
+ padding-top: 5px;\r
+ padding-left: 5px;\r
+ padding-right: 5px;\r
+\r
+ border: 1px solid #AAAAAA;\r
border-radius: 10px;\r
-webkit-border-radius: 10px;\r
-/* -moz-border-radius: 10px;*/\r
+ -moz-border-radius: 10px;\r
/* background: #EEEEEE;*/\r
}\r
\r
-.wall-item-like, .wall-item-dislike {\r
+.wall-item-response {\r
+ clear: both;\r
font-style: italic;\r
margin-left: 0px;\r
opacity: 0.6;\r
}\r
\r
-.wall-item-like.comment, .wall-item-dislike.comment {\r
+.wall-item-response.comment {\r
margin-left: 5px;\r
}\r
\r
.wall-item-info {\r
display: block;\r
float: left;\r
- width:110px;\r
+ width:126px;\r
margin-right:10px;\r
+ margin-bottom:10px;\r
}\r
.comment .wall-item-info {\r
- width: 70px;\r
+ width: 86px;\r
}\r
\r
-.wall-item-photo-wrapper {\r
- margin-bottom: 10px;\r
- width: 100px;\r
-}\r
.wall-item-photo-menu-button {\r
display: block;\r
position: absolute;\r
background-image: url("photo-menu.jpg");\r
- background-position: top left; \r
+ background-position: top left;\r
background-repeat: no-repeat;\r
margin: 0px; padding: 0px;\r
width: 16px;\r
overflow: hidden;\r
text-indent: 40px;\r
display: none;\r
- \r
+\r
}\r
.wall-item-photo-menu {\r
width: auto;\r
left: 50px;\r
margin: 0;\r
position: absolute;\r
- top: 80px;\r
+ top: 67px;\r
width: 30px\r
}\r
.wallwall .wwto img {\r
.wall-item-arrowphoto-wrapper {\r
position: absolute;\r
left: 75px;\r
- top: 80px;\r
+ top: 67px;\r
/* z-index: 100;*/\r
}\r
.wall-item-lock {\r
- margin-top: 30px;\r
+ margin-top: 1em;\r
left: 105px;\r
position: absolute;\r
- top: 1px; \r
+ top: 1px;\r
+ width: 32px;\r
}\r
.comment .wall-item-lock {\r
margin-top: 0px;\r
/* add ellipsis on text overflow */\r
/* this work on safari, opera, ie, chrome. */\r
/* firefox users have to wait support or we */\r
- /* can use a jquery plugin http://bit.ly/zJskg */\r
+ /* can use a jquery addon http://bit.ly/zJskg */\r
text-overflow: ellipsis;\r
-o-text-overflow: ellipsis;\r
width: 100%;\r
margin-right: 10px;\r
}\r
\r
-.editpost {\r
- margin-left: 10px;\r
- float: left;\r
-}\r
-.star-item {\r
- margin-left: 10px;\r
- float: left; \r
-}\r
-.tag-item {\r
- margin-left: 10px;\r
- float: left; \r
-}\r
-\r
-.filer-item {\r
+.editpost,\r
+.star-item,\r
+.tag-item,\r
+.filer-item,\r
+.event-item {\r
margin-left: 10px;\r
float: left;\r
}\r
}\r
.wall-item-photo {\r
border: none;\r
+ border-radius: 7px;\r
}\r
.comment .wall-item-photo {\r
- width: 50px !important; \r
+ width: 50px !important;\r
height: 50px !important;\r
- border-top-left-radius: 10px;\r
}\r
.wall-item-content {\r
- float: left;\r
- margin-left: 3px;\r
+/* float: left;\r
+ max-width: 100%*/\r
/* padding-right: 1em;\r
max-height: 500px;\r
overflow: auto;*/\r
+ padding-left:0.25em;\r
+ padding-right:0.25em;\r
+ clear: left; /* I hate this, but it's the only way to keep the text from bunching to the right on the Android browser */\r
}\r
-\r
-.wall-item-content img {\r
- display: block;\r
- margin-top: 10px;\r
- margin-right: auto;\r
- margin-left: auto;\r
- max-width: 290px;\r
- border-radius: 7px;\r
-/* -moz-border-radius: 7px;*/\r
- -webkit-border-radius: 7px;\r
-}\r
-\r
-.wall-item-content img.smiley {\r
- display: inline;\r
- margin: auto;\r
- border-radius: 0;\r
- -webkit-border-radius: 0;\r
-}\r
-\r
-.comment .wall-item-content img {\r
- max-width: 280px;\r
-}\r
-\r
-.divgrow-showmore {\r
- display: block;\r
- clear: both;\r
- text-align: center;\r
- outline: 0;\r
- border-top: 1px dotted #888;\r
+.comment .wall-item-content {\r
+ padding-left:0.5em;\r
+ padding-right:0.5em;\r
}\r
\r
-\r
.wall-item-title {\r
- float: left;\r
+ /*float: left;*/\r
font-weight: bold;\r
- font-size: 1.6em; \r
+ font-size: 1.6em;\r
/*width: 450px;*/\r
}\r
\r
.wall-item-body {\r
text-align: justify;\r
float: left;\r
- clear: left;\r
-/* width: 300px;*/\r
+ max-width: 100%;\r
overflow: hidden;\r
margin-top: 10px;\r
- padding-right: 1em;\r
line-height: 23px;\r
}\r
\r
+.wall-item-body img {\r
+ display: block;\r
+ margin-top: 2px;\r
+ margin-right: auto;\r
+ margin-left: auto;\r
+ /*max-width: 290px;*/\r
+ max-width: 100%;\r
+ border-radius: 7px;\r
+ -moz-border-radius: 7px;\r
+ -webkit-border-radius: 7px;\r
+}\r
+\r
+/*.comment .wall-item-body img {\r
+ max-width: 100%;\r
+}*/\r
+\r
+.wall-item-body img.smiley {\r
+ display: inline;\r
+ margin: auto;\r
+ border-radius: 0;\r
+ -webkit-border-radius: 0;\r
+}\r
+\r
+.wall-item-body blockquote {\r
+ margin-left: 0px;\r
+ margin-right: 0px;\r
+}\r
+\r
+.comment .wall-item-body ul {\r
+ padding-left: 1.5em;\r
+}\r
+\r
.wall-item-body iframe {\r
display: block;\r
clear: both;\r
}\r
\r
.wall-item-body code {\r
- width: 260px;\r
overflow: hidden;\r
}\r
\r
-.comment .wall-item-body {\r
- margin-left: 5px;\r
- padding-right: 0.5em;\r
-/* width: 280px;*/\r
-}\r
-\r
-.comment .wall-item-body blockquote {\r
- margin-left: 0px;\r
- margin-right: 0px;\r
- width: 260px;\r
+.showmore {\r
+ display: block;\r
+ clear: both;\r
+ text-align: center;\r
+ outline: 0;\r
+ border-top: 1px dotted #888;\r
}\r
\r
.wall-item-tools {\r
background-repeat: repeat-x;*/\r
padding: 5px 5px 0px;\r
height: 32px;\r
-\r
}\r
+.wall-item-tools a {\r
+ border-radius: 8px;\r
+ padding: 2px;\r
+ background-position: center;\r
+}\r
+.wall-item-tools a.active {\r
+ background-color: rgba(59, 101, 164, 0.5);\r
+}\r
+\r
.wall-item-author {\r
/* margin-top: 10px;*/\r
margin-top: 0px;\r
background-repeat: repeat-x;*/\r
border-bottom-left-radius: 10px;\r
border-bottom-right-radius: 10px;\r
-} \r
+}\r
\r
\r
.comment-edit-wrapper {\r
display: block;\r
margin-top: 15px;\r
background: #f3f3f3;\r
- margin-left: 10px;\r
- margin-right: 10px;\r
+ margin-left: 5px;\r
+ margin-right: 5px;\r
+ border-radius: 10px;\r
}\r
\r
.comment-wwedit-wrapper.comment {\r
}\r
\r
\r
+.comment-edit-form {\r
+ padding-left: 1em;\r
+ padding-right: 1.5em;\r
+}\r
+\r
.comment-edit-photo {\r
margin-top: 15px;\r
- margin-left: 10px;\r
- margin-bottom: 10px;\r
+ /*margin-left: 10px;\r
+ margin-bottom: 10px;*/\r
width: 25px;\r
float: left;\r
}\r
}\r
.comment-edit-text-empty, .comment-edit-text-full {\r
/* float: left;*/\r
-/* -moz-border-radius: 3px;*/\r
+ -moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #cccccc;\r
padding: 3px 1px 1px 3px;\r
}\r
color: black;\r
height: 150px;\r
/* width: 350px;\r
- overflow: auto;*/\r
+ overflow: auto;\r
width: 250px;\r
margin-top: 15px;\r
- margin-left: 20px;\r
+ margin-left: 20px;*/\r
+ width: 100%;\r
+ margin-top: 1.5em;\r
}\r
\r
.comment .comment-edit-text-empty {\r
.comment-edit-submit {\r
font-size: 18px;\r
padding: 5px 10px;\r
- margin: 10px 0px 10px 110px;\r
+ margin: 10px 0px 10px 0px;\r
}\r
\r
#profile-jot-wrapper {\r
- padding-left: 10px;\r
+ padding-left: 1em;\r
+ padding-right: 1em;\r
+}\r
+\r
+.shared_header {\r
+ border-top: 1px solid #aaa;\r
+ color: #999;\r
+\r
+ height: 42px; /* 32 px for the image plus 10 px for the margin around the image */\r
+ padding-top: 0.5em;\r
+ margin-top: 1em;\r
+ margin-bottom: 1em;\r
+\r
+}\r
+.shared_header img {\r
+ float: left;\r
+\r
+ margin: auto 1em auto auto;\r
+ padding: 0;\r
+\r
+ box-shadow: none;\r
+ -moz-box-shadow: none;\r
+ -webkit-box-shadow: none;\r
}\r
\r
#profile-jot-plugin-wrapper,\r
#profile-jot-plugin-end{\r
clear: both;\r
}\r
+input#profile-jot-email {\r
+ display: block;\r
+}\r
.profile-jot-net {\r
float: left;\r
margin-right: 10px;\r
padding: 0.2em 1em;\r
border: 1px solid #aaa;\r
border-radius: 10px;\r
-/* -moz-border-radius: 10px;*/\r
+ -moz-border-radius: 10px;\r
-webkit-border-radius: 10px;\r
}\r
\r
+.pager .disabled {\r
+ display: none;\r
+}\r
\r
.pager_first,\r
.pager_last,\r
}*/\r
\r
.pager_prev a,\r
-.pager_next a {\r
+.pager_next a,\r
+.scroll_loader_text {\r
font-size: 1.5em;\r
padding: 0.2em 1em;\r
border: 1px solid #aaa;\r
border-radius: 10px;\r
-/* -moz-border-radius: 10px;*/\r
+ -moz-border-radius: 10px;\r
-webkit-border-radius: 10px;\r
}\r
\r
float: left;\r
border: 1px solid black;\r
border-radius: 7px;\r
-/* -moz-border-radius: 7px;*/\r
+ -moz-border-radius: 7px;\r
-webkit-border-radius: 7px;\r
background: #FFCCCC;\r
font-size: 1.25em;\r
#advanced-profile-gender-wrapper,\r
#advanced-profile-dob-wrapper,\r
#advanced-profile-age-wrapper,\r
+\r
#advanced-profile-marital-wrapper,\r
#advanced-profile-sexual-wrapper,\r
#advanced-profile-homepage-wrapper,\r
margin-left: 15px;\r
}\r
\r
+#contact-edit-status-wrapper {\r
+ padding: 10px;\r
+ border: 1px solid #aaa;\r
+ border-radius: 8px;\r
+}\r
+\r
+#contact-edit-contact-status {\r
+ font-weight: bold;\r
+}\r
+#contact-edit-actions {\r
+ float: right;\r
+ display: inline-block;\r
+}\r
#contact-edit-wrapper {\r
margin-top: 10px;\r
}\r
}\r
\r
#contact-edit-last-update-text {\r
- float: left;\r
- clear: left;\r
margin-top: 30px;\r
}\r
\r
#contact-edit-poll-text {\r
- float: left;\r
- clear: left;\r
margin-top: 15px;\r
margin-bottom: 0px;\r
}\r
margin-top: 30px;\r
}\r
\r
+#contact-edit-info-wrapper, #contact-edit-info {\r
+ width: 90%;\r
+}\r
+\r
#contact-edit-end {\r
clear: both;\r
margin-top: 15px;\r
}\r
\r
.contact-edit-submit {\r
- margin-top: 20px;\r
+ clear: left;\r
+ display: block;\r
+\r
+ margin-top: 10px;\r
+ margin-bottom: 45px;\r
padding: 0.2em 0.5em;\r
font-size: 18px;\r
}\r
.contact-photo-menu-button {\r
/* position: absolute;\r
background-image: url("photo-menu.jpg");\r
- background-position: top left; \r
+ background-position: top left;\r
background-repeat: no-repeat;\r
margin: 0px; padding: 0px;\r
width: 16px;\r
overflow: hidden;\r
text-indent: 40px;\r
display: none;*/\r
- \r
+\r
}\r
.contact-photo-menu {\r
width: 130px;\r
border: 1px solid #AAA;\r
background: #FFFFFF;\r
position: absolute;\r
- left: -30px; top: 80px;\r
+ /*left: -30px;*/ top: 80px;\r
display: none;\r
z-index: 101;\r
-/* -moz-box-shadow: 3px 3px 5px #555;*/\r
+ -moz-box-shadow: 3px 3px 5px #555;\r
-webkit-box-shadow: 3px 3px 5px #555;\r
box-shadow: 3px 3px 5px #555;\r
}\r
width: 587px;\r
}\r
\r
-#profile-jot-desc {\r
- /*float: left;*/\r
+.video-top-wrapper {\r
+ display: inline-block;\r
+ vertical-align: top;\r
+ margin-top: 15px;\r
+ margin-right: 15px;\r
+ margin-left: 15px;\r
+ margin-bottom: 15px;\r
+}\r
+\r
+#profile-jot-desc {\r
+ /*float: left;*/\r
width: 100%;\r
color: #FF0000;\r
margin-top: 10px;\r
}\r
\r
#profile-jot-text {\r
- width: 90%;\r
+ width: 100%;\r
height: 20px;\r
color:#cccccc;\r
border: 1px solid #cccccc;\r
padding: 3px 0px 0px 5px;\r
-/* -moz-border-radius: 3px;*/\r
+ -moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
}\r
\r
\r
#photo-edit-perms-select,\r
#photos-upload-permissions-wrapper,\r
#profile-jot-acl-wrapper{\r
- display:block!important;\r
+ /*display:block!important;*/\r
}\r
\r
#photos-usage-message {\r
margin-bottom: 15px;\r
}\r
\r
-#profile-jot-acl-wrapper{\r
- width:270px;\r
- padding-left:10px;\r
- height:auto;\r
- overflow:visible;\r
+#profile-jot-acl-wrapper {\r
+ /*width:270px;*/\r
+ height: auto;\r
+ overflow: visible;\r
+ margin-top: 1em;\r
+ display: inline-block;\r
+}\r
+\r
+#profile-jot-acl-wrapper,\r
+#photos-upload-permissions-wrapper,\r
+#photo-edit-perms-select {\r
+ padding: 0.7em;\r
+ border: 1px solid #888;\r
+ border-radius: 10px;\r
}\r
\r
#acl-wrapper {\r
- width: 270px;\r
- float:left;\r
+ /*width: 270px;\r
+ float:left;*/\r
+ text-align: left;\r
+ clear: both;\r
}\r
#acl-search {\r
display: none;\r
background-image: url("../../../images/show_all_off.png");\r
background-position: 7px 7px;\r
background-repeat: no-repeat;\r
- padding: 7px 5px 0px 30px;\r
+ padding: 7px 15px 7px 30px;\r
-webkit-border-radius: 5px ;\r
-/* -moz-border-radius: 5px;*/\r
+ -moz-border-radius: 5px;\r
border-radius: 5px;\r
color: #999999;\r
+ margin-bottom: 0.3em;\r
}\r
#acl-showall.selected {\r
color: #000000;\r
overflow: visible;\r
}\r
#acl-list-content {\r
- \r
+\r
}\r
.acl-list-item {\r
- display: block;\r
- width: 120px;\r
+ display: inline-block;\r
+ width: 190px;\r
height: 30px;\r
border: 1px solid #cccccc;\r
-/* -moz-border-radius: 4px;*/\r
+ -moz-border-radius: 4px;\r
-webkit-border-radius: 4px;\r
border-radius: 4px;\r
margin-top: 5px;\r
margin-right: 2px;\r
margin-left: 2px;\r
padding-left: 5px;\r
- float: left;\r
+ /*float: left;*/\r
}\r
.acl-list-item img{\r
- display: none;\r
width:22px;\r
height: 22px;\r
float: left;\r
margin: 4px;\r
}\r
.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}\r
-.acl-list-item a { \r
- font-size: 8px;\r
+.acl-list-item a {\r
+ font-size: 10px;\r
display: block;\r
- width: 40px;\r
+ width: 55px;\r
height: 10px;\r
float: left;\r
- color: #999999;\r
- background-color: #cccccc;\r
+ color: rgb(153, 153, 153);\r
+ background-color: rgb(204, 204, 204);\r
background-position: 3px 3px;\r
background-repeat: no-repeat;\r
margin-right: 5px;\r
+\r
-webkit-border-radius: 2px ;\r
-/* -moz-border-radius: 2px;*/\r
- border-radius: 2px;\r
- padding-left: 15px;\r
+ -moz-border-radius: 2px;\r
+ border-radius: 2px 2px 2px 2px;\r
+\r
+ padding: 0px 5px 3px 15px;\r
}\r
#acl-wrapper a:hover {\r
text-decoration: none;\r
#group-edit-name-wrapper {\r
\r
\r
+\r
}\r
\r
\r
clear: both;\r
}\r
\r
+#message-new {\r
+ font-size: 24px;\r
+}\r
+\r
#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {\r
margin-bottom: 10px;\r
margin-top: 20px;\r
\r
.mail-list-outside-wrapper-end {\r
clear: both;\r
+\r
}\r
\r
.mail-list-outside-wrapper {\r
clear: both;\r
}\r
\r
+#poke-desc {\r
+ margin: 5px 0 10px;\r
+}\r
+\r
+#poke-wrapper {\r
+ padding: 10px 0 0px;\r
+}\r
+\r
+#poke-recipient, #poke-action, #poke-privacy-settings {\r
+ margin: 10px 0 30px;\r
+}\r
+\r
+#poke-recip-label, #poke-action-label, #prvmail-message-label {\r
+ margin: 10px 0 10px;\r
+}\r
+\r
#sidebar-group-list ul {\r
list-style-type: none;\r
}\r
}\r
\r
#search-save {\r
+ font-size: 18px;\r
+ padding: 5px 10px;\r
margin-left: 5px;\r
}\r
.groupsideedit {\r
border: 1px solid #DDDDDD;\r
padding: 18px;\r
margin-top: 5px;\r
-/* -moz-border-radius:5px;*/\r
+ -moz-border-radius:5px;\r
-webkit-border-radius:5px;\r
border-radius:5px;\r
-\r
}\r
+.widget.settings-widget {\r
+ padding: 0;\r
+}\r
+\r
\r
\r
/*.photos {\r
margin-top: 15px;\r
margin-right: 15px;\r
margin-left: 15px;\r
-/* width: 200px; height: 200px; \r
- overflow: hidden; \r
+/* width: 200px; height: 200px;\r
+ overflow: hidden;\r
position: relative; */\r
}\r
.photo-album-image-wrapper .caption {\r
- display: none; \r
+ display: none;\r
width: 100%;\r
/* position: absolute; */\r
- bottom: 0px; \r
+ bottom: 0px;\r
padding: 0.5em 0.5em 0px 0.5em;\r
background-color: rgba(245, 245, 255, 0.8);\r
border-bottom: 2px solid #CCC;\r
}\r
\r
.photo-top-image-wrapper {\r
-/* position: relative; */\r
- float: left;\r
+/* position: relative;\r
+ float: left;*/\r
+ display: inline-block;\r
+ vertical-align: top;\r
margin-top: 15px;\r
margin-right: 15px;\r
margin-left: 15px;\r
margin-bottom: 15px;\r
-/* width: 200px; height: 200px; \r
+/* width: 200px; height: 200px;\r
overflow: hidden; */\r
}\r
.photo-top-image-wrapper img {\r
max-width: 290px;\r
border-radius: 10px;\r
-/* -moz-border-radius: 10px;*/\r
+ -moz-border-radius: 10px;\r
-webkit-border-radius: 10px;\r
}\r
.photo-top-album-name {\r
width: 100%;\r
min-height: 2em;\r
/* position: absolute; */\r
- bottom: 0px; \r
+ bottom: 0px;\r
padding: 0px 3px;\r
padding-top: 0.5em;\r
background-color: rgb(255, 255, 255);\r
margin-left: 30px;\r
}\r
\r
-#photos-upload-newalbum-div {\r
- float: left;\r
+#photos-upload-form {\r
+ text-align: center;\r
+}\r
+\r
+#photos-upload-newalbum-div, #photos-upload-existing-album-text {\r
+ /*float: left;*/\r
+ display: inline-block;\r
width: 175px;\r
+ text-align: left;\r
}\r
\r
#photos-upload-noshare {\r
margin-bottom: 10px;\r
}\r
-#photos-upload-existing-album-text {\r
- float: left;\r
- width: 175px;\r
+#photos-upload-noshare-div {\r
+ margin-top: 2em;\r
+ margin-bottom: 15px;\r
}\r
+\r
+#photos-upload-noshare-label {\r
+ margin-left: 25px;\r
+}\r
+\r
#photos-upload-newalbum {\r
- float: left;\r
+ width: 15em;\r
}\r
#photos-upload-album-select {\r
- float: left;\r
+ width: 15.7em;\r
}\r
\r
+\r
#photos-upload-spacer {\r
margin-top: 25px;\r
}\r
#photos-upload-exist-end {\r
margin-bottom: 15px;\r
}\r
-#photos-upload-submit {\r
- margin-top: 15px;\r
-}\r
\r
#photos_upload_applet_wrapper {\r
margin-bottom: 15px;\r
}\r
\r
#profile-jot-banner-end {\r
- /* clear: both; */ \r
+ /* clear: both; */\r
}\r
\r
#photos-upload-select-files-text {\r
margin-bottom: 15px;\r
}\r
\r
-#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {\r
- float: left;\r
- width: 150px;\r
-}\r
-\r
-#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {\r
- font-weight: 700;\r
+.photo-edit-input-text {\r
+ display: inline-block;\r
+ text-align: left;\r
}\r
\r
-#photos-upload-noshare-div {\r
- margin-top: 140px;\r
- margin-bottom: 15px;\r
+#photo_edit_form {\r
+ text-align: center;\r
}\r
\r
-#photos-upload-noshare-label {\r
- margin-left: 25px;\r
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {\r
+ /*float: left;*/\r
+ display: inline-block;\r
+ width: 150px;\r
}\r
\r
-#photos-upload-noshare {\r
- float: left;\r
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {\r
+ font-weight: 700;\r
}\r
\r
.photo-perms-icon {\r
\r
#photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {\r
text-decoration: none;\r
+ display: inline-block;\r
+}\r
+\r
+#photos-upload-perms-menu #jot-perms-icon {\r
+ margin-right: 1em;\r
}\r
\r
.photo-jot-perms-text {\r
\r
#photo-edit-perms, #photos-upload-perms, #settings-default-perms {\r
margin-top: 30px;\r
+ display: inline-block;\r
}\r
#photos-upload-perms {\r
margin-top: 15px;\r
margin-top: 15px;\r
border: 1px solid #aaa;\r
border-radius: 10px;\r
-/* -moz-border-radius: 10px;*/\r
+ -moz-border-radius: 10px;\r
-webkit-border-radius: 10px;\r
}\r
\r
}\r
\r
#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {\r
- float: left;\r
+ /*float: left;*/\r
margin-bottom: 25px;\r
}\r
\r
+.photo-edit-rotate-choice {\r
+ display: inline-block;\r
+}\r
+\r
.photo-edit-rotate {\r
float: left;\r
margin-left: 20px;\r
+\r
}\r
#photo-edit-link-wrap {\r
margin-bottom: 15px;\r
margin-left: 45px;\r
}\r
#photos-upload-choose {\r
- position: absolute;\r
+/* position: absolute;\r
top: 460px;\r
- left: 5px;\r
+ left: 5px;*/\r
+ margin-top: 1em;\r
}\r
#photos-upload-submit {\r
- margin-top: 30px;\r
- margin-left: 100px;\r
+ margin-top: 0px;\r
margin-bottom: 20px;\r
}\r
-.settings-submit, .profile-edit-submit-button {\r
+.settings-submit, .profile-edit-submit-button, .settings-features-submit {\r
padding: 0.25em 0.5em;\r
margin-bottom: 10px;\r
font-size: 18px;\r
margin-bottom: 20px;\r
}\r
\r
+#photo-album-edit-form {\r
+ max-width: 100%;\r
+ padding-left: 0.5em;\r
+ padding-right: 0.5em;\r
+}\r
+#photo-album-edit-form input {\r
+ max-width: 100%;\r
+}\r
+#photo-album-edit-name-label {\r
+ display: block;\r
+}\r
+\r
#photo-album-edit-submit, #photo-album-edit-drop {\r
margin-top: 15px;\r
margin-bottom: 15px;\r
+\r
+ padding: 0.25em 0.5em;\r
+ font-size: 18px;\r
}\r
\r
#photo-album-edit-drop {\r
- margin-left: 200px;\r
+ margin-left: 2em;\r
}\r
\r
.group-delete-wrapper {\r
}\r
\r
#search-submit {\r
+ font-size: 18px;\r
+ padding: 5px 10px;\r
margin-left: 15px;\r
}\r
\r
margin-bottom: 25px;\r
}\r
\r
-.location-label, .gender-label, .marital-label, .homepage-label {\r
+.location-label, .gender-label, .marital-label, .homepage-label, .network-label {\r
float: left;\r
text-align: right;\r
display: block;\r
width: 65px;\r
}\r
\r
-.adr, .x-gender, .marital-text, .homepage-url {\r
+.adr, .x-gender, .marital-text, .homepage-url, .x-network {\r
float: left;\r
display: block;\r
margin-left: 8px;\r
}\r
\r
\r
-#plugin-settings-link, #account-settings-link {\r
+#addon-settings-link, #account-settings-link {\r
margin-bottom: 10px;\r
}\r
\r
}\r
\r
/* end from default */\r
- \r
+\r
\r
.fn {\r
- padding: 0px 0px 5px 12px;\r
+ padding: 1em 0px 5px 12px;\r
font-size: 120%;\r
font-weight: bold;\r
}\r
\r
-.vcard .title {\r
+.vcard .title,\r
+.vcard .p-addr,\r
+.vcard .account-type {\r
margin-bottom: 5px;\r
margin-left: 12px;\r
}\r
\r
+.vcard .account-type {\r
+ font-size: 120%;\r
+ margin-bottom: 13px;\r
+}\r
+\r
.vcard dl {\r
clear: both;\r
}\r
\r
#birthday-title {\r
float: left;\r
- font-weight: bold; \r
+ font-weight: bold;\r
}\r
\r
#birthday-adjust {\r
clear: both;\r
}\r
\r
- \r
+\r
.calendar {\r
font-family: Courier, monospace;\r
}\r
margin: 10px;\r
}\r
\r
-#identity-manage-desc {\r
- margin-top:15px;\r
- margin-bottom: 15px;\r
+.itentity-match-wrapper {\r
+ float: left;\r
+ padding: 10px;\r
+ width: 120px;\r
+ height: 140px;\r
+ margin-bottom: 20px;\r
}\r
\r
-#identity-manage-choose {\r
- margin-bottom: 15px;\r
+.identity-match-photo {\r
+ float: left;\r
+ text-align: center;\r
+ width: 120px;\r
}\r
\r
-#identity-submit {\r
- margin-top: 20px;\r
+.identity-match-name {\r
+ text-align: center;\r
+}\r
+\r
+.identity-match-details {\r
+ float: left;\r
+ text-align: center;\r
+ width: 120px;\r
+ overflow: hidden;\r
+ font-size: 10px;\r
+ font-weight: 500;\r
+ color: #999999;\r
+}\r
+\r
+.identity-match-break, .identity-match-end {\r
+ clear: both;\r
+}\r
+\r
+.identity-match-photo button {\r
+ border: none;\r
+ padding: 0;\r
+ margin: 0;\r
+ background: none;\r
+ height: 80px;\r
+ width: 80px;\r
+}\r
+\r
+.selected-identity img {\r
+ border: 2px solid #ff0000;\r
}\r
\r
#photo-nav {\r
float: left;\r
}*/\r
\r
+#photo-photo {\r
+ display: block;\r
+ margin-left: auto;\r
+ margin-right: auto;\r
+ text-align: center;\r
+}\r
+\r
#photo-photo img {\r
- max-width: 310px;\r
+ max-width: 100%;\r
}\r
\r
#photo-photo-end {\r
}\r
\r
.profile-match-wrapper {\r
- float: left;\r
+ display: inline-block;\r
padding: 10px;\r
- width: 120px;\r
- height: 120px;\r
+ /*width: 120px;\r
+ height: 120px;*/\r
scroll: auto;\r
+ margin-bottom: 2em;\r
+ vertical-align: top;\r
+}\r
+.profile-match-wrapper .icon.drophide {\r
+ margin-left: auto;\r
+ margin-right: auto;\r
+ margin-top: 1em;\r
}\r
#profile-match-wrapper-end {\r
clear: both;\r
}\r
+\r
.side-link {\r
margin-bottom: 15px;\r
}\r
\r
-#language-selector {\r
- position: absolute;\r
- top: 0px;\r
- left: 16px;\r
-}\r
\r
#group-members {\r
margin-top: 20px;\r
\r
\r
#netsearch-box {\r
- margin-top: 20px; \r
+ margin-top: 20px;\r
}\r
\r
#netsearch-box #search-submit {\r
text-decoration: underline;\r
}\r
\r
-#lang-select-icon {\r
- cursor: pointer;\r
- position: fixed;\r
- left: 0px;\r
- top: 0px;\r
- opacity: 0.2;\r
- filter:alpha(opacity=20);\r
-}\r
-\r
-#lang-select-icon:hover {\r
- opacity: 1;\r
- filter:alpha(opacity=100);\r
-}\r
-\r
.notif-image {\r
height: 80px;\r
width: 80px;\r
.settings-heading {\r
border-bottom: 1px solid #babdb6;\r
}\r
- \r
+\r
+\r
\r
/**\r
* Form fields\r
display: block;\r
margin-left: 20px;\r
color: #666666;\r
- \r
+ clear: left;\r
}\r
\r
\r
+\r
.field .onoff {\r
float: left;\r
width: 80px;\r
}\r
.hidden { display: none!important; }\r
\r
-.field.radio .field_help { clear: left; margin-left: 20px; }\r
+.field.radio .field_help { margin-left: 20px; }\r
\r
/**\r
* ADMIN\r
font-weight: bold;\r
background-color: #FF0000;\r
padding: 0em 0.3em;\r
- \r
+\r
}\r
#adminpage dl {\r
clear: left;\r
text-align: right;\r
}\r
\r
-#adminpage #pluginslist {\r
+#adminpage #addonslist {\r
margin: 0px; padding: 0px;\r
}\r
-#adminpage .plugin {\r
+#adminpage .addon {\r
list-style: none;\r
display: block;\r
border: 1px solid #888888;\r
margin-bottom: 5px;\r
clear: left;\r
}\r
-#adminpage .plugin .desc { margin-left: 2.5em;}\r
-#adminpage .toggleplugin {\r
+#adminpage .addon .desc { margin-left: 2.5em;}\r
+#adminpage .toggleaddon {\r
float:left;\r
margin-right: 1em;\r
}\r
/*\r
* UPDATE\r
*/\r
-.popup { \r
+.popup {\r
width: 100%; height: 100%;\r
top:0px; left:0px;\r
position: absolute;\r
border: 4px solid #000000;\r
background-color: #FFFFFF;\r
}\r
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } \r
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }\r
.popup .panel .panel_in { width: 100%; height: 100%; position: relative; }\r
.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }\r
.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}\r
height: auto; overflow: auto;\r
border-bottom: 2px solid #cccccc;\r
padding-bottom: 1em;\r
- margin-bottom: 1em; \r
+ margin-bottom: 1em;\r
}\r
.oauthapp img {\r
float: left;\r
.icon.like {\r
display: block; width: 26px; height: 28px;/*31 33*/\r
margin-right: 7px;\r
- background-size: 100% 100%;\r
+ background-size: 26px 28px;\r
background-image: url('images/approve.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
}\r
-.icon.link { display: none; background-position: -144px 0px;}\r
+\r
+.icon.link {\r
+ display: block; width: 22px; height: 24px;\r
+ background-size: 22px 24px;\r
+ background-image: url('images/link.png');\r
+ background-repeat: no-repeat;\r
+\r
+}\r
\r
/*.globe { background-position: 0px -16px;}*/\r
.icon.globe {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/globe.png');\r
background-repeat: no-repeat;\r
}\r
/*.noglobe { background-position: -16px -16px;}*/\r
.icon.noglobe {\r
display: block; width: 24px; height: 24px;\r
- background-size: 100% 100%;\r
+ background-size: 24px 24px;\r
background-image: url('images/noglobe.png');\r
background-repeat: no-repeat;\r
}\r
.small-pencil { background-position: -96px -16px;}*/\r
.icon.pencil {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/pencil.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
}\r
.icon.small-pencil {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/pencil.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
.icon.recycle {\r
display: block;\r
width: 28px; height: 27px;/*33 32*/\r
- background-size: 100% 100%;\r
+ background-size: 28px 27px;\r
background-image: url('images/recycle.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
/* display: block;*/\r
display: none;\r
width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/remote-link.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
.icon.lock {\r
display: block; width: 17px; height: 25px;\r
margin-top: 1px;\r
- background-size: 100% 100%;\r
+ background-size: 17px 25px;\r
background-image: url('images/lock.png');\r
background-repeat: no-repeat;\r
}\r
.icon.unlock {\r
display: block; width: 17px; height: 28px;\r
margin-top: -2px;\r
- background-size: 100% 100%;\r
+ background-size: 17px 28px;\r
background-image: url('images/unlock.png');\r
background-repeat: no-repeat;\r
}\r
/*.attach { background-position: -80px -32px; }*/\r
.icon.attach {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/paperclip.png');\r
background-repeat: no-repeat;\r
}\r
/*.starred { background-position: -16px -48px; }*/\r
.icon.starred {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/star-yellow.png');\r
background-repeat: no-repeat;\r
}\r
/*.unstarred { background-position: -32px -48px; }*/\r
.icon.unstarred {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/star.png');\r
background-repeat: no-repeat;\r
+\r
opacity: 0.5;\r
}\r
/*.tagged { background-position: -48px -48px; }*/\r
.icon.tagged {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/tag.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
\r
.filer-icon {\r
display: block; width: 24px; height: 24px;\r
- background-size: 100% 100%;\r
+ background-size: 24px 24px;\r
background-image: url('images/folder.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
}\r
\r
+.event-icon {\r
+ display: block; width: 33px; height: 33px;\r
+ background-size: 33px 33px;\r
+ background-repeat: no-repeat;\r
+ opacity: 0.5;\r
+}\r
+.event-attend-icon { background-image: url('images/event-attend.png'); }\r
+.event-maybeattend-icon { background-image: url('images/event-maybeattend.png'); }\r
+.event-dontattend-icon { background-image: url('images/event-dontattend.png'); }\r
+\r
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }\r
\r
[class^="comment-edit-bb"] {\r
list-style: none;\r
display: none;\r
- margin: 0px 0 -5px 20px;\r
- width: 75%;\r
+ margin: 0px 0 -5px 0px;\r
+/* width: 75%;*/\r
}\r
[class^="comment-edit-bb"] > li {\r
display: inline-block;\r
}\r
\r
.attachtype {\r
- display: block; width: 20px; height: 23px;\r
+ display: block;\r
float: left;\r
- background-image: url('../../../images/content-types.png');\r
+ background-size: 100% 100%;\r
+ width: 48px;\r
+ height: 48px;\r
+ background-image: url('images/oxygen/unknown.png');\r
}\r
\r
.body-attach {\r
margin-top: 10px;\r
}\r
\r
-.type-video { background-position: 0px 0px; }\r
+/*.type-video { background-position: 0px 0px; }\r
.type-image { background-position: -20px 0px; }\r
.type-audio { background-position: -40px 0px; }\r
.type-text { background-position: -60px 0px; }\r
-.type-unkn { background-position: -80px 0px; }\r
+.type-unkn { background-position: -80px 0px; }*/\r
+.type-video {\r
+ background-image: url('images/oxygen/video-x-generic.png');\r
+ background-size: 100% 100%;\r
+ width: 48px;\r
+ height: 48px;\r
+}\r
+.type-image {\r
+ background-image: url('images/oxygen/image-x-generic.png');\r
+ background-size: 100% 100%;\r
+ width: 48px;\r
+ height: 48px;\r
+}\r
+.type-audio { background-image: url('images/oxygen/audio-x-generic.png');\r
+ background-size: 100% 100%;\r
+ width: 48px;\r
+ height: 48px;\r
+}\r
+\r
+.type-text {\r
+ background-image: url('images/oxygen/text-x-generic-2.png');\r
+ background-size: 100% 100%;\r
+ width: 48px;\r
+ height: 48px;\r
+}\r
+.subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document {\r
+ background-image: url('images/oxygen/application-msword.png');\r
+ background-size: 100% 100%;\r
+ width: 48px;\r
+ height: 48px;\r
+}\r
+.subtype-pdf {\r
+ background-image: url('images/oxygen/application-pdf.png');\r
+ background-size: 100% 100%;\r
+ width: 48px;\r
+ height: 48px;\r
+}\r
+/*.type-unkn {\r
+ background-image: url('images/oxygen/unknown.png');\r
+ background-size: 100% 100%;\r
+ width: 48px;\r
+ height: 48px;\r
+}*/\r
+\r
\r
\r
/* autocomplete popup */\r
.acpopupitem.selected {\r
color: #FFFFFF; background: #3465A4;\r
}\r
+ul.acpopup {\r
+ list-style: none;\r
+ float: left;\r
+ min-width: 160px;\r
+ padding: 5px 0;\r
+ margin: 2px 0 0;\r
+}\r
+nav .acpopup {\r
+ width: 290px;\r
+ margin-left: -35px;\r
+ max-height: 450px;\r
+ max-width: 300px;\r
+ overflow-y: auto;\r
+ overflow-x: hidden;\r
+ margin-top: 0px;\r
+}\r
+img.acpopup-img {\r
+ float: left;\r
+ width: 36px;\r
+ height: 36px;\r
+ margin-right: 5px;\r
+ vertical-align: middle;\r
+}\r
+.acpopup-contactname {\r
+ padding-top: 2px;\r
+ font-weight: bold;\r
+ line-height: 1em;\r
+ white-space: nowrap;\r
+ overflow: hidden;\r
+ text-overflow: ellipsis;\r
+ display: block;\r
+}\r
+.acpopup-sub-text {\r
+ color: #777;\r
+ font-size: 0.833em;\r
+ line-height: 1em;\r
+ overflow: hidden;\r
+ text-overflow: ellipsis;\r
+ display: block;\r
+}\r
+.textcomplete-item a {\r
+ color: inherit;\r
+ overflow: hidden;\r
+ text-overflow: ellipsis;\r
+ clear: both;\r
+ white-space: nowrap;\r
+ padding: 3px 20px;\r
+ display: block;\r
+}\r
+.textcomplete-item a:hover {\r
+ text-decoration: none;\r
+}\r
+.textcomplete-item.active {\r
+ color: #FFFFFF; background: #3465A4;\r
+}\r
+.active a .acpopup-sub-text {\r
+ color: #fff;\r
+}\r
\r
/* popup notifications */\r
div.jGrowl div.notice {\r
background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;\r
color: #ffffff;\r
padding-left: 58px;\r
+ margin: 0px;\r
}\r
div.jGrowl div.info {\r
background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;\r
color: #ffffff;\r
padding-left: 58px;\r
+ margin: 0px;\r
}\r
#jGrowl.top-right {\r
top: 15px;\r
- right: 15px;\r
+ right: 10px;\r
+}\r
+div.jGrowl-notification {\r
+ border-radius: 7px;\r
}\r
.qcomment {\r
border: 1px solid #EEE;\r
height: auto;\r
/* overflow-y: scroll;overflow-style:scrollbar;*/\r
background-color:#FFFFFF;\r
-/* -moz-border-radius: 5px;*/\r
+ -moz-border-radius: 5px;\r
-webkit-border-radius: 5px;\r
border-radius:5px;\r
border: 1px solid #AAA;\r
-/* -moz-box-shadow: 3px 3px 5px #555;*/\r
+ -moz-box-shadow: 3px 3px 5px #555;\r
-webkit-box-shadow: 3px 3px 5px #555;\r
box-shadow: 3px 3px 5px #555;\r
/* z-index: 103;*/\r
}\r
\r
#recip {\r
- \r
+\r
}\r
-.autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }\r
+.autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }\r
.autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; }\r
.autocomplete .selected { background:#F0F0F0; }\r
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }\r
}\r
}*/\r
\r
-@media only screen and (min-device-width: 768px)\r
+/*@media only screen and (min-device-width: 768px)\r
{\r
.wall-item-body code {\r
width: 700px;\r
width: 700px;\r
}\r
\r
-}\r
+}*/\r
\r
projects / friendica.git / blobdiff