Merge pull request #2624 from annando/1606-contact-id

[friendica.git] / view / theme / smoothly / style.css

diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index ba0c4bff6ec9ef2a4197b62191cc5f587467810d..e38a7ef6dcf929438034239512f61877e3f6a2d4 100644 (file)
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -149,6 +149,30 @@ section {
        padding-bottom: 2em;
 }
 
+/* Contact-Header for the Network Stream */
+#viewcontact_wrapper-network {
+       width: 100%;
+       min-height: 110px;
+       background-color: #FAFAFA;
+       box-shadow: 0 0 8px #BDBDBD;
+       border-bottom: 1px solid #dedede;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+}
+#contact-entry-wrapper-network {
+       float: none;
+       width: auto;
+       height: auto;
+       padding: 10px;
+       margin: 0;
+}
+#contact-entry-accounttype-network {
+       font-size: 20px;
+}
+#contact-entry-name-network {
+       font-size: 24.5px;
+}
+
 .lframe {
        border: 1px solid #7C7D7B;
        box-shadow: 3px 3px 6px #959494;
@@ -212,6 +236,39 @@ section {
        color: #efefef;
 }
 
+ul.menu-popup {
+       position: absolute;
+       display: none;
+       width: auto;
+       margin: 2px 0 0;
+       padding: 0px;
+       list-style: none;
+       z-index: 100000;
+       color: #2e3436;
+       border-top: 1px;
+       background: #eeeeee;
+       border: 1px solid #7C7D7B;
+       border-radius: 0px 0px 5px 5px;
+       -webkit-border-radius: 0px 0px 5px 5px;
+       -moz-border-radius: 0px 0px 5px 5px;
+       box-shadow: 5px 5px 10px #242424;
+       -moz-box-shadow: 5px 5px 10px #242424;
+       -webkit-box-shadow: 5px 5px 10px #242424;
+}
+ul.menu-popup li a {
+       white-space: nowrap;
+       display: block;
+       padding: 5px 2px;
+       color: #2e3436;
+}
+ul.menu-popup li a:hover {
+       color: #efefef;
+       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
+       background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
+       background-color: #1873a2;
+}
+
 /* ========= */
 /* = Login = */
 /* ========= */
@@ -641,6 +698,10 @@ aside h4 {
        font-size: 1em;
 }
 
+.vcard .account-type {
+       font-size: 1.2em;
+}
+
 .vcard dd {
        font-size: 12px;
        font-variant: normal;
@@ -690,6 +751,7 @@ aside h4 {
        list-style: none;
 }
 
+#subscribe-feed-link,
 #dfrn-request-link {
        box-shadow: inset 0px 1px 0px 0px #a65151;
                -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
@@ -725,6 +787,7 @@ aside h4 {
        background-color: #3465a4;
 }
 
+#subscribe-feed-link:hover,
 #dfrn-request-link:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
        background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
@@ -732,6 +795,7 @@ aside h4 {
        background-color: #1873a2;
 }
 
+#subscribe-feed-link:active,
 #dfrn-request-link:active {
        position: relative;
        top: 1px;
@@ -854,7 +918,8 @@ li.widget-list {
        padding: 3px 24px;
 }
 
-#sidebar-new-group {
+#sidebar-new-group,
+#sidebar-edit-groups {
        padding: 7px;
        width: 165px;
        margin: auto;
@@ -2136,20 +2201,20 @@ div[id$="wrapper"] br {
                -webkit-border-radius: 5px;
 }
 
-#side-bar-photos-albums {
+#sidebar-photos-albums {
 }
 
 #photo-albums-upload-link {
        margin: 20px;
 }
 
-#side-bar-photos-albums h3:before {
+#sidebar-photos-albums h3:before {
        content: url("images/photography.png");
        padding-right: 10px;
        vertical-align: middle;
 }
 
-#side-bar-photos-albums li {
+#sidebar-photos-albums li {
        font-size: 14px;
        font-variant: none;
        text-align: left;
@@ -4215,6 +4280,17 @@ a.active {
 }
 
 /* notifications popup menu */
+.manage-notify {
+       font-size: 10px;
+       padding: 1px 3px;
+       top: 0px;
+       min-width: 15px;
+       text-align: center;
+       float: right;
+       margin-top: -14px;
+       margin-right: -20px;
+}
+
 .nav-notify {
        display: none;
        position: absolute;
@@ -4228,16 +4304,6 @@ a.active {
 .nav-notify.show {
        display: block;
 }
-ul.menu-popup {
-       position: absolute;
-       display: none;
-       width: 10em;
-       margin: 0px;
-       padding: 0px;
-       list-style: none;
-       z-index: 100000;
-       top: 40px;
-}
 #nav-notifications-menu {
        width: 320px;
        max-height: 400px;
@@ -4255,6 +4321,7 @@ ul.menu-popup {
        box-shadow: 5px 5px 10px #242424;
                -moz-box-shadow: 5px 5px 10px #242424;
                -webkit-box-shadow: 5px 5px 10px #242424;
+       top: 40px;
 }
 
 #nav-notifications-menu .contactname {
@@ -4310,8 +4377,7 @@ ul.menu-popup {
 }
 
 /* autocomplete popup */
-.acpopup {
-       max-height: 150px;
+.acpopup, acpopup-mce {
        overflow: auto;
        z-index: 100000;
        color: #2e3436;
@@ -4328,6 +4394,10 @@ ul.menu-popup {
                -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
+.acpopup-mce {
+       max-height: 150px;
+}
+
 .acpopupitem {
        color: #2e3436;
        padding: 4px;
@@ -4338,7 +4408,7 @@ ul.menu-popup {
        margin-right: 4px;
 }
 
-.acpopupitem.selected {
+.acpopupitem.selected, .textcomplete-item.active {
        color: #efefef;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
        background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
@@ -4347,6 +4417,10 @@ ul.menu-popup {
        order-bottom: none;
 }
 
+.textcomplete-item a:hover, .textcomplete-item a:hover .acpopup-sub-text, .textcomplete-item.active a .acpopup-sub-text {
+       color: #efefef;
+}
+
 .qcomment {
        opacity: 0.8;
        filter: alpha(opacity=0);
@@ -4363,6 +4437,10 @@ ul.menu-popup {
        background: #000000;
 }
 
+.notify-seen a {
+       color: #efefef !important;
+}
+
 /* Pages profile widget ----------------------------------------------------------- */
 
 #page-profile,
@@ -4515,7 +4593,8 @@ hr.line-dots {
 .location-label,
 .gender-label,
 .marital-label,
-.homepage-label {
+.homepage-label,
+.network-label {
        float: left;
        text-align: left;
        display: block;
@@ -4525,7 +4604,8 @@ hr.line-dots {
 .adr,
 .x-gender,
 .marital-text,
-.homepage-url {
+.homepage-url,
+.x-network {
        float: left;
        display: block;
        margin-left: 8px;