X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=c61ded6ae85ab797d7191077d3f161abeef84dcc;hb=deee750dc4fb5f4e4328b5c3a392c9e9370ca5b3;hp=b165cbd4f363f9f963f362a01d999a61d441d3a7;hpb=c1d14bcc98087c05b12ced0245832237d631ae32;p=friendica.git diff --git a/view/global.css b/view/global.css index b165cbd4f3..c61ded6ae8 100644 --- a/view/global.css +++ b/view/global.css @@ -33,13 +33,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 +68,97 @@ 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; +} + +/* 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; +}