]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/smoothly/style.css
Merge pull request #12429 from MrPetovan/bug/contactblock-icon
[friendica.git] / view / theme / smoothly / style.css
index 45d2629dae0a09c8a0941ee029f0d60073d9f6a0..3489de03184d633240bf8eae5c020e7145febc2a 100644 (file)
@@ -20,7 +20,7 @@ Orange - #fec01d
 /* For general iPad layouts */
 #body {
        -moz-background-clip: border;
-       -moz-background-origin: pdading;
+       -moz-background-origin: padding;
        -moz-background-size: auto auto;
        background-attachment: scroll;
        background-color: transparent;
@@ -104,6 +104,14 @@ input[type=submit]:active {
        top: 1px;
 }
 
+.btn {
+       background-color: transparent;
+       box-shadow: none;
+       border: none;
+       padding: 0;
+       text-align: inherit;
+}
+
 #search-text,
 #search-submit,
 #search-save {
@@ -236,6 +244,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 = */
 /* ========= */
@@ -363,6 +404,10 @@ section {
        margin: 4px;
 }
 
+.pager .disabled {
+       display: none;
+}
+
 .pager_current {
        background-color: #1873a2;
        color: #ffffff;
@@ -579,7 +624,7 @@ ul#user-menu-popup li a.nav-sep {
        padding-left: 11px;
 }
 
-#notify-update {
+#notification-update {
        background-position: 0px -168px;
 }
 
@@ -665,6 +710,10 @@ aside h4 {
        font-size: 1em;
 }
 
+.vcard .account-type {
+       font-size: 1.2em;
+}
+
 .vcard dd {
        font-size: 12px;
        font-variant: normal;
@@ -921,10 +970,9 @@ li.widget-list {
        top: 1px;
 }
 
-.group-selected,
-.nets-selected,
-.fileas-selected,
-.categories-selected {
+
+.widget .selected,
+.group-selected {
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
@@ -965,13 +1013,13 @@ ul .sidebar-group-li .icon {
        width: 12px;
 }
 
-.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul  {
+.nets-ul, .fileas-ul, .category-ul, .datebrowse-ul  {
        list-style-type: none;
 }
 
 .nets-ul li,
 .fileas-ul li,
-.categories-ul li,
+.category-ul li,
 .datebrowse-link {
 }
 
@@ -988,12 +1036,12 @@ ul .sidebar-group-li .icon {
 }
 
 .fileas-link,
-.categories-link {
+.category-link {
        margin-left: 0px;
 }
 
 .fileas-all,
-.categories-all {
+.category-all {
        margin-left: 0px;
 }
 
@@ -1549,6 +1597,10 @@ ul .sidebar-group-li .icon {
        margin-right: 10px;
        display: inline;
 }
+.wall-item-like-buttons a.self {
+       background-color: rgba(52, 101, 164, .5);
+       border-radius: 6px;
+}
 
 .wall-item-links-wrapper {
        width: 30px;
@@ -1571,6 +1623,7 @@ ul .sidebar-group-li .icon {
        margin-right: 20px;
 }
 
+.pin-item,
 .star-item,
 .tag-item {
        float: left;
@@ -1762,44 +1815,13 @@ ul .sidebar-group-li .icon {
 .type-link .oembed {
 }
 
-.shared_header {
-  height: 32px;
-  color: #999;
-  border-top: 1px solid #D2D2D2;
-  padding-top: 5px;
-  margin-top: 5px;
-}
-
 .shared_header a {
   color: black;
-  -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;
 }
-
 .shared_header a:hover {
   color: #36c;
 }
 
-.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;
-}
-
 .icon.drop,
 .icon.drophide {
        float: left;
@@ -1815,7 +1837,7 @@ blockquote.shared_content {
 
 #item-delete-selected-icon {}
 
-code {
+pre code {
        font-family: Courier, monospace;
        display: block;
        overflow: auto;
@@ -1979,7 +2001,7 @@ code {
        float: right;
 }
 
-.wall-item-body code {
+.wall-item-body pre code {
        font-family: Courier, monospace;
        display: block;
        overflow: auto;
@@ -1993,20 +2015,6 @@ code {
 /* = Profile = */
 /* =========== */
 
-.advanced-profile-content {
-       margin-top: 5px;
-       margin-bottom: 10px;
-       margin-left: 30px;
-       width: 60%;
-}
-
-.advanced-profile-label {
-       margin-top: 10px;
-       margin-bottom: 0px;
-       padding-bottom: 5px;
-       font-size: 18px;
-}
-
 div[id$="wrapper"] {
        height: 100%;
 }
@@ -2015,10 +2023,6 @@ div[id$="wrapper"] br {
        clear: left;
 }
 
-#advanced-profile-with {
-       margin-left: 20px;
-}
-
 #profile-listing-desc,
 #profile-listing-new-link-wrapper {
        float: left;
@@ -2082,6 +2086,10 @@ div[id$="wrapper"] br {
        position: absolute;
 }
 
+#profile-menu {
+       display: none;
+}
+
 #cropimage-wrapper {
        float:left;
 }
@@ -2164,20 +2172,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;
@@ -2713,13 +2721,6 @@ margin-left: 0px;
        border: 1px solid #7C7D7B;
 }
 
-/* ========== */
-/* = Poke = */
-/* ========== */
-#poke-recip {
-       float: none;
-}
-
 /* ================= */
 /* = Notifications = */
 /* ================= */
@@ -2790,10 +2791,6 @@ margin-left: 0px;
        clear: both;
 }
 
-#viewcontacts {
-       margin-top: 15px;
-}
-
 .contact-entry-wrapper .contact-entry-photo-wrapper {
        float: left;
        margin-right: 10px;
@@ -3012,7 +3009,8 @@ margin-left: 0px;
 #side-invite-link,
 #side-random-profile-link,
 #side-suggest-link,
-#side-match-link {
+#side-match-link,
+#side-directory-link {
        width: 80%;
        padding: 10px;
        margin: auto;
@@ -3034,7 +3032,8 @@ margin-left: 0px;
 #side-invite-link:hover,
 #side-random-profile-link:hover,
 #side-suggest-link:hover,
-#side-match-link:hover {
+#side-match-link:hover,
+#side-directory-link: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% );
@@ -3053,7 +3052,8 @@ margin-left: 0px;
 #side-invite-link:active,
 #side-random-profile-link:active,
 #side-suggest-link:active,
-#side-match-link:active {
+#side-match-link:active,
+#side-directory-link:active {
        background-color: #1873a2;
        position: relative;
        top: 1px;
@@ -3062,7 +3062,8 @@ margin-left: 0px;
 #side-invite-link a,
 #side-random-profile-link a,
 #side-suggest-link a,
-#side-match-link a {
+#side-match-link a,
+#side-directory-link a {
        color: #efefef;
 }
 
@@ -3131,13 +3132,13 @@ margin-left: 0px;
        color: #efefef;
 }
 
-.crepair-label {
+.contact-advanced-label {
        margin-top: 10px;
        float: left;
        width: 250px;
 }
 
-.crepair-input {
+.contact-advanced-input {
        margin-top: 10px;
        float: left;
        width: 200px;
@@ -3674,8 +3675,6 @@ margin-left: 0px;
 
 #event-nofinish-checkbox,
 #event-nofinish-text,
-#event-adjust-checkbox,
-#event-adjust-text,
 #event-share-checkbox {
        float: left;
 }
@@ -3685,7 +3684,6 @@ margin-left: 0px;
 }
 
 #event-nofinish-break,
-#event-adjust-break,
 #event-share-break {
        clear: both;
 }
@@ -3775,12 +3773,12 @@ margin-left: 0px;
 }
 
 #adminpage
-#pluginslist {
+#addonslist {
        margin: 0px;
        padding: 0px;
 }
 
-#adminpage .plugin {
+#adminpage .addon {
        list-style: none;
        display: block;
        clear: left;
@@ -3795,7 +3793,7 @@ margin-left: 0px;
        margin:10px 10px 10px 0;
 }
 
-#adminpage .toggleplugin {
+#adminpage .toggleaddon {
        float: left;
        margin-right: 1em;
 }
@@ -3880,37 +3878,6 @@ margin-left: 0px;
        color: #666666;
 }
 
-.field .onoff {
-       float: left;
-       width: 80px;
-}
-.field .onoff a {
-       display: block;
-       border: 1px solid #c1c1c1;
-       background-image: url("../../../images/onoff.jpg");
-       background-repeat: no-repeat;
-       padding: 4px 2px 2px 2px;
-       height: 16px;
-       text-decoration: none;
-}
-.field .onoff .off {
-       border-color: #c1c1c1;
-       padding-left: 40px;
-       background-position: left center;
-       background-color: #cccccc;
-       color: #666666;
-       text-align: right;
-}
-
-.field .onoff .on {
-       border-color: #c1c1c1;
-       padding-right: 40px;
-       background-position: right center;
-       background-color: #1873a2;
-       color: #FFFFFF;
-       text-align: left;
-}
-
 .field .radio .field_help {
        margin-left: 0px;
 }
@@ -3946,6 +3913,15 @@ margin-left: 0px;
        height: 20px;
        background-image: url("images/icons.png");
 }
+.pinned {
+       background-image: url("images/star.png");
+       repeat: no-repeat;
+}
+.unpinned {
+       background-image: url("images/premium.png");
+       repeat: no-repeat;
+}
+
 .starred {
        background-image: url("images/star.png");
        repeat: no-repeat;
@@ -4084,108 +4060,11 @@ tools {
        width: 690px;
        float:left;
 }
-#acl-search {
-       float:right;
-       background: #ffffff url("../../../images/search_18.png") no-repeat right center;
-       padding-right: 20px;
-}
-
-#acl-showall {
-       float: left;
-       display: block;
-       font-size: 1em;
-       font-style: bold;
-       text-align: center;
-       padding: 3px;
-       margin-bottom: 5px;
-       background-color: #cccccc;
-       background-position: 7px 7px;
-       background-repeat: no-repeat;
-       padding: 5px;
-       border-radius: 5px;
-               -webkit-border-radius: 5px ;
-               -moz-border-radius: 5px;
-       color: #999999;
-}
-
-#acl-showall.selected {
-       color: #ffffff;
-       background-color: #1873a2;
-}
-
-#acl-list {
-       height: 400px;
-       border: 1px solid #cccccc;
-       background-color: #efefef;
-       clear: both;
-       margin-top: 30px;
-       overflow: auto;
-}
-
-#acl-list-content {
-}
-
-.acl-list-item {
-       display: block;
-       width: 155px;
-       height: 50px;
-       border: 1px solid #cccccc;
-       background-color: #fff;
-       margin: 5px;
-       float: left;
-       box-shadow: 2px 2px 3px #c1c1c1;
-               -moz-box-shadow: 2px 2px 3px #c1c1c1;
-               -webkit-box-shadow: 2px 2px 3px #c1c1c1;
-}
-.acl-list-item img {
-       width: 30px;
-       height: 30px;
-       float: left;
-       margin: 5px;
-}
-
-.acl-list-item p {
-       color: #999999;
-       height: 12px;
-       font-size: 0.7em;
-       margin: 0px;
-       padding: 2px 0px 1px;
-       overflow: hidden;
-}
-
-.acl-list-item a {
-       font-size: 10px;
-       display: block;
-       float: left;
-       color: #efefef;
-       background-color: #898989;
-       background-position: 3px 3px;
-       background-repeat: no-repeat;
-       margin: 10px 0 0 5px;
-       border-radius: 2px;
-               -webkit-border-radius: 2px ;
-               -moz-border-radius: 2px;
-       padding: 3px;
-}
-
 #acl-wrapper a:hover {
        text-decoration: none;
        background-color:#1873a2;
 }
 
-.acl-button-show.selected {
-       color: #efefef;
-       background-color: #1873a2;
-}
-
-.acl-button-hide .selected {
-       color: #efefef;
-       background-color: #a2a2a2;
-}
-
-.acl-list-item.groupshow { border-color: #1873a2; }
-.acl-list-item.grouphide { border-color: #a2a2a2; }
-
 /* ========================= */
 /* = Global Directory Link = */
 /* ========================= */
@@ -4243,7 +4122,7 @@ a.active {
 }
 
 /* notifications popup menu */
-.manage-notify {
+.delegation-notify {
        font-size: 10px;
        padding: 1px 3px;
        top: 0px;
@@ -4254,7 +4133,7 @@ a.active {
        margin-right: -20px;
 }
 
-.nav-notify {
+.nav-notification {
        display: none;
        position: absolute;
        font-size: 10px;
@@ -4264,19 +4143,9 @@ a.active {
        min-width: 15px;
        text-align: right;
 }
-.nav-notify.show {
+.nav-notification.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;
@@ -4294,6 +4163,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 {
@@ -4349,8 +4219,7 @@ ul.menu-popup {
 }
 
 /* autocomplete popup */
-.acpopup {
-       max-height: 150px;
+.acpopup, acpopup-mce {
        overflow: auto;
        z-index: 100000;
        color: #2e3436;
@@ -4367,6 +4236,10 @@ ul.menu-popup {
                -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
+.acpopup-mce {
+       max-height: 150px;
+}
+
 .acpopupitem {
        color: #2e3436;
        padding: 4px;
@@ -4377,7 +4250,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% );
@@ -4386,6 +4259,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);
@@ -4398,10 +4275,14 @@ ul.menu-popup {
        filter: alpha(opacity=100);
 }
 
-.notify-seen {
+.notification-seen {
        background: #000000;
 }
 
+.notification-seen a {
+       color: #efefef !important;
+}
+
 /* Pages profile widget ----------------------------------------------------------- */
 
 #page-profile,
@@ -4552,9 +4433,8 @@ hr.line-dots {
 
 .location,
 .location-label,
-.gender-label,
-.marital-label,
-.homepage-label {
+.homepage-label,
+.network-label {
        float: left;
        text-align: left;
        display: block;
@@ -4562,9 +4442,8 @@ hr.line-dots {
 }
 
 .adr,
-.x-gender,
-.marital-text,
-.homepage-url {
+.homepage-url,
+.x-network {
        float: left;
        display: block;
        margin-left: 8px;
@@ -4574,17 +4453,12 @@ hr.line-dots {
 
 #birthday-notice {}
 #nav-notifications-template {}
-#categories-sidebar {}
+#category-sidebar {}
 #nets-desc {}
 #status-tab {}
 #page-footer {}
 #live-profile {}
 
-.city-state-zip {}
-.country-name {}
-.locality {}
-.region {}
-.postal-code {}
 .mpfriend {}
 .toplevel_item {}
 
@@ -4624,9 +4498,6 @@ div #datebrowse-sidebar.widget {
        width: 75px;
 }
 
-#id_post_newfriend,
-#id_post_joingroup,
-#id_post_profilechange,
 #id_notify1,
 #id_notify2,
 #id_notify3,
@@ -4646,7 +4517,7 @@ div #datebrowse-sidebar.widget {
 }
 
 #settings-activity-desc,
-#settings-notify-desc {
+#settings-notification-desc {
        margin: 10px 10px 10px 0;
        font-weight: bold;
 }
@@ -4704,15 +4575,10 @@ div #datebrowse-sidebar.widget {
        margin-bottom: 5px !important;
 }
 
-.onoff {
-       margin-right: 10px;
-}
-
 .settings-heading {
        margin: 25px 0 25px 0;
 }
 
-#id_itemcache,
 #id_basepath,
 #id_temppath,
 #id_lockpath,
@@ -4725,7 +4591,6 @@ div #datebrowse-sidebar.widget {
        width: 440px;
 }
 
-#id_itemcache_duration,
 #id_abandon_days,
 #id_maxloadavg,
 #id_poll_interval,