From 3724a26b4963d2eb84261924fadd83877c5d8e7f Mon Sep 17 00:00:00 2001 From: "[ nad1r ]" Date: Mon, 9 Nov 2020 23:32:06 +0100 Subject: Initial commit. --- css/styles.css | 133 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 css/styles.css (limited to 'css/styles.css') 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 -- cgit v1.2.3-70-g09d2