X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=f3ca22b75a3b6bace733d1cb213791b0db5bb23f;hb=052ba729d7867f411d8cfd3657bcb502d3a4d17e;hp=e3cbf08c3b252ac9a2598896ea5345191e5496c7;hpb=8a62470599d5dc932a48f0a5f82c7d245c392a24;p=friendica.git diff --git a/view/global.css b/view/global.css index e3cbf08c3b..f3ca22b75a 100644 --- a/view/global.css +++ b/view/global.css @@ -59,12 +59,18 @@ span.connector { padding-bottom: 5px; margin-top: 10px; } -.type-link:after, .type-video:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; + +.type-link:after, .type-video:after, +.oembed.video:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.type-video .oembed.video:after { + float: left; } .wall-item-container .wall-item-content .type-link img, @@ -93,6 +99,7 @@ span.connector { font-size: 13px; line-height: normal; } + .type-link .oembed, .type-video .oembed { font-size: 18px; font-weight: 300; @@ -117,6 +124,15 @@ span.connector { position: relative; } +.embed_video.active { + float: none; +} + +.oembed.video .embed_video > div { + position: absolute; + top: 0px; + left: 0px; +} .embed_rich { display: block; transition: height .75s; @@ -163,6 +179,24 @@ blockquote.shared_content { border: none; } +/* Events */ +.event-summary { + margin: 0px 0px 10px 0px; + font-weight: bold; +} + +.vevent .event-summary { + margin: 0px 0px 10px 0px; +} + +.vevent .event-description { + padding: 10px 0; +} + +.event-label { + font-weight: bold; +} + .settings-heading a:after{ content: ' »'; } @@ -269,19 +303,19 @@ img.acpopup-img { /* plain text editor upload/select popup */ -.fbrowser .path a { padding: 5px; } -.fbrowser .path a:before { content: "/"; padding-right: 5px;} +.fbrowser .path a, .fbrowser .path .btn-link { padding: 5px; } +.fbrowser .path a:before, .fbrowser .path .btn-link: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.image a img, .fbrowser.image .btn-link img { height: 48px; } +.fbrowser.image a p, .fbrowser.image .btn-link 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 .close { float: right; font-weight: bold; } .fbrowser .error.hidden { display: none; } a { @@ -365,15 +399,15 @@ a { color: #00a700; } .federation-graph { - width: 400px; - height: 400px; - float: right; + width: 400px; + height: 400px; + float: right; margin: 20px; } .federation-network-graph { - width: 240px; - height: 240px; - float: left; + width: 240px; + height: 240px; + float: left; margin: 20px; } ul.federation-stats, @@ -429,7 +463,7 @@ td.federation-data { } .p-addr { - clear: both; + clear: both; } #live-community { @@ -473,3 +507,66 @@ td.pendingnote { td.pendingnote > p > span { font-weight: bold; } + +/* warning message */ +.warning-message { + padding: 10px; + margin: 5px; + border-left: 5px solid #f00; + font-weight: bold; +} + +/* src/href attributes filter error display */ +.invalid-src { border: 1px dotted red;} +.invalid-href { border-bottom: 1px dotted red;} +.invalid-src:after, +.invalid-href:after { content: '⚠️'} +img.invalid-src:after { vertical-align: top;} + +/* Tag cloud */ +.tag1, .tag1:hover { + font-size: 0.9em ; + color: DarkGray; +} +.tag2, .tag2:hover { + font-size: 1.0em; + color: LawnGreen; +} +.tag3, .tag3:hover { + font-size: 1.1em; + color: DarkOrange; +} +.tag4, .tag4:hover { + font-size: 1.2em; + color: Red; +} +.tag5, .tag5:hover { + font-size: 1.3em; + color: Gold; +} +.tag6, .tag6:hover { + font-size: 1.4em; + color: Teal; +} +.tag7, .tag7:hover { + font-size: 1.5em; + color: DarkMagenta; +} +.tag8, .tag8:hover { + font-size: 1.6em; + color: DarkGoldenRod; +} +.tag9, .tag9:hover { + font-size: 1.7em; + color: DarkBlue; +} +.tag10 .tag10:hover { + font-size: 1.8em; + color: DeepPink; +} +.tags > a:hover { + text-decoration: underline; +} +.tag-cloud { + word-wrap: break-word; +} \ No newline at end of file