X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrost-mobile%2Fstyle.css;h=632e44b1da946e2d8c76339969320702d575dc3a;hb=f54c032e875b155038a03cd8568104e215b91ea2;hp=24373eda54e64cbb35e67f24f88103d98ad18cde;hpb=162f754e2d6dcec931b405fef0808ff5a3d3f574;p=friendica.git diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css index 24373eda54..632e44b1da 100644 --- a/view/theme/frost-mobile/style.css +++ b/view/theme/frost-mobile/style.css @@ -139,6 +139,47 @@ blockquote { margin-right: 5px; } +.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; +} + +.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 */ @@ -1344,7 +1385,7 @@ input#dfrn-url { /* add ellipsis on text overflow */ /* this work on safari, opera, ie, chrome. */ /* firefox users have to wait support or we */ - /* can use a jquery plugin http://bit.ly/zJskg */ + /* can use a jquery addon http://bit.ly/zJskg */ text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 100%; @@ -1508,8 +1549,16 @@ input#dfrn-url { background-repeat: repeat-x;*/ padding: 5px 5px 0px; height: 32px; - } +.wall-item-tools a { + border-radius: 8px; + padding: 2px; + background-position: center; +} +.wall-item-tools a.active { + background-color: rgba(59, 101, 164, 0.5); +} + .wall-item-author { /* margin-top: 10px;*/ margin-top: 0px; @@ -1860,6 +1909,9 @@ input#profile-jot-email { -webkit-border-radius: 10px; } +.pager .disabled { + display: none; +} .pager_first, .pager_last, @@ -2045,6 +2097,19 @@ input#profile-jot-email { 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; } @@ -2059,14 +2124,10 @@ input#profile-jot-email { } #contact-edit-last-update-text { - float: left; - clear: left; margin-top: 30px; } #contact-edit-poll-text { - float: left; - clear: left; margin-top: 15px; margin-bottom: 0px; } @@ -3101,7 +3162,7 @@ aside input[type='text'] { } -#plugin-settings-link, #account-settings-link { +#addon-settings-link, #account-settings-link { margin-bottom: 10px; } @@ -3715,10 +3776,10 @@ aside input[type='text'] { text-align: right; } -#adminpage #pluginslist { +#adminpage #addonslist { margin: 0px; padding: 0px; } -#adminpage .plugin { +#adminpage .addon { list-style: none; display: block; border: 1px solid #888888; @@ -3726,8 +3787,8 @@ aside input[type='text'] { margin-bottom: 5px; clear: left; } -#adminpage .plugin .desc { margin-left: 2.5em;} -#adminpage .toggleplugin { +#adminpage .addon .desc { margin-left: 2.5em;} +#adminpage .toggleaddon { float:left; margin-right: 1em; } @@ -3846,7 +3907,7 @@ aside input[type='text'] { .icon.like { display: block; width: 26px; height: 28px;/*31 33*/ margin-right: 7px; - background-size: 100% 100%; + background-size: 26px 28px; background-image: url('images/approve.png'); background-repeat: no-repeat; opacity: 0.5; @@ -3854,7 +3915,7 @@ aside input[type='text'] { .icon.link { display: block; width: 22px; height: 24px; - background-size: 100% 100%; + background-size: 22px 24px; background-image: url('images/link.png'); background-repeat: no-repeat; @@ -3863,14 +3924,14 @@ aside input[type='text'] { /*.globe { background-position: 0px -16px;}*/ .icon.globe { display: block; width: 28px; height: 28px; - background-size: 100% 100%; + background-size: 28px 28px; background-image: url('images/globe.png'); background-repeat: no-repeat; } /*.noglobe { background-position: -16px -16px;}*/ .icon.noglobe { display: block; width: 24px; height: 24px; - background-size: 100% 100%; + background-size: 24px 24px; background-image: url('images/noglobe.png'); background-repeat: no-repeat; } @@ -3881,14 +3942,14 @@ aside input[type='text'] { .small-pencil { background-position: -96px -16px;}*/ .icon.pencil { display: block; width: 28px; height: 28px; - background-size: 100% 100%; + background-size: 28px 28px; background-image: url('images/pencil.png'); background-repeat: no-repeat; opacity: 0.5; } .icon.small-pencil { display: block; width: 28px; height: 28px; - background-size: 100% 100%; + background-size: 28px 28px; background-image: url('images/pencil.png'); background-repeat: no-repeat; opacity: 0.5; @@ -3897,7 +3958,7 @@ aside input[type='text'] { .icon.recycle { display: block; width: 28px; height: 27px;/*33 32*/ - background-size: 100% 100%; + background-size: 28px 27px; background-image: url('images/recycle.png'); background-repeat: no-repeat; opacity: 0.5; @@ -3907,7 +3968,7 @@ aside input[type='text'] { /* display: block;*/ display: none; width: 28px; height: 28px; - background-size: 100% 100%; + background-size: 28px 28px; background-image: url('images/remote-link.png'); background-repeat: no-repeat; opacity: 0.5; @@ -3919,7 +3980,7 @@ aside input[type='text'] { .icon.lock { display: block; width: 17px; height: 25px; margin-top: 1px; - background-size: 100% 100%; + background-size: 17px 25px; background-image: url('images/lock.png'); background-repeat: no-repeat; } @@ -3927,7 +3988,7 @@ aside input[type='text'] { .icon.unlock { display: block; width: 17px; height: 28px; margin-top: -2px; - background-size: 100% 100%; + background-size: 17px 28px; background-image: url('images/unlock.png'); background-repeat: no-repeat; } @@ -3937,7 +3998,7 @@ aside input[type='text'] { /*.attach { background-position: -80px -32px; }*/ .icon.attach { display: block; width: 28px; height: 28px; - background-size: 100% 100%; + background-size: 28px 28px; background-image: url('images/paperclip.png'); background-repeat: no-repeat; } @@ -3950,14 +4011,14 @@ aside input[type='text'] { /*.starred { background-position: -16px -48px; }*/ .icon.starred { display: block; width: 28px; height: 28px; - background-size: 100% 100%; + background-size: 28px 28px; background-image: url('images/star-yellow.png'); background-repeat: no-repeat; } /*.unstarred { background-position: -32px -48px; }*/ .icon.unstarred { display: block; width: 28px; height: 28px; - background-size: 100% 100%; + background-size: 28px 28px; background-image: url('images/star.png'); background-repeat: no-repeat; @@ -3966,7 +4027,7 @@ aside input[type='text'] { /*.tagged { background-position: -48px -48px; }*/ .icon.tagged { display: block; width: 28px; height: 28px; - background-size: 100% 100%; + background-size: 28px 28px; background-image: url('images/tag.png'); background-repeat: no-repeat; opacity: 0.5; @@ -3976,7 +4037,7 @@ aside input[type='text'] { .filer-icon { display: block; width: 24px; height: 24px; - background-size: 100% 100%; + background-size: 24px 24px; background-image: url('images/folder.png'); background-repeat: no-repeat; opacity: 0.5; @@ -3984,7 +4045,7 @@ aside input[type='text'] { .event-icon { display: block; width: 33px; height: 33px; - background-size: 100% 100%; + background-size: 33px 33px; background-repeat: no-repeat; opacity: 0.5; }