Attachment #141052 for bug #30952

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




    .ui-tabs-panel {
        background: #FFF none;
        border-radius: 4px;
        border: 2px solid $background-color-primary;

        fieldset {
            box-shadow: none;

            margin-right: .4em;
            border-radius: 4px 4px 0 0;

            a {
                color: #111;
            }

            &.ui-tabs-active, &.ui-state-hover {
                background-color: $background-color-primary;
                border-radius: 4px 4px 0 0;
                border: 0;
                border-bottom-width: 0;
                padding-bottom: 0;

                a {
                    color: #fff;
                }
            }
        }

        border: 0;
    }

    .ui-state-default {
        a {
            color: #FFFFFF;

            &:link,
            &:visited {
                color: #FFFFFF;
            }
        }
    }

    .ui-state-hover {
        a {



    > ul {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #222222;
        font-size: 100%;
        font-weight: bold;
        line-height: 1.3;
        list-style: none outside none;
        margin: 0;
        outline: 0 none;
        padding: .2em .2em 0;
        text-decoration: none;
        display: flex;
        &::after {
            clear: both;
        }

        &::before,
        &::after {
            content: "";
            display: table;
        }

        li {
            list-style-type: none;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            float: left;
            font-weight: normal;
            list-style: none outside none;
            margin-bottom: 0;
            margin-right: .4em;
            padding: 0;
            position: relative;
            top: 1px;
            white-space: nowrap;
            background: $background-color-secondary;

            &.active, &:hover {
                font-weight: normal;
                padding-bottom: 1px;

                background-color: $background-color-primary;
                border: 0;
                border-bottom-width: 0;

                a {
                    background: none repeat scroll 0 0 transparent;
                    color: #FFFFFF;
                    outline: 0 none;
                    top: 1px;
                }
            }

            a {
                background-color: $background-color-secondary;
                border-radius: 4px 4px 0 0;
                color: #111;
                display: inline-block;
                padding: .5em 1em;
                text-decoration: none;
                white-space: nowrap;
            }

            &.active,
            &:hover {
                a {
                    background-color: $background-color-primary;
                    color: #fff;
                }
            }

        }
    }

    .tabs-container {
        border: 2px solid $background-color-primary;
        border: 3px solid $background-color-primary;
        border-radius: 4px;
        color: #222222;
        display: block;
        padding: 1em 1.4em;
    }


.toptabs {
    margin-top: 5px;
    .ui-tabs-panel {
        fieldset {
            box-shadow: none;
            border: 3px solid $background-color-primary;

            fieldset {
                box-shadow: none;
            }
        }
    }
}

.authref {


.tab-content {
    background-color: #fff;
    border: 2px solid $background-color-primary;
    border-radius: 4px;
    padding: 1em;
}

    > li {
        > a {
            background-color: $background-color-secondary;
            border-radius: 4px 4px 0 0;
            border-color: $background-color-secondary;
            color: #111;
            line-height: 1.3;
            margin-right: .4em;
            padding: .5em 1em;

            &:hover, &:focus, &:active {
                background-color: $background-color-primary;
                border-color: $background-color-primary;
                border: 1px solid $background-color-primary;
                padding: .5em 1em;
                text-decoration: none;
                color: #FFFFFF;

            a:hover,
            a:focus {
                background-color: $background-color-primary;
                border-radius: 4px 4px 0 0;
                color: #FFFFFF;
                cursor: default;
                font-weight: bold;
            }
        }
    }
- 

Return to bug 30952

Lines 2786-2792 td.bundle { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (-85 / +30 lines)
2786	.ui-tabs-panel {	2786	.ui-tabs-panel {
2787	background: #FFF none;	2787	background: #FFF none;
2788	border-radius: 4px;	2788	border-radius: 4px;
2789	border: 3px solid $background-color-primary;	2789	border: 2px solid $background-color-primary;
2790		2790
2791	fieldset {	2791	fieldset {
2792	box-shadow: none;	2792	box-shadow: none;
Lines 2799-2813 td.bundle { Link Here
2799	margin-right: .4em;	2799	margin-right: .4em;
2800	border-radius: 4px 4px 0 0;	2800	border-radius: 4px 4px 0 0;
2801		2801
		2802	a {
		2803	color: #111;
		2804	}
		2805
2802	&.ui-tabs-active, &.ui-state-hover {	2806	&.ui-tabs-active, &.ui-state-hover {
2803	background-color: $background-color-primary;	2807	background-color: $background-color-primary;
2804	border-radius: 4px 4px 0 0;
2805	border: 0;
2806	border-bottom-width: 0;
2807	padding-bottom: 0;
2808		2808
2809	a {	2809	a {
2810	color: #000;	2810	color: #fff;
2811	}	2811	}
2812	}	2812	}
2813	}	2813	}
Lines 2818-2833 td.bundle { Link Here
2818	border: 0;	2818	border: 0;
2819	}	2819	}
2820		2820
2821	.ui-state-default {
2822	a {
2823	color: #FFFFFF;
2824
2825	&:link,
2826	&:visited {
2827	color: #FFFFFF;
2828	}
2829	}
2830	}
2831		2821
2832	.ui-state-hover {	2822	.ui-state-hover {
2833	a {	2823	a {
Lines 2904-2983 td.bundle { Link Here
2904		2894
2905		2895
2906	> ul {	2896	> ul {
2907	background: none repeat scroll 0 0 transparent;
2908	border: 0 none;
2909	color: #222222;
2910	font-size: 100%;
2911	font-weight: bold;
2912	line-height: 1.3;	2897	line-height: 1.3;
2913	list-style: none outside none;
2914	margin: 0;	2898	margin: 0;
2915	outline: 0 none;	2899	outline: 0 none;
2916	padding: .2em .2em 0;	2900	padding: .2em .2em 0;
2917	text-decoration: none;	2901	text-decoration: none;
2918		2902	display: flex;
2919	&::after {
2920	clear: both;
2921	}
2922
2923	&::before,
2924	&::after {
2925	content: "";
2926	display: table;
2927	}
2928		2903
2929	li {	2904	li {
2930	border-top-left-radius: 4px;	2905	list-style-type: none;
2931	border-top-right-radius: 4px;
2932	border-bottom-right-radius: 0;
2933	border-bottom-left-radius: 0;
2934	float: left;
2935	font-weight: normal;
2936	list-style: none outside none;
2937	margin-bottom: 0;
2938	margin-right: .4em;	2906	margin-right: .4em;
2939	padding: 0;
2940	position: relative;
2941	top: 1px;
2942	white-space: nowrap;
2943	background: $background-color-secondary;
2944
2945	&.active, &:hover {
2946	font-weight: normal;
2947	padding-bottom: 1px;
2948
2949	background-color: $background-color-primary;
2950	border: 0;
2951	border-bottom-width: 0;
2952
2953	a {
2954	background: none repeat scroll 0 0 transparent;
2955	color: #FFFFFF;
2956	outline: 0 none;
2957	top: 1px;
2958	}
2959	}
2960		2907
2961	a {	2908	a {
2962	color: #FFFFFF;	2909	background-color: $background-color-secondary;
2963	cursor: pointer;	2910	border-radius: 4px 4px 0 0;
2964	float: left;	2911	color: #111;
		2912	display: inline-block;
2965	padding: .5em 1em;	2913	padding: .5em 1em;
2966	text-decoration: none;	2914	text-decoration: none;
		2915	white-space: nowrap;
		2916	}
2967		2917
2968	&:hover {	2918	&.active,
2969	border-top-left-radius: 4px;	2919	&:hover {
2970	border-top-right-radius: 4px;	2920	a {
		2921	background-color: $background-color-primary;
		2922	color: #fff;
2971	}	2923	}
2972	}	2924	}
		2925
2973	}	2926	}
2974	}	2927	}
2975		2928
2976	.tabs-container {	2929	.tabs-container {
2977	background: none repeat scroll 0 0 transparent;	2930	border: 2px solid $background-color-primary;
2978	border: 3px solid $background-color-primary;
2979	border-radius: 4px;	2931	border-radius: 4px;
2980	color: #222222;
2981	display: block;	2932	display: block;
2982	padding: 1em 1.4em;	2933	padding: 1em 1.4em;
2983	}	2934	}
Lines 2985-2999 td.bundle { Link Here
2985		2936
2986	.toptabs {	2937	.toptabs {
2987	margin-top: 5px;	2938	margin-top: 5px;
2988	.ui-tabs-panel {	2939	.ui-tabs-panel {
2989	background: #FFF none;	2940	fieldset {
2990	border-radius: 4px;	2941	box-shadow: none;
2991	border: 3px solid $background-color-primary;
2992
2993	fieldset {
2994	box-shadow: none;
2995	}
2996	}	2942	}
		2943	}
2997	}	2944	}
2998		2945
2999	.authref {	2946	.authref {
Lines 3546-3552 code { Link Here
3546		3493
3547	.tab-content {	3494	.tab-content {
3548	background-color: #fff;	3495	background-color: #fff;
3549	border: 3px solid $background-color-primary;	3496	border: 2px solid $background-color-primary;
3550	border-radius: 4px;	3497	border-radius: 4px;
3551	padding: 1em;	3498	padding: 1em;
3552	}	3499	}
Lines 3555-3569 code { Link Here
3555	> li {	3502	> li {
3556	> a {	3503	> a {
3557	background-color: $background-color-secondary;	3504	background-color: $background-color-secondary;
		3505	border-radius: 4px 4px 0 0;
		3506	border-color: $background-color-secondary;
3558	color: #111;	3507	color: #111;
3559	line-height: 1.42857143;	3508	line-height: 1.3;
3560	margin-right: .4em;	3509	margin-right: .4em;
3561	padding: .5em 1em;	3510	padding: .5em 1em;
3562		3511
3563	&:hover, &:focus, &:active {	3512	&:hover, &:focus, &:active {
3564	background-color: $background-color-primary;	3513	background-color: $background-color-primary;
3565	border-radius: 4px 4px 0 0;	3514	border-color: $background-color-primary;
3566	border: 1px solid $background-color-primary;
3567	padding: .5em 1em;	3515	padding: .5em 1em;
3568	text-decoration: none;	3516	text-decoration: none;
3569	color: #FFFFFF;	3517	color: #FFFFFF;
Lines 3575-3584 code { Link Here
3575	a:hover,	3523	a:hover,
3576	a:focus {	3524	a:focus {
3577	background-color: $background-color-primary;	3525	background-color: $background-color-primary;
3578	border-radius: 4px 4px 0 0;
3579	color: #FFFFFF;	3526	color: #FFFFFF;
3580	cursor: default;	3527	cursor: default;
3581	font-weight: bold;
3582	}	3528	}
3583	}	3529	}
3584	}	3530	}
3585	-