The Yosemite

Developer
Haeman
Size
3,964 Kb
Views
38,456
  1. The Yosemite Previews
  2. The Yosemite HTML Codes
  3. The Yosemite CSS Codes

How do I make an the yosemite?

Just little bit UI on my mind before get Beta program to try Yosemite 10.10. What is a the yosemite? How do you make a the yosemite? This script and codes were developed by Haeman on 29 August 2022, Monday.

The Yosemite Previews
IQ Test

The Yosemite - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>The Yosemite</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/meyer-reset/2.0/reset.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
html { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5YTg4OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiNzRhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #d9a888), color-stop(100%, #8b74a0)); background-image: -moz-linear-gradient(left top, #d9a888, #8b74a0); background-image: -webkit-linear-gradient(left top, #d9a888, #8b74a0); background-image: linear-gradient(to right bottom, #d9a888, #8b74a0); height: 100%; width: 100%; padding-top: 100px; margin: 0; font-family: "Open Sans", sans-serif;
}
.window { background: #eee8ea; width: 350px; border-radius: 3px; margin: 0 auto 0; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}
.window .control { padding: 7px 10px;
}
.window .control ul li { cursor: pointer; border-radius: 100%; height: 10px; width: 10px; background: #f25156; display: inline-block; margin-right: 3px;
}
.window .control ul li:nth-of-type(2) { background: #ffc109;
}
.window .control ul li:nth-of-type(3) { background: #0ed439;
}
.window .inner { height: 80px;
}
.window .inner p { text-align: center; padding-top: 20px; color: #474747; font-size: 20px; font-weight: 300;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="window"> <div class="control"> <ul> <li></li> <li></li> <li></li> </ul> </div> <div class="inner"> <p>Try Something New ?</p> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

The Yosemite - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
html { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5YTg4OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiNzRhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #d9a888), color-stop(100%, #8b74a0)); background-image: -moz-linear-gradient(left top, #d9a888, #8b74a0); background-image: -webkit-linear-gradient(left top, #d9a888, #8b74a0); background-image: linear-gradient(to right bottom, #d9a888, #8b74a0); height: 100%; width: 100%; padding-top: 100px; margin: 0; font-family: "Open Sans", sans-serif;
}
.window { background: #eee8ea; width: 350px; border-radius: 3px; margin: 0 auto 0; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}
.window .control { padding: 7px 10px;
}
.window .control ul li { cursor: pointer; border-radius: 100%; height: 10px; width: 10px; background: #f25156; display: inline-block; margin-right: 3px;
}
.window .control ul li:nth-of-type(2) { background: #ffc109;
}
.window .control ul li:nth-of-type(3) { background: #0ed439;
}
.window .inner { height: 80px;
}
.window .inner p { text-align: center; padding-top: 20px; color: #474747; font-size: 20px; font-weight: 300;
}
The Yosemite - Script Codes
The Yosemite - Script Codes
Home Page Home
Developer Haeman
Username pedox
Uploaded August 29, 2022
Rating 3
Size 3,964 Kb
Views 38,456
Do you need developer help for The Yosemite?

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!

Haeman (pedox) Script Codes
Name
Instagrabber
Switch Button Single element
Keroppi
Terminal
Custom Select Checkbox
Martabak Box
Commuter Line Tokyu 8500
IOS 7 Icon
Thomas Bangalter Daft Punk helmet
Mac
Create amazing Facebook ads 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!