start-page.less 1.19 KB
Newer Older
1 2
@foki-edge-rounding: 7px;

3 4
#about-us a:visited {
    color: @link-color;
Dominik Hebeler's avatar
Dominik Hebeler committed
5 6 7 8
}

#anpassen-label a {
	color: #333;
9 10
}

Karl's avatar
Karl committed
11 12 13 14
#foki {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
15

Karl's avatar
Karl committed
16 17 18
	* {
		margin: 0px 5px;
	}
19

Karl's avatar
Karl committed
20 21 22
	* ~ * {
		margin-left: 5px;
	}
23

Karl's avatar
Karl committed
24 25
	input {
	    visibility: hidden;
26

Karl's avatar
Karl committed
27 28 29
		& + .custom-focus-label {
			border-radius: @foki-edge-rounding 0px 0px @foki-edge-rounding;
		}
30

Karl's avatar
Karl committed
31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
		& + .custom-focus-label + .custom-focus-edit {
			margin-left: 5px;
			display: inline-block;
			border-radius: 0px @foki-edge-rounding @foki-edge-rounding 0px;
		}
	}

	label {
		& > span {
		    margin-right: 5px;
		}

		& span {
		    background-color: transparent;
		}
	}
47 48
}

Karl's avatar
Karl committed
49 50
.focus {
	margin: 0px;
51 52
}

Karl's avatar
Karl committed
53 54
.focus ~ .focus {
	margin-left: 10px;
55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
}

.focus-radio:checked {
	& + .focus-label, & + .focus-label + .focus-edit {
	    background-color: #e3e3e3;
    }
}

.focus-label, .focus-edit {
	margin: 0px;
    border-radius: 7px;
    padding: 7px;
    font-weight: normal;
}

.focus:hover {
	.focus-label, .focus-edit {
	    cursor: pointer;
	    background-color: #e3e3e3;
	}
}

#addFocusBtn {
	margin-left: 10px;

}

#settings-btn {
	margin-left: auto;
	&  > * {
		vertical-align: middle;
	}
}
Karl's avatar
Karl committed
88 89 90 91 92 93

.searchform-bonus {
	li {
		margin: 5px;
	}
}