documentation/_shared_assets/static/custom.css at 4ff8bdfe9ce93ac3e04a007a1c9852701433ab48 · nextcloud/documentation · GitHub

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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
/**
 * FIX THE DESIGN OF THE RTD THEME
 */

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, Ubuntu, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* NC blue */
.wy-side-nav-search {
	background-color: #0082c9;
}

/* Reduce size of logo in top left */
.wy-side-nav-search > a img.logo {
	max-width: 180px;
}

/* Remove unwanted background on top left logo on hover */
.wy-side-nav-search > a:hover {
	background: none;
}

/* Remove unwanted data on the bottom left sidebar */
.rst-versions.shift-up .rst-other-versions > dl:not(:nth-child(1)),
.rst-versions.shift-up .rst-other-versions > a,
.rst-versions.shift-up .rst-other-versions > hr {
	display:none
}
.rst-versions.shift-up .rst-other-versions {
	color: transparent;
	font-size: 0px;
}
.rst-versions.shift-up .rst-other-versions dt,.rst-versions.shift-up .rst-other-versions dl {
	color: #808080;
	font-size: 15px;
}

/* Remove readthedocs title in the sidebar bottom left section */
.rst-versions .rst-current-version .fa-book {
	display: none;
}
.rst-versions .rst-current-version:before {
	content: 'Nextcloud';
	margin-right: auto;
}
.rst-versions .rst-current-version {
	display: flex;
	align-items: center;
	color: #0082c9;
}
.rst-versions .rst-current-version .fa-caret-down {
	margin-left: 5px;
}

/* Code blocks */
.highlight {
	/* nc blue */
	background: rgba(0, 130, 201, 0.1)
}

/* Fix code within tables - remove too big margins */
.rst-content td {
	div[class^="highlight"]:last-of-type,
	pre.literal-block:last-of-type {
		margin-block: 1px !important;
	}
}

/* Screenshots — add subtle shadow to distinguish from page background */
.rst-content img {
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

html[data-theme="dark"] .rst-content img {
	box-shadow: 0 2px 8px rgba(255, 255, 255, 0.15);
}

/* ICONS LIST */
div#list-of-available-icons > blockquote {
	margin: 0;
}

div#list-of-available-icons > blockquote > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

div#list-of-available-icons > blockquote > div > div {
	width: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}

div#list-of-available-icons > blockquote > div > div > a {
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
}

div#list-of-available-icons > blockquote > div > div > a.white-icon {
	background-color: #343131;
}

div#list-of-available-icons > blockquote > div > div > p {
	margin-top: 5px;
	font-size: 90%;
	font-style: normal;
	text-align: center;
}

.wy-nav-content {
	max-width: clamp(800px, calc(100vw - 600px), 1200px) !important;
}

.wy-nav-content section {
	max-width: 900px;
}

/* At 200% browser zoom a 1 280 px display has an effective viewport of
   ~640 px, which is below the RTD mobile breakpoint (768 px). The
   clamp() above keeps a hard 800 px minimum that then overflows the
   viewport horizontally, making the documentation content unreachable
   without horizontal scrolling (WCAG 1.4.4 / BITV 9.1.4.4).
   Override to 100% so the content fills the available space. */
@media screen and (max-width: 768px) {
	.wy-nav-content {
		max-width: 100% !important;
	}

	.wy-nav-content section {
		max-width: 100%;
	}
}

table.docutils {
	min-width: 50%;
}

#code-style table.docutils {
	width: 100%;
}