X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=2cfd046ca2f635763108c19d90de9f2e06dbe3e6;hb=0bacff3994f333084fab71e9ccc04a63b12d5a96;hp=40919542de8233d4bd43769462bb4be8914c81b0;hpb=82dcc3fe79725689884a39a685770d9fcddd8bed;p=friendica.git diff --git a/view/global.css b/view/global.css index 40919542de..2cfd046ca2 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,10 @@ a { color: #00a700; } .federation-graph { - width: 400px; - height: 400px; - float: right; - margin: 20px; + margin: 0 auto; } .federation-network-graph { - width: 240px; - height: 240px; - float: left; + float: left; margin: 20px; } ul.federation-stats, @@ -425,7 +458,7 @@ td.federation-data { } .p-addr { - clear: both; + clear: both; } #live-community { @@ -455,3 +488,80 @@ 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;} + +/* 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