Commit 1237702d authored by danterolle's avatar danterolle
Browse files

Added new media queries + fix on docker section

parent e43cc6ef
Pipeline #2614 failed with stage
...@@ -44,6 +44,7 @@ ...@@ -44,6 +44,7 @@
</div> </div>
<hr class="w-50"> <hr class="w-50">
{{ end }} {{ end }}
<div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6 my-5"> <div class="col-lg-6 my-5">
<h2 style="display: inline; border-bottom: 1px solid #57cbcc;">Docker Images</h2> <h2 style="display: inline; border-bottom: 1px solid #57cbcc;">Docker Images</h2>
...@@ -61,6 +62,6 @@ ...@@ -61,6 +62,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
{{ end }} {{ end }}
\ No newline at end of file
...@@ -11,20 +11,6 @@ ...@@ -11,20 +11,6 @@
border: none; border: none;
} }
@media only screen
and (max-width: 991px) {
#navigation {
margin-top: 0.5rem !important;
}
}
@media only screen
and (max-width: 340px) {
.navbar-brand {
margin: 0;
}
}
/* btn style for cryptocurrency div */ /* btn style for cryptocurrency div */
.btn-copy.btn { .btn-copy.btn {
background: #57cbcc; background: #57cbcc;
...@@ -50,30 +36,6 @@ and (max-width: 340px) { ...@@ -50,30 +36,6 @@ and (max-width: 340px) {
border: 1px solid #57cbcc; border: 1px solid #57cbcc;
} }
@media only screen
and (max-width: 991px) {
h1.style {
font-size: 2rem;
}
.b-style {
width: 60%;
overflow-y: auto;
overflow-x: scroll;
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-copy.btn {
width: 40%;
padding-left: 1px;
padding-right: 1px;
}
}
/* style for new documentaton section */ /* style for new documentaton section */
/* /*
#docs { #docs {
...@@ -167,7 +129,6 @@ hr { ...@@ -167,7 +129,6 @@ hr {
/* Parrot OS Animated Logo by Serverket */ /* Parrot OS Animated Logo by Serverket */
.svg_logo { .svg_logo {
position: center;
z-index: 3; z-index: 3;
width: 30%; width: 30%;
height: 30%; height: 30%;
...@@ -316,3 +277,56 @@ hr { ...@@ -316,3 +277,56 @@ hr {
stroke-width: 0pt; stroke-width: 0pt;
} }
} }
/* Media Queries */
@media only screen
and (max-width: 991px) {
h1.style {
font-size: 2rem;
}
.b-style {
width: 60%;
overflow-y: auto;
overflow-x: scroll;
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-copy.btn {
width: 40%;
padding-left: 1px;
padding-right: 1px;
}
}
@media only screen
and (max-width: 991px) {
#navigation {
margin-top: 0.5rem !important;
}
}
@media only screen
and (max-width: 800px) {
.navbar-brand {
margin: 0;
}
.svg_logo {
width: 20% !important;
height: 20% !important;
}
}
@media only screen
and (min-width: 280px)
and (max-width: 320px) {
a.navbar-brand {
width: 70% !important;
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment