Report Blog Entry
<style>
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500&display=swap');
body {
background-color: black;
background-image: url("https://www.rxwallpaper.site/wp-content/uploads/the-paper-wall-star-trek-desktop-wallpaper-brilliant.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: url(https://cur.cursors-4u.net/symbols/sym-7/sym610.ani), url(https://cur.cursors-4u.net/symbols/sym-7/sym610.png), auto !important;
margin: 0;
padding: 0;
}
/* Responsive container for main content */
main {
font-family: 'Barlow Semi Condensed', sans-serif;
color: #ffffff; /* Changed text color to white */
background-color: rgba(0, 0, 0, 0.8); /* Ensuring a darker background for better contrast */
position: relative;
overflow-y: auto;
max-width: 100%;
width: 90%;
height: auto;
margin: 20px auto;
border-style: solid none solid solid;
border-color: #c65a5a;
border-radius: 25px;
padding: 15px;
}
/* Hide scrollbar for webkit browsers */
main::-webkit-scrollbar {
display: none;
}
/* General responsive styles for sections */
nav .top, nav .links {
background-color: black;
text-align: center;
padding: 10px;
}
/* Profile picture adjustments */
.general-about .profile-pic img {
border-radius: 25px;
width: 100%; /* Make profile picture responsive */
max-width: 150px; /* Limit size on larger screens */
height: auto;
}
/* Blog preview section */
.blog-preview {
background-color: rgba(248, 153, 29, 0.8); /* Slightly transparent orange for better contrast */
border-radius: 5px;
padding: 10px;
text-align: center;
margin: 10px auto;
}
/* Text styles */
a {
color: #ab75ff; /* Light purple color for links */
}
h1, h4 {
color: #ffedf9; /* Light pastel color for headings */
font-family: 'Barlow Semi Condensed', sans-serif;
}
p, ol li {
font-size: 1em;
color: #ffffff; /* Ensuring paragraph text is white for readability */
}
.profile-info {
background-image: url('https://i.pinimg.com/originals/aa/2f/ba/aa2fba231f3c70034d0a122e9a1f5a75.gif');
background-size: cover;
padding: 20px;
color: #ffffff; /* White text for readability */
}
/* Table styling */
.details-table td:first-child {
background-color: #fe9900; /* Orange background for first column */
color: white;
}
.details-table td:nth-child(2) {
background-color: #121212; /* Darker background for better contrast */
color: #ffffff; /* White text to stand out */
}
/* Footer styling */
footer {
background-color: black;
color: #ffffff; /* White footer text for readability */
text-align: center;
padding: 15px;
margin-top: 20px;
width: 100%;
}
footer .links a, footer .copyright a {
color: #ffffff; /* White link text for better visibility */
}
/* Mobile responsiveness */
@media (max-width: 768px) {
body {
background-position: center;
background-size: cover;
}
main {
width: 95%;
padding: 10px;
border-radius: 15px;
}
nav .top, nav .links {
padding: 5px;
}
.general-about .profile-pic img {
max-width: 100px;
}
h1 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
p, ol li {
font-size: 0.9em;
}
}
/* Smaller screen adjustments (phones) */
@media (max-width: 480px) {
main {
width: 100%;
padding: 8px;
}
h1 {
font-size: 1.25rem;
}
h4 {
font-size: 1rem;
}
.general-about .profile-pic img {
max-width: 80px;
}
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )