X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrost%2Fstyle.css;h=9b65da9c8c81251e0d10aad3f933f21699448088;hb=56c0675fba36625ec30c135bb1c681a0fa6d8357;hp=7b2b1358c04c2a8c14b69697a17e5519e99ac47c;hpb=712b3c7593a6046a0794efa6c65fd33ba4d64c43;p=friendica.git diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css index 7b2b1358c0..9b65da9c8c 100644 --- 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 */ @@ -873,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; @@ -894,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, @@ -907,6 +954,7 @@ input#dfrn-url { float: left; margin-bottom: 20px; } +#profile-edit-xmpp, #profile-edit-pubkeywords, #profile-edit-prvkeywords { margin-bottom: 5px; @@ -979,6 +1027,7 @@ input#dfrn-url { #profile-edit-pdesc-desc, +#profile-edit-xmpp-desc, #profile-edit-pubkeywords-desc, #profile-edit-prvkeywords-desc { float: left; @@ -994,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; } @@ -1037,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, @@ -1204,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; } @@ -1340,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; } @@ -1813,6 +1866,9 @@ input#dfrn-url { -webkit-border-radius: 10px; } +.pager .disabled { + display: none; +} .pager_first, .pager_last, @@ -1861,6 +1917,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, @@ -1883,6 +1940,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, @@ -1906,6 +1964,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; @@ -1932,6 +1991,7 @@ input#dfrn-url { #advanced-profile-marital, #advanced-profile-sexual, #advanced-profile-homepage, +#advanced-profile-xmpp, #advanced-profile-politic, #advanced-profile-religion { float: left; @@ -1961,6 +2021,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; } @@ -1998,11 +2072,6 @@ input#dfrn-url { margin-top: 5px; } -#contact-edit-drop-link { - float: right; - margin-right: 20px; -} - #contact-edit-nav-end { clear: both; } @@ -2867,14 +2936,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; @@ -2913,10 +2982,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; @@ -3826,6 +3900,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 { @@ -3999,13 +4088,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; @@ -4019,6 +4110,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;