X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=e990060943fb6f269ccc13c006cae89ab1ad35a1;hb=8167e75e6a213db396f2be470801c8a4fda6f0be;hp=40919542de8233d4bd43769462bb4be8914c81b0;hpb=8fa64c43d6c3ae07759e06ab5d0bd32fd6935d94;p=friendica.git diff --git a/view/global.css b/view/global.css index 40919542de..e990060943 100644 --- a/view/global.css +++ b/view/global.css @@ -27,6 +27,10 @@ a.btn, a.btn:hover { background-color: #2d2d2d; } +.overline { + text-decoration: overline; +} + /* List of social Networks */ img.connector, img.connector-disabled { height: 40px; @@ -55,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, @@ -89,6 +99,7 @@ span.connector { font-size: 13px; line-height: normal; } + .type-link .oembed, .type-video .oembed { font-size: 18px; font-weight: 300; @@ -113,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; @@ -159,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: ' »'; } @@ -265,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 { @@ -361,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, @@ -425,7 +463,7 @@ td.federation-data { } .p-addr { - clear: both; + clear: both; } #live-community { @@ -455,3 +493,32 @@ td.federation-data { display: none; margin: 10px 0; } + +/* settings page */ +#settings-form .pageflags { + margin: 0 0 20px 30px; +} + +/* admin pending user notes */ +td.pendingnote { + padding-left: 20px; + padding-right: 20px; +} +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;}