X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=1a71b21951cf7425a5d8c4ecb9b9ccc3fd1190f4;hb=f2013951a93123a77279644522091a7d0abb989a;hp=b165cbd4f363f9f963f362a01d999a61d441d3a7;hpb=c1d14bcc98087c05b12ced0245832237d631ae32;p=friendica.git diff --git a/view/global.css b/view/global.css index b165cbd4f3..1a71b21951 100644 --- a/view/global.css +++ b/view/global.css @@ -1,3 +1,6 @@ +/* General style rules .*/ +.pull-right { float: right } + /* List of social Networks */ img.connector, img.connector-disabled { height: 40px; @@ -33,13 +36,24 @@ span.connector { clear: both; visibility: hidden; } + .wall-item-container .wall-item-content .type-link img, -.type-link img, .type-video img { +.type-link img, .type-video img, img.attachment-preview { max-width: 160px; max-height: 160px; float: left; margin-right: 10px; } + +.wall-item-container .wall-item-content .type-link img.attachment-image, +.type-link img.attachment-image, .type-video img.attachment-image { + /* max-width: 640px; */ + max-width: 100%; + max-height: initial; + float: initial; + margin-right: 0px; +} + .type-link blockquote, .type-video blockquote { margin-left: 0px; max-height: 160px; @@ -57,8 +71,218 @@ span.connector { .type-link img, .type-video img { } +.type-video .embed_video { + margin: 0em; +} + .type-link span.oembed + br, .type-video span.oembed + br, .type-link a + br, .type-video a + br, .type-link img + br, .type-video img + br{ display: none; } + +.embed_video { + float:left; + margin: 1em; + position: relative; +} + +.embed_rich { + display: block; +} + +/* Shared Messages */ +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + +.settings-heading a:after{ + content: ' »'; +} + +/* headers */ +h1, h2, h3, h4, h5, h6 { + margin: 5px 0px 5px 0px; + font-weight: normal; + line-height: normal; + text-rendering: optimizelegibility; +} + +h1 { + font-size: 31.5px; +} + +h2 { + font-size: 24.5px; +} + +h3 { + font-size: 20.5px; +} + +h4 { + font-size: 18px; +} + +h5 { + font-size: 16.5px; +} + +h6 { + font-size: 14.95px; +} + +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; +} + +/* notifications unseen */ +.notify-unseen { background-color: #cceeFF; } + +/* plain text editor upload/select popup */ + +.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.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.file p { display: inline; white-space: nowrap; } +.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; +} +ul.credits { + list-style: none; +} +ul.credits li { + float: left; + width: 240px; +} + +.contact-entry-photo img { + max-width: 80px; + max-height: 80px; +}