X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=41af643ecc49ca37447b9eedee335985933840b1;hb=28dfaa694c2203163eee6d61b724dede4590c099;hp=0033418b8695121df2e064d2b7cd487479c3b7c1;hpb=cf5c1b550b730ed52b9a72c453a3adf31c29d64d;p=friendica.git diff --git a/view/global.css b/view/global.css index 0033418b86..41af643ecc 100644 --- a/view/global.css +++ b/view/global.css @@ -1,6 +1,32 @@ /* General style rules .*/ .pull-right { float: right } +/* General designing elements */ +.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; +} +a.btn, a.btn:hover { + text-decoration: none; + color: inherit; +} + +.menu-popup .divider { + height: 1px; + margin: 3px 0; + overflow: hidden; + background-color: #2d2d2d; +} + /* List of social Networks */ img.connector, img.connector-disabled { height: 40px; @@ -93,7 +119,7 @@ span.connector { /* Shared Messages */ .shared_header { - height: 32px; + min-height: 32px; color: #999; border-top: 1px solid #D2D2D2; padding-top: 5px; @@ -118,10 +144,12 @@ span.connector { -moz-border-radius: 4px; border-radius: 4px; float: left; + margin-right: 9px; } .shared_header span { - margin-left: 9px; + display: table-cell; + float: none; } blockquote.shared_content { @@ -170,6 +198,9 @@ span.oembed, h4 { margin: 0px 0px 0px 0px; } +code { display: block; background-color: #eee; color: #666; padding:1em; font-size: 0.8em; font-family: monospace; } +key { display: inline; background-color: #eee; color: #666; padding:0.2em; font-size: 0.8em; font-family: monospace; } + /* fields help text */ .field .field_help { clear: left; @@ -178,17 +209,194 @@ span.oembed, h4 { /* notifications unseen */ .notify-unseen { background-color: #cceeFF; } - /* plain text editor upload/select popup */ - -.fbrowser .path a { padding: 5px; } + +.fbrowser .path a { padding: 5px; } .fbrowser .path a:before { content: "/"; padding-right: 5px;} .fbrowser .folders ul { list-style-type: none; padding-left: 10px;} -.fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; } -.fbrowser.image .photo-album-image-wrapper { float: left; } +.fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; } +.fbrowser.image .photo-album-image-wrapper { float: left; } .fbrowser.image a img { height: 48px; } -.fbrowser.image a p { display: none;} -.fbrowser.file .photo-album-image-wrapper { float:none; white-space: nowrap; } -.fbrowser.file img { display: inline; } +.fbrowser.image a p { display: none;} +.fbrowser.file .photo-album-image-wrapper { float:none; white-space: nowrap; } +.fbrowser.file img { display: inline; } .fbrowser.file p { display: inline; white-space: nowrap; } -.fbrowser .upload { clear: both; padding-top: 1em;} +.fbrowser .upload { clear: both; padding-top: 1em;} +.fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;} +.fbrowser .error a.close { float: right; font-weight: bold; } +.fbrowser .error.hidden { display: none; } + +a { + cursor: pointer; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +.itentity-match-wrapper { + float: left; + padding: 10px; + width: 120px; + height: 140px; + margin-bottom: 20px; +} + +.identity-match-photo { + float: left; + text-align: center; + width: 120px; +} + +.identity-match-name { + text-align: center; +} + +.identity-match-details { + float: left; + text-align: center; + width: 120px; + overflow: hidden; + font-size: 10px; + font-weight: 500; + color: #999999; +} + +.identity-match-break, .identity-match-end { + clear: both; +} + +.identity-match-photo button { + border: none; + padding: 0; + margin: 0; + background: none; + height: 80px; + width: 80px; + cursor: pointer; +} + +.selected-identity img { + border: 2px solid #ff0000; +} +/* poke */ +#poke-desc { + margin: 5px 0 10px; +} + +#poke-wrapper { + padding: 10px 0 0px; +} + +#poke-recipient, #poke-action, #poke-privacy-settings { + margin: 10px 0 30px; +} + +#poke-recip-label, #poke-action-label, #prvmail-message-label { + margin: 10px 0 10px; +} +.version-match { + font-weight: bold; + color: #00a700; +} +.federation-graph { + width: 400px; + height: 400px; + float: right; + margin: 20px; +} +.federation-network-graph { + width: 240px; + height: 240px; + float: left; + margin: 20px; +} +ul.federation-stats, +ul.credits { + list-style: none; +} +ul.federation-stats li, +ul.credits li { + float: left; + width: 240px; +} +table#federation-stats { + width: 100%; +} +td.federation-data { + border-bottom: 1px solid #000; +} + +.contact-entry-photo img { + max-width: 80px; + max-height: 80px; +} + +/* forumlist widget */ +.forumlist-img { + height: 20px; + width: 20px; + vertical-align: middle; +} + +#forum-widget-collapse { + opacity: 0.3; +} + +#forum-widget-collapse:hover { + opacity: 1.0; +} + +.crepair-label { + margin-top: 10px; + float: left; + width: 250px; +} + +.crepair-input { + margin-top: 10px; + float: left; + width: 200px; +} + +.renderinfo { + clear: both; +} + +.p-addr { + clear: both; +} + +#live-community { + clear: both; +} + +/* contact-edit */ +#contact-edit-status-wrapper { + border: 1px solid; + padding: 10px; +} +#contact-edit-actions { + float: right; + display: inline-block; + position: relative; +} +#contact-edit-actions > .menu-popup { + right: 0; + left: auto; +} + +#contact-edit-settings-label:after { + content: ' »'; +} + +#contact-edit-settings { + display: none; +}