Daryll Doyle Profile CSS

Developer
Daryll Doyle
Size
3,395 Kb
Views
4,048
  1. Daryll Doyle Profile CSS Previews
  2. Daryll Doyle Profile CSS HTML Codes
  3. Daryll Doyle Profile CSS CSS Codes

How do I make an daryll doyle profile css?

This is the CSS that is running my Codepen profile at: http://codepen.io/darylldoyle/Get a Pro account and play with yours!. What is a daryll doyle profile css? How do you make a daryll doyle profile css? This script and codes were developed by Daryll Doyle on 24 January 2023, Tuesday.

Daryll Doyle Profile CSS Previews
IQ Test

Daryll Doyle Profile CSS - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Daryll Doyle Profile CSS</title> <link href='https://fonts.googleapis.com/css?family=Open+Sans:800italic,400,600' rel='stylesheet' type='text/css'> <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> <h1>My Profile CSS</h1>
<p>This is the CSS that is running my Codepen profile at: <a href="https://codepen.io/darylldoyle/">https://codepen.io/darylldoyle/</a></p>
<p><strong>Get a Pro account and play with yours!</strong></p>
</body>
</html>

Daryll Doyle Profile CSS - Script Codes CSS Codes

.avatar-wrap .profile-avatar { border-radius: 50%; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.avatar-wrap::after { background: none;
}
.profile-header { background: -webkit-radial-gradient(ellipse farthest-corner at 0% bottom, #e82c0c, #f44f33 100%); background: radial-gradient(ellipse farthest-corner at 0% bottom, #e82c0c, #f44f33 100%); font-family: 'Open Sans', sans-serif;
}
.profile-header h1 { background: none; background-clip: inherit; -webkit-text-fill-color: currentColor; color: #fff; font-weight: 800; font-style: italic;
}
.profile-header .profile-location-and-badges { color: #fff;
}
.profile-header a { color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s;
}
.profile-header a:hover { color: #000;
}
.profile-header .edit-profile-link { background: none;
}
.profile-header .edit-profile-link:hover { color: #fff;
}
.profile-grid { background: #fff; font-family: 'Open Sans', sans-serif;
}
.profile-grid nav a { color: #000;
}
.profile-grid nav a.active { color: #e82c0c;
}
.profile-grid .button { background: -webkit-linear-gradient(#e82c0c, #b82309); background: linear-gradient(#e82c0c, #b82309); border: 1px solid #871a07;
}
.profile-grid .button.active { background: -webkit-linear-gradient(#b82309, #871a07); background: linear-gradient(#b82309, #871a07);
}
.profile-grid .button:hover:not([disabled]), .profile-grid .button:focus:not([disabled]), .profile-grid .button:active:not([disabled]) { background: -webkit-linear-gradient(#f44f33, #f77963); background: linear-gradient(#f44f33, #f77963);
}
.profile-sidebar-tab .module,
.user-list .module { background: #e82c0c; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 0 #871a07;
}
.profile-sidebar-tab .module a,
.profile-sidebar-tab .module p,
.user-list .module a,
.user-list .module p { color: #fff;
}
.profile-sidebar-tab .module .badge,
.user-list .module .badge { background: #871a07; color: #fff !important;
}
.pens-in-list-view thead { background: #000; color: #fff;
}
.pens-in-list-view .pen-in-list-view { background: rgba(232, 44, 12, 0.1); color: #000;
}
.pens-in-list-view .pen-in-list-view .stat-value > svg { fill: #000;
}
.pens-in-list-view .pen-in-list-view a { color: inherit;
}
.pens-in-list-view .pen-in-list-view a:hover { color: #e82c0c;
}
.pens-in-list-view .pen-in-list-view:hover { background: rgba(232, 44, 12, 0.3);
}
.meta { background: rgba(232, 44, 12, 0.3);
}
.meta .single-stat.single-stat { background: #e82c0c; border-left: 1px solid #f77963 !important;
}
.meta .single-stat.single-stat svg { fill: #fff;
}
.meta .single-stat.single-stat .icon-heart.icon-heart { fill: #fff;
}
.meta .user { color: #fff;
}
.meta .user a { color: inherit;
}
.iframe-wrap { border: 1px solid rgba(232, 44, 12, 0.3); border-bottom: none;
}
.single-pen .meta-overlay h2 { color: #fff;
}
.single-pen .meta-overlay,
.single-pen .context-menu,
.single-pen .context-menu ul,
.single-pen .context-menu-icon { background: #e82c0c;
}
.single-pen .context-menu ul a:hover { background: -webkit-linear-gradient(#d0270b, #b82309); background: linear-gradient(#d0270b, #b82309); color: #fff;
}
Daryll Doyle Profile CSS - Script Codes
Daryll Doyle Profile CSS - Script Codes
Home Page Home
Developer Daryll Doyle
Username darylldoyle
Uploaded January 24, 2023
Rating 3
Size 3,395 Kb
Views 4,048
Do you need developer help for Daryll Doyle Profile CSS?

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!

Daryll Doyle (darylldoyle) Script Codes
Name
Pure CSS Slider
Mobile Position Fixed Footer
CSS Owl
CSS Only, Responsive Modal Form
Ball Bounce
A Pen by Daryll Doyle
Pure CSS Checkbox
The very 2D caterpillar
Battery API
CSS Cow
Create amazing blog posts 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!