div.container {
display: block;
- width: 785 px;
+ width: 785px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
border: 1px solid #666666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
padding: 3px;
}
background: #EEE;
color: #444;
padding: 10px;
- margin-top: 20px;
+ margin-top: 20px;
}
blockquote {
}
.hide-comments-outer {
- margin-left: 0px;
+ margin-left: 75px;
font-weight: 700;
opacity: 0.4;
+ border-bottom: 1px solid #AAA;
}
.hide-comments-outer:hover {
opacity: 1.0;
+ border-bottom: 1px solid #DDD; /* manually prevent the border from changing color */
}
.hide-comments {
margin-left: 5px;
}
#panel {
- background-color: ivory;
position: absolute;
z-index: 2;
width: 30%;
padding: 25px;
- border: 1px solid #444;
+
+/* background-color: ivory;
+ border: 1px solid #444;*/
+
+ border-radius: 7px;
+ background-color: #222;
+ color: #eee;
}
.heart {
margin-right: 5px;
}
+.pull-right { float: right }
+
+.btn {
+ outline: none;
+ -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
+ -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
+ box-shadow: inset 0px 1px 0px 0px #ffffff;
+ background-color: #ededed;
+ text-indent: 0;
+ border: 1px solid #dcdcdc;
+ display: inline-block;
+ color: #777777;
+ padding: 5px 10px;
+ text-align: center;
+ border-radius: 8px;
+}
+a.btn {
+ text-decoration: none;
+ color: inherit;
+}
+
+.menu-popup {
+ width: auto;
+ border: 2px solid #444444;
+ background: #FFFFFF;
+ position: absolute;
+ margin: 2px 0 0;
+ display: none;
+ z-index: 10000;
+}
+
+.menu-popup li a {
+ display: block;
+ padding: 2px;
+}
+
+.menu-popup li a:hover {
+ color: #FFFFFF;
+ background: #3465A4;
+ text-decoration: none;
+}
+ul.menu-popup li.divider {
+ height: 1px;
+ margin: 3px 0;
+ overflow: hidden;
+ background-color: #2d2d2d;
+}
/* nav */
border: 1px solid #babdb6;
border-bottom: 0px;
background-color: #aec0d3;
- color: #565854;
+ color: #565854;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
- border-radius: 3px 3px 0px 0px;
+ border-radius: 3px 3px 0px 0px;
}
.nav-commlink.selected {
/* float:left;*/
}
+#subscribe-feed-link,
#dfrn-request-link {
display: block;
color: #FFFFFF;
border-radius: 5px;
padding: 5px;
font-weight: bold;
- background: #3465a4 url('friendika-16.png') no-repeat 95% center;
+ background: #3465a4 url('friendica-16.png') no-repeat 95% center;
}
#wallmessage-link {
display: block;
}
/* section */
-div.section-wrapper {
+section {
width: 565px;
- margin-left: auto;
- margin-right: auto;
-
- padding-right:2em;
-
display: block;
- background-color: #ffffff;
- background-image: url(border.jpg);
- background-position: top right;
- background-repeat: no-repeat;
-}
-
-section {
- margin: 0px 0px 0px 0px;
-
- width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 0px;
+ margin-bottom: 0px;
padding-left: 1em;
padding-right: 1em;
- padding-top: 1em;
+ padding-top: 0.5em;
- background-image: url(border.jpg);
+ background-color: #ffffff;
+/* background-image: url(border.jpg);
background-position: top left;
- background-repeat: no-repeat;
+ background-repeat: no-repeat;*/
min-height: 112px;
- border-top: 1px solid #babdb6;
+/* border-top: 1px solid #babdb6;*/
+ border-top: 1px solid #CCC;
+ border-left: 1px solid #CCC;
+ border-right: 1px solid #CCC;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
}
.tabs {
height: 27px;
- background-image: url(head.jpg);
- background-repeat: repeat-x;
+ /*background-image: url(head.jpg);
+ background-repeat: repeat-x;
background-position: 0px -20px;
- border-bottom: 1px solid #babdb6;
+ border-bottom: 1px solid #babdb6;*/
padding:0px;
}
.tabs li { margin: 0px; list-style: none; }
+.tabs a {
+/* background-image: url(head.jpg);
+ background-repeat: repeat-x;
+ background-position: 0px 0px;
+ background-size: auto 45px;*/
+
+ padding: 0.4em 0.5em;
+ margin-right: 0.5em;
+ margin-bottom: 0.5em;
+ border: 1px solid #aaa;
+ border-radius: 8px;
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+
+ box-shadow: -2px -2px 3px #aaa inset;
+ -moz-box-shadow: -2px -2px 3px #aaa inset;
+ -webkit-box-shadow: -2px -2px 3px #aaa inset;
+}
.tab {
display:block;
float:left;
}
.tab.active {
font-weight: bold;
-
+
+/* background-image: url(head-flipped.jpg);
+ background-position: 0px -20px;*/
+
+ box-shadow: 2px 2px 3px #aaa inset;
+ -moz-box-shadow: 2px 2px 3px #aaa inset;
+ -webkit-box-shadow: 2px 2px 3px #aaa inset;
}
+#display-top-padding {
+ padding-top: 3em;
+}
+
+/* Contact-Header for the Network Stream */
+#viewcontact_wrapper-network {
+ width: 100%;
+ min-height: 100px;
+ background-color: #FAFAFA;
+ border: 1px solid #DDDDDD;
+ border-radius: 5px;
+}
+#contact-entry-wrapper-network {
+ float: none;
+ width: auto;
+ height: auto;
+ padding: 10px;
+ margin: 0;
+}
+#contact-entry-accounttype-network {
+ font-size: 0.9em;
+}
+#contact-entry-name-network {
+ font-size: 1.5em;
+}
/* footer */
footer {
- display: none;
+ text-align: center;
+ padding-bottom: 1em;
+}
+#maintenance-message {
+ font-size: 20px;
+ text-align: center;
+ margin-top: 10em;
}
.birthday-today, .event-today {
#theme-preview {
margin: 15px 0 15px 150px;
}
+#theme-version {
+ display: block;
+ font-weight: bold;
+}
+#theme-credits {
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
/* from default */
-#jot-perms-icon,
+#jot-perms-icon,
#profile-location,
#profile-nolocation,
-#profile-youtube,
-#profile-video,
+#profile-youtube,
+#profile-video,
#profile-audio,
#profile-link,
-#profile-title,
+#profile-title,
#wall-image-upload,
#wall-file-upload,
#profile-upload-wrapper,
}
#jot-title, #jot-category {
- border: 0px;
margin: 0px;
- height: 20px;
- width: 530px;
margin-bottom: 5px;
+
+ height: 20px;
+ width: 465px;
font-weight: bold;
+
border: 1px solid #ffffff;
+
+ display: block;
+ clear: left;
}
#jot-title::-webkit-input-placeholder{font-weight: normal;}
#jot-category::-webkit-input-placeholder{font-weight: normal;}
#jot-title:-moz-placeholder{font-weight: normal;}
#jot-category:-moz-placeholder{font-weight: normal;}
-
-
+
+
#jot-title:hover,
#jot-title:focus,
#jot-category:hover,
#jot-category:focus {
- border: 1px solid #cccccc;
+ border: 1px solid #cccccc;
}
.jothidden { display:none; }
margin-bottom: 10px;
}
-.group-selected, .nets-selected, .fileas-selected, .categories-selected {
+.group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected {
padding: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #CCCCCC;
background: #F8F8F8;
font-weight: bold;
padding: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #CCCCCC;
background: #F8F8F8;
font-weight: bold;
}
#login-submit-button {
- margin-top: 10px;
+ margin-top: 10px;
margin-left: 200px;
}*/
input#dfrn-url {
float: left;
- background: url(friendika-16.png) no-repeat;
+ background: url(friendica-16.png) no-repeat;
background-position: 2px center;
font-size: 17px;
padding-left: 21px;
clear: both;
}
+#croppa {
+ max-width: 510px;
+}
+
.intro-wrapper {
margin-top: 20px;
}
clear: left;
color: #666666;
display: block;
- margin-bottom: 20px
+ margin-bottom: 20px
}
#profile-edit-profile-name-end,
padding-left: 0px;
}
+#contacts-search-wrapper {
+ padding-top: 1em;
+ padding-bottom: 2em;
+ clear: left;
+}
+
#contacts-main {
margin-top: 20px;
margin-bottom: 20px;
.contact-entry-wrapper {
float: left;
-/* width: 120px;
- height: 120px;*/
- padding-left: 8px;
- padding-right: 8px;
- width: 95px;
- height: 170px;
+ width: 262px;
+ height: 90px;
+ padding-right: 10px;
+ margin: 0 10px 10px 0px;
+}
+.contact-entry-wrapper .contact-entry-photo-wrapper {
+ float: left;
+ margin-right: 10px;
}
#contacts-search-end {
margin-bottom: 10px;
.contact-entry-photo img {
border: none;
}
+.contact-entry-photo a img {
+ width: 80px;
+ height: 80px;
+}
.contact-entry-photo-end {
clear: both;
}
+.contact-entry-desc {
+ overflow: hidden;
+}
.contact-entry-name {
- float: left;
+ /*float: left;*/
margin-left: 0px;
margin-right: 10px;
padding-bottom: 5px;
- width: 120px;
+ /*width: 120px;*/
font-weight: 600;
overflow: hidden;
}
font-style: italic;
font-size: 10px;
font-weight: 500;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.contact-entry-network {
font-size: 10px;
margin-top: 10px;
}
+.toplevel_item {
+ margin-bottom: 40px;
+}
+
.wall-item-content-wrapper {
- margin-top: 60px;
- padding-top: 30px;
+ padding-top: 1em; /* wall-item-lock margin-top needs to match this */
border-top: 2px solid #AAA;
position: relative;
.wall-item-content-wrapper.comment {
margin-top: 10px;
- padding-top: none;
- margin-left: 50px;
+ padding-top: 0px;
+ margin-left: 75px;
border: none;
}
-.wall-item-like, .wall-item-dislike {
+.wall-item-response {
font-style: italic;
margin-left: 0px;
opacity: 0.4;
}
-.wall-item-like:hover, .wall-item-dislike:hover {
+.wall-item-respose:last-chid {
+ margin-bottom: 15px;
+}
+.wall-item-response:hover {
opacity: 1.0;
}
-.wall-item-like.comment, .wall-item-dislike.comment {
- margin-left: 50px;
+.wall-item-response.comment {
+ margin-left: 75px;
+}
+.wall-item-response.comment:last-chid {
+ margin-bottom: 0px;
}
.wall-item-info {
float: left;
width:110px;
margin-right:10px;
+ margin-bottom:10px;
}
.comment .wall-item-info {
width: 70px;
}
-.wall-item-photo-wrapper {
+/*.wall-item-photo-wrapper {
margin-bottom: 10px;
width: 100px;
-}
+}*/
.wall-item-photo-menu-button {
display: block;
position: absolute;
background-image: url("photo-menu.jpg");
- background-position: top left;
+ background-position: top left;
background-repeat: no-repeat;
margin: 0px; padding: 0px;
width: 16px;
height: 16px;
- top: 94px; left:0px;
+ top: 76px; left:0px;
overflow: hidden;
text-indent: 40px;
display: none;
-
+
}
.wall-item-photo-menu {
width: auto;
background: #FFFFFF;
position: absolute;
/* left: 10px; top: 90px;*/
- left: 0px; top:110px;
+ left: 0px; top:92px;
display: none;
z-index: 10000;
}
.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
-.comment .wall-item-photo-menu-button { /*top: 44px;*/ top: 64px;}
-.comment .wall-item-photo-menu { /*top: 60px;*/ top: 80px; }
+.comment .wall-item-photo-menu-button { /*top: 44px;*/ top: 34px;}
+.comment .wall-item-photo-menu { /*top: 60px;*/ top: 50px; }
.wallwall .wwto {
left: 50px;
margin: 0;
position: absolute;
- top: 70px;
+ top: 63px;
width: 30px
}
.wallwall .wwto img {
.wall-item-arrowphoto-wrapper {
position: absolute;
left: 75px;
- top: 70px;
+ top: 63px;
z-index: 100;
}
-.wall-item-wrapper {
- margin-left:10px;
-}
.wall-item-lock {
- margin-top: 30px;
+ margin-top: 1em; /* needs to match .wall-item-content-wrapper padding-top */
left: 105px;
position: absolute;
- top: 1px;
+ top: 1px;
}
.comment .wall-item-lock {
left: 65px;
+ margin-top: 0px;
}
-.wall-item-ago {
+.wall-item-ago, .wall-item-ago a {
color: #888888;
font-size: 0.8em;
}
margin-right: 10px;
}
-.editpost {
- margin-left: 10px;
- float: left;
-}
-.star-item {
- margin-left: 10px;
- float: left;
-}
-.tag-item {
- margin-left: 10px;
- float: left;
-}
-
-.filer-item {
+.editpost,
+.star-item ,
+.tag-item,
+.filer-item,
+.event-item {
margin-left: 10px;
float: left;
}
}
.wall-item-photo {
border: none;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
}
.comment .wall-item-photo {
- width: 50px !important;
+ width: 50px !important;
height: 50px !important;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
.wall-item-content {
margin-left: 10px;
}
.wall-item-content img {
+ display: block;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ margin-right: auto;
+ margin-left: auto;
+/* max-width: 100%;*/
+ max-width: 400px; /* to make room for the shadow */
+ padding: 5px;
+
+ box-shadow: 0 0 10px #000;
+ -moz-box-shadow: 0 0 10px #000;
+ -webkit-box-shadow: 0 0 10px #000;
+}
+
+.shared_content img {
max-width: 100%;
}
+.comment .wall-item-content img {
+ max-width: 370px;
+}
+
+.wall-item-content img.smiley {
+ display: inline;
+ margin: auto;
+ padding: 0;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+}
+
.divgrow-showmore {
display: block;
clear: both;
.wall-item-title {
float: left;
font-weight: bold;
- font-size: 1.6em;
+ font-size: 1.6em;
/*width: 450px;*/
}
.wall-item-body {
text-align: justify;
float: left;
+ clear: left;
/*width: 450px;*/
width: 100%;
margin-top: 10px;
line-height: 18px;
}
+.wall-item-body iframe {
+ display: block;
+ clear: both;
+ margin-top: 1.5em;
+ margin-bottom: 1.5em;
+}
+
.wall-item-tools {
clear: both;
-/* background-image: url("head.jpg");
- background-position: 0 -20px;
- background-repeat: repeat-x;*/
+
margin-top: 10px;
margin-left: 0px;
- margin-bottom: 7px;
-/* padding: 5px 10px 0px;*/
- padding: 5px 10px 0px 2px;
- height: 28px;
+ padding: 10px 10px 0px 2px;
+
+ height: 22px;
+
border-bottom: 1px solid #ddd;
}
.wall-item-author {
-/* margin-top: 10px;*/
margin-top: 0px;
}
.comment .wall-item-tools {
-/* background:none;*/
-/* background-image: url("head.jpg");
- background-position: 0 -20px;
- background-repeat: repeat-x;*/
margin-left: 0px;
-}
+ margin-top: 5px;
+ padding-top: 0px;
+}
.comment-edit-wrapper {
margin-top: 15px;
display: block;
margin-top: 15px;
background: #f3f3f3;
- margin-left: 50px;
+ margin-left: 75px;
}
.comment-wwedit-wrapper.comment {
margin-top: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #cccccc;
padding: 3px 1px 1px 3px;
}
margin-left: 30px;
}
+.shared_header {
+ border-top: 1px solid #aaa;
+ color: #999;
+
+ height: 42px; /* 32 px for the image plus 10 px for the margin around the image */
+ padding-top: 0.5em;
+ margin-top: 1em;
+ margin-bottom: 1em;
+
+}
+.shared_header img {
+ float: left;
+
+ margin: auto 1em auto auto;
+ padding: 0;
+
+ box-shadow: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+}
+
#profile-jot-plugin-wrapper,
#profile-jot-submit-wrapper {
margin-top: 15px;
}
+#profile-jot-banner-wrapper {
+ height: 1.5em;
+ display: block;
+ clear: left
+}
#profile-jot-submit {
float: left;
.pager_last,
.pager_prev,
.pager_next,
-.pager_n {
+.pager_n,
+.scroll_loader_text {
/* background: #EEE;*/
}
margin-left: 15px;
}
+#contact-edit-status-wrapper {
+ padding: 10px;
+ border: 1px solid #aaa;
+ border-radius: 8px;
+}
+
+#contact-edit-contact-status {
+ font-weight: bold;
+}
+#contact-edit-actions {
+ float: right;
+ display: inline-block;
+}
+
#contact-edit-wrapper {
margin-top: 10px;
}
margin-top: 5px;
}
-#contact-edit-drop-link {
- float: right;
- margin-right: 20px;
-}
-
#contact-edit-nav-end {
clear: both;
}
}
.contact-edit-submit {
- margin-top: 20px;
+ margin-top: 10px;
+ clear: left;
+ display: block;
+ margin-bottom: 45px;
}
.contact-photo-menu-button {
position: absolute;
background-image: url("photo-menu.jpg");
- background-position: top left;
+ background-position: top left;
background-repeat: no-repeat;
margin: 0px; padding: 0px;
width: 16px;
overflow: hidden;
text-indent: 40px;
display: none;
-
+
}
.contact-photo-menu {
width: auto;
border: 1px solid #cccccc;
padding: 3px 0px 0px 5px;
-moz-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
}
overflow: auto;
}
#acl-list-content {
-
+
}
.acl-list-item {
display: block;
margin: 4px;
}
.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-.acl-list-item a {
+.acl-list-item a {
font-size: 10px; /* 8px; */
display: block;
width: 50px;
clear: both;
}
+#poke-desc {
+ margin: 5px 0 10px;
+}
+
+#poke-wrapper {
+ padding: 10px 0 20px;
+}
+
+#poke-recipient, #poke-action, #poke-privacy-settings {
+ margin: 10px 0 30px;
+}
+
+#poke-recip-label, #poke-action-label, #prvmail-message-label {
+ margin: 10px 0 10px;
+}
+
#sidebar-group-list ul {
list-style-type: none;
}
margin-top: 10px;
}
-.nets-ul, .fileas-ul, .categories-ul {
+#forumlist-sidebar ul {
+ list-style: none;
+}
+
+.forumlist-img {
+ height: 20px;
+ width: 20px;
+ vertical-align: middle;
+}
+
+.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
list-style-type: none;
}
-.nets-ul li, .fileas-ul li, .categories-ul li {
+.nets-ul li, .fileas-ul li, .categories-ul li, .datebrowse-ul li {
margin-top: 10px;
}
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;
-/* width: 200px; height: 200px;
- overflow: hidden;
+/* width: 200px; height: 200px;
+ overflow: hidden;
position: relative; */
}
.photo-album-image-wrapper .caption {
- display: none;
+ display: none;
width: 100%;
/* position: absolute; */
- bottom: 0px;
+ bottom: 0px;
padding: 0.5em 0.5em 0px 0.5em;
background-color: rgba(245, 245, 255, 0.8);
border-bottom: 2px solid #CCC;
}
.photo-top-image-wrapper {
-/* position: relative; */
- float: left;
+/* position: relative;
+ float: left;*/
+ display: inline-block;
+ vertical-align: top;
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 15px;
-/* width: 200px; height: 200px;
+/* width: 200px; height: 200px;
overflow: hidden; */
}
-.photo-top-image-wrapper img {
- max-width: 550px;
+.photo-album-image-wrapper img, .photo-top-image-wrapper img {
+ max-width: 225px;
+ padding: 5px;
+
+ box-shadow: 0 0 10px #000;
+ -moz-box-shadow: 0 0 10px #000;
+ -webkit-box-shadow: 0 0 10px #000;
}
.photo-top-album-name {
width: 100%;
min-height: 2em;
/* position: absolute; */
- bottom: 0px;
+ bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
margin-bottom: 15px;
}
+.video-top-wrapper {
+ display: inline-block;
+ vertical-align: top;
+ margin-top: 15px;
+ margin-right: 15px;
+ margin-left: 15px;
+ margin-bottom: 15px;
+}
+
#profile-jot-desc {
/*float: left;*/
/*width: 480px;*/
}
#profile-jot-banner-end {
- /* clear: both; */
+ /* clear: both; */
}
#photos-upload-select-files-text {
#photos-upload-choosefile-outer-wrapper {
margin-top: 35px;
- padding-top: 50px;
padding-left: 50px;
- position: relative;
+ margin-bottom: 4em;
}
#photos-upload-noshare-div {
margin-top: 0px;
}
#photo-edit-delete-button {
- margin-left: 270px;
+/* margin-left: 270px;*/
+ float: right;
}
#photos-upload-choose {
- position: absolute;
+/* position: absolute;
top: 0px;
- left: 55px;
+ left: 55px;*/
}
.settings-submit, .profile-edit-submit-button {
margin-bottom: 10px;
margin-bottom: 25px;
}
-.location-label, .gender-label, .marital-label, .homepage-label {
+.location-label, .gender-label, .marital-label, .homepage-label, .network-label {
float: left;
text-align: right;
display: block;
width: 65px;
}
-.adr, .x-gender, .marital-text, .homepage-url {
+.adr, .x-gender, .marital-text, .homepage-url, .x-network {
float: left;
display: block;
margin-left: 8px;
}
/* end from default */
-
+
.fn {
padding: 0px 0px 5px 12px;
font-weight: bold;
}
-.vcard .title {
+.vcard .title,
+.vcard .p-addr,
+.vcard .account-type {
margin-bottom: 5px;
margin-left: 12px;
}
+.vcard .account-type {
+ font-size: 120%;
+ margin-bottom: 13px;
+}
.vcard dl {
clear: both;
#birthday-title {
float: left;
- font-weight: bold;
+ font-weight: bold;
}
#birthday-adjust {
}
#event-share-text {
- float: left;
+/* float: left;*/
margin-top: 10px;
margin-left: 5px;
}
clear: both;
}
-
+
.calendar {
font-family: Courier, monospace;
}
margin: 10px;
}
-#identity-manage-desc {
- margin-top:15px;
- margin-bottom: 15px;
+.itentity-match-wrapper {
+ float: left;
+ padding: 10px;
+ width: 120px;
+ height: 140px;
+ margin-bottom: 20px;
}
-#identity-manage-choose {
- margin-bottom: 15px;
+.identity-match-photo {
+ float: left;
+ text-align: center;
+ width: 120px;
}
-#identity-submit {
- margin-top: 20px;
+.identity-match-name {
+ text-align: center;
+}
+
+.identity-match-details {
+ float: left;
+ text-align: center;
+ width: 120px;
+ overflow: hidden;
+ font-size: 10px;
+ font-weight: 500;
+ color: #999999;
+}
+
+.identity-match-break, .identity-match-end {
+ clear: both;
+}
+
+.identity-match-photo button {
+ border: none;
+ padding: 0;
+ margin: 0;
+ background: none;
+ height: 80px;
+ width: 80px;
+}
+
+.selected-identity img {
+ border: 2px solid #ff0000;
}
#photo-prev-link, #photo-next-link {
/*#photo-photo {
float: left;
}*/
+#photo-photo {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 2em;
+ text-align: center;
+}
#photo-photo img {
- max-width: 555px;
- margin-left: 5px;
+/* max-width: 555px;
+ margin-left: 5px;*/
+ max-width: 100%;
}
#photo-photo-end {
clear: both;
}
.profile-match-wrapper {
- float: left;
+ display: inline-block;
padding: 10px;
- width: 120px;
- height: 120px;
+ /*width: 120px;
+ height: 120px;*/
scroll: auto;
+ margin-bottom: 2em;
+ vertical-align: top;
+}
+.profile-match-wrapper .icon.drophide {
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 1em;
}
#profile-match-wrapper-end {
clear: both;
margin-bottom: 15px;
}
-#language-selector {
- position: absolute;
- top: 0px;
- left: 16px;
-}
-
#group-members {
margin-top: 20px;
padding: 10px;
#netsearch-box {
- margin-top: 20px;
+ margin-top: 20px;
}
#netsearch-box #search-submit {
margin-top: 10px;
}
+.filesavetags, .categorytags {
+ display: block;
+ clear: left;
+}
+
.body-tag, .filesavetags, .categorytags {
opacity: 0.5;
filter:alpha(opacity=50);
}
-#item-delete-selected {
+#item-delete-selected-top {
margin-top: 30px;
+ padding-bottom: 1.5em;
+}
+#item-delete-selected-top-icon, #item-delete-selected-top-desc {
+ float: left;
+ margin-right: 5px;
+}
+#item-delete-selected-top-desc:hover {
+ text-decoration: underline;
+}
+
+#item-delete-selected {
+ margin-top: 0px;
}
#item-delete-selected-end {
text-decoration: underline;
}
-#lang-select-icon {
- cursor: pointer;
- position: absolute;
- left: 0px;
- top: 0px;
- opacity: 0.2;
- filter:alpha(opacity=20);
-}
-
-#lang-select-icon:hover {
- opacity: 1;
- filter:alpha(opacity=100);
-}
.notif-image {
height: 80px;
.settings-heading {
border-bottom: 1px solid #babdb6;
}
-
+
/**
* Form fields
float: left;
width: 200px;
}
+.field.yesno label {
+ font-weight: 700;
+}
.field input,
.field textarea {
width: 400px;
}
+.field input[type=checkbox],
+.field input[type=radio] {
+ width: auto;
+}
.field textarea { height: 100px; }
.field_help {
display: block;
margin-left: 50px;
color: #666666;
-
+ clear: left;
}
.field .onoff {
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
-
+
}
#adminpage dl {
clear: left;
#adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
#adminpage table th { text-align: left;}
-#adminpage td .icon { float: left;}
+#adminpage td .icon, #adminpage td .tool { float: left;}
#adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #bbc7d7; }
#adminpage .selectall { text-align: right; }
+#adminpage .screenshot img {
+ max-width: 550px;
+}
+
/*
* UPDATE
*/
-.popup {
+.popup {
width: 100%; height: 100%;
top:0px; left:0px;
position: absolute;
border: 4px solid #000000;
background-color: #FFFFFF;
}
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
.popup .panel .panel_in { width: 100%; height: 100%; position: relative; }
.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }
.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
height: auto; overflow: auto;
border-bottom: 2px solid #cccccc;
padding-bottom: 1em;
- margin-bottom: 1em;
+ margin-bottom: 1em;
}
.oauthapp img {
float: left;
background-repeat: no-repeat;
opacity: 0.4;
}
+.icon.drophide:hover {
+ display: block; width: 16px; height: 16px;
+ background-size: 100% 100%;
+ background-image: url('images/drop-16.png');
+ background-repeat: no-repeat;
+ opacity: 1.0;
+}
.edit { background-position: -80px 0px;}
/*.camera { background-position: -96px 0px;}*/
.icon.camera{
background-repeat: no-repeat;
}
/*.dislike { background-position: -112px 0px;}*/
-.icon.dislike {
+.tool.dislike {
display: block; width: 15px; height: 16px;/* 23 24*/
background-size: 100% 100%;
background-image: url('images/disapprove-16.png');
background-repeat: no-repeat;
opacity: 0.4;
}
-.icon.dislike:hover {
+.tool.dislike:hover {
opacity: 1.0;
}
/*.like { background-position: -128px 0px;}*/
-.icon.like {
+.tool.like {
display: block; width: 15px; height: 16px;/* 23 24*/
margin-right: 6px;
background-size: 100% 100%;
background-repeat: no-repeat;
opacity: 0.4;
}
-.icon.like:hover {
+.tool.like:hover {
opacity: 1.0;
}
/*.link { background-position: -144px 0px;}*/
background-image: url('images/globe.png');
background-repeat: no-repeat;
}
-.noglobe { background-position: -16px -16px;}
+/*.noglobe { background-position: -16px -16px;}*/
+.icon.noglobe {
+ display: block; width: 24px; height: 24px;
+ background-size: 100% 100%;
+ background-image: url('images/noglobe.png');
+ background-repeat: no-repeat;
+}
.no { background-position: -32px -16px;}
.pause { background-position: -48px -16px;}
.play { background-position: -64px -16px;}
/*.pencil { background-position: -80px -16px;}*/
-.icon.pencil {
+.tool.pencil {
display: block; width: 16px; height: 16px;
background-size: 100% 100%;
background-image: url('images/pencil-16.png');
background-repeat: no-repeat;
opacity: 0.4;
}
-.icon.pencil:hover {
+.tool.pencil:hover {
opacity: 1.0;
}
/*.small-pencil { background-position: -96px -16px;}*/
opacity: 1.0;
}
/*.recycle { background-position: -112px -16px;}*/
-.icon.recycle {
+.tool.recycle {
display: block; width: 16px; height: 16px;/*24 23*/
background-size: 100% 100%;
background-image: url('images/recycle-16.png');
background-repeat: no-repeat;
opacity: 0.4;
}
-.icon.recycle:hover {
+.tool.recycle:hover {
opacity: 1.0;
}
/*.remote-link { background-position: -128px -16px;}*/
.off { background-position: 0px -48px; }
/*.starred { background-position: -16px -48px; }*/
-.icon.starred {
+.tool.starred {
display: block; width: 16px; height: 16px;
background-size: 100% 100%;
background-image: url('images/star-yellow-16.png');
background-repeat: no-repeat;
}
/*.unstarred { background-position: -32px -48px; }*/
-.icon.unstarred {
+.tool.unstarred {
display: block; width: 16px; height: 16px;
background-size: 100% 100%;
background-image: url('images/star-16.png');
background-repeat: no-repeat;
opacity: 0.4;
}
-.icon.unstarred:hover {
+.tool.unstarred:hover {
opacity: 1.0;
}
/*.tagged { background-position: -48px -48px; }*/
-.icon.tagged {
+.tool.tagged {
display: block; width: 16px; height: 16px;
background-size: 100% 100%;
background-image: url('images/tag-16.png');
background-repeat: no-repeat;
opacity: 0.4;
}
-.icon.tagged:hover {
+.tool.tagged:hover {
opacity: 1.0;
}
.yellow { background-position: -64px -48px; }
opacity: 1.0;
}
+.event-icon {
+ display: block; width: 16px; height: 16px;
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ opacity: 0.4;
+}
+.event-attend-icon { background-image: url('images/event-attend-16.png'); }
+.event-maybeattend-icon { background-image: url('images/event-maybeattend-16.png'); }
+.event-dontattend-icon { background-image: url('images/event-dontattend-16.png'); }
+
+.filer-icon:hover {
+ opacity: 1.0;
+}
+
+
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
/*[class^="comment-edit-bb"] {*/
.comment-edit-bb {
}*/
.attachtype {
- display: block; width: 20px; height: 23px;
+ display: block;
float: left;
- background-image: url('../../../images/content-types.png');
+ background-size: 100% 100%;
+ width: 48px;
+ height: 48px;
+ background-image: url('images/oxygen/unknown.png');
}
.body-attach {
margin-top: 10px;
}
-.type-video { background-position: 0px 0px; }
+/*.type-video { background-position: 0px 0px; }
.type-image { background-position: -20px 0px; }
.type-audio { background-position: -40px 0px; }
.type-text { background-position: -60px 0px; }
-.type-unkn { background-position: -80px 0px; }
+.type-unkn { background-position: -80px 0px; }*/
+.type-video {
+ background-image: url('images/oxygen/video-x-generic.png');
+ background-size: 100% 100%;
+ width: 48px;
+ height: 48px;
+}
+.type-image {
+ background-image: url('images/oxygen/image-x-generic.png');
+ background-size: 100% 100%;
+ width: 48px;
+ height: 48px;
+}
+.type-audio { background-image: url('images/oxygen/audio-x-generic.png');
+ background-size: 100% 100%;
+ width: 48px;
+ height: 48px;
+}
+
+.type-text {
+ background-image: url('images/oxygen/text-x-generic-2.png');
+ background-size: 100% 100%;
+ width: 48px;
+ height: 48px;
+}
+.subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document {
+ background-image: url('images/oxygen/application-msword.png');
+ background-size: 100% 100%;
+ width: 48px;
+ height: 48px;
+}
+.subtype-pdf {
+ background-image: url('images/oxygen/application-pdf.png');
+ background-size: 100% 100%;
+ width: 48px;
+ height: 48px;
+}
+/*.type-unkn {
+ background-image: url('images/oxygen/unknown.png');
+ background-size: 100% 100%;
+ width: 48px;
+ height: 48px;
+}*/
+
/* autocomplete popup */
padding-left: 58px;
}
#jGrowl.top-right {
- top: 15px;
+ top: 75px;
right: 15px;
}
+div.jGrowl-notification {
+ border-radius: 7px;
+}
.qcomment {
border: 1px solid #EEE;
padding: 3px;
}
/* notifications popup menu */
+.manage-notify {
+ padding: 1px 3px;
+ top: 0px;
+ min-width: 15px;
+ text-align: center;
+ float: right;
+ margin-top: -14px;
+ margin-right: -20px;
+
+ font-size: 0.8em;
+ border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ background-color: gold !important;
+}
+
.nav-notify {
display: none;
position: absolute;
.nav-notify.show {
display: block;
}
+ul#nav-network-notifications-popup {
+ text-align: center;
+ line-height: 18px;
+
+ border: 1px solid #AAAAAA;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+
+ -moz-box-shadow: 3px 3px 5px #555;
+ -webkit-box-shadow: 3px 3px 5px #555;
+ box-shadow: 3px 3px 5px #555;
+
+ background: #FFFFFF;
+
+ display: none;
+ list-style: none;
+
+ width: 10em;
+ position: absolute;
+ margin: 0px;
+ top: 15px;
+ left: 55px;
+ padding: 1em 0px;
+
+ z-index: 11000;
+}
ul.notifications-menu-popup {
position: absolute;
display: none;
}
#recip {
-
+
}
-.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; }
+.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; }
.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; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
margin-left: 40px;
width: 130px;
}
-
-#theme-version {
- display: block;
- font-weight: bold;
+#message-preview .mail-list-sender, #message-preview .mail-list-delete {
+ display:none;
}
-#theme-credits {
- margin-top: 15px;
- margin-bottom: 15px;
+#message-preview .mail-list-outside-wrapper {
+ margin-top: 20px;
}
projects / friendica.git / blobdiff