Attachment #106128 for bug #22807

View | Details | Raw Unified | Return to bug 22807
Collapse All | Expand All




}
/*end browse search*/

/* Skip to content link. CSS adapted from https://webaim.org/ */
#scrolltocontent {
    background: #c60000;
    border: 1px solid white;
    border-radius: 0 0 4px 0;
    border-width: 0 1px 1px 0;
    color: white;
    left: 0px;
    padding: 6px 12px;
    position: absolute;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
    top: -40px;
    transition: top .5s ease-out;
    z-index: 100;

    &:focus {
        left: 0px;
        outline-color: transparent;
        position: absolute;
        top: 0px;
        transition: top .1s ease-in;
    }
}

@import "responsive";

Lines 12-18 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc (-2 / +1 lines)
12	<div class="navbar navbar-inverse navbar-static-top">	12	<div class="navbar navbar-inverse navbar-static-top">
13	<div class="navbar-inner">	13	<div class="navbar-inner">
14	<div class="container-fluid">	14	<div class="container-fluid">
15	<button id="scrolltocontent" class="sr-only sr-only-focusable pull-left nav btn btn-danger" type="button">Skip to main content</button>	15	<button id="scrolltocontent">Skip to main content</button>
16	<h1 id="logo">	16	<h1 id="logo">
17	<a class="brand" href="/cgi-bin/koha/opac-main.pl">	17	<a class="brand" href="/cgi-bin/koha/opac-main.pl">
18	[% IF ( LibraryNameTitle ) %]	18	[% IF ( LibraryNameTitle ) %]
19	-

Return to bug 22807

Lines 3234-3237 $star-selected: #EDB867; Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (+25 lines)
3234	}	3234	}
3235	/end browse search/	3235	/end browse search/
3236		3236
		3237	/* Skip to content link. CSS adapted from https://webaim.org/ */
		3238	#scrolltocontent {
		3239	background: #c60000;
		3240	border: 1px solid white;
		3241	border-radius: 0 0 4px 0;
		3242	border-width: 0 1px 1px 0;
		3243	color: white;
		3244	left: 0px;
		3245	padding: 6px 12px;
		3246	position: absolute;
		3247	text-decoration: none;
		3248	text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
		3249	top: -40px;
		3250	transition: top .5s ease-out;
		3251	z-index: 100;
		3252
		3253	&:focus {
		3254	left: 0px;
		3255	outline-color: transparent;
		3256	position: absolute;
		3257	top: 0px;
		3258	transition: top .1s ease-in;
		3259	}
		3260	}
		3261
3237	@import "responsive";	3262	@import "responsive";