Skip to content

Commit

Permalink
Create test.css
Browse files Browse the repository at this point in the history
  • Loading branch information
blizztube authored Feb 20, 2024
1 parent 120d6fc commit 0a8e40b
Showing 1 changed file with 78 additions and 0 deletions.
78 changes: 78 additions & 0 deletions test.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}

header {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}

.wrapper {
display: flex;
min-height: 100vh;
}

aside {
width: 25%;
padding: 20px;
background-color: #f4f4f4;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

main {
flex: 1;
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
width: 100%;
}

nav ul {
list-style: none;
}

nav ul li {
display: inline;
margin-right: 10px;
}

.example-table td {
border: 1px solid #FFFFFF;
padding: 5px;
}

.example-table img {
display: block;
max-width: 100%;
height: auto;
}

a, a:visited {
color: #5499c7;
text-decoration: none;
transition: color 0.2s ease-in-out, transform 0.3s ease-in; /* Ease in and out for color and ease in for transform */
}

a:hover {
color: red;
transform: scale(1.1); /* Increase the size by 25% on hover */
display: inline-block; /* Ensure proper inline behavior to allow scaling */
}

a:active {
transition: none;/* Disable transition on click */
}

0 comments on commit 0a8e40b

Please sign in to comment.