png new sizing and no margin

5 years ago · 283b2517fa
parent 38e1bced51
commit 283b2517fa
12 changed files with 48 additions and 31 deletions
--- a/10/img/pcb_anna.png
+++ b/10/img/pcb_anna.png
--- a/10/img/pcb_avital.png
+++ b/10/img/pcb_avital.png
--- a/10/img/pcb_clara.png
+++ b/10/img/pcb_clara.png
--- a/10/img/pcb_damla.png
+++ b/10/img/pcb_damla.png
--- a/10/img/pcb_ioana.png
+++ b/10/img/pcb_ioana.png
--- a/10/img/pcb_mark.png
+++ b/10/img/pcb_mark.png
--- a/10/img/pcb_max.png
+++ b/10/img/pcb_max.png
--- a/10/img/pcb_mika.png
+++ b/10/img/pcb_mika.png
--- a/10/img/pcb_sandra.png
+++ b/10/img/pcb_sandra.png
--- a/10/img/pcb_tisa.png
+++ b/10/img/pcb_tisa.png
--- a/10/index.html
+++ b/10/index.html
@ -3,9 +3,13 @@

 <head>
 	<meta charset="UTF-8">
+	<meta charset="utf-8">
 	<meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1">
 	<title>INPUT/ OUTPUT - Special Issue X</title>
  <link rel="stylesheet" type="text/css" href="style.css">
+	<script>
+
+	</script>
 </head>

 <body>
@ -334,7 +338,7 @@ _ ⯐ LDR 🢒🢒 LDR
 <div id="right">

 	<div id="maingif">
-	<embed class="maingif" src="img/gifmain.gif"	/>
+		<embed class="maingif" src="img/gifmain.gif"/>
 	</div>

 	<div id="SPIX"> SPECIAL ISSUE X</div>
@ -421,8 +425,9 @@ _ ⯐ LDR 🢒🢒 LDR
  }	</marquee></br>
 	</div>

-	<div id="tisa2" class="pcbtisa">
+
 <a id="tisa_module">
+	<div id="tisa2" class="moduleimg">
 			<a href="#tisa_T">
 			<img src="img/pcb_tisa.png"/>
 		</a>
@ -437,7 +442,7 @@ _ ⯐ LDR 🢒🢒 LDR
 <a id="mark_module">
 	<div id="mark" class="moduleimg">
 		<a href="#mark_T">
-			<img src="img/pcb_mark.png"/>
+			<img class="moduleimg" id="mark" src="img/pcb_mark.png"/>
 		</a>
 </a>
 		<br><marquee class="code" behavior="scroll" direction="right">{
--- a/10/style.css
+++ b/10/style.css
@ -47,10 +47,16 @@ a:visited{

 body
  {
-      width:100%;
-  background-color: white;
+  width:100%;
+  background-color: #21632c;
  font-size: calc(8px + 0.7vw);
  scrollbar-width: none;
+  border: none;
+  margin-top: 0px;
+   margin-bottom: 0px;
+   margin-right: 0px;
+   margin-left: 0px;
+
   }

 div#left {
@ -59,7 +65,7 @@ div#left {
  width:49%;
  display: inline-block;
  margin-left: auto;
-    margin-right: auto;
+  margin-right: auto;
  height:700px;
  overflow: scroll;
  padding-bottom: 200px;
@ -67,11 +73,11 @@ div#left {
 }

 div#right {
-  border: ;
+  border: none;
  width:49%;
  display: inline-block;
  margin-left: auto;
-    margin-right: auto;
+  margin-right: auto;
  height:700px;
  overflow: scroll;
  padding-bottom: 200px;
@ -141,19 +147,22 @@ div#subtitle {
    color: black;

  }
-div#maingif{
-  max-width: 100%;
+div #maingif{
+  max-width: 120%;
  display: block;
-    margin-left: auto;
-    margin-right: auto;
-    padding-bottom: 10%;
+    margin-top: 0px;
+    margin-bottom: 10%;
+    margin-right: 0px;
+    margin-left: 0px;
 }

 .maingif{
  width: 100%;
-  height: auto;
-    margin-left: auto;
-    margin-right: auto;
+  display: block;
+  margin-top: 0px;
+  margin-bottom: 10%;
+  margin-right: 0px;
+  margin-left: -20px;
 }

 div#define {
@ -202,18 +211,21 @@ div#intro {
    color: black;
 }

-div.moduleimg{
+/* div.moduleimg{
  margin-top:50px;
-  margin-bottom: 100px;}
+  margin-bottom: 100px;
+} */

 div.moduleimg img{
-  max-width: 90%;
+  max-width: 100%;
  display: block;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 27vh;
-    padding-top: 3vh;
+  position: relative;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 25%;
 }
+
+
 div#bigpcb{
  max-width: 90%;
  display: block;
@ -231,14 +243,7 @@ div#bigpcb{

 }

-div#tisa2 img{
-  max-width: 50%;
-  display: block;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 27vh;
-    padding-top: 3vh;
-}
+

 .output{
  max-width: 90%;
@ -311,3 +316,10 @@ text-decoration: none;
 padding-right: 70px;

 }
+
+::-webkit-scrollbar {
+  margin: 0px 0px 0px 0px;
+  padding: 0px 0px 0px 0px;
+  width: 0px;
+  /* background-color: #21632c; */
+}