X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Fcss%2Fstyle.css;h=58048efbcd8e4816adc4fbdfeac97c0681bcc8b3;hb=7ee8bdafc53a88fe51f233e14169bb4af0d376ab;hp=d425614a5ad7d59db20e2506e150098e6fefe088;hpb=8789aedf6b9c68ba6d71d3dd2e285aed3e052ac4;p=friendica.git diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index d425614a5a..58048efbcd 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -96,9 +96,6 @@ blockquote { max-height: 0px !important; overflow: hidden !important; } -code { - white-space: pre-wrap; -} /** * mobile aside @@ -375,7 +372,7 @@ header #banner { left:49%; right: 49%; z-index: 1040; - margin-top: 14px; + margin-top: 12.5px; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,.5); font-size: 14px; @@ -479,7 +476,7 @@ nav.navbar .nav>li>a:focus{ border-radius: 3px; } #topbar-first .nav>.account .dropdown-toggle { - padding: 10px 5px 0px; + padding: 8px 5px 0px; line-height: 1.1em; text-align: left } @@ -714,7 +711,7 @@ nav.navbar a, nav.navbar .btn-link { /* Nav Search */ #topbar-first #search-box .navbar-form { margin: 0px; - padding: 10px 15px; + padding: 12px 12px; } #search-mobile .navbar-form { margin: 0; @@ -958,6 +955,10 @@ nav.navbar a, nav.navbar .btn-link { color: #fff!important; background-color: $menu_background_hover_color !important; } +#photo-edit-link-wrap { + color: #555; + margin-bottom: 15px; +} .nav-pills.preferences .dropdown .dropdown-toggle, .nav-pills.preferences > li > .btn { color: #bebebe; @@ -1061,9 +1062,6 @@ aside > #datebrowse-sidebar .posted-date-selector-months > ul > li:hover{ } /* help page widget */ -aside > .help-content-wrapper code, .help-aside-wrapper code { - display: inline -} aside > .help-aside-wrapper p strong:first-child { display: block; margin: 1em 0 0em; @@ -1106,7 +1104,7 @@ aside .vcard .tool .action{ transition: all 0.25s ease-in-out; } aside .vcard .tool a { -color: rgba(255,255,255,.85); + color: rgba(255,255,255,.85); } aside .vcard #profile-photo-wrapper:hover .tool .action { opacity: 1; @@ -1244,14 +1242,22 @@ div#sidebar-group-list { transition: all 0.1s ease-in-out; } .faded-icon:hover { + color: #555; opacity: 1; } .icon-padding { margin-left: 20px; } -aside #group-sidebar .sidebar-group-li .group-edit-tool:hover, -aside #saved-search-list .saved-search-li .savedsearchdrop:hover { +aside #group-sidebar .sidebar-group-li:hover .group-edit-tool.faded-icon, +aside #saved-search-list .saved-search-li:hover .savedsearchdrop.faded-icon, +aside .widget:hover .widget-action.faded-icon { + opacity: 0.8; + transition: all 0.25s ease-in-out; +} +aside #group-sidebar .sidebar-group-li .group-edit-tool.faded-icon:hover, +aside #saved-search-list .saved-search-li .savedsearchdrop.faded-icon:hover, +aside .widget .widget-action.faded-icon:hover { opacity: 1; } aside #group-sidebar li .group-checkbox { @@ -1410,6 +1416,15 @@ section #jotOpen { color: #fff; } +.fa.lock:before { + font-family: FontAwesome; + content: "\f023"; +} +.fa.unlock:before { + font-family: FontAwesome; + content: "\f09c"; +} + /* Filebrowser */ .fbrowser .breadcrumb { margin-bottom: 0px; @@ -1474,6 +1489,9 @@ section #jotOpen { .fbrowser.image .photo-album-image-wrapper { box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); } +.fbrowser.image .photo-album-image-wrapper .caption { + pointer-events: none; +} .fbrowser .profile-rotator-wrapper { min-height: 200px; } @@ -1766,6 +1784,12 @@ code > .hl-main { .oembed.video .embed_video > div:hover { background-color: rgba(0,0,0,0); } +.oembed.video .embed_video.active { + margin: 1em 0; +} +.oembed.video .embed_video.active iframe { + width: 100% !important; +} .wall-item-tags, .itemedited { margin-top: 10px; @@ -2184,6 +2208,13 @@ ul.dropdown-menu li:hover { -webkit-box-shadow: 0 0 3px #dadada; -moz-box-shadow: 0 0 3px #dadada; } +#content:hover .page-action.faded-icon { + opacity: 0.8; + transition: all 0.25s ease-in-out; +} +#content .page-action.faded-icon:hover { + opacity: 1; +} .section-title-wrapper { overflow: hidden; @@ -3425,4 +3456,12 @@ section .profile-match-wrapper { top: 24px; left: 24px; } + + /* + Prevent automatic zoom on input focus on iOS + see https://stackoverflow.com/a/16255670 + */ + .form-control { + font-size: 16px; + } }