CodePen Profile CSS StyleSheet

Developer
Daniel Gonzalez
Size
2,896 Kb
Views
8,096
  1. CodePen Profile CSS StyleSheet Previews
  2. CodePen Profile CSS StyleSheet HTML Codes
  3. CodePen Profile CSS StyleSheet CSS Codes

How do I make an codepen profile css stylesheet?

What is a codepen profile css stylesheet? How do you make a codepen profile css stylesheet? This script and codes were developed by Daniel Gonzalez on 03 January 2023, Tuesday.

CodePen Profile CSS StyleSheet Previews
IQ Test

CodePen Profile CSS StyleSheet - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CodePen Profile CSS StyleSheet</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>

CodePen Profile CSS StyleSheet - Script Codes CSS Codes

body { background: -webkit-linear-gradient(315deg, #F45650, #2660A4); background: linear-gradient(135deg, #F45650, #2660A4); background-size: 2000px 2000px;
}
.profile-header { background: #ffffff;
}
.profile-name { color: #333333;
}
.edit-profile-link { border-color: #333333; color: #333333;
}
.links-and-stats { background: transparent;
}
.profile-avatar { border: 4px solid #EBEBEB;
}
.follow-block { color: #ffffff;
}
#hire-me-button { padding: 10px 20px; font-size: 1em; border: 2px solid #ffffff;
}
.explore-tabs a { color: #333333;
}
.profile-nav-2 { border-color: #ebebeb; background: #ffffff;
}
.profile-nav-2.explore-tabs a:hover { color: #2660A4;
}
.profile-nav-2.explore-tabs a.active { color: #2660A4;
}
input#profile-search-q { border: none;
}
.single-pen { border: 2px solid #EBEBEB;
}
.single-pen.stats:after { background: none;
}
.single-pen .stats { background: #ffffff;
}
.meta { background: #ffffff; color: #333333; box-shadow: none;
}
.single-project .stats::after, .single-pen .stats::after { background: none;
}
.stats .views .icon-eye { color: #2E4057; fill: #2E4057 !important;
}
.stats .comments .icon-comment { color: #2E4057; fill: #2E4057 !important;
}
.stats .loves .icon-heart { color: #F45650; fill: #F45650 !important;
}
.project-dashboard.module { background: #ffffff;
}
.project-dashboard.module h2.project-dashboard-header { color: #333333;
}
CodePen Profile CSS StyleSheet - Script Codes
CodePen Profile CSS StyleSheet - Script Codes
Home Page Home
Developer Daniel Gonzalez
Username dan10gc
Uploaded January 03, 2023
Rating 3
Size 2,896 Kb
Views 8,096
Do you need developer help for CodePen Profile CSS StyleSheet?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Daniel Gonzalez (dan10gc) Script Codes
Name
Apple Watch Animation
Pure CSS iOS Icons
Photos Icon Pure CSS Animation
Hover Button Effect
Responsive MIDI Synth
Responsive SVG Animation Floating Island
HTML Canvas Game Mjolnir Animation
Radiohead Album Cover VueJS
A Pen by Daniel Gonzalez
Stacked Layers
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!