summaryrefslogtreecommitdiff
path: root/www/wiki/skins/Timeless/resources/screen-desktop-small.less
blob: bf070ffbd47d050dcff76b77d9f20c56103fd48e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
@import 'variables.less';

// Redundant sidebar category list and stuff

#mw-content-block {
	padding: 0;
}
#mw-content {
	border-width: 0 0 1px;
	clear: both;
}

.categories-bottom();

// Header navigation

.sidebar-chunk {
	display: inline-block;
	position: relative;

	h2 {
		display: inline-block;
	}
}
.sidebar-inner,
#p-logo {
	display: none !important;
}

// Have these cover the fixed header color-bar using the mw-header-nav-hack (with its own color-bar at the bottom)
#mw-site-navigation,
#mw-related-navigation {
	display: inline-block;
	position: relative;
	z-index: 99;

	h2 {
		font-weight: normal;
		font-family: @fonts-secondary;
		font-size: 1.25em;
		padding: 0.5em 0 0.2em;
		margin: 0;

		.dropdown-header();
	}
}
.sidebar-chunk:hover {
	.pokey,
	.sidebar-inner {
		display: block !important;
	}
}

#mw-header-nav-hack {
	border-top: solid 2px @grey-bright;
	display: block;
	position: absolute;
	z-index: 98;
	background: @background;
	width: 100%;
}
#mw-header-nav-hack .color-bar {
	margin-top: 2.5em; // Height of expected menu header contents
}

#mw-site-navigation {
	float: left;
	margin-left: 2em;

	.sidebar-chunk {
		margin: 0 1em 0 0;
	}
	.sidebar-inner {
		.dropdown-menu( left );
	}
}
#mw-related-navigation {
	float: right;
	margin-right: 2em;

	.sidebar-chunk {
		margin: 0 0 0 1em;
	}
	.sidebar-inner {
		.dropdown-menu();
		top: 2.95em !important; // to override mobile positioning
	}
}

// Consistency

#mw-header {
	padding: 0 2em;
}
#p-logo-text a {
	padding-left: 0;
	text-align: left;
}

#mw-footer {
	padding: 0 @content-padding;
}

// Personal menu

#personal {
	float: right;

	h2 span {
		display: none;
	}
	h2:after {
		margin-left: -0.65em;
	}
	.dropdown {
		right: -1em;
	}
}

#user-tools {
	width: 6em;
}
#p-search {
	margin-right: 6em;
}