Ajout C4.tex + C4.pdf

This commit is contained in:
divingeek 2025-08-26 19:07:43 +02:00
parent 4c85f09c74
commit b5afecdcee
7 changed files with 3279 additions and 0 deletions

1197
C4/C4.html Normal file

File diff suppressed because it is too large Load diff

947
C4/C4.tex Normal file
View file

@ -0,0 +1,947 @@
% Questions générées automatiquement
\element{C4}{
\begin{question}{q1}
Parmi les propositions suivantes, laquelle est la représentation binaire de 761 ?
\begin{multicols}{2}
\begin{reponses}
\mauvaise{11 1100 1101}
\mauvaise{11 1110 0101}
\mauvaise{10 0111 1001}
\bonne{10 1111 1001}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q2}
En hexadécimal (base 16), quelle est la valeur de la différence CBD - BAC ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{AB}
\mauvaise{TB}
\mauvaise{FF}
\bonne{111}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q3}
Deux entiers positifs ont pour écriture en base 16 : A7 et 84. Quelle est l'écriture en base 16 de leur somme ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{1811}
\bonne{12B}
\mauvaise{13A}
\mauvaise{A784}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q4}
Quel est le plus grand entier positif (non signé) représentable en binaire sur 2 octets (c'est-à-dire 16 bits) ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{215-1}
\mauvaise{215}
\bonne{216-1}
\mauvaise{216}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q5}
Quel est le nombre maximal de bits du produit de deux entiers positifs codés sur 8 bits ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{8}
\bonne{16}
\mauvaise{32}
\mauvaise{64}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q6}
En ajoutant trois chiffres 0 à droite de l'écriture binaire d'un entier strictement positif, on obtient l'écriture binaire de :
\begin{multicols}{2}
\begin{reponses}
\mauvaise{6 x N}
\bonne{8 x N}
\mauvaise{1000 x N}
\mauvaise{aucune des réponses précédentes}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q7}
Quelle est l'écriture hexadécimale (en base 16) du nombre entier 157 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{8F}
\mauvaise{9C}
\bonne{9D}
\mauvaise{AD}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q8}
Quelle est lécriture hexadécimale de lentier dont la représentation en binaire non signé est 1100 0011 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{BB}
\bonne{C3}
\mauvaise{CB}
\mauvaise{7610}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q9}
On considère les nombres dont l'écriture en base 16 (en hexadécimal) sont de la forme suivante : un 1 suivi de 0 en nombre quelconque, comme 1, 10, 100, 1000 etc. Tous ces nombres sont exactement :
\begin{multicols}{2}
\begin{reponses}
\mauvaise{les puissances de 2}
\mauvaise{les puissances de 8}
\mauvaise{les puissances de 10}
\bonne{les puissances de 16}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q10}
Quel est le résultat de l'addition binaire 0010 0110 + 1000 1110 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{1010 1110}
\mauvaise{0000 0110}
\bonne{1011 0100}
\mauvaise{0101 0001}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q11}
Combien de bits doit-on utiliser au minimum pour représenter en base 2 le nombre entier 72 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{2}
\mauvaise{6}
\bonne{7}
\mauvaise{8}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q12}
Le résultat de la soustraction en binaire 101001 - 101 est égal au nombre binaire :
\begin{multicols}{4}
\begin{reponses}
\mauvaise{100900}
\mauvaise{101110}
\bonne{100100}
\mauvaise{100110}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q13}
Quelle est la représentation en base 2 du nombre représenté dans la base 16 par A6B ?
\begin{multicols}{2}
\begin{reponses}
\mauvaise{2667}
\mauvaise{10101101011}
\bonne{101001101011}
\mauvaise{110100110101}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q14}
Le résultat de la multiplication en binaire 1011 * 101 est égal au nombre binaire :
\begin{multicols}{4}
\begin{reponses}
\mauvaise{102111}
\mauvaise{101110}
\bonne{110111}
\mauvaise{110011}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q15}
Combien de valeurs entières positives ou nulles un octet peut-il représenter ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{2}
\mauvaise{8}
\mauvaise{16}
\bonne{256}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q16}
Voici les écritures binaires de quatre nombres entiers positifs. Lequel est pair ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{10 0001}
\bonne{10 0010}
\mauvaise{11 0001}
\mauvaise{11 1111}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q17}
n est un entier dont la représentation en base 2 est : 100 1011. Laquelle de ces affirmations est vraie ?
\begin{reponses}
\mauvaise{n est un entier pair plus grand que 128}
\mauvaise{n est un entier impair plus grand que 128}
\mauvaise{n est un entier pair plus petit que 128}
\bonne{n est un entier impair plus petit que 128}
\end{reponses}
\end{question}
}
\element{C4}{
\begin{question}{q18}
Dans quel système de numération 3F5 représente-t-il un nombre entier ?
\begin{multicols}{2}
\begin{reponses}
\mauvaise{binaire (base 2)}
\mauvaise{octal (base 8)}
\mauvaise{décimal (base 10)}
\bonne{hexadécimal (base 16)}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q19}
Le codage dune couleur se fait à l'aide de trois nombres compris chacun, en écriture décimale, entre 0 et 255 (code RVB).
La couleur « vert impérial » est codée, en écriture décimale, par (0, 86, 27).
Le codage hexadécimal correspondant est :
\begin{multicols}{4}
\begin{reponses}
\mauvaise{(0, 134, 39)}
\mauvaise{(0, 134, 1B)}
\bonne{(0, 56, 1B)}
\mauvaise{(0, 56, 39)}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q20}
Quelle est la représentation en binaire de l'entier 64 sur un octet ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{0101 0000}
\mauvaise{1100 0100}
\bonne{0100 0000}
\mauvaise{0000 1100}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q21}
Comment s'écrit en base 16 (en hexadécimal) le nombre dont l'écriture binaire est 0010 1100 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{1D}
\bonne{2C}
\mauvaise{3C}
\mauvaise{3E}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q22}
Quelle est la représentation hexadécimale de l'entier qui s'écrit 106 en base 10 ?
\begin{multicols}{4}
\begin{reponses}
\bonne{6A}
\mauvaise{A6}
\mauvaise{64}
\mauvaise{46}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q23}
Quelle est l'écriture décimale de l'entier positif dont l'écriture hexadécimale (en base 16) est 3F ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{18}
\mauvaise{45}
\bonne{63}
\mauvaise{315}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q24}
Quelle est, en écriture décimale, la somme d'entiers dont l'écriture en base 16 (hexadécimale) est 2A + 2 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{22}
\mauvaise{31}
\mauvaise{49}
\bonne{44}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q25}
Quel est le plus grand entier positif que l'on peut coder sur un mot de 16 bits ?
\begin{multicols}{2}
\begin{reponses}
\mauvaise{215-1 = 32767}
\mauvaise{215 = 32768}
\bonne{216-1 = 65535}
\mauvaise{215 = 65536}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q26}
Combien de bits sont nécessaires pour représenter 15 en binaire ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{2}
\mauvaise{3}
\bonne{4}
\mauvaise{5}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q27}
Quelle est l'écriture en hexadécimal (base 16) du nombre entier positif qui s'écrit 1110 1101 en base 2 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{DE}
\bonne{ED}
\mauvaise{EDF}
\mauvaise{FEFD}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q28}
Parmi les quatre propositions, quelle est celle qui correspond au résultat de l'addition en écriture hexadécimale 7B692 + 4C81E ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{C8EB0}
\mauvaise{C5EB0}
\mauvaise{C7EC0}
\bonne{C7EB0}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q29}
Combien de bits faut-il au minimum pour coder le nombre décimal 4085 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{4}
\bonne{12}
\mauvaise{2042}
\mauvaise{2043}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q30}
Quelle est la représentation binaire du nombre entier 173 ?
\begin{multicols}{4}
\begin{reponses}
\bonne{1010 1101}
\mauvaise{1011 0101}
\mauvaise{1011 0100}
\mauvaise{1011 1101}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q31}
Parmi les quatre propositions, quelle est celle qui correspond au résultat de l'addition en écriture binaire 1101 1001 + 11 0110 ?
\begin{multicols}{2}
\begin{reponses}
\mauvaise{1000 1111}
\mauvaise{10 0000 1111}
\bonne{1 0000 1111}
\mauvaise{1 1000 0111}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q32}
Soit n l'entier positif dont l'écriture binaire est 10001. Quelle est l'écriture binaire de l'entier 2n ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{20002}
\bonne{100010}
\mauvaise{010001}
\mauvaise{1000110001}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q33}
Combien de nombres entiers positifs peut-on coder en binaire sur 4 bits ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{4}
\bonne{16}
\mauvaise{64}
\mauvaise{256}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q34}
La couleur « bleu roi » a pour code RGB (65,105,225), sa représentation en hexadécimal est :
\begin{multicols}{4}
\begin{reponses}
\mauvaise{\#2852C2}
\bonne{\#4169E1}
\mauvaise{\#33A5C61}
\mauvaise{\#C3T622}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q35}
Quel est le nombre minimum de bits qui permet de représenter les 7 couleurs de l'arc-en-ciel ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{2}
\bonne{3}
\mauvaise{4}
\mauvaise{5}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q36}
Quelle est lécriture décimale de lentier dont la représentation en binaire non signé est 0001 0101 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{15}
\bonne{21}
\mauvaise{111}
\mauvaise{420}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q37}
Combien de bits sont nécessaires pour écrire le nombre entier 16 en base 2 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{4}
\bonne{5}
\mauvaise{6}
\mauvaise{7}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q38}
Quelle est l'écriture décimale de l'entier positif dont la représentation binaire est 1101 0101 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{135}
\bonne{213}
\mauvaise{231}
\mauvaise{-42}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q39}
L'entier positif 255 se représente en hexadécimal (base 16) par :
\begin{multicols}{4}
\begin{reponses}
\mauvaise{99}
\mauvaise{AA}
\mauvaise{CC}
\bonne{FF}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q40}
Quelle est l'écriture décimale de l'entier qui s'écrit 1010 en binaire ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{5}
\bonne{10}
\mauvaise{20}
\mauvaise{22}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q41}
Le résultat de l'addition en binaire 101001 + 101 est égal au nombre binaire :
\begin{multicols}{4}
\begin{reponses}
\mauvaise{101102}
\mauvaise{010101}
\bonne{101110}
\mauvaise{110000}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q42}
Quelle est la représentation hexadécimale de l'entier dont la représentation binaire s'écrit : 0100100111010011 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{18899}
\mauvaise{3D94}
\bonne{49D3}
\mauvaise{93A3}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q43}
Parmi les quatre propositions, quelle est celle qui correspond au résultat de la soustraction en écriture hexadécimale CD8FA - 9FF81?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{2E979}
\mauvaise{3D989}
\bonne{2D979}
\mauvaise{2DA979}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q44}
Quel est le nombre minimal de bits nécessaire pour représenter l'entier positif 79 en binaire ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{2}
\mauvaise{6}
\bonne{7}
\mauvaise{8}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q45}
Quel est le résultat de l'addition binaire 0100 1110 + 0110 1101 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{0101 1011}
\mauvaise{1010 1101}
\mauvaise{1011 0110}
\bonne{1011 1011}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q46}
Quelle est l'écriture en base 10 du nombre qui s'écrit F1 en base 16 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{15}
\mauvaise{150}
\bonne{241}
\mauvaise{256}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q47}
Quelle est la représentation binaire de l'entier 45 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{2D}
\bonne{0010 1101}
\mauvaise{0100 0101}
\mauvaise{1011 0100}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q48}
Quelle est la représentation binaire de l'entier 152 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{0001 1001}
\mauvaise{0011 1010}
\mauvaise{0100 0100}
\bonne{1001 1000}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q49}
Quel est l'entier positif dont la représentation binaire est 0100 1001 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{43}
\bonne{73}
\mauvaise{80}
\mauvaise{111}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q50}
Quelle est l'écriture binaire du nombre entier 183 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{0100 1000}
\mauvaise{1110 1101}
\bonne{1011 0111}
\mauvaise{1001 0101}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q51}
Quel est l'entier dont l'écriture en base 2 est 1100011 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{22}
\mauvaise{40}
\bonne{99}
\mauvaise{121}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q52}
Quelle est la représentation hexadécimale de l'entier qui s'écrit 0111 1100 en base 2 ?
\begin{multicols}{4}
\begin{reponses}
\bonne{7C}
\mauvaise{F4}
\mauvaise{C7}
\mauvaise{47}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q53}
Quelle est l'écriture hexadécimale de l'entier n dont l'écriture binaire est 101010 ?
\begin{multicols}{4}
\begin{reponses}
\bonne{2A}
\mauvaise{A2}
\mauvaise{42}
\mauvaise{24}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q54}
Parmi les quatre propositions, quelle est celle qui correspond au résultat de la soustraction en écriture binaire 1010 1101 - 101 1000 ?
\begin{multicols}{4}
\begin{reponses}
\bonne{101 0101}
\mauvaise{110 0001}
\mauvaise{100 1111}
\mauvaise{1 1000 0111}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q55}
Quelle est la représentation binaire de l'entier positif 51 sur 8 bits ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{0010 0001}
\mauvaise{0010 1001}
\mauvaise{0011 0001}
\bonne{0011 0011}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q56}
La représentation en base 2 sur un octet du nombre décimal 27 sécrit :
\begin{multicols}{4}
\begin{reponses}
\mauvaise{1110 0100}
\bonne{0001 1011}
\mauvaise{0011 0110}
\mauvaise{0001 1010}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q57}
Combien d'entiers positifs ou nuls (entiers non signés) peut-on représenter en machine sur 32 bits ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{232-1}
\bonne{232}
\mauvaise{2 x 32}
\mauvaise{322}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q58}
Quel est l'entier positif qui admet BAC pour écriture hexadécimale (base 16) ?
\begin{multicols}{4}
\begin{reponses}
\bonne{2988}
\mauvaise{3018}
\mauvaise{3242}
\mauvaise{3258}
\end{reponses}
\end{multicols}
\end{question}
}
\element{C4}{
\begin{question}{q59}
Quelle est l'écriture décimale de l'entier positif dont l'écriture binaire est 00101001 ?
\begin{multicols}{4}
\begin{reponses}
\mauvaise{25}
\bonne{41}
\mauvaise{81}
\mauvaise{101001}
\end{reponses}
\end{multicols}
\end{question}
}

99
C4/C4_fichiers/github.css Normal file
View file

@ -0,0 +1,99 @@
/*
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #333;
background: #f8f8f8;
}
.hljs-comment,
.hljs-quote {
color: #998;
font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
color: #333;
font-weight: bold;
}
.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
color: #008080;
}
.hljs-string,
.hljs-doctag {
color: #d14;
}
.hljs-title,
.hljs-section,
.hljs-selector-id {
color: #900;
font-weight: bold;
}
.hljs-subst {
font-weight: normal;
}
.hljs-type,
.hljs-class .hljs-title {
color: #458;
font-weight: bold;
}
.hljs-tag,
.hljs-name,
.hljs-attribute {
color: #000080;
font-weight: normal;
}
.hljs-regexp,
.hljs-link {
color: #009926;
}
.hljs-symbol,
.hljs-bullet {
color: #990073;
}
.hljs-built_in,
.hljs-builtin-name {
color: #0086b3;
}
.hljs-meta {
color: #999;
font-weight: bold;
}
.hljs-deletion {
background: #fdd;
}
.hljs-addition {
background: #dfd;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}

File diff suppressed because one or more lines are too long

1
C4/C4_fichiers/menu.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>

After

Width:  |  Height:  |  Size: 202 B

30
C4/C4_fichiers/script.js Normal file
View file

@ -0,0 +1,30 @@
const menu = document.querySelector("header nav img")
const aside = document.querySelector("aside")
const content = document.querySelector(".content")
let toggle = false;
menu.addEventListener('click', () => {
toggle = !toggle
console.log('clic')
if (toggle) {
aside.classList.add('show_aside')
aside.classList.remove('hidden_aside')
} else {
aside.classList.add('hidden_aside')
aside.classList.remove('show_aside')
}
})
if (content != null) {
content.addEventListener('click', () => {
if (toggle) {
toggle = false
aside.classList.add('hidden_aside')
aside.classList.remove('show_aside')
}
})
}

338
C4/C4_fichiers/style.css Normal file
View file

@ -0,0 +1,338 @@
@font-face {
font-family: "input";
src: url("fonts/InputMonoNarrow-Light.ttf");
}
* {
margin: 0;
padding: 0;
font-family: Helvetica, Georgia, sans-serif;
}
body {
background-color: rgb(255, 255, 255);
}
/*************************************header+aside****************************************/
header {
background-color: #424242;
position: fixed;
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
color: white;
z-index: 100;
}
header nav {
margin-left: 40px;
width: 10%;
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
text-decoration: none;
}
@media (max-width:800px) {
header h2 {
display: none;
}
header h3 {
font-size: 1rem;
margin-right: 10px;
}
header nav {
width: 50%
}
}
header nav img {
cursor: pointer;
}
header h2 {
margin-right: 40px;
}
@media (max-width:800px) {
.content {
width: 100%;
}
}
aside {
position: fixed;
top: 60px;
left: -300px;
width: 300px;
background-color: rgba(7, 7, 7, 0.8);
list-style: none;
height: 100vh;
overflow-y: scroll;
list-style: none;
text-decoration: none;
}
aside>ul {
padding-top: 30px;
padding-bottom: 70px;
padding-left: 20px;
}
aside ul {
list-style: none;
text-decoration: none;
}
aside ul li ul {
margin-left: 20px;
}
aside a {
display: inline-block;
color: rgb(200, 200, 200);
margin: 5px;
text-decoration: none;
}
aside::-webkit-scrollbar {
background: #000;
width: 10px;
display: none;
}
aside:hover::-webkit-scrollbar {
display: block;
}
aside::-webkit-scrollbar-thumb {
background-color: #838383;
}
aside::-webkit-scrollbar-thumb:hover {
background-color: #bbbbbb;
}
aside ul li a:hover {
color: rgb(110, 110, 110);
}
.show_aside {
transform: translateX(300px);
transition-property: transform;
transition-duration: 1s;
}
.hidden_aside {
transform: translateX(0px);
transition-property: transform;
transition-duration: 1s;
}
/*********************fin header+aside***********************************/
/***********************content**************************************/
.content_title {
min-height: 100vh;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.content_title h1 {
color: black;
text-transform: uppercase;
font-size: 5rem;
letter-spacing: 1rem;
text-align: center;
}
.content_title h2 {
margin-top: 10px;
color: black;
font-size: 2rem;
letter-spacing: 0.4rem;
text-align: center;
}
@media (max-width:800px) {
.content_title h2 {
font-size: 1.5rem;
}
.content_title h1 {
font-size: 2.5rem;
}
}
.content {
width: 60%;
margin: 0 auto;
padding-top: 100px;
min-height: 100vh;
}
@media (max-width:1200px) {
.content {
width: 100%;
}
}
@media (max-width:900px) {
.content {
width: 100%;
}
.content img {
height: auto;
max-width: 500px;
}
}
@media (max-width:600px) {
.content img {
height: auto;
max-width: 320px;
}
}
@media (max-width:420px) {
.content img {
height: auto;
max-width: 220px;
}
}
.warning {
color: red;
}
.content h1 {
font-size: 1.5rem;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
.content h2 {
font-size: 1.2rem;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 25px;
}
.content h3 {
font-size: 1.1rem;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 35px;
}
.content h4 {
font-size: 1rem;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 43px;
}
.content p {
font-size: 1.0rem;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 50px;
margin-right: 50px;
text-align: justify;
}
.content ul,
.content ol {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 50px;
margin-right: 50px;
}
.content li {
font-size: 1.0rem;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 20px;
}
.content li p {
margin-left: 3px;
}
.content ul li ul li {
margin-left: 30px;
}
.content img {
margin-left: 30px;
margin-top: 20px;
margin-bottom: 20px;
display: block;
}
.content table {
margin-top: 15px;
margin-bottom: 15px;
border-collapse: collapse;
width: 80%;
margin: 0 auto;
}
.content table td {
border: 1px solid #000;
padding: 8px;
}
.content table tr:nth-child(even) {
background-color: #d1d1d1;
}
.content table th {
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
background-color: #6b6b6b;
color: white;
border: 1px solid #000;
}
.content table caption {
margin-bottom: 10px;
}
.content pre {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 35px;
margin-right: 35px;
padding: 5px;
border: 1px solid rgb(173, 173, 173);
}
.content pre code {
font-family: "input";
font-size: 0.9rem;
}
.content hr {
width: 30%;
margin: 20px auto;
}
.ok:hover {
color: rgb(0, 255, 0);
}