jlengrand/nebulair.github.io
1
0
Fork 0
mirror of https://github.com/NEBULAIR/nebulair.github.io.git synced 2026-03-10 08:51:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

changed css/less around

Browse Source
This commit is contained in:
joost
2016-01-05 10:38:56 +01:00
parent 1c531e78ce
commit 1cb10d3a8c
6 changed files with 119 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
README.md
View File

@@ -1,26 +0,0 @@
# [Start Bootstrap](http://startbootstrap.com/) - [Creative](http://startbootstrap.com/template-overviews/creative/)
[Creative](http://startbootstrap.com/template-overviews/creative/) is a one page creative theme for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/).
## Getting Started
To use this theme, choose one of the following options to get started:
* Download the latest release on Start Bootstrap
* Fork this repository on GitHub
## Bugs and Issues
Have a bug or an issue with this theme? [Open a new issue](https://github.com/IronSummitMedia/startbootstrap-creative/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/creative/).
## Creator
Start Bootstrap was created by and is maintained by **David Miller**, Managing Partner at [Iron Summit Media Strategies](http://www.ironsummitmedia.com/).
* https://twitter.com/davidmillerskt
* https://github.com/davidtmiller
Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
## Copyright and License
Copyright 2013-2015 Iron Summit Media Strategies, LLC. Code released under the [Apache 2.0](https://github.com/IronSummitMedia/startbootstrap-creative/blob/gh-pages/LICENSE) license.

59
css/creative.css
View File

@@ -194,65 +194,6 @@ header .header-content .header-content-inner p {
} }
} }
/*signup stuff*/
#sign-up{
margin-top: 5%;
}
.input {
display: flex;
align-items: center;
}
.button {
height: 44px;
border: none;
}
#email {
width: 75%;
background: #FDFCFB;
font-family: inherit;
color: #4CAF50;
letter-spacing: 1px;
text-indent: 5%;
border-radius: 5px 0 0 5px;
}
#submit {
width: 40%;
height: 44px;
background: #4CAF50;
font-family: inherit;
font-weight: bold;
color: #ffffff;
letter-spacing: 1px;
border-radius: 0 5px 5px 0;
cursor: pointer;
transition: background .8s ease-in-out;
}
#submit:hover {
background: #ffffff;
color: #4CAF50;
}
input:focus {
outline: none;
outline: 2px solid #4CAF50;
box-shadow: 0 0 2px #4CAF50;
}
/* end of signup stuff*/

51
css/nebulair.css
View File

@@ -1,7 +1,46 @@
/*signup stuff*/
#sign-up {
margin-top: 5%;
}
.mail { .input {
padding-top: 50px; display: flex;
align-items: center;
}
.button {
height: 44px;
border: none;
}
#email {
width: 75%;
background: #FDFCFB;
font-family: inherit;
color: #4CAF50;
letter-spacing: 1px;
text-indent: 5%;
border-radius: 5px 0 0 5px;
}
#submit {
width: 40%;
height: 44px;
background: #4CAF50;
font-family: inherit;
font-weight: bold;
color: #ffffff;
letter-spacing: 1px;
border-radius: 0 5px 5px 0;
cursor: pointer;
transition: background 0.8s ease-in-out;
}
#submit:hover {
background: #ffffff;
color: #4CAF50;
}
input:focus {
outline: none;
outline: 2px solid #4CAF50;
box-shadow: 0 0 2px #4CAF50;
}
/* end of signup stuff*/
.mail {
padding-top: 50px;
} }

4
index.html
View File

@@ -26,7 +26,7 @@
<link rel="stylesheet" href="css/creative.css" type="text/css"> <link rel="stylesheet" href="css/creative.css" type="text/css">
<!--Nebulair CSS --> <!--Nebulair CSS -->
<link rel="stylesheet" href="css/creative.css" type="text/css"> <link rel="stylesheet" href="css/nebulair.css" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -74,7 +74,7 @@
<div id="sign-up" class="col-md-6 col-md-offset-3"> <div id="sign-up" class="col-md-6 col-md-offset-3">
<form> <form>
<label for="email" class="input"> <label for="email" class="input">
<input type="text" class="button" id="email" name="email" placeholder="NAME@EXAMPLE.COM" autocomplete="email"> <input type="text" class="button" id="email" name="email" placeholder="NAME@NEBULAIR.CO" autocomplete="email">
<input type="submit" class="button" id="submit" value="Sign up for updates"> <input type="submit" class="button" id="submit" value="Sign up for updates">
</label> </label>
</form> </form>

1
less/creative.less
View File

@@ -1,3 +1,4 @@
@import "variables.less"; @import "variables.less";
@import "mixins.less"; @import "mixins.less";

71
less/nebulair.less Normal file
View File

@@ -0,0 +1,71 @@
@import "variables.less";
@import "mixins.less";
/*signup stuff*/
#sign-up{
margin-top: 5%;
}
.input {
display: flex;
align-items: center;
}
.button {
height: 44px;
border: none;
}
#email {
width: 75%;
background: #FDFCFB;
font-family: inherit;
color: @theme-primary;
letter-spacing: 1px;
text-indent: 5%;
border-radius: 5px 0 0 5px;
}
#submit {
width: 40%;
height: 44px;
background: @theme-primary;
font-family: inherit;
font-weight: bold;
color: #ffffff;
letter-spacing: 1px;
border-radius: 0 5px 5px 0;
cursor: pointer;
transition: background .8s ease-in-out;
}
#submit:hover {
background: #ffffff;
color: @theme-primary;
}
input:focus {
outline: none;
outline: 2px solid @theme-primary;
box-shadow: 0 0 2px @theme-primary;
}
/* end of signup stuff*/
.mail {
padding-top: 50px;
}