Show sourcecode
The following files exists in this folder. Click to view.
public_html/gamla-kurser/webbutv1/projekt/css/
css_index.css
139 lines ASCII Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap');
body {
text-align: center;
background-color: #c1c1c1;
background-size: 25% 25%;
}
.aboutme {
margin-left: 25%;
margin-right: 25%;
}
h1 {
text-align: center;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-style: impact;
font-size: 64px;
-webkit-text-fill-color: transparent;
background-color: #0d61ff;
background-image: url(https://media.giphy.com/media/9JxkPTP3alOykb8PmQ/giphy.gif);
background-clip: text;
-webkit-background-clip: text;
}
button {
font-size: 15px;
color: black;
border: 2px solid black;
border-radius: 5px;
padding: 5px;
cursor: pointer;
}
hr {
width: 50%;
margin: auto;
}
img {
border-radius: 10px;
filter: grayscale(75%);
}
.holymoly {
width: 100px;
height: 100px;
filter: grayscale(0%);
}
a {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-style: Impact;
color: lightblue;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-style: Arial;
color: white;
margin-left: 25%;
margin-right: 25%;
text-align: center;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-style: Helvetica;
color: white;
background-color: #000000;
}
/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #000000;
background-color: #353535;
margin-left: 20%;
margin-right: 20%;
border-radius: 5px;
}
/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: center;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #303030;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #258dba;
}
/* Style the tab content */
.tabcontent {
display: none;
margin-right: 20%;
margin-left: 20%;
padding: 6px 12px;
border: 1px solid #2f87d3;
border-radius: 10px;
border-top: none;
animation: fadeEffect 1s;
/* Fading effect takes 1 second */
}
/* Go from zero to full opacity */
@keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.ovningar {
display: block;
font-family:Arial, Helvetica, sans-serif;
font-style: Helvetica;
color: black;
}
.container {
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 5px;
}