Ghostlab Color Palette
How do I make an ghostlab color palette?
Working Ghostlab color palette. What is a ghostlab color palette? How do you make a ghostlab color palette? This script and codes were developed by Andi Dysart on 13 July 2022, Wednesday.
Ghostlab Color Palette - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Ghostlab Color Palette</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <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> <div class='wrap'> <div class='flex-container'> <!-- / Grays --> <div class='flex-item colorWhite'> <h4>White</h4> </div> <div class='flex-item colorBlack'> <h4>Black</h4> </div> <!-- / Grays --> <div class='flex-item colorTest'> <h4>TEST</h4> </div> <div class='flex-item colorLighterGray'> <h4>LighterGray</h4> </div> <div class='flex-item colorLightGray'> <h4>LightGray</h4> </div> <div class='flex-item colorMidGray'> <h4>MidGray</h4> </div> <div class='flex-item colorDarkGray'> <h4>DarkGray</h4> </div> <div class='flex-item colorDarkerGray'> <h4>DarkerGray</h4> </div> <div class='flex-item colorDarkestGray'> <h4>DarkestGray</h4> </div> <!-- / Info colors --> <div class='flex-item colorInfo'> <h4>Info</h4> </div> <div class='flex-item colorSuccess'> <h4>Success</h4> </div> <div class='flex-item colorWarn'> <h4>Warn</h4> </div> <div class='flex-item colorError'> <h4>Error</h4> </div> <!-- / Theme colors --> <div class='flex-item colorRed'> <h4>Red</h4> </div> <div class='flex-item colorLightBlue'> <h4>LightBlue</h4> </div> <div class='flex-item colorBlue'> <h4>Blue</h4> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>
Ghostlab Color Palette - Script Codes CSS Codes
.colorWhite { background-color: #ffffff;
}
.colorBlack { background-color: #000000; color: #ffffff;
}
.colorTest { background-color: hotpink; color: #ffffff;
}
.colorLighterGray { background-color: #eaeaea;
}
.colorLightGray { background-color: #d9d9d9;
}
.colorMidGray { background-color: #a6a6a6;
}
.colorDarkGray { background-color: #949494;
}
.colorDarkerGray { background-color: #666666;
}
.colorDarkestGray { background-color: #48484a;
}
.colorInfo { background-color: #3187a3;
}
.colorSuccess { background-color: #7aa300;
}
.colorWarn { background-color: #e6ae09;
}
.colorError { background-color: #b5223b;
}
.colorRed { background-color: #c2253f;
}
.colorLightBlue { background-color: #54b6da;
}
.colorBlue { background-color: #366fa5;
}
.wrap { display: flex; min-height: 100vh; flex-direction: column;
}
.flex-container { display: flex; flex: 1;
}
.flex-item { flex: 1; text-align: center;
}
Developer | Andi Dysart |
Username | andiio |
Uploaded | July 13, 2022 |
Rating | 3 |
Size | 2,968 Kb |
Views | 48,576 |
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!
Name | Size |
Basic form | 3,006 Kb |
Mobile first - hide on scroll menu | 5,301 Kb |
Menu | 4,653 Kb |
Hotel room thumb | 5,295 Kb |
Hover captions | 4,844 Kb |
Credit card inline list | 2,988 Kb |
Mailchip signup form | 3,239 Kb |
Mockup animation for Ghostlab | 5,396 Kb |
Custom fluid tabs with SVG | 3,142 Kb |
Mailchip email signup form | 3,113 Kb |
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!
Name | Username | Size |
Simple DevTools | Deegill | 2,511 Kb |
TestTube CSS | EZPK | 2,710 Kb |
Simple star rating using js and data-uri | TheEnd | 5,795 Kb |
Jquery 2d character movement | Drewtadams | 4,291 Kb |
Side Sliding Menu CSS | EduardL | 4,388 Kb |
A Pen by Markku Lehmonen | SharpDal | 7,804 Kb |
Sexy Social Buttons | Ipiyale | 2,226 Kb |
Cartoon Bomb | Tcmulder | 4,929 Kb |
HEXAGON | Aurumlux | 1,684 Kb |
Smoke Shader - Frame Buffer | Omarshe7ta | 2,672 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!