png new sizing and no margin

master
Your Name 5 years ago
parent 38e1bced51
commit 283b2517fa

Binary file not shown.

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 116 KiB

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 144 KiB

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 236 KiB

After

Width:  |  Height:  |  Size: 267 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 193 KiB

After

Width:  |  Height:  |  Size: 220 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 109 KiB

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 57 KiB

@ -3,9 +3,13 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta charset="utf-8">
<meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1">
<title>INPUT/ OUTPUT - Special Issue X</title> <title>INPUT/ OUTPUT - Special Issue X</title>
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
<script>
</script>
</head> </head>
<body> <body>
@ -334,7 +338,7 @@ _ ⯐ LDR 🢒🢒 LDR
<div id="right"> <div id="right">
<div id="maingif"> <div id="maingif">
<embed class="maingif" src="img/gifmain.gif" /> <embed class="maingif" src="img/gifmain.gif"/>
</div> </div>
<div id="SPIX"> SPECIAL ISSUE X</div> <div id="SPIX"> SPECIAL ISSUE X</div>
@ -421,8 +425,9 @@ _ ⯐ LDR 🢒🢒 LDR
} </marquee></br> } </marquee></br>
</div> </div>
<div id="tisa2" class="pcbtisa">
<a id="tisa_module"> <a id="tisa_module">
<div id="tisa2" class="moduleimg">
<a href="#tisa_T"> <a href="#tisa_T">
<img src="img/pcb_tisa.png"/> <img src="img/pcb_tisa.png"/>
</a> </a>
@ -437,7 +442,7 @@ _ ⯐ LDR 🢒🢒 LDR
<a id="mark_module"> <a id="mark_module">
<div id="mark" class="moduleimg"> <div id="mark" class="moduleimg">
<a href="#mark_T"> <a href="#mark_T">
<img src="img/pcb_mark.png"/> <img class="moduleimg" id="mark" src="img/pcb_mark.png"/>
</a> </a>
</a> </a>
<br><marquee class="code" behavior="scroll" direction="right">{ <br><marquee class="code" behavior="scroll" direction="right">{

@ -47,10 +47,16 @@ a:visited{
body body
{ {
width:100%; width:100%;
background-color: white; background-color: #21632c;
font-size: calc(8px + 0.7vw); font-size: calc(8px + 0.7vw);
scrollbar-width: none; scrollbar-width: none;
border: none;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
} }
div#left { div#left {
@ -59,7 +65,7 @@ div#left {
width:49%; width:49%;
display: inline-block; display: inline-block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height:700px; height:700px;
overflow: scroll; overflow: scroll;
padding-bottom: 200px; padding-bottom: 200px;
@ -67,11 +73,11 @@ div#left {
} }
div#right { div#right {
border: ; border: none;
width:49%; width:49%;
display: inline-block; display: inline-block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height:700px; height:700px;
overflow: scroll; overflow: scroll;
padding-bottom: 200px; padding-bottom: 200px;
@ -141,19 +147,22 @@ div#subtitle {
color: black; color: black;
} }
div#maingif{ div #maingif{
max-width: 100%; max-width: 120%;
display: block; display: block;
margin-left: auto; margin-top: 0px;
margin-right: auto; margin-bottom: 10%;
padding-bottom: 10%; margin-right: 0px;
margin-left: 0px;
} }
.maingif{ .maingif{
width: 100%; width: 100%;
height: auto; display: block;
margin-left: auto; margin-top: 0px;
margin-right: auto; margin-bottom: 10%;
margin-right: 0px;
margin-left: -20px;
} }
div#define { div#define {
@ -202,18 +211,21 @@ div#intro {
color: black; color: black;
} }
div.moduleimg{ /* div.moduleimg{
margin-top:50px; margin-top:50px;
margin-bottom: 100px;} margin-bottom: 100px;
} */
div.moduleimg img{ div.moduleimg img{
max-width: 90%; max-width: 100%;
display: block; display: block;
margin-left: auto; position: relative;
margin-right: auto; margin-left: auto;
margin-top: 27vh; margin-right: auto;
padding-top: 3vh; margin-top: 25%;
} }
div#bigpcb{ div#bigpcb{
max-width: 90%; max-width: 90%;
display: block; 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{ .output{
max-width: 90%; max-width: 90%;
@ -311,3 +316,10 @@ text-decoration: none;
padding-right: 70px; padding-right: 70px;
} }
::-webkit-scrollbar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 0px;
/* background-color: #21632c; */
}

Loading…
Cancel
Save