Initial commit.HEADmaster

1 files changed, 133 insertions, 0 deletions

diff --git a/css/styles.css b/css/styles.css
new file mode 100644
index 0000000..37c31fc
--- /dev/null
+++ b/css/styles.css
@@ -0,0 +1,133 @@
+/* --  Layout -- */
+html,body {
+    height: 100%;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    -moz-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.container {
+    display: table;
+    width: 100%;
+    height: 100%;
+    min-height: 100%;
+}
+
+.center-block {
+    display: table-cell;
+    vertical-align: middle;
+}
+
+
+/* -- Typography -- */
+h2 {
+    color: #666;
+    margin-bottom: 30px;
+}
+
+#search input {
+    font-size: 18px;
+}
+
+body {
+    font-family: 'Open Sans', sans-serif;
+}
+
+
+/* -- Links -- */
+#links {
+    margin: 40px auto;
+}
+
+#links a {
+    position: relative;
+    display: inline-block;
+    width: 80px;
+    margin-left: 5px;
+}
+
+#links a:hover, #links a:focus, #links a:active {
+    text-decoration: none;
+    color: #333;
+}
+
+.border-hover {
+    display: inline-block;
+    vertical-align: middle;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-transition-duration: 0.5s;
+    transition-duration: 0.5s;
+    -webkit-transition-property: background;
+    transition-property: background;
+    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
+    margin: .4em;
+    padding: 1em;
+    background: #e1e1e1;
+    color: #333;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+.border-hover:hover, .border-hover:focus, .border-hover:active {
+    background: none;
+}
+
+/* -- Images -- */
+#parallax_image {
+    display: block;
+    height: 296px;
+    position: relative;
+    overflow: hidden;
+    clear: both;
+}
+
+#parallax_image img {
+    position: absolute;
+    left: 0;
+    right: 0;
+    margin: auto;
+    overflow: auto;
+    width: 405px;
+    height: auto;
+}
+
+#parallax_image #parallax_box {
+    top: 24px;
+    z-index: 9;
+}
+
+#parallax_image #parallax_cat {
+    top: 31px;
+    z-index: 8;
+}
+
+#parallax_image #parallax_eyes {
+    top: 31px;
+    z-index: 9;
+}
+
+#parallax_image #parallax_background {
+    top: 24px;
+    z-index: 5;
+}
+
+
+/* -- Form -- */
+form {
+    margin-top: 30px;
+}
+
+form button {
+    -webkit-transition-duration: 0.5s;
+    transition-duration: 0.5s;
+}
\ No newline at end of file