feedc0de/pfostendynamics.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added class for non-selectables

Browse Source
This commit is contained in:
CommanderRedYT
2020-11-29 03:58:43 +01:00
parent 73efe4bbd1
commit cf512d44d0
3 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
careers.php
View File

@@ -25,7 +25,8 @@ require('includes/header.php');
margin-right: auto;
max-height: 5cm;
"
class="img-fluid"
class="img-fluid disable-select"
draggable="false" ondragstart="return false;"
/>
<h1 style="text-align: center; position: relative"></h1>
</header>

8
css/style.css
View File

@@ -12,4 +12,12 @@ body {
nav {
transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
}
.disable-select {
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}

37
texts/articles.html
View File

@@ -1,58 +1,65 @@
<div class="container-fluid">
<div class="row">
<div class="col-sm">
<div class="container-fluid">
<div class="container-fluid disable-select">
<div
id="carouselExampleIndicators"
class="carousel slide"
id="carousel"
class="carousel slide disable-select"
data-ride="carousel"
data-interval="3500"
>
<ol class="carousel-indicators">
<ol class="carousel-indicators disable-select">
<li
data-target="#carouselExampleIndicators"
data-target="#carousel"
data-slide-to="0"
class="active"
class="active disable-select"
draggable="false" ondragstart="return false;"
></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li class="disable-select" data-target="#carousel" data-slide-to="1" draggable="false" ondragstart="return false;"></li>
<li class="disable-select" data-target="#carousel" data-slide-to="2" draggable="false" ondragstart="return false;"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img
class="d-block w-100"
class="d-block w-100 disable-select"
src="/img/news/news1-2.jpeg"
alt="First slide"
draggable="false" ondragstart="return false;"
/>
</div>
<div class="carousel-item">
<img
class="d-block w-100"
class="d-block w-100 disable-select"
src="/img/news/news1-3.jpeg"
alt="Second slide"
draggable="false" ondragstart="return false;"
/>
</div>
<div class="carousel-item">
<img
class="d-block w-100"
class="d-block w-100 disable-select"
src="/img/news/news1-4.jpeg"
alt="Third slide"
draggable="false" ondragstart="return false;"
/>
</div>
</div>
<a
class="carousel-control-prev"
href="#carouselExampleIndicators"
class="carousel-control-prev disable-select"
href="#carousel"
role="button"
data-slide="prev"
draggable="false" ondragstart="return false;"
>
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a
class="carousel-control-next"
href="#carouselExampleIndicators"
class="carousel-control-next disable-select"
href="#carousel"
role="button"
data-slide="next"
draggable="false" ondragstart="return false;"
>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>