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
...@@ -12,13 +12,13 @@ ...@@ -12,13 +12,13 @@
</script> </script>
<section class="download-virtual"> <section class="download-virtual">
<div class="col-xl-12 my-3"> <div class="col-xl-12 my-3">
<div class="title mt-5 pb-0 text-center"> <div class="title mt-5 pb-0 text-center">
<h2>{{ $data.virtual.title }}</h2> <h2>{{ $data.virtual.title }}</h2>
<div class="border-meghna"></div> <div class="border-meghna"></div>
</div>
</div> </div>
</div> <div class="container">
<div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12 mt-2 text-center"> <div class="col-lg-12 mt-2 text-center">
<h3 class="my-5">{{ $data.virtual.description }}</h3> <h3 class="my-5">{{ $data.virtual.description }}</h3>
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</h3> </h3>
{{ range $data.virtual.editions }} {{ range $data.virtual.editions }}
<div class="container"> <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;">{{ .name }}</h2> <h2 style="display: inline; border-bottom: 1px solid #57cbcc;">{{ .name }}</h2>
<p class="my-3 text-white">{{ .description }}</p> <p class="my-3 text-white">{{ .description }}</p>
...@@ -40,11 +40,12 @@ ...@@ -40,11 +40,12 @@
<div class="col-lg-6"> <div class="col-lg-6">
<img src="{{ .image }}" width="100%" height="100%"> <img src="{{ .image }}" width="100%" height="100%">
</div> </div>
</div> </div>
</div> </div>
<hr class="w-50"> <hr class="w-50">
{{ end }} {{ end }}
<div class="row"> <div class="container">
<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>
<p class="my-3 text-white">Parrot for Docker enables users to take advantage of the Parrot tools on top of other operating systems or in cloud environments.</p> <p class="my-3 text-white">Parrot for Docker enables users to take advantage of the Parrot tools on top of other operating systems or in cloud environments.</p>
...@@ -55,12 +56,12 @@ ...@@ -55,12 +56,12 @@
<div class="col-lg-6"> <div class="col-lg-6">
<img src="../images/monitor-docker.png" width="100%" height="100%"> <img src="../images/monitor-docker.png" width="100%" height="100%">
</div> </div>
</div>
<hr class="w-50">
</div> </div>
<hr class="w-50">
</div> </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