Y/Ada-S2/tps.html

@@ -7,7 +7,6 @@ See http://ocsigen.org/ and http://caml.inria.fr/ for information -->
   <title>TP Ada S2</title>
   <meta content="text/html; charset=utf-8" http-equiv="content-type" />
   <link media="all" href="../ystyle.css" rel="stylesheet" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script src="../Scripts/yfold.js"></script>
 </head>
 

Y/ystyle.css

@@ -1,4 +1,5 @@
 /* POLICES */
+
 @font-face {
   font-family: 'Poppins';
   src: url('https://fontlibrary.org//assets/fonts/poppins/fed70e8826194d3ab847c777f43c10ea/3352653dedd571bbc490c8be132b38cd/PoppinsLight.ttf') format('truetype');
@@ -148,12 +149,19 @@ h1, h2, h3 {
 }
 
 /* style des éléments a l'intérieur des cartes */
-.card {}
+
+.card {
+
+}
 
 .steps {
   list-style: none;
 }
 
+
+
+
+
 .advice {
   margin: 3vw;
   max-width: 600px;
@@ -162,12 +170,6 @@ h1, h2, h3 {
   padding: 20px;
 }
 
-.ascii {
-  font-size: 60%;
-  display: inline-block;
-  margin: 0 25px 20px 0;
-}
-
 a {
   text-decoration: none;
 }
@@ -179,7 +181,6 @@ footer {
   background: rgba(19,19,19,.8);
   padding: 30px 50px;
   display: flex;
-  z-index: 2;
   flex-direction: row;
   justify-content: space-around;
   align-items: center;
@@ -206,53 +207,9 @@ footer .pcom a {
   font-size: 150%;
 }
 
+
 /* PAGE DE CODE */
-code {
-  background: rgba(19, 19, 19, .8);
-  margin-top: 20px;
-  font-family: monospace;
-  color: #ffffcc;
-  display: inline;
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-size: 90%;
-  font-style: normal;
-}
-
-.output, samp {
-  display: block;
-  background: rgba(19, 19, 19, .8);
-  margin-top: 20px;
-  font-family: monospace;
-  color: #ccffcc;
-  border-radius: 12px;
-  tab-size: 2;
-  white-space: pre;
-  width: 80%;
-  display: block;
-  overflow-x: scroll;
-  font-size: 120%;
-  padding: 20px 50px 22px 25px;
-  border-left: 10px solid #494;
-  line-height: 1.55;
-  transition: all .3s;
-}
-
-code.block {
-  border-radius: 12px;
-  tab-size: 2;
-  white-space: pre;
-  display: block;
-  overflow-x: scroll;
-  font-size: 120%;
-  padding: 20px 50px 22px 25px;
-  border-left: 10px solid #944;
-  line-height: 1.55;
-  transition: all .3s;
-}
-
-code.page {
-  border-radius: 12px;
+code:not(.inline), code:not(.command)  {
   position: relative;
   z-index: 2;
   background: rgba(19,19,19,.8);
@@ -263,13 +220,16 @@ code.page {
   font-family: monospace;
   display: block;
   color: #ffffcc;
+
   tab-size: 2;
   white-space: pre;
+
   overflow-x: scroll;
   font-size: 120%;
   padding: 20px 50px 22px 25px;
-  border-left: 10px solid #884;
+  border-left: 10px solid #444;
   line-height: 1.55;
+
   transition: all .3s;
 }
 
@@ -398,6 +358,17 @@ span.file {
   font-weight: bold;
 }
 
+var, samp, code.inline, code.kw, code.command {
+	display: inline-block;
+	padding: 2px 8px;
+	background: #222;
+  color: #ffffcc ;
+	border-radius: 4px;
+	font-size: 90%;
+	font-family: monospace;
+	font-style: normal;
+	}
+
 pre {
   margin: 20px 0;
 }
@@ -432,7 +403,6 @@ span.lbutton:before {
   border-radius:50%;
   padding:0.1em 0.25em;
 }
-
 span.lbutton:after{
   content:"";
   z-index:-1;
@@ -454,7 +424,6 @@ span.lbutton:after {
 
 aside.yfold {
   margin: 20px 0;
-  border-radius: 12px;
 }
 
 aside .yfold-title, .card .yfold-title {
@@ -464,6 +433,7 @@ aside .yfold-title, .card .yfold-title {
 }
 
 /* MEDIA */
+
 @media (min-width: 1400px) {
 footer {
 flex-direction: column;
@@ -477,6 +447,7 @@ aside .yfold-title, .card .yfold-title {
 }
 
 /* ANIMATION */
+
 @-webkit-keyframes bgMove {
   0% {
     background-position: 0% 50%
@@ -567,4 +538,6 @@ aside .yfold-title, .card .yfold-title {
   100% {
     transform: translateX(0%);
   }
+
+
 }

index.html

@@ -5,7 +5,7 @@
   <title>D. Le Botlan</title>
   <meta content="text/html; charset=utf-8" http-equiv="content-type" />
   <link media="all" href="Y/ystyle.css" rel="stylesheet" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="viewport" content="width=device-width">
   <script src="Y/Scripts/yfold.js"></script>
 </head>