0.0.1

Initial commit.

README.md

@@ -1,2 +1,33 @@
 # BlastPad_UI
 A simple, lightweight and modular CSS front-end framework for styling websites quickly.
+
+
+# License
+This is released under the GPL license so feel free to use.
+
+
+# Contributions
+Contributions are most welcome! We welcome contributions of code (HTML, CSS and JavaScript), design, documentation, support, marketing, translation, SEO and more!
+
+This is a great open-source project for beginners whether you are new to programming or new to contributing to open-source projects. We have good first bugs, mentored bugs, bugs for pair programming if you need some guidance.
+
+We also welcome contributors of all levels.
+
+Fork from GitHub at https://github.com/blastpad/BlastPad_UI, create a pull request or chat with us at Join the chat at https://gitter.im/blastpad/BlastPad
+
+You can also email me for more information.
+
+
+# Credits
+Honey Silvas (@honeysilvas)
+(Add your name here by contributing.)
+
+
+
+# Contact Information
+For bug reports, feature requests, questions, or corrections, please contact me at:
+http://blastpad.co/ui
+[email protected]
+Join the chat at https://gitter.im/blastpad/BlastPad
+@theblastpad
+GitHub: https://github.com/blastpad/BlastPad_UI

css/module/barebones.css

@@ -0,0 +1,54 @@
+/* 
+	This file resets HTML elements so that they render consistently across all browsers.  
+	Do not add your custom CSS here since they will get overwritten when you upgrade. 
+*/
+
+html {
+    -moz-osx-font-smoothing: grayscale;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+}
+
+body {
+	font-size: 16px;
+    margin: 0; 
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+figure,
+ol,
+ul {
+    margin: 0;
+    padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6, {
+    font-size: inherit;
+}
+
+a {
+	color: inherit;
+    text-decoration: none;
+	transition: .3s;
+	-moz-transition: .3s;
+    -webkit-transition: .3s;
+}
+
+img {
+    border: 0;
+	height: auto;
+	max-width: 100%;
+}

css/module/default.css

@@ -0,0 +1,96 @@
+html, body {
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	height: 100%;
+}
+
+.blastpad  {
+	font-family: "Lato", Arial, Helvetica, sans-serif;
+	font-size: 1em;
+	margin: auto;
+	height: 100%;
+	width: 100%;
+}
+
+.blastpad .container {
+	height: 100%;
+	margin: auto;
+	max-width: 1080px;
+	width: 100%;
+}
+
+.blastpad main {
+	background-color: transparent;
+	clear: both;
+	height: 100%;
+	margin: auto;
+	max-width: 900px;
+	padding: 10px;
+}
+
+.blastpad .message {
+	background-color: #f7ff00;
+	border: 1px;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	margin: auto;
+	text-align: center;
+}
+
+.blastpad ul {
+    margin: 0;
+	padding: 0;
+}
+
+.blastpad a:link, .blastpad a:visited, .blastpad a:active {
+	color: #0074d9;
+	text-decoration: none;
+}
+
+.blastpad hr {
+	border: 0;
+	background: #efefef;
+	height: 1px;
+	margin: 10px;
+}
+
+/* Headings */
+
+.blastpad h1 {
+	font-size: 2em;
+}
+
+.blastpad h2 {
+	font-size: 1.8em;
+}
+
+.blastpad h3 {
+	font-size: 1.6em;
+}
+
+.blastpad h4 {
+	font-size: 1.4em;
+}
+
+.blastpad h5 {
+	font-size: 1.2em;
+}
+
+.blastpad h6 {
+	font-size: 1em;
+}
+
+/* Footer. */
+footer {
+	background-color: #030303;
+	color: #efefef;
+	width: 100%;
+}
+
+.footer {
+	margin: auto;
+	width: 900px;
+}
+

css/module/dropdown.css

@@ -0,0 +1,61 @@
+/* Menu */
+.blastpad .menu {
+    list-style: none;
+    float: left; /* Clear floats */
+    width: 100%;
+    /* Bring the nav above everything else--uncomment if needed.
+    position:relative;
+    z-index:5;
+    */
+}
+
+.blastpad .menu  li {
+    float: left;
+    position: relative;
+}
+
+.blastpad .menu a {
+	border-right: 1px solid rgba(90, 90, 90, 0.1);
+    border-left: 1px solid rgba(255,255,255,0.7);
+	box-shadow: inset 0 -2px 0 #dddddd;
+	color: #333333; 
+	display: block;
+	padding: 10px;
+}
+
+/* Dropdown */
+.blastpad .menu ul {
+    background: #ffffff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
+    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
+    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ 
+	list-style: none;
+    position: absolute;
+}
+
+.blastpad .menu ul li{
+    float: none;
+}
+
+.blastpad .menu ul a{
+    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
+}
+
+.blastpad .menu li:hover ul { /* Display the dropdown on hover */
+    left: 0; /* Bring back on-screen when needed */
+}
+
+.blastpad .menu li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
+	background: -webkit-linear-gradient(top, #f8f8f8, #eee);
+    background: -moz-linear-gradient(top, #f8f8f8, #eee);
+    background: linear-gradient(top, #f8f8f8, #eee);	
+	border-right: 1px solid rgba(90, 90, 90, 0.1);
+    border-left: 1px solid rgba(255,255,255,0.7);
+	color: #4183c4;
+}
+
+.blastpad .menu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
+    background: -webkit-linear-gradient(top, #fafbfd, #dce6ef);
+    background: -moz-linear-gradient(top, #fafbfd, #dce6ef);
+    background: linear-gradient(top, #fafbfd, #dce6ef);
+	color: #4183c4;
+}

css/module/form.css

@@ -0,0 +1,59 @@
+/* Forms. */
+.blastpad label {
+	color: #333333;
+	font-weight: bold;
+}
+
+.blastpad input {
+	font-size: 1em;
+	border: 1px solid #dddddd;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	margin: 10px;
+	padding: 10px;
+}
+
+.blastpad input[ type="text" ], .blastpad input[ type="password" ], .blastpad input[ type="email" ], .blastpad textarea {	
+	margin: 10px 0 0 0;
+	width: 80%;
+}
+
+.blastpad input[ type="submit" ], .blastpad input[ type="button" ] {
+	background-color: #18bc9c;
+	color: #fefefe;
+	font-weight: bold;
+	margin: auto;
+	padding: 10px 20px 10px 20px;
+}
+
+.blastpad .form_container {
+	background-color: transparent;
+	height: 100%;
+	position: relative;
+	width: 100%;
+}
+
+.blastpad .form_box {
+	background-color: transparent;
+	height: 50%;
+	left: 50%;
+	max-width: 500px;
+	min-width: 320px;
+	position: absolute;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	width: 50%;
+}
+
+.blastpad label {
+	padding: 5px;
+}
+
+.blastpad .form {
+	background-color: #ffffff;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	padding: 10px;	
+}

css/module/menu.css

@@ -0,0 +1,62 @@
+.blastpad .menu_top {
+	float: right;
+}
+
+.blastpad .nav {
+	background: -webkit-linear-gradient(top, #f8f8f8, #eee);
+    background: -moz-linear-gradient(top, #f8f8f8, #eee);
+    background: linear-gradient(top, #f8f8f8, #eee);
+	float: left;
+	font-size: 0.9em;
+	font-weight: bold;
+	width: 100%;
+}
+
+.blastpad .menu_toolbar {
+	background: -webkit-linear-gradient(top, #f8f8f8, #eee);
+    background: -moz-linear-gradient(top, #f8f8f8, #eee);
+    background: linear-gradient(top, #f8f8f8, #eee);
+	bottom: 0;
+	padding: 5px;
+	width: 100%;
+}
+
+.blastpad .sticky {
+	position: fixed;
+}
+
+.blastpad .bar_container {
+	background-color: transparent;
+	margin: auto;
+	position: fixed;
+	width: 100%;
+	z-index: 1;
+}
+
+.blastpad .bar_container a {
+	text-decoration: none;
+}
+
+.blastpad .bar {
+	background-color: transparent;
+	margin: auto;
+	width: 900px;
+}
+
+.blastpad .logo {
+	background-color: #00ff00;
+	float: left;
+}
+
+.blastpad .menu {
+	background-color: #efefef;
+	text-align: right;
+}
+
+.blastpad .menu ul {
+	list-style: none;
+}
+
+.blastpad .menu li{
+	display: inline;
+}