Show sourcecode
The following files exists in this folder. Click to view.
comments.php
exercises/
favs.php
img/
img_foto/
incl/
index-no-include.php
index.php
minindex.php
ovningar.php
portfalj.css
portfaljdraft.php
portfaljovningar.php
source.php
style/
tack.php
viewsource.php
portfalj.css
225 lines ASCII Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
body {
background-color: white;
}
nav {
background-color: black;
padding-top: 10px;
}
nav img {
width: 100px;
padding: 10px;
grid-area: 1;
border-radius: 35px;
}
.nav-item {
color: white;
margin-top: 10px;
border-radius: 7px;
padding-left: 3px;
margin-left: 10px;
}
.hem {
grid-area: 2;
}
.bilder {
grid-area: 3;
}
.bild > img {
width: 40%;
border-radius: 25px;
border: 2px solid black;
margin: 20px;
}
.review {
width: 70%;
border-radius: 25px;
border: 2px solid black;
margin: 20px;
padding: 30px;
}
.bild {
display: flex;
flex-direction: row-reverse;
}
h1 {
color: black;
text-align: center;
font-family: "Cookie", cursive;
font-weight: lighter;
font-style: normal;
font-size: 50px;
}
.arskurs {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
padding: 20px;
}
.arskurs a {
padding: 10px 20px;
text-decoration: none;
border: 3px solid black;
white-space: nowrap;
color: black;
}
footer {
background-color: black;
display: flex;
flex-wrap: wrap;
}
footer a {
text-decoration: none;
color: white;
}
footer p {
padding: 20px;
color: white;
}
.container_ovn {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 15%;
}
.container_ovn a {
border: 3px solid black;
border-radius: 12px;
text-decoration: none;
color: black;
text-align: center;
width: 200px;
padding: 5px;
margin: 10px;
}
.carousel-inner > p, .carousel-item > p {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FF87AF;
}
.carousel-inner > h5, .carousel-item > h5 {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FF87AF;
}
#quizform > h5 {
text-align: center;
margin-top: 10px;
}
#quizform > h2 {
text-align: center;
margin-top: 20px;
}
#quizform {
border: 2px solid black;
border-radius: 20px;
margin: 5px;
}
.fraga {
border: 2px solid black;
border-radius: 13px;
margin: 20px;
padding: 10px 5px;
}
.button {
text-align: center;
}
#submit {
background-color: lightpink;
text-decoration-color: white;
}
#resultatBild img {
align-self: center;
}
#resultatBild {
width: 400px;
margin-bottom: 20px;
border-radius: 20px;
}
.resultat-box {
text-align: center;
}
#resultatText {
margin: 20px;
}
.link, .intro {
text-align: center;
margin-bottom: 40px;
color: lightpink;
background-color: black;
text-decoration: none;
border-radius: 20px;
padding: 20px;
margin: 0 40px;
}
.fraga img {
width: 100%;
}
.container_quiz {
display: flex;
flex-direction: row;
gap: 20px;
margin: 0 20px;
flex-wrap: nowrap;
align-content: center;
}
.container_quiz > a {
text-decoration: none;
color: black;
border: 2px solid lightpink;
border-radius: 10px;
padding: 5px 8px;
background-color: #808080;
}
.quiz_rubrik {
text-align: center;
margin-bottom: 40px;
}
.favs {
text-decoration: none;
}
#form {
}
p {
text-align: center;
}