Our Results
...a brief overview
Click on the image to the left to see what we made for the competition or click on the button below for a broader look at our project.
Line 1,355: | Line 1,355: | ||
} | } | ||
+ | /* Basic */ | ||
+ | |||
+ | body.is-scroll { | ||
+ | background-attachment: scroll, scroll; | ||
+ | background-size: auto, 100% auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | |||
+ | text-transform: uppercase; | ||
+ | |||
+ | } | ||
+ | |||
+ | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | ||
+ | color: inherit; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 1.25em; | ||
+ | letter-spacing: 8px; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 1em; | ||
+ | letter-spacing: 5px; | ||
+ | } | ||
+ | |||
+ | strong, b { | ||
+ | |||
+ | } | ||
+ | |||
+ | em, i { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Image */ | ||
+ | |||
+ | .image { | ||
+ | display: inline-block; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .image img { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .image.featured { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | margin: 0 0 2em 0; | ||
+ | } | ||
+ | |||
+ | .image.fit { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .image.left { | ||
+ | float: left; | ||
+ | margin: 0 2em 2em 0; | ||
+ | } | ||
+ | |||
+ | .image.centered { | ||
+ | display: block; | ||
+ | margin: 0 0 2em 0; | ||
+ | } | ||
+ | |||
+ | .image.centered img { | ||
+ | margin: 0 auto; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Form */ | ||
+ | |||
+ | form label { | ||
+ | display: block; | ||
+ | margin: 0 0 0.5em 0; | ||
+ | } | ||
+ | |||
+ | form input[type="text"], | ||
+ | form input[type="email"], | ||
+ | form input[type="password"], | ||
+ | form select, | ||
+ | form textarea { | ||
+ | -moz-transition: background-color 0.35s ease-in-out; | ||
+ | -webkit-transition: background-color 0.35s ease-in-out; | ||
+ | -ms-transition: background-color 0.35s ease-in-out; | ||
+ | transition: background-color 0.35s ease-in-out; | ||
+ | -webkit-appearance: none; | ||
+ | display: block; | ||
+ | border: 0; | ||
+ | background: #f1f1f1; | ||
+ | width: 100%; | ||
+ | padding: 0.75em; | ||
+ | } | ||
+ | |||
+ | form input[type="text"]:focus, | ||
+ | form input[type="email"]:focus, | ||
+ | form input[type="password"]:focus, | ||
+ | form select:focus, | ||
+ | form textarea:focus { | ||
+ | background: #f8f8f8; | ||
+ | } | ||
+ | |||
+ | form input[type="text"], | ||
+ | form input[type="email"], | ||
+ | form input[type="password"], | ||
+ | form select { | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | form textarea { | ||
+ | min-height: 12em; | ||
+ | } | ||
+ | |||
+ | form .formerize-placeholder { | ||
+ | color: #5a5959 !important; | ||
+ | } | ||
+ | |||
+ | form ::-webkit-input-placeholder { | ||
+ | color: #5a5959 !important; | ||
+ | } | ||
+ | |||
+ | form :-moz-placeholder { | ||
+ | color: #5a5959 !important; | ||
+ | } | ||
+ | |||
+ | form ::-moz-placeholder { | ||
+ | color: #5a5959 !important; | ||
+ | } | ||
+ | |||
+ | form :-ms-input-placeholder { | ||
+ | color: #5a5959 !important; | ||
+ | } | ||
+ | |||
+ | form ::-moz-focus-inner { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | form ul.actions { | ||
+ | margin-bottom: 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Button */ | ||
+ | |||
+ | input[type="button"], | ||
+ | input[type="submit"], | ||
+ | input[type="reset"], | ||
+ | button, | ||
+ | .button { | ||
+ | -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; | ||
+ | -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; | ||
+ | -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; | ||
+ | transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; | ||
+ | -webkit-appearance: none; | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | border: 0; | ||
+ | background: #35b88f; | ||
+ | color: #fff; | ||
+ | text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25); | ||
+ | cursor: pointer; | ||
+ | text-decoration: none; | ||
+ | outline: 0; | ||
+ | padding: 1em 3em 1em 3em; | ||
+ | text-align: center; | ||
+ | border-radius: 3em; | ||
+ | |||
+ | } | ||
+ | |||
+ | input[type="button"]:hover, | ||
+ | input[type="submit"]:hover, | ||
+ | input[type="reset"]:hover, | ||
+ | button:hover, | ||
+ | .button:hover { | ||
+ | background: #45c89f; | ||
+ | } | ||
+ | |||
+ | input[type="button"].style2, | ||
+ | input[type="submit"].style2, | ||
+ | input[type="reset"].style2, | ||
+ | button.style2, | ||
+ | .button.style2 { | ||
+ | color: #3a3939; | ||
+ | background: #fff; | ||
+ | box-shadow: inset 0 0 0 1px #fff; | ||
+ | } | ||
+ | |||
+ | input[type="button"].style2:hover, | ||
+ | input[type="submit"].style2:hover, | ||
+ | input[type="reset"].style2:hover, | ||
+ | button.style2:hover, | ||
+ | .button.style2:hover { | ||
+ | background: rgba(255, 255, 255, 0.1); | ||
+ | color: #fff !important; | ||
+ | text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25) !important; | ||
+ | } | ||
+ | |||
+ | input[type="button"].style3, | ||
+ | input[type="submit"].style3, | ||
+ | input[type="reset"].style3, | ||
+ | button.style3, | ||
+ | .button.style3 { | ||
+ | background: none; | ||
+ | color: #3a3939; | ||
+ | box-shadow: inset 0 0 0 1px #dad9d9; | ||
+ | } | ||
+ | |||
+ | input[type="button"].style3:hover, | ||
+ | input[type="submit"].style3:hover, | ||
+ | input[type="reset"].style3:hover, | ||
+ | button.style3:hover, | ||
+ | .button.style3:hover { | ||
+ | background: rgba(58, 57, 57, 0.025); | ||
+ | } | ||
/* Box */ | /* Box */ |
Brixells
Click on the image to the left to see what we made for the competition or click on the button below for a broader look at our project.
Click on the image to the right to see what parts we submitted for the competition or continue scrolling.
Click on the images below to explore our different sections.
We will respond as quickly as possible.