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 @@
</script>
<section class="download-virtual">
<div class="col-xl-12 my-3">
<div class="title mt-5 pb-0 text-center">
<h2>{{ $data.virtual.title }}</h2>
<div class="border-meghna"></div>
<div class="col-xl-12 my-3">
<div class="title mt-5 pb-0 text-center">
<h2>{{ $data.virtual.title }}</h2>
<div class="border-meghna"></div>
</div>
</div>
</div>
<div class="container">
<div class="container">
<div class="row">
<div class="col-lg-12 mt-2 text-center">
<h3 class="my-5">{{ $data.virtual.description }}</h3>
......@@ -29,7 +29,7 @@
</h3>
{{ range $data.virtual.editions }}
<div class="container">
<div class="row">
<div class="row">
<div class="col-lg-6 my-5">
<h2 style="display: inline; border-bottom: 1px solid #57cbcc;">{{ .name }}</h2>
<p class="my-3 text-white">{{ .description }}</p>
......@@ -40,11 +40,12 @@
<div class="col-lg-6">
<img src="{{ .image }}" width="100%" height="100%">
</div>
</div>
</div>
</div>
<hr class="w-50">
{{ end }}
<div class="row">
<div class="container">
<div class="row">
<div class="col-lg-6 my-5">
<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>
......@@ -55,12 +56,12 @@
<div class="col-lg-6">
<img src="../images/monitor-docker.png" width="100%" height="100%">
</div>
</div>
<hr class="w-50">
</div>
<hr class="w-50">
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}
\ No newline at end of file
......@@ -11,20 +11,6 @@
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-copy.btn {
background: #57cbcc;
......@@ -50,30 +36,6 @@ and (max-width: 340px) {
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 */
/*
#docs {
......@@ -167,7 +129,6 @@ hr {
/* Parrot OS Animated Logo by Serverket */
.svg_logo {
position: center;
z-index: 3;
width: 30%;
height: 30%;
......@@ -316,3 +277,56 @@ hr {
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