New group button

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

diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 3dc9b4649134c807db9e98655692420b9801997a..60baa11ab74777de3e6c972b93eb00345d879a29 100644 (file)
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -312,17 +312,21 @@ a:hover {
 }
 .fakelink {
        color: #36c;
-       /* color: #3e3e8c; */
-       /* color: #3465A4; */
-       /* color: #3E3E8C; */
        text-decoration: none;
        cursor: pointer;
 }
 .fakelink:hover {
-       /* color: blue;*/
-       /* color: #005c94; */
        text-decoration: underline;
 }
+.btn.btn-link.fakelink {
+       background: none;
+       border: none;
+       box-shadow: none;
+       padding: 0 2px;
+       vertical-align: baseline;
+       outline-offset: 0;
+}
+
 pre code {
        font-family: Courier, monospace;
        white-space: pre;
@@ -389,10 +393,10 @@ pre code {
 }
 #saved-search-ul .tool:hover,
 #nets-sidebar .tool:hover,
-#sidebar-group-list .tool:hover {
+#sidebar-circle-list .tool:hover {
        background: #EEE;
 }
-/*#sidebar-group-list .notify {
+/*#sidebar-circle-list .notify {
        min-width: 10px;
        text-align: center;
        color: #FFF;
@@ -402,10 +406,10 @@ pre code {
        border-radius: 10px;
        display: none;
 }*/
-#sidebar-group-list .notify {
+#sidebar-circle-list .notify {
        display: none;
 }
-#sidebar-group-list .notify.show {
+#sidebar-circle-list .notify.show {
        display: inline-block;
 }
 .tool .label {
@@ -417,22 +421,22 @@ pre code {
 .tool a {
        /* color: #000; */
 }
-.tool a:hover, .widget a:hover, #nets-sidear a:hover, #forum-widget-collapse:hover, .admin.link a:hover, aside h4 a:hover, right_aside h4 a:hover {
+.tool a:hover, .widget a:hover, #nets-sidebar a:hover, #group-widget-collapse:hover, .admin.link a:hover, aside h4 a:hover, right_aside h4 a:hover {
        /* text-decoration: underline; */
        text-decoration: none;
        color: black;
 }
 
-.groupsideedit, .savedsearchdrop {
+.circlesideedit, .savedsearchdrop {
        float: right;
        opacity: 0.3;
 }
-.groupsideedit:hover, .savedsearchdrop:hover {
+.circlesideedit:hover, .savedsearchdrop:hover {
        opacity: 1;
 }
 
-.sidebar-group-li:hover, #sidebar-new-group:hover, #sidebar-edit-groups:hover,#forum-widget-collapse:hover,
-#sidebar-ungrouped:hover, .side-link:hover, .nets-ul li:hover, #forumlist-sidebar li:hover, #forumlist-sidebar-right li:hover,
+.sidebar-circle-li:hover, #sidebar-new-circle:hover, #sidebar-edit-circles:hover, #sidebar-new-group:hover, #group-widget-collapse:hover,
+#sidebar-uncircled:hover, .side-link:hover, .nets-ul li:hover, #grouplist-sidebar li:hover, #grouplist-sidebar-right li:hover,
 .nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, right_aside h4 a:hover, #message-new:hover,
 #sidebar-photos-albums li:hover, .photos-upload-link:hover, .textcomplete-item.active {
        /* background-color: #ddd; */
@@ -444,15 +448,15 @@ pre code {
        color: black;
 }
 
-.sidebar-group-element {
+.sidebar-circle-element {
        /* color: #000; */
 }
 
-.widget .selected, .forum-selected {
+.widget .selected, .group-selected {
        font-weight: bold;
 }
 
-#forum-widget-showmore, #sidebar-new-group, #sidebar-edit-groups, #forum-widget-collapse, #forumlist-rsidebar-right, #sidebar-ungrouped,
+#group-widget-showmore, #sidebar-new-circle, #sidebar-edit-circles, #sidebar-new-group, #group-widget-collapse, #grouplist-rsidebar-right, #sidebar-uncircled,
 .side-link, #peoplefind-desc, #connect-desc, .nets-all, .admin.link, #message-new {
        padding-left: 10px;
        padding-top: 3px;
@@ -467,31 +471,31 @@ pre code {
        display: block;
 }
 
-#forumlist-sidebar {
+#group-list-sidebar {
        padding-top: 3px;
        padding-bottom: 3px;
        display: block;
 }
 
-.forum-widget-entry {
+.group-widget-entry {
        padding-left: 10px;
        padding-right: 5px;
 }
 
-#forumlist-sidebar .notify, #forumlist-sidebar-right .notify {
+#group-list-sidebar .notify, #group-list-sidebar-right .notify {
        display: none;
 }
 
-#forumlist-sidebar .notify.show, #forumlist-sidebar-right .notify.show {
+#group-list-sidebar .notify.show, #group-list-sidebar-right .notify.show {
        display: inline-block;
 }
 
-a.nets-link, .side-link a, #sidebar-new-group a, #sidebar-edit-groups a, a.savedsearchterm,a.fileas-link, aside h4 a, right_aside h4 a {
+a.nets-link, .side-link a, #sidebar-new-circle a, #sidebar-edit-circles a, #sidebar-new-group a, a.savedsearchterm,a.fileas-link, aside h4 a, right_aside h4 a {
        display: block;
        color: #737373;
 }
 
-a.sidebar-group-element {
+a.sidebar-circle-element {
        color: #737373;
 }
 
@@ -505,19 +509,19 @@ a.sidebar-group-element {
        padding: 0;
        margin-left: 10px;
 }
-#sidebar-ungrouped, .side-link {
+#sidebar-uncircled, .side-link {
        padding-top: 5px;
 }
 
-#sidebar-ungrouped a {
+#sidebar-uncircled a {
        color: black;
 }
 
-#forumlist-sidebar a, #forumlist-sidebar-right a, .tool a, .admin.link a, #sidebar-photos-albums a {
+#group-list-sidebar a, #group-list-sidebar-right a, .tool a, .admin.link a, #sidebar-photos-albums a {
        color: #737373;
 }
 
-#forumlist-sidebar, #forumlist-sidebar-right {
+#group-list-sidebar, #group-list-sidebar-right {
        margin-top: 2px;
 }
 
@@ -687,8 +691,8 @@ nav .nav-menu img {
        margin-right: 4px;
 }
 
-nav .nav-menu > a > .nav-notify,
-nav .nav-menu-icon > a > .nav-notify {
+nav .nav-menu > a > .nav-notification,
+nav .nav-menu-icon > a > .nav-notification {
        position: absolute;
        top: 3px;
        right: -5px;
@@ -725,7 +729,7 @@ nav .nav-menu:hover {
        text-decoration: none;
 }
 
-.manage-notify {
+.delegation-notify {
         background-color: #F80;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
@@ -741,7 +745,7 @@ nav .nav-menu:hover {
        margin-right: -20px;
 }
 
-nav .nav-notify {
+nav .nav-notification {
        display: none;
        background-color: #F80;
        -moz-border-radius: 5px 5px 5px 5px;
@@ -753,7 +757,7 @@ nav .nav-notify {
        text-align: center;
        color: white;
 }
-nav .nav-notify.show {
+nav .nav-notification.show {
        display: inline-block;
 }
 
@@ -763,6 +767,7 @@ nav #nav-directory-link,
 nav #nav-apps-link,
 nav #nav-apps-link,
 nav #nav-login-link,
+nav #nav-logout-link,
 nav #nav-messages-linkmenu,
 nav #nav-notifications-linkmenu,
 nav #nav-site-linkmenu,
@@ -844,9 +849,9 @@ nav #nav-user-linkmenu {
        padding: 5px 10px; */
 }
 
-.notify-unseen {background-color: #FFF; }
+.notification-unseen {background-color: #FFF; }
 
-.notify-seen {
+.notification-seen {
        background: none repeat scroll 0 0 #EEE;
 }
 
@@ -936,11 +941,11 @@ nav .acpopup {
        color: #000;
        padding: 3px 20px;
 }
-.textcomplete-item a .forum, .forum .acpopup-sub-text {
+.textcomplete-item a .group, .group .acpopup-sub-text {
        color: #36C;
        opacity: 0.8;
 }
-.textcomplete-item a .forum:hover {
+.textcomplete-item a .group:hover {
        opacity: 1.0;
 }
 img.acpopup-img {
@@ -1208,13 +1213,13 @@ aside img {
        width: 48px;
        height: 48px;
 }
-.group_selected {
+.circle_selected {
        background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
        float: left;
        height: 22px;
        width: 22px;
 }
-.group_unselected {
+.circle_unselected {
        background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
        float: left;
        height: 22px;
@@ -1437,10 +1442,6 @@ section.minimal {
        font-size: 12px;
 }
 
-.shared_header {
-       line-height: 14px;
-}
-
 .wall-item-network {
        color: #999;
        font-size: 12px;
@@ -1781,8 +1782,14 @@ section.minimal {
        padding: 0.3em;
        margin-bottom: 10px;
 }
-
-#profile-jot-form #jot-title, #profile-jot-form #jot-category {
+#post-length {
+       width: 20px;
+       float: left;
+       margin-left: 15px;
+       margin-top: 3px;
+       color: #9c9c9c;
+}
+profile-jot-form #jot-title, #profile-jot-form #jot-category {
        border-radius: 5px 5px 5px 5px;
        font-weight: bold;
        height: 20px;
@@ -2072,21 +2079,10 @@ section.minimal {
        margin-left: 15px;
        cursor: pointer;
 }
-#profile-smiley-wrapper {
+#profile-emojis-wrapper {
        float: left;
        margin-left: 15px;
        cursor: pointer;
-       margin-top: 3px;
-       height: 10px;
-       display: inline-block;
-}
-#smileybutton {
-       position: absolute;
-       z-index: 99;
-}
-table.smiley-preview {
-       background-color: #FFF;
-       box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 }
 #jot-perms-icon {
        float: right;
@@ -2122,101 +2118,10 @@ table.smiley-preview {
        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;
-       width: auto;
-       height: 18px;
-       background-color: #cccccc;
-       background-image: url("../../../images/show_all_off.png");
-       background-position: 7px 7px;
-       background-repeat: no-repeat;
-       padding: 7px 5px 0px 30px;
-       color: #999999;
-       -moz-border-radius: 5px 5px 5px 5px;
-       -webkit-border-radius: 5px 5px 5px 5px;
-       border-radius: 5px 5px 5px 5px;
-}
-#acl-showall.selected {
-       color: #000000;
-       background-color: #ff9900;
-       background-image: url("../../../images/show_all_on.png");
-}
-#acl-list {
-       height: 210px;
-       border: 1px solid #cccccc;
-       clear: both;
-       margin-top: 30px;
-       overflow: auto;
-}
-.acl-list-item {
-       display: block;
-       width: 150px;
-       height: 30px;
-       border: 1px solid #cccccc;
-       margin: 5px;
-       float: left;
-}
-.acl-list-item img {
-       width: 22px;
-       height: 22px;
-       float: left;
-       margin: 4px;
-}
-.acl-list-item p {
-       height: 12px;
-       font-size: 10px;
-       margin: 0px;
-       padding: 2px 0px 1px;
-       overflow: hidden;
-}
-.acl-list-item a {
-       font-size: 8px;
-       display: block;
-       width: 40px;
-       height: 10px;
-       float: left;
-       color: #999999;
-       background-color: #cccccc;
-       background-position: 3px 3px;
-       background-repeat: no-repeat;
-       margin-right: 5px;
-       -webkit-border-radius: 2px ;
-       -moz-border-radius: 2px;
-       border-radius: 2px;
-       padding-left: 15px;
-}
 #acl-wrapper a:hover {
        text-decoration: none;
        color: #000000;
 }
-.acl-button-show {
-       background-image: url("../../../images/show_off.png");
-}
-.acl-button-hide {
-       background-image: url("../../../images/hide_off.png");
-}
-.acl-button-show.selected {
-       color: #000000;
-       background-color: #9ade00;
-       background-image: url("../../../images/show_on.png");
-}
-.acl-button-hide.selected {
-       color: #000000;
-       background-color: #ff4141;
-       background-image: url("../../../images/hide_on.png");
-}
-.acl-list-item.groupshow {
-       border-color: #9ade00;
-}
-.acl-list-item.grouphide {
-       border-color: #ff4141;
-}
 /** /acl **/
 /** tab buttons **/
 div.pager, ul.tabs {
@@ -2362,40 +2267,6 @@ ul.tabs li .active, span.pager_current a {
        margin-left: 200px;
        color: #666666;
 }
-.field .onoff {
-       float: left;
-       width: 80px;
-       margin-right:1em;
-}
-.field .onoff a {
-       display: block;
-       border: 1px solid #666666;
-       background-image: url("../../../images/onoff.jpg");
-       background-repeat: no-repeat;
-       padding: 4px 2px 2px 2px;
-       font-size:14px;
-       height: 16px;
-       line-height:16px;
-       text-decoration: none;
-       text-align: center;
-       text-transform: uppercase;
-       border-radius:4px;
-}
-.field .onoff .off {
-       border-color: #B0B0B0;
-       padding-left: 36px;
-       background-position: left center;
-       background-color: #cccccc;
-       color: #9C9C9C;
-}
-.field .onoff .on {
-       font-weight:bold;
-       border-color: #8EB8EE;
-       padding-right: 36px;
-       background-position: right center;
-       background-color: #D7E3F1;
-       color: #36c;
-}
 .field .hidden {
        display: none!important;
 }
@@ -2496,6 +2367,10 @@ aside #id_password {
        list-style: none;
 }
 
+#profile-menu {
+       display: none;
+}
+
 .profile-edit-side-div {
 /*  display: none; */
        float: right;
@@ -2514,6 +2389,7 @@ aside #id_password {
 
 #register-name-end,
 #register-email-end,
+#register-repeat-end,
 #register-nickname-end {
        clear: both;
 }
@@ -2705,16 +2581,16 @@ blockquote {
 .contact-block-textdiv {width: 150px; height: 34px; float: left; }
 #contact-block-end {clear: both; }
 
-#group-edit-wrapper {
+#circle-edit-wrapper {
        margin-bottom: 10px;
 }
 
-#group-members-end {
+#circle-members-end {
        clear: both;
 }
 
 /*
-#group-separator,
+#circle-separator,
 #prof-separator {display: none;}
 */
 
@@ -2922,12 +2798,12 @@ a.mail-list-link {
        margin: 0px;
 }
 
-#identity-manage-desc {
+#identity-delegation-desc {
        margin-top:15px;
        margin-bottom: 15px;
 }
 
-#identity-manage-choose {
+#identity-delegation-choose {
        margin-bottom: 15px;
 }
 
@@ -3325,7 +3201,6 @@ img.photo-album-photo {
 }
 #profile-edit-wrapper .toggle-section-content {
        background:#ededed;
-       max-width:599px;
        padding:5px;
 }
 
@@ -3395,7 +3270,7 @@ img.photo-album-photo {
 }
 
 /* upload/select popup */
-fbrowser.image .photo-album-image-wrapper { margin-left: 10px; }
+fbrowser.photo .photo-album-image-wrapper { margin-left: 10px; }
 #message-preview { margin-top: 15px; }
 #message-preview span { width: 100%; }
 #message-preview .mail-count, #message-preview .mail-delete { display:none; }