X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Fcss%2Fstyle.css;h=59d8826695393e0befb439614eb4dae62367339b;hb=b26da6096b0d384d3bcae2e94fbbea168813b128;hp=912c6a884cb89ea832c474dd9c171b1a1ad791b7;hpb=86e4690b5f4c5e8ac765b034c1ef25ef4a1669c6;p=friendica.git diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index 912c6a884c..59d8826695 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -99,7 +99,6 @@ blockquote { code { white-space: pre-wrap; } -.help-content-wrapper code, .help-aside-wrapper code {display: inline} /** * mobile aside @@ -218,7 +217,7 @@ a.btn:hover { font-size: 12px; } .btn-primary { - background: $nav_bg; + background: $nav_bg !important; color: $btn_primary_color !important; } .btn-primary:hover, .btn-primary:focus { @@ -973,6 +972,10 @@ nav.navbar a, nav.navbar .btn-link { padding: 2px 10px; } +#newmember-tab > a { + font-size: 1.2em; + font-weight: 800; +} /* * Aside @@ -1018,7 +1021,7 @@ aside .widget li, padding-top: 2px; padding-bottom: 2px; padding-left: 20px; - padding-right: 20px; + padding-right: 10px; } aside .widget li:hover, aside .widget li.selected, @@ -1056,6 +1059,25 @@ aside > #datebrowse-sidebar .posted-date-selector-months > ul > li:hover{ padding-left: 27px; } +/* 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; +} +aside > .help-aside-wrapper h1 { + font-weight: bold; + font-size: 16px; + margin: 0; + padding: 20px 0 10px; +} +aside > .help-aside-wrapper h2 { + font-weight: bold; + font-size: 14px; +} + /* vcard / h-card */ aside .vcard #profile-photo-wrapper{ margin: 0; @@ -1198,13 +1220,29 @@ aside #follow-sidebar .form-group-search .form-button-search { padding: 2px 8px; } +div#sidebar-group-header h3 { + float: left; +} + +div#sidebar-group-list { + clear: both; +} + +.group-new-form { + clear: both; +} + +.group-edit-tool { + color: #555; +} aside #group-sidebar .group-edit-tool, aside #saved-search-list .savedsearchdrop { opacity: 0.1; transition: all 0.25s ease-in-out; } -aside #group-sidebar .sidebar-group-li:hover .group-edit-tool, +aside #group-sidebar .group-edit-tool:hover, aside #saved-search-list .saved-search-li:hover .savedsearchdrop { + color: #555; opacity: 0.8; transition: all 0.25s ease-in-out; } @@ -1628,6 +1666,11 @@ section #jotOpen { z-index: 1000; } +/* Space between content and head */ +.wall-spacer { + height: 10px; +} + /* wall items content */ .wall-item-content { word-break: break-word; @@ -2119,7 +2162,8 @@ ul.dropdown-menu li:hover { #adminpage, .delegate-content-wrapper, .uexport-content-wrapper, .viewcontacts-content-wrapper, .dfrn_request-content-wrapper, .friendica-content-wrapper, .credits-content-wrapper, .nogroup-content-wrapper, -.profperm-content-wrapper, .invite-content-wrapper { +.profperm-content-wrapper, .invite-content-wrapper, .tos-content-wrapper, +.fsuggest-content-wrapper { min-height: calc(100vh - 150px); padding: 15px; padding-bottom: 20px; @@ -2140,6 +2184,9 @@ ul.dropdown-menu li:hover { overflow: hidden; } /* Home and Login Page */ +body.mod-home nav.navbar .nav>li>a:hover { + background-color: rgba(255,255,255,0.2); +} body.mod-home .navbar #nav-login, body.mod-login .navbar #nav-login { display: none; @@ -2282,7 +2329,7 @@ ul li:hover .contact-wrapper .contact-action-link:hover { /* group edit page */ .group-actions { - margin-top: 20px; + margin-top: 4px; margin-bottom: 10px; font-size: 30px; } @@ -2295,8 +2342,12 @@ ul li:hover .contact-wrapper .contact-action-link:hover { .contact-group-actions .fa-plus-circle { color: #008000;} #group-edit-wrapper { + margin-top: 14px; display: none; } +#group-edit-header { + display: block; +} #group-update-wrapper .contact-photo-overlay { display: none; } @@ -2305,7 +2356,7 @@ ul li:hover .contact-wrapper .contact-action-link:hover { margin-top: -10px; display: flex; } -#group-update-wrapper .viewcontact_wrapper .contact-action-link { +#group-update-wrapper .viewcontact_wrapper .contact-group-link { opacity: 0.8; font-size: 20px; line-height: 50px; @@ -2419,6 +2470,13 @@ ul li:hover .contact-wrapper .contact-action-link:hover { } /* photos */ +#photo-album-edit-name-label { + width: 100%; +} +.photo-album-edit-name { + width: 60%; +} + .photo-album-actions { margin-bottom: 10px; } @@ -2794,7 +2852,7 @@ ul.notif-network-list > li:hover .intro-action-buttons { } .intro-desc-label, .intro-url-label, .intro-network-label, .intro-location-label, .intro-gender-label, .intro-keywords-label, -.intro-about-label, .intro-knowyou-label { +.intro-about-label, .intro-knowyou-label, .intro-madeby-label { font-weight: bold; } .intro-contact-info.xs .intro-url-label, .intro-contact-info.xs .intro-network-label, @@ -2897,8 +2955,8 @@ section.help-content-wrapper li { #admin-summary-wrapper { padding-top: 10px; } -#adminpage ul#pluginslist, li.plugin { - padding-top: 10px; +#adminpage ul#addonslist, li.addon { + list-style: none; } #adminpage li .icon { display: inline-block; @@ -2938,7 +2996,7 @@ section.help-content-wrapper li { font-size: 11px; color: #555555; } -#adminpage .plugin .desc { +#adminpage .addon .desc { padding-left: 10px; } .adminpage .admin-settings-action-link, @@ -2957,6 +3015,14 @@ section.help-content-wrapper li { .adminpage .table-hover > tbody > tr:hover + tr.details { background-color: #f5f5f5; } +.offset-anchor::before { + display: block; + content: " "; + margin-top: -100px; + height: 100px; + visibility: hidden; + pointer-events: none; +} /* Register Page*/ #register-openid-wrapper, #register-name-wrapper, #register-invite-wrapper, #profile-publish-wrapper { @@ -3137,12 +3203,30 @@ section .profile-match-wrapper { * Login page */ #login-submit-wrapper { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; + float: right; } #lost-password-link { flex-grow: 2; } +#login-lost-password-link { + margin-bottom: 10px; + float: right; +} +#div_id_remember { + float: left; +} +#id_password_wrapper { + margin-bottom: unset; +} +#login_openid { + clear: both; +} +#register-link { + color: white; + background: #8ad0a1; + width: 100%; +} +#login-end { + clear: both; +} .mod-home.is-not-singleuser, .mod-login { @@ -3167,17 +3251,64 @@ section .profile-match-wrapper { margin-top: 2.5%; } +.mod-home.is-not-singleuser .login-form > #login-extra-links { + margin-top: 4em; +} + .mod-home.is-not-singleuser .login-form > #login-form label, .mod-login #content #login-form label { color: #eee; } - .mod-home.is-not-singleuser .login-panel-content, .mod-login .login-panel-content { background-color: rgba(255,255,255,.85); } +.qq-upload-button { + background: $nav_bg !important; + color: $btn_primary_color !important; + float: none; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + -moz-box-shadow: none; + background-image: none; + text-shadow: none; + border-radius: 3px; + outline: 0!important; + margin-bottom: 0; + font-size: 14px; + font-weight: 600; + padding: 8px 16px; + color: inherit; + width: 100% !important; +} + +.qq-upload-drop-area { + background: white !important; + float: none; + border: none; + -webkit-box-shadow: none; + box-shadow: none; + -moz-box-shadow: none; + background-image: none; + text-shadow: none; + border-radius: 3px; + outline: 0!important; + margin-bottom: 0; + font-size: 14px; + font-weight: 600; + padding: 8px 16px; + color: inherit; + width: 100% !important; + display: block !important; + position: relative !important; + border: black 1px dashed !important; + margin-bottom: 5px !important; + margin-top: 15px !important; +} + /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .mod-home.is-not-singleuser #content, @@ -3186,11 +3317,15 @@ section .profile-match-wrapper { } .mod-home.is-not-singleuser .login-form > #login-form, + .mod-home.is-not-singleuser .login-form > #login-extra-links, .mod-login #content #login-form { background-color: #fff; padding: 1em; position: relative; - margin-top: 4em; + } + .mod-home.is-not-singleuser .login-form > #login-extra-links { + margin-top: unset; + background-color: white; } .mod-home.is-not-singleuser .login-form > #login-form label, @@ -3198,7 +3333,7 @@ section .profile-match-wrapper { color: #444; } - .mod-home.is-not-singleuser .login-form > #login-form::before, + .mod-home.is-not-singleuser .login-form::before, .mod-login #content #login-form::before { display: block; position: absolute; @@ -3211,7 +3346,7 @@ section .profile-match-wrapper { z-index: -1; } - .mod-home.is-not-singleuser .login-form > #login-form::after, + .mod-home.is-not-singleuser .login-form::after, .mod-login #content #login-form::after { display: block; position: absolute;