X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Fcss%2Fstyle.css;h=b272e3f0de05db7b00bba10547e1600f94ebdd89;hb=214c76fec79e2507e8de61cc683502d5f7cf2356;hp=ec3bc69aff11bdc643291446cf0f89454fa4df2c;hpb=fcea2e850415689449cd97da281087bc6a02862c;p=friendica.git diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index ec3bc69aff..b272e3f0de 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -51,7 +51,10 @@ body a[name]:not([href]) { visibility: hidden; } -body a:hover, body a:focus, body a:active, body a.active, body .btn-link:hover{ +body a:hover, body .btn-link:hover, +body a:focus, body .btn-link:focus, +body a:active, body .btn-link:active, +body a.active, body .btn-link.active { /*color: #59d6e4;*/ color: $link_hover_color; text-decoration: none; @@ -819,6 +822,19 @@ nav.navbar a, nav.navbar .btn-link { } /* Dropdown Menus */ +.nav-pills > li > .btn-link { + border-radius: 4px; +} +.dropdown-menu > li > :focus, +.dropdown-menu > li > :hover { + background-color: #e8e8e8; + background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); + background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); + background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8)); + background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); + background-repeat: repeat-x; +} .nav-pills .dropdown-menu, .nav-tabs .dropdown-menu, .account .dropdown-menu, @@ -849,6 +865,8 @@ nav.navbar a, nav.navbar .btn-link { font-size: 13px; padding: 4px 15px; text-transform: capitalize; + width: 100%; + text-align: left; } .nav-pills .dropdown-menu li a i, .nav-pills .dropdown-menu li .btn-link i, .nav-tabs .dropdown-menu li a i, .nav-tabs .dropdown-menu li .btn-link i, @@ -1307,8 +1325,6 @@ section #jotOpen { .wall-item-container a, .wall-item-container .fakelink, .toplevel_item .fakelink, -.toplevel_item .wall-item-container .btn-link, -.wall-item-container .btn-link, .toplevel_item .wall-item-container .wall-item-responses a { color: #555; -webkit-transition: all 0.25s ease-in-out; @@ -1319,7 +1335,6 @@ section #jotOpen { } .toplevel_item:hover .fakelink, .wall-item-container:hover .fakelink, -.toplevel_item:hover .wall-item-container:hover :not(.dropdown):not([role=menuitem]) > .btn-link, .toplevel_item:hover .wall-item-container:hover .wall-item-responses a, .toplevel_item:hover .wall-item-content a, .toplevel_item:hover .wall-item-name, @@ -1535,19 +1550,19 @@ code > .hl-main { } /* item social action buttons */ -.wall-item-actions, .wall-item-actions a { +.wall-item-actions, .wall-item-actions a, .wall-item-actions button { font-size: 13px; color: #555; margin-top: 15px; margin-bottom: 0; } -.wall-item-actions a.active { +.wall-item-actions .active { font-weight: bold; } -.wall-item-actions a:hover { +.wall-item-actions :hover { color: #555; } -.wall-item-actions a.active:hover { +.wall-item-actions .active:hover { color: $link_color; } .wall-item-actions-left { @@ -1655,8 +1670,8 @@ code > .hl-main { padding-top: 5px !important; padding-bottom: 5px !important; } -.comment-icon-list a.icon, -.comment-icon-list a.icon:hover { +.comment-icon-list .icon, +.comment-icon-list .icon:hover { color: #555; background-color: transparent; } @@ -1786,12 +1801,14 @@ ul.dropdown-menu li:hover { /* Dropdown Menu */ -.dropdown-menu li a { +.dropdown-menu li a, +.dropdown-menu li .btn-link { font-size: 13px!important; font-weight: 600!important; } -.dropdown-menu li a:hover, .dropdown-menu li a:visited, -.dropdown-menu li a:hover, .dropdown-menu li a:focus { +.dropdown-menu li > :hover, +.dropdown-menu li > :visited, +.dropdown-menu li > :focus { background: 0 0; } @@ -2003,22 +2020,22 @@ ul.viewcontact_wrapper > li { .contact-wrapper .contact-actions { display: flex; } -.contact-wrapper a.contact-action-link { +.contact-wrapper .contact-action-link, +.contact-wrapper .contact-action-link:hover, +.textcomplete-item .contact-wrapper .contact-action-link { + padding: 0 5px; + color: #555; + border: 0; +} +.contact-wrapper .contact-action-link { opacity: 0.1; transition: all 0.25s ease-in-out; } -.contact-wrapper a.contact-action-link, -.contact-wrapper a.contact-action-link:hover, -.textcomplete-item .contact-wrapper a.contact-action-link { - padding-right: 5px; - padding-left: 5px; - color: #555; -} -ul li:hover .contact-wrapper a.contact-action-link { +ul li:hover .contact-wrapper .contact-action-link { opacity: 0.8; transition: all 0.25s ease-in-out; } -ul li:hover .contact-wrapper a.contact-action-link:hover { +ul li:hover .contact-wrapper .contact-action-link:hover { opacity: 1; } #contacts-search-wrapper,