Use placeholder attribute for Comment message

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

diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css
index 14899a866be004717261a029bffb594a1a6f1a26..46eb650ec1db93278ff68c9b1955acd2f18cf26c 100644 (file)
--- a/view/theme/frost/style.css
+++ b/view/theme/frost/style.css
@@ -113,6 +113,51 @@ blockquote {
 
 .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 */
@@ -284,6 +329,7 @@ aside {
 /*     float:left;*/
 }
 
+#subscribe-feed-link,
 #dfrn-request-link {
        display: block;
        color: #FFFFFF;
@@ -383,6 +429,27 @@ section {
        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 {
@@ -489,7 +556,7 @@ div.wall-item-content-wrapper.shiny {
        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;
@@ -851,6 +918,7 @@ input#dfrn-url {
 #profile-edit-religion-label,
 #profile-edit-pubkeywords-label,
 #profile-edit-prvkeywords-label,
+#profile-edit-xmpp-label,
 #profile-edit-homepage-label,
 #profile-edit-hometown-label {
        font-weight: 700;
@@ -872,6 +940,7 @@ input#dfrn-url {
 #sexual-select,
 #profile-edit-politic,
 #profile-edit-religion,
+#profile-edit-xmpp,
 #profile-edit-pubkeywords,
 #profile-edit-prvkeywords,
 #profile-in-dir-yes,
@@ -885,6 +954,7 @@ input#dfrn-url {
        float: left;
        margin-bottom: 20px;
 }
+#profile-edit-xmpp,
 #profile-edit-pubkeywords,
 #profile-edit-prvkeywords {
        margin-bottom: 5px;
@@ -957,6 +1027,7 @@ input#dfrn-url {
 
 
 #profile-edit-pdesc-desc,
+#profile-edit-xmpp-desc,
 #profile-edit-pubkeywords-desc,
 #profile-edit-prvkeywords-desc {
        float: left;
@@ -972,7 +1043,8 @@ input#dfrn-url {
        float: left;
        margin-bottom: 35px;
 }*/
-#profile-edit-homepage, #profile-edit-hometown {
+#profile-edit-homepage,
+#profile-edit-hometown {
        float: left;
        margin-bottom: 25px;
 }
@@ -1015,6 +1087,7 @@ input#dfrn-url {
 #profile-edit-pubkeywords-end,
 #profile-edit-prvkeywords-end,
 #profile-edit-homepage-end,
+#profile-edit-xmpp-end,
 #profile-edit-hometown-end,
 #profile-in-dir-break,
 #profile-in-dir-end,
@@ -1182,22 +1255,22 @@ input#dfrn-url {
        border: none;
 }
 
-.wall-item-like, .wall-item-dislike {
+.wall-item-response {
        font-style: italic;
        margin-left: 0px;
        opacity: 0.4;
 }
-.wall-item-dislike {
+.wall-item-respose:last-chid {
        margin-bottom: 15px;
 }
-.wall-item-like:hover, .wall-item-dislike:hover {
+.wall-item-response:hover {
        opacity: 1.0;
 }
 
-.wall-item-like.comment, .wall-item-dislike.comment {
+.wall-item-response.comment {
        margin-left: 75px;
 }
-.wall-item-dislike.comment {
+.wall-item-response.comment:last-chid  {
        margin-bottom: 0px;
 }
 
@@ -1318,25 +1391,27 @@ input#dfrn-url {
        cursor: pointer;
 }
 
-.wall-item-share-buttons {
-       margin-left: 10px;
-       margin-right: 10px;
+.wall-item-tools a {
+       border-radius: 4px;
+       padding: 2px;
+       background-position: center;
+       background-size: initial !important;
 }
 
-.editpost {
-       margin-left: 10px;
-       float: left;
-}
-.star-item {
-       margin-left: 10px;
-       float: left;
+.wall-item-tools a.active {
+       background-color: rgba(59, 101, 164, 0.5);
 }
-.tag-item {
+
+.wall-item-share-buttons {
        margin-left: 10px;
-       float: left;
+       margin-right: 10px;
 }
 
-.filer-item {
+.editpost,
+.star-item ,
+.tag-item,
+.filer-item,
+.event-item {
        margin-left: 10px;
        float: left;
 }
@@ -1839,6 +1914,7 @@ input#dfrn-url {
 #advanced-profile-marital-wrapper,
 #advanced-profile-sexual-wrapper,
 #advanced-profile-homepage-wrapper,
+#advanced-profile-xmpp-wrapper,
 #advanced-profile-politic-wrapper,
 #advanced-profile-religion-wrapper,
 #advanced-profile-about-wrapper,
@@ -1861,6 +1937,7 @@ input#dfrn-url {
 #advanced-profile-marital-text,
 #advanced-profile-sexual-text,
 #advanced-profile-homepage-text,
+#advanced-profile-xmpp-text,
 #advanced-profile-politic-text,
 #advanced-profile-religion-text,
 #advanced-profile-about-text,
@@ -1884,6 +1961,7 @@ input#dfrn-url {
 #advanced-profile-marital-end,
 #advanced-profile-sexual-end,
 #advanced-profile-homepage-end,
+#advanced-profile-xmpp-end,
 #advanced-profile-politic-end,
 #advanced-profile-religion-end {
        height: 10px;
@@ -1910,6 +1988,7 @@ input#dfrn-url {
 #advanced-profile-marital,
 #advanced-profile-sexual,
 #advanced-profile-homepage,
+#advanced-profile-xmpp,
 #advanced-profile-politic,
 #advanced-profile-religion {
        float: left;
@@ -1939,6 +2018,20 @@ input#dfrn-url {
        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;
 }
@@ -1976,11 +2069,6 @@ input#dfrn-url {
        margin-top: 5px;
 }
 
-#contact-edit-drop-link {
-       float: right;
-       margin-right: 20px;
-}
-
 #contact-edit-nav-end {
        clear: both;
 }
@@ -2357,6 +2445,16 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
+#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;
 }
@@ -2835,14 +2933,14 @@ aside input[type='text'] {
        margin-bottom: 25px;
 }
 
-.location-label, .gender-label, .marital-label, .homepage-label {
+.location-label, .gender-label, .marital-label, .homepage-label, .ympp-label, .network-label, .xmpp-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, .xmpp-data {
        float: left;
        display: block;
        margin-left: 8px;
@@ -2881,10 +2979,15 @@ aside input[type='text'] {
 }
 
 .vcard .title,
-.vcard .p-faddr {
+.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;
@@ -3794,6 +3897,21 @@ aside input[type='text'] {
        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'); }
+
+.event-icon:hover {
+       opacity: 1.0;
+}
+
+
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
 /*[class^="comment-edit-bb"] {*/
 .comment-edit-bb {
@@ -3967,13 +4085,15 @@ aside input[type='text'] {
 
 
 /* autocomplete popup */
-.acpopup {
-       max-height:150px;
+.acpopup, .acpopup-mce {
        background-color:#ffffff;
        overflow:auto;
        z-index:100000;
        border:1px solid #cccccc;
 }
+.acpopup-mce {
+       max-height:150px;
+}
 .acpopupitem {
        background-color:#ffffff; padding: 4px;
        clear:left;
@@ -3987,6 +4107,65 @@ aside input[type='text'] {
        color: #FFFFFF; background: #3465A4;
 }
 
+ul.acpopup {
+       list-style: none;
+       float: left;
+       min-width: 160px;
+       padding: 5px 0;
+       margin: 2px 0 0;
+}
+nav .acpopup {
+       width: 290px;
+       margin-left: -35px;
+       max-height: 450px;
+       max-width: 300px;
+       overflow-y: auto;
+       overflow-x: hidden;
+       margin-top: 0px;
+}
+img.acpopup-img {
+       float: left;
+       width: 36px;
+       height: 36px;
+       margin-right: 5px;
+       vertical-align: middle;
+}
+.acpopup-contactname {
+       padding-top: 2px;
+       font-weight: bold;
+       line-height: 1em;
+       white-space: nowrap;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       display: block;
+}
+.acpopup-sub-text {
+       color: #777;
+       font-size: 0.833em;
+       line-height: 1em;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       display: block;
+}
+.textcomplete-item a {
+       color: inherit;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       clear: both;
+       white-space: nowrap;
+       padding: 3px 20px;
+       display: block;
+}
+.textcomplete-item a:hover {
+       text-decoration: none;
+}
+.textcomplete-item.active {
+       color: #FFFFFF; background: #3465A4;
+}
+.active a .acpopup-sub-text {
+       color: #fff;
+}
+
 /* popup notifications */
 div.jGrowl div.notice {
   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
@@ -4030,6 +4209,22 @@ div.jGrowl-notification {
 }
 
 /* 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;