]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/quattro/lilac/style.css
projects / friendica.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Merge develop into 1404_reworked_autocomplete
[friendica.git] / view / theme / quattro / lilac / style.css
diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css
index c75178437c2765deab074e10690e22ea571b5991..631b0233d652bdb4dcf32ac64baad4b6ab1a2578 100644 (file)
--- a/view/theme/quattro/lilac/style.css
+++ b/view/theme/quattro/lilac/style.css
@@ -43,6 +43,9 @@
 .icon.edit {
   background-image: url("../../../images/icons/22/edit.png");
 }
+.icon.pencil {
+  background-image: url("../../../images/icons/22/edit.png");
+}
 .icon.star {
   background-image: url("../../../images/icons/22/star.png");
 }
@@ -52,6 +55,9 @@
 .icon.link {
   background-image: url("../../../images/icons/22/link.png");
 }
+.icon.remote-link {
+  background-image: url("../../../images/icons/22/link.png");
+}
 .icon.lock {
   background-image: url("../../../images/icons/22/lock.png");
 }
@@ -64,6 +70,9 @@
 .icon.type-unkn {
   background-image: url("../../../images/icons/22/zip.png");
 }
+.icon.type-application {
+  background-image: url("../../../images/icons/22/zip.png");
+}
 .icon.type-audio {
   background-image: url("../../../images/icons/22/audio.png");
 }
@@ -113,6 +122,9 @@
 .icon.s10.edit {
   background-image: url("../../../images/icons/10/edit.png");
 }
+.icon.s10.pencil {
+  background-image: url("../../../images/icons/10/edit.png");
+}
 .icon.s10.star {
   background-image: url("../../../images/icons/10/star.png");
 }
@@ -122,6 +134,9 @@
 .icon.s10.link {
   background-image: url("../../../images/icons/10/link.png");
 }
+.icon.s10.remote-link {
+  background-image: url("../../../images/icons/10/link.png");
+}
 .icon.s10.lock {
   background-image: url("../../../images/icons/10/lock.png");
 }
@@ -134,6 +149,9 @@
 .icon.s10.type-unkn {
   background-image: url("../../../images/icons/10/zip.png");
 }
+.icon.s10.type-application {
+  background-image: url("../../../images/icons/10/zip.png");
+}
 .icon.s10.type-audio {
   background-image: url("../../../images/icons/10/audio.png");
 }
@@ -183,6 +201,9 @@
 .icon.s16.edit {
   background-image: url("../../../images/icons/16/edit.png");
 }
+.icon.s16.pencil {
+  background-image: url("../../../images/icons/16/edit.png");
+}
 .icon.s16.star {
   background-image: url("../../../images/icons/16/star.png");
 }
@@ -192,6 +213,9 @@
 .icon.s16.link {
   background-image: url("../../../images/icons/16/link.png");
 }
+.icon.s16.remote-link {
+  background-image: url("../../../images/icons/16/link.png");
+}
 .icon.s16.lock {
   background-image: url("../../../images/icons/16/lock.png");
 }
@@ -204,6 +228,9 @@
 .icon.s16.type-unkn {
   background-image: url("../../../images/icons/16/zip.png");
 }
+.icon.s16.type-application {
+  background-image: url("../../../images/icons/16/zip.png");
+}
 .icon.s16.type-audio {
   background-image: url("../../../images/icons/16/audio.png");
 }
@@ -253,6 +280,9 @@
 .icon.s22.edit {
   background-image: url("../../../images/icons/22/edit.png");
 }
+.icon.s22.pencil {
+  background-image: url("../../../images/icons/22/edit.png");
+}
 .icon.s22.star {
   background-image: url("../../../images/icons/22/star.png");
 }
@@ -262,6 +292,9 @@
 .icon.s22.link {
   background-image: url("../../../images/icons/22/link.png");
 }
+.icon.s22.remote-link {
+  background-image: url("../../../images/icons/22/link.png");
+}
 .icon.s22.lock {
   background-image: url("../../../images/icons/22/lock.png");
 }
@@ -274,6 +307,9 @@
 .icon.s22.type-unkn {
   background-image: url("../../../images/icons/22/zip.png");
 }
+.icon.s22.type-application {
+  background-image: url("../../../images/icons/22/zip.png");
+}
 .icon.s22.type-audio {
   background-image: url("../../../images/icons/22/audio.png");
 }
@@ -323,6 +359,9 @@
 .icon.s48.edit {
   background-image: url("../../../images/icons/48/edit.png");
 }
+.icon.s48.pencil {
+  background-image: url("../../../images/icons/48/edit.png");
+}
 .icon.s48.star {
   background-image: url("../../../images/icons/48/star.png");
 }
@@ -332,6 +371,9 @@
 .icon.s48.link {
   background-image: url("../../../images/icons/48/link.png");
 }
+.icon.s48.remote-link {
+  background-image: url("../../../images/icons/48/link.png");
+}
 .icon.s48.lock {
   background-image: url("../../../images/icons/48/lock.png");
 }
@@ -344,6 +386,9 @@
 .icon.s48.type-unkn {
   background-image: url("../../../images/icons/48/zip.png");
 }
+.icon.s48.type-application {
+  background-image: url("../../../images/icons/48/zip.png");
+}
 .icon.s48.type-audio {
   background-image: url("../../../images/icons/48/audio.png");
 }
@@ -377,7 +422,7 @@ body {
   font-size: 11px;
   background-color: #f6ecf9;
   color: #2d2d2d;
-  margin: 50px 0px 0px 0px;
+  margin: 50px 0 0 0;
   display: table;
 }
 h4 {
@@ -439,14 +484,14 @@ code {
   width: 10em;
   background: #ffffff;
   color: #2d2d2d;
-  margin: 0px;
+  margin: 0;
   padding: 1em;
   list-style: none;
   border: 3px solid #364e59;
   z-index: 100000;
-  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
 }
 /* tool */
 .tool {
@@ -477,16 +522,28 @@ div.jGrowl div.info {
   color: #ffffff;
   padding-left: 58px;
 }
+/* notifications page */
+.notif-item {
+  padding: 0.5em;
+}
+.notif-item:nth-child(even) {
+  background-color: #cccccc;
+}
+.notif-item:nth-child(odd) {
+  background-color: #ffffff;
+}
+.notif-item .notif-image {
+  width: 16px;
+}
 /* header */
 header {
   position: fixed;
   left: 43%;
   right: 43%;
-  top: 0px;
-  margin: 0px;
-  padding: 0px;
+  top: 0;
+  margin: 0;
+  padding: 0;
   /*width: 100%; height: 12px; */
-
   z-index: 110;
   color: #ffffff;
 }
@@ -520,15 +577,15 @@ nav {
   width: 100%;
   height: 32px;
   position: fixed;
-  left: 0px;
-  top: 0px;
-  padding: 0px;
+  left: 0;
+  top: 0;
+  padding: 0;
   background-color: #521f5c;
   color: #ffffff;
   z-index: 100;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+  -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
 }
 nav a,
 nav a:active,
@@ -540,24 +597,24 @@ nav a:hover {
   outline: none;
 }
 nav ul {
-  margin: 0px;
-  padding: 0px 20px;
+  margin: 0;
+  padding: 0 20px;
 }
 nav ul li {
   list-style: none;
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   float: left;
 }
 nav ul li .menu-popup {
-  left: 0px;
+  left: 0;
   right: auto;
 }
 nav .nav-menu-icon {
   position: relative;
   height: 22px;
   padding: 5px;
-  margin: 0px 10px;
+  margin: 0 10px;
   -moz-border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
@@ -576,7 +633,7 @@ nav .nav-menu {
   position: relative;
   height: 16px;
   padding: 5px;
-  margin: 3px 15px 0px;
+  margin: 3px 15px 0;
   font-size: 14px;
   border-bottom: 3px solid #521f5c;
 }
@@ -592,7 +649,7 @@ nav .nav-notify {
   border-radius: 5px 5px 5px 5px;
   font-size: 10px;
   padding: 1px 3px;
-  top: 0px;
+  top: 0;
   right: -10px;
   min-width: 15px;
   text-align: right;
@@ -612,7 +669,7 @@ nav #nav-search-link .menu-popup,
 nav #nav-directory-link .menu-popup,
 nav #nav-apps-link .menu-popup,
 nav #nav-site-linkmenu .menu-popup {
-  right: 0px;
+  right: 0;
   left: auto;
 }
 nav #nav-notifications-linkmenu.on .icon.s22.notify,
@@ -636,14 +693,14 @@ ul.menu-popup {
   width: 10em;
   background: #ffffff;
   color: #2d2d2d;
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   list-style: none;
   border: 3px solid #364e59;
   z-index: 100000;
-  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
 }
 ul.menu-popup a {
   display: block;
@@ -687,16 +744,20 @@ ul.menu-popup .toolbar a:hover {
 }
 /* autocomplete popup */
 .autocomplete,
-.acpopup {
+.acpopup-mce {
   max-height: 150px;
+}
+.autocomplete,
+.acpopup-mce,
+.acpopup {
   background-color: #ffffff;
   color: #2d2d2d;
   border: 1px solid #364e59;
   overflow: auto;
   z-index: 100000;
-  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
 }
 .autocomplete > div,
 .acpopupitem {
@@ -717,6 +778,15 @@ ul.menu-popup .toolbar a:hover {
 .acpopupitem.selected {
   background-color: #c0a3c7;
 }
+.textcomplete-item {
+  color: #2d2d2d;
+}
+.textcomplete-item a:hover {
+  color: #2d2d2d;
+}
+.textcomplete-item.active {
+  background-color: #c0a3c7;
+}
 #nav-notifications-menu {
   width: 400px;
   max-height: 550px;
@@ -734,12 +804,35 @@ ul.menu-popup .toolbar a:hover {
   color: #9eabb0;
   display: block;
 }
+/* Contact-Header for the Network Stream */
+#viewcontact_wrapper-network {
+  width: 100%;
+  min-height: 100px;
+  background-color: #eff0f1;
+  border-bottom: 1px solid #cccccc;
+}
+#viewcontact_wrapper-network #contact-entry-wrapper-network {
+  float: none;
+  width: auto;
+  height: auto;
+  padding: 10px;
+}
+#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-accounttype-network {
+  font-size: 22px;
+}
+#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-name-network {
+  font-size: 24.5px;
+  font-weight: normal;
+}
+#viewcontact_wrapper-network #contact-entry-wrapper-network .contact-details {
+  font-size: 12px;
+}
 /* aside 230px*/
 aside {
   display: table-cell;
   vertical-align: top;
   width: 200px;
-  padding: 0px 10px 0px 20px;
+  padding: 0px 10px 0 20px;
   border-right: 1px solid #bdcdd4;
 }
 aside .profile-edit-side-div {
@@ -753,13 +846,20 @@ aside .vcard .fn {
 aside .vcard .title {
   margin-bottom: 5px;
 }
+aside .vcard .p-addr {
+  margin-bottom: 5px;
+}
+aside .vcard .account-type {
+  font-size: 14px;
+  margin-bottom: 13px;
+}
 aside .vcard dl {
   height: auto;
   overflow: auto;
 }
 aside .vcard dt {
   float: left;
-  margin-left: 0px;
+  margin-left: 0;
   width: 35%;
   text-align: right;
   color: #999999;
@@ -770,12 +870,12 @@ aside .vcard dd {
   width: 60%;
 }
 aside #profile-extra-links ul {
-  padding: 0px;
-  margin: 0px;
+  padding: 0;
+  margin: 0;
 }
 aside #profile-extra-links li {
-  padding: 0px;
-  margin: 0px;
+  padding: 0.2em 0;
+  margin: 0;
   list-style: none;
 }
 aside #wallmessage-link {
@@ -800,7 +900,7 @@ aside #dfrn-request-link {
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
   color: #ffffff;
-  background: #521f5c url('../../../images/connect-bg.png') no-repeat left center;
+  background: #521f5c url('icons/connect-bg.png') no-repeat left center;
   font-weight: bold;
   text-transform: uppercase;
   padding: 4px 2px 2px 35px;
@@ -809,22 +909,39 @@ aside #dfrn-request-link:hover {
   text-decoration: none;
   background-color: #86608e;
 }
+aside #subscribe-feed-link {
+  display: block;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  color: #ffffff;
+  background: #521f5c url('icons/rss-bg.png') no-repeat left center;
+  font-weight: bold;
+  text-transform: uppercase;
+  padding: 4px 2px 2px 35px;
+}
+aside #subscribe-feed-link:hover {
+  text-decoration: none;
+  background-color: #86608e;
+}
 aside #profiles-menu {
   width: 20em;
 }
+aside .posted-date-selector-months {
+  margin-left: 10px;
+}
 #contact-block {
   overflow: auto;
   height: auto;
   /*.contact-block-div { width:60px; height: 60px; }*/
-
 }
 #contact-block .contact-block-h4 {
   float: left;
-  margin: 5px 0px;
+  margin: 5px 0;
 }
 #contact-block .allcontact-link {
   float: right;
-  margin: 5px 0px;
+  margin: 5px 0;
 }
 #contact-block .contact-block-content {
   clear: both;
@@ -833,7 +950,7 @@ aside #profiles-menu {
 }
 #contact-block .contact-block-link {
   float: left;
-  margin: 0px 2px 2px 0px;
+  margin: 0 2px 2px 0;
 }
 #contact-block .contact-block-link img {
   width: 48px;
@@ -896,12 +1013,11 @@ aside #profiles-menu {
 /* widget */
 .widget {
   margin-bottom: 2em;
-  /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
-       .action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
-
+  /*.action .s10 { width: 10px; overflow: hidden; padding: 0;}
+       .action .s16 { width: 16px; overflow: hidden; padding: 0;}*/
 }
 .widget h3 {
-  padding: 0px;
+  padding: 0;
   margin: 2px;
 }
 .widget .action {
@@ -945,7 +1061,7 @@ aside #profiles-menu {
   transition: all 0.2s ease-in-out;
 }
 .widget ul {
-  padding: 0px;
+  padding: 0;
 }
 .widget ul li {
   padding-left: 16px;
@@ -955,6 +1071,21 @@ aside #profiles-menu {
 .widget .tool.selected {
   background: url('../../../images/selected.png') no-repeat left center;
 }
+.widget .notify {
+  display: none;
+  background-color: #19AEFF;
+  border-radius: 5px;
+  font-size: 10px;
+  padding: 1px 3px;
+  min-width: 15px;
+  text-align: right;
+  float: right;
+  color: #ffffff;
+  margin-right: 10px;
+}
+.widget .notify.on {
+  display: block;
+}
 /* widget: search */
 #add-search-popup {
   width: 200px;
@@ -965,7 +1096,7 @@ section {
   display: table-cell;
   vertical-align: top;
   width: 770px;
-  padding: 0px 20px 0px 10px;
+  padding: 0px 20px 0 10px;
 }
 .sparkle {
   cursor: url('icons/lock.cur'), pointer;
@@ -1065,6 +1196,13 @@ section {
   width: 20em;
   margin-top: 0.5em;
 }
+.wall-item-container .wall-item-actions-events {
+  float: left;
+  margin-top: 0.5em;
+}
+.wall-item-container .wall-item-actions-events a {
+  margin-right: 3em;
+}
 .wall-item-container .wall-item-actions-social {
   float: left;
   margin-top: 0.5em;
@@ -1091,13 +1229,13 @@ section {
 }
 .wall-item-container.comment .contact-photo-menu-button {
   top: 15px !important;
-  left: 0px !important;
+  left: 0 !important;
 }
 .wall-item-container.comment .wall-item-links {
   padding-left: 12px;
 }
 .wall-item-container.comment .commentbox {
-  height: 0px;
+  height: 0;
   overflow: hidden;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
@@ -1107,7 +1245,7 @@ section {
 }
 .wall-item-container.comment .commentbox .wall-item-comment-wrapper {
   border-top: 1px solid #999999;
-  height: 0px;
+  height: 0;
   overflow: hidden;
 }
 .wall-item-container.comment:hover .commentbox {
@@ -1120,7 +1258,7 @@ section {
   transition: all 0.2s ease-in-out;
 }
 .wall-item-container.comment:hover .commentbox .wall-item-comment-wrapper {
-  border-top: 0px;
+  border-top: 0;
   height: auto;
   overflow: visible;
 }
@@ -1163,8 +1301,11 @@ section {
   color: #2d2d2d;
   border: 1px solid #2d2d2d;
 }
+.wall-item-comment-wrapper.photo {
+  margin: 1em 2em 1em 0;
+}
 .threaded .wall-item-comment-wrapper {
-  margin-left: 0px;
+  margin-left: 0;
 }
 .comment-edit-preview {
   width: 710px;
@@ -1177,7 +1318,6 @@ section {
   height: 32px;
   margin-left: 16px;
   /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
-
 }
 .comment-edit-preview .contact-photo-menu-button {
   top: 15px !important;
@@ -1194,7 +1334,7 @@ section {
   padding: 0;
   margin: 10px 0;
   background-color: #c0a3c7;
-  border-bottom: 0px;
+  border-bottom: 0;
 }
 .comment-edit-preview .wall-item-conv {
   display: none;
@@ -1248,27 +1388,83 @@ section {
   color: #666666;
 }
 /*.filesavetags {
-    padding: 3px 0px 3px 0px;
+    padding: 3px 0 3px 0;
     opacity: 0.5;
 }*/
 .wwto {
+  position: absolute !important;
   background: #FFFFFF;
   border: 2px solid #364e59;
   height: 25px;
   width: 25px;
   overflow: hidden;
   padding: 1px;
-  position: absolute !important;
   top: 40px;
   left: 30px;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+  -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
 }
 .wwto .contact-photo {
   width: 25px;
   height: 25px;
 }
+/* reshare e embed */
+.wall-item-container .wall-item-content .type-link img,
+.type-link img {
+  max-width: 160px;
+  max-height: 160px;
+  float: left;
+  margin-right: 10px;
+}
+.wall-item-container .wall-item-content .type-link img.attachment-image,
+.type-link img.attachment-image {
+  max-width: 650px;
+  max-height: inital;
+  float: none;
+  margin-right: 0;
+}
+.type-link blockquote {
+  margin: 1em 0;
+  max-height: 160px;
+  overflow: hidden;
+  padding-left: 1em;
+}
+.type-video blockquote {
+  padding-left: 1em;
+}
+.shared_header {
+  height: 32px;
+  color: #999;
+  border-top: 1px solid #cccccc;
+  padding-top: 5px;
+  margin-top: 5px;
+}
+.shared_header img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  float: left;
+}
+.shared_header span {
+  margin-left: 9px;
+}
+blockquote.shared_content {
+  margin-left: 32px;
+  color: #000;
+  border: none;
+}
+.oembed.video > a.embed_video {
+  display: block;
+  float: left;
+  position: relative;
+}
+.oembed.video > a.embed_video > div {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important;
+}
 /* threaded comments */
 .children {
   margin-top: 1em;
@@ -1325,10 +1521,10 @@ section {
   width: 500px;
 }
 .children .children .children .children .children .children {
-  margin-left: 0px;
+  margin-left: 0;
 }
 .children .children .children .children .children .children .hide-comments-outer {
-  margin-left: 0px;
+  margin-left: 0;
 }
 /*.threaded .hide-comments-outer { margin-left: 20px; }*/
 span[id^="showmore-teaser"] {
@@ -1359,8 +1555,31 @@ span[id^="showmore-wrap"] {
 .contact-photo:hover .contact-select {
   display: block;
 }
-.submit {
-  clear: both;
+#contacts-actions {
+  position: absolute;
+  left: 800px;
+  width: 200px;
+  background-color: #ffffff;
+  border: 2px solid #364e59;
+  display: none;
+}
+#contacts-actions .batch-action {
+  display: block;
+  width: 100%;
+  background-color: #ffffff;
+  border: 0;
+  color: #2d2d2d;
+  text-align: left;
+  padding: 5px 10px;
+  font-size: 11px;
+}
+#contacts-actions .batch-action:hover {
+  background-color: #c0a3c7;
+}
+@media (max-width: 1000px) {
+  #contacts-actions {
+    left: 40px;
+  }
 }
 .contact-photo {
   width: 48px;
@@ -1383,7 +1602,7 @@ span[id^="showmore-wrap"] {
   width: 300px;
   height: 90px;
   padding-right: 10px;
-  margin: 0 10px 10px 0px;
+  margin: 0 10px 10px 0;
 }
 .contact-wrapper .contact-photo-wrapper {
   float: left;
@@ -1398,9 +1617,34 @@ span[id^="showmore-wrap"] {
   height: 80px;
 }
 .contact-wrapper .contact-photo-menu-button {
-  left: 0px;
+  left: 0;
   top: 63px;
 }
+.contact-wrapper .drop {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  position: relative;
+  top: 10px;
+  left: -10px;
+  z-index: 99;
+}
+.contact-wrapper .drophide {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  opacity: 0.3;
+  position: relative;
+  top: 10px;
+  left: -10px;
+  z-index: 99;
+}
+.contact-wrapper .contact-entry-connect {
+  padding-top: 5px;
+  font-weight: bold;
+}
 .directory-item {
   float: left;
   width: 200px;
@@ -1416,7 +1660,7 @@ span[id^="showmore-wrap"] {
 }
 .contact-name {
   font-weight: bold;
-  padding-top: 15px;
+  /* padding-top: 15px; */
 }
 .contact-details {
   color: #999999;
@@ -1424,13 +1668,16 @@ span[id^="showmore-wrap"] {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+#contact-edit-status-wrapper {
+  border-color: #86608e;
+}
 /* editor */
 .jothidden {
   display: none;
 }
 #jot {
   width: 100%;
-  margin: 0px 2em 20px 0px;
+  margin: 0 2em 20px 0;
 }
 #jot .profile-jot-text {
   height: 1em;
@@ -1441,8 +1688,8 @@ span[id^="showmore-wrap"] {
   padding: 0.3em;
 }
 #jot #jot-tools {
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   height: 40px;
   overflow: none;
   width: 770px;
@@ -1491,9 +1738,9 @@ span[id^="showmore-wrap"] {
   border-left: 1px solid #666666;
 }
 #jot #jot-tools li.submit input {
-  border: 0px;
-  margin: 0px;
-  padding: 0px;
+  border: 0;
+  margin: 0;
+  padding: 0;
   background-color: #cccccc;
   color: #666666;
   width: 80px;
@@ -1517,8 +1764,8 @@ span[id^="showmore-wrap"] {
   margin-top: 10px;
 }
 #jot #jot-title {
-  border: 0px;
-  margin: 0px;
+  border: 0;
+  margin: 0;
   height: 20px;
   width: 500px;
   font-weight: bold;
@@ -1545,8 +1792,8 @@ span[id^="showmore-wrap"] {
   padding-right: 20px;
 }
 #jot #jot-category {
-  border: 0px;
-  margin: 0px;
+  border: 0;
+  margin: 0;
   height: 20px;
   width: 200px;
   border: 1px solid #f6ecf9;
@@ -1559,13 +1806,35 @@ span[id^="showmore-wrap"] {
 }
 /** buttons **/
 /*input[type="submit"] {
-       border: 0px;
+       border: 0;
     background-color: @ButtonBackgroundColor;
     color: @ButtonColor;
-    padding: 0px 10px;
+    padding: 0 10px;
        .rounded(5px);
     height: 18px;
 }*/
+a.actionbutton {
+  border: 1px solid #999999;
+  background-color: #cccccc;
+  color: #2d2d2d;
+  font-size: 8pt;
+  padding: 2pt;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+}
+a.actionbutton i.icon {
+  display: inline-block;
+  vertical-align: baseline;
+  padding: 0;
+}
+a.actionbutton:hover {
+  text-decoration: none;
+  background-color: #ffffff;
+}
+h2 > .actionbutton {
+  float: right;
+}
 /** acl **/
 #photo-edit-perms-select,
 #photos-upload-permissions-wrapper,
@@ -1590,7 +1859,7 @@ span[id^="showmore-wrap"] {
   background-image: url("../../../images/show_all_off.png");
   background-position: 7px 7px;
   background-repeat: no-repeat;
-  padding: 7px 5px 0px 30px;
+  padding: 7px 5px 0 30px;
   color: #999999;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
@@ -1625,8 +1894,8 @@ span[id^="showmore-wrap"] {
 .acl-list-item p {
   height: 12px;
   font-size: 10px;
-  margin: 0px;
-  padding: 2px 0px 1px;
+  margin: 0;
+  padding: 2px 0 1px;
   overflow: hidden;
 }
 .acl-list-item a {
@@ -1777,7 +2046,7 @@ ul.tabs li .active {
   display: none!important;
 }
 .field.radio .field_help {
-  margin-left: 0px;
+  margin-left: 0;
 }
 #profile-edit-links li {
   list-style: none;
@@ -1860,6 +2129,43 @@ ul.tabs li .active {
   width: 50px;
   float: left;
 }
+/* manage page */
+.identity-match-photo {
+  position: relative;
+}
+.identity-match-photo .manage-notify {
+  background-color: #19AEFF;
+  border-radius: 5px;
+  font-size: 10px;
+  padding: 1px 3px;
+  min-width: 15px;
+  text-align: right;
+  position: absolute;
+  right: 10px;
+  top: -5px;
+  color: #ffffff;
+}
+/* videos page */
+.videos .video-top-wrapper {
+  width: 200px;
+  float: left;
+  margin: 0 10px 10px 0;
+  position: relative;
+}
+.videos .video-top-wrapper .video-js {
+  width: 200px!important;
+  height: 132px!important;
+}
+.videos .video-top-wrapper .video-delete {
+  position: absolute;
+  opacity: 0;
+  right: 0;
+  top: 0;
+  transition: opacity 0.5s;
+}
+.videos .video-top-wrapper:hover .video-delete {
+  opacity: 1;
+}
 /* photo albums */
 #photo-edit-link-wrap {
   margin-bottom: 10px;
@@ -1879,6 +2185,11 @@ ul.tabs li .active {
   background: url("../../../images/icons/16/user.png") no-repeat left center;
   padding-left: 18px;
 }
+#photo-top-upload-link,
+.photos-upload-link {
+  margin: 1em 0;
+  display: block;
+}
 .photos-upload-link a,
 #photo-top-upload-link {
   background: url("../../../images/icons/16/add.png") no-repeat left center;
@@ -1887,7 +2198,7 @@ ul.tabs li .active {
 .photo-top-image-wrapper,
 .photo-album-image-wrapper {
   float: left;
-  margin: 0px 10px 10px 0px;
+  margin: 0 10px 10px 0;
   width: 150px;
   height: 150px;
   position: relative;
@@ -1919,10 +2230,10 @@ ul.tabs li .active {
 .photo-album-image-wrapper:hover .photo-top-album-name,
 .photo-top-image-wrapper:hover .caption,
 .photo-album-image-wrapper:hover .caption {
-  bottom: 0px;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+  bottom: 0;
+  -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
@@ -1933,7 +2244,7 @@ ul.tabs li .active {
   display: block;
   width: 660px;
   padding: 50px;
-  margin-bottom: 0px;
+  margin-bottom: 0;
   text-align: center;
   background-color: #999999;
 }
@@ -1944,10 +2255,8 @@ ul.tabs li .active {
   background: url("../../../images/icons/22/image.png") no-repeat top left;
   padding-left: 23px;
   min-height: 22px;
-}
-#photo-album-title a {
-  display: block;
-  padding-top: 5px;
+  padding-top: 6px;
+  /* a { display: block;}*/
 }
 #photo-caption {
   display: block;
@@ -1981,13 +2290,35 @@ ul.tabs li .active {
 #photo-like-div .like-rotator {
   float: right;
 }
+#photo_edit_form {
+  padding: 1em;
+}
 /* profile match wrapper */
 .profile-match-wrapper {
   float: left;
-  width: 90px;
-  height: 90px;
+  width: 110px;
+  height: 110px;
   margin-bottom: 20px;
 }
+.profile-match-wrapper .drop {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  position: relative;
+  top: 10px;
+  left: -10px;
+}
+.profile-match-wrapper .drophide {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  opacity: 0.3;
+  position: relative;
+  top: 10px;
+  left: -10px;
+}
 .profile-match-wrapper .contact-photo {
   width: 80px;
   height: 80px;
@@ -1997,7 +2328,7 @@ ul.tabs li .active {
   height: 80px;
 }
 .profile-match-wrapper .contact-photo-menu-button {
-  left: 0px;
+  left: 0;
   top: 63px;
 }
 /* messages */
@@ -2011,7 +2342,7 @@ ul.tabs li .active {
   text-align: center;
   display: block;
   font-weight: bold;
-  padding: 1em 0px;
+  padding: 1em 0;
 }
 .mail-list-wrapper {
   background-color: #f6f7f8;
@@ -2028,7 +2359,7 @@ ul.tabs li .active {
 }
 .mail-list-wrapper .mail-subject {
   width: 30%;
-  padding: 4px 0px 0px 4px;
+  padding: 4px 0 0 4px;
 }
 .mail-list-wrapper .mail-subject a {
   display: block;
@@ -2037,18 +2368,65 @@ ul.tabs li .active {
   font-weight: bold;
 }
 .mail-list-wrapper .mail-date {
-  padding: 4px 4px 0px 4px;
+  padding: 4px 4px 0 4px;
 }
 .mail-list-wrapper .mail-from {
-  padding: 4px 4px 0px 4px;
+  padding: 4px 4px 0 4px;
 }
 .mail-list-wrapper .mail-count {
-  padding: 4px 4px 0px 4px;
+  padding: 4px 4px 0 4px;
   text-align: right;
 }
 .mail-list-wrapper .mail-delete {
   float: right;
 }
+#message-preview {
+  margin-top: 1em;
+  box-sizing: border-box;
+}
+#message-preview * {
+  box-sizing: border-box;
+  white-space: nowrap;
+}
+#message-preview .mail-list-wrapper .mail-subject {
+  width: 100%;
+}
+#message-preview .mail-list-wrapper .mail-date {
+  font-size: 0.8em;
+  width: 25%;
+  text-align: right;
+}
+#message-preview .mail-list-wrapper .mail-from {
+  font-size: 0.8em;
+  width: 75%;
+}
+#message-preview .mail-list-wrapper .mail-count {
+  font-size: 0.8em;
+  width: 100%;
+}
+#message-preview .mail-list-wrapper .mail-delete {
+  display: none;
+}
+#message-preview .mail-list-wrapper .mail-date,
+#message-preview .mail-list-wrapper .mail-from,
+#message-preview .mail-list-wrapper .mail-count {
+  opacity: 0.5;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+#message-preview .mail-list-wrapper:hover .mail-date,
+#message-preview .mail-list-wrapper:hover .mail-from,
+#message-preview .mail-list-wrapper:hover .mail-count {
+  opacity: 1;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
 #mail-display-subject {
   background-color: #f6f7f8;
   color: #2d2d2d;
@@ -2060,7 +2438,7 @@ ul.tabs li .active {
 #mail-display-subject span {
   float: left;
   overflow: hidden;
-  padding: 4px 0px 0px 10px;
+  padding: 4px 0 0 10px;
 }
 #mail-display-subject .mail-delete {
   float: right;
@@ -2136,8 +2514,8 @@ footer {
   text-align: right;
 }
 #adminpage #pluginslist {
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
 }
 #adminpage .plugin {
   list-style: none;
@@ -2157,7 +2535,7 @@ footer {
 #adminpage table {
   width: 100%;
   border-bottom: 1px solid #000000;
-  margin: 5px 0px;
+  margin: 5px 0;
 }
 #adminpage table th {
   text-align: left;
@@ -2183,8 +2561,8 @@ footer {
 .comment-edit-bb {
   list-style: none;
   display: none;
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   width: 75%;
 }
 .comment-edit-bb > li {
@@ -2203,49 +2581,49 @@ footer {
   background-color: #ccc;
 }
 .boldbb {
-  background-position: 0px 0px;
+  background-position: 0 0;
 }
 .boldbb:hover {
-  background-position: 0px -16px;
+  background-position: 0 -16px;
 }
 .italicbb {
-  background-position: -16px 0px;
+  background-position: -16px 0;
 }
 .italicbb:hover {
   background-position: -16px -16px;
 }
 .underlinebb {
-  background-position: -32px 0px;
+  background-position: -32px 0;
 }
 .underlinebb:hover {
   background-position: -32px -16px;
 }
 .quotebb {
-  background-position: -48px 0px;
+  background-position: -48px 0;
 }
 .quotebb:hover {
   background-position: -48px -16px;
 }
 .codebb {
-  background-position: -64px 0px;
+  background-position: -64px 0;
 }
 .codebb:hover {
   background-position: -64px -16px;
 }
 .imagebb {
-  background-position: -80px 0px;
+  background-position: -80px 0;
 }
 .imagebb:hover {
   background-position: -80px -16px;
 }
 .urlbb {
-  background-position: -96px 0px;
+  background-position: -96px 0;
 }
 .urlbb:hover {
   background-position: -96px -16px;
 }
 .videobb {
-  background-position: -112px 0px;
+  background-position: -112px 0;
 }
 .videobb:hover {
   background-position: -112px -16px;
@@ -2258,7 +2636,7 @@ footer {
   cursor: pointer;
   border: 1px solid #333;
   width: 200px;
-  margin: 10px 0px 10px 0px;
+  margin: 10px 0 10px 0;
   float: left;
 }
 /* progress bar (enabled with progress: true) */
@@ -2282,15 +2660,82 @@ footer {
   -moz-border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;
-  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
 }
 /* the input field */
 .range {
   width: 20px!important;
   font-size: 8pt;
   margin-left: 10px;
-  border: 0px;
+  border: 0;
   color: #999999;
 }
+/* buttons for the event view */
+.plink-event-link {
+  float: left;
+  margin-left: 2px;
+}
+/* upload/select popup */
+.fbrowser {
+  overflow: auto;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+.fbrowser .path {
+  background-color: #521f5c;
+}
+.fbrowser .path a {
+  padding: 5px;
+  margin: 0 2px;
+  display: inline-block;
+}
+.fbrowser .path a,
+.fbrowser .path a:active,
+.fbrowser .path a:visited,
+.fbrowser .path a:link,
+.fbrowser .path a:hover {
+  color: #ffffff;
+  text-decoration: none;
+  outline: none;
+}
+.fbrowser .folders ul {
+  list-style: url("icons/folder.png");
+  padding-left: 22px;
+}
+.fbrowser .list {
+  padding: 10px;
+}
+.fbrowser.image .photo-album-image-wrapper {
+  width: 48px;
+  height: 48px;
+}
+.fbrowser.image a img {
+  width: auto;
+  height: 48px;
+}
+.fbrowser.image a p {
+  display: none;
+}
+.fbrowser.file .photo-album-image-wrapper {
+  float: none;
+  white-space: nowrap;
+  width: 100%;
+  height: auto;
+}
+.fbrowser.file img {
+  display: inline;
+  width: 16px;
+  height: 16px;
+}
+.fbrowser.file p {
+  display: inline;
+  white-space: nowrap;
+}
+.fbrowser .upload {
+  clear: both;
+  padding-top: 1em;
+}
Unnamed repository; edit this file 'description' to name the repository.