Difference between revisions of "Team:Warwick"

(Undo revision 309823 by Jakeswain (talk))
Line 48: Line 48:
  
  
−
<style>
+
<style>@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,600");
 +
@import url("font-awesome.min.css");
 +
 
 +
/*
 +
Overflow by HTML5 UP
 +
html5up.net | @n33co
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
*/
 +
 
 +
/* Reset */
  
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
Line 1,345: Line 1,354:
 
margin-left: 8.33333%;
 
margin-left: 8.33333%;
 
}
 
}
−
 
−
}
 
  
 
/* Basic */
 
/* Basic */
Line 1,387: Line 1,394:
 
}
 
}
  
−
+
/* Sections/Article */
  
−
+
section, article {
 +
margin-bottom: 3em;
 +
}
  
 +
section > :last-child,
 +
article > :last-child,
 +
section:last-child,
 +
article:last-child {
 +
margin-bottom: 0;
 +
}
  
 +
.row > section, .row > article {
 +
margin-bottom: 0;
 +
}
  
 
/* Image */
 
/* Image */
Line 1,431: Line 1,449:
 
}
 
}
  
 +
/* List */
 +
 +
ul.default {
 +
list-style: disc;
 +
padding-left: 1em;
 +
}
 +
 +
ul.default li {
 +
padding-left: 1.5em;
 +
margin-top: 1.5em;
 +
}
 +
 +
ul.default li:first-child {
 +
margin-top: 0;
 +
}
 +
 +
ul.icons {
 +
cursor: default;
 +
}
 +
 +
ul.icons li {
 +
display: inline-block;
 +
}
 +
 +
ul.icons a {
 +
display: inline-block;
 +
width: 2.5em;
 +
height: 2.5em;
 +
line-height: 2.5em;
 +
text-align: center;
 +
border: 0;
 +
}
 +
 +
ul.menu {
 +
cursor: default;
 +
}
 +
 +
ul.menu li {
 +
display: inline-block;
 +
line-height: 1em;
 +
border-left: solid 1px #dad9d9;
 +
padding: 0 0 0 0.5em;
 +
margin: 0 0 0 0.5em;
 +
}
 +
 +
ul.menu li:first-child {
 +
border-left: 0;
 +
padding-left: 0;
 +
margin-left: 0;
 +
}
 +
 +
ul.actions {
 +
cursor: default;
 +
}
 +
 +
ul.actions li {
 +
display: inline-block;
 +
margin: 0 0 0 0.5em;
 +
}
 +
 +
ul.actions li:first-child {
 +
margin-left: 0;
 +
}
 +
 +
ol.default {
 +
list-style: decimal;
 +
padding-left: 1.25em;
 +
}
 +
 +
ol.default li {
 +
padding-left: 1.25em;
 +
margin-top: 1.5em;
 +
}
  
 
/* Form */
 
/* Form */
Line 1,504: Line 1,595:
 
}
 
}
  
 +
/* Table */
  
 +
.table-wrapper {
 +
width: 100%;
 +
overflow-x: auto;
 +
-webkit-overflow-scrolling: touch;
 +
}
 +
 +
table {
 +
width: 100%;
 +
}
 +
 +
table.default {
 +
width: 100%;
 +
}
 +
 +
table.default tbody tr {
 +
border-top: solid 1px #eae9e9;
 +
}
 +
 +
table.default tbody tr:first-child {
 +
border-top: 0;
 +
}
 +
 +
table.default td {
 +
padding: 0.75em 1.25em 0.75em 1.25em;
 +
}
 +
 +
table.default th {
 +
text-align: left;
 +
font-weight: 400;
 +
padding: 0.75em 1.25em 0.75em 1.25em;
 +
}
 +
 +
table.default thead {
 +
background: #f5f5f5;
 +
}
  
 
/* Button */
 
/* Button */
Line 1,725: Line 1,852:
 
}
 
}
  
 +
/* Icons */
 +
 +
.icon {
 +
text-decoration: none;
 +
}
 +
 +
.icon:before {
 +
display: inline-block;
 +
font-family: FontAwesome;
 +
font-size: 1.25em;
 +
text-decoration: none;
 +
font-style: normal;
 +
font-weight: normal;
 +
line-height: 1;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-osx-font-smoothing: grayscale;
 +
}
 +
 +
.icon > .label {
 +
display: none;
 +
}
  
 
/* Header */
 
/* Header */
Line 1,758: Line 1,906:
 
margin-top: 0.35em;
 
margin-top: 0.35em;
 
}
 
}
−
 
−
 
−
 
−
 
−
 
−
 
  
 
/* Banner */
 
/* Banner */
Line 1,809: Line 1,951:
 
}
 
}
  
 +
/* Footer */
  
 +
#footer {
 +
position: relative;
 +
color: #fff;
 +
text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
 +
text-align: center;
 +
margin: 4.5em 0 0 0;
 +
}
  
 +
#footer:after {
 +
content: '';
 +
display: block;
 +
position: absolute;
 +
top: -4.5em;
 +
left: 50%;
 +
height: 4.5em;
 +
border-left: solid 1px #fff;
 +
}
  
 +
#footer a {
 +
color: #fff;
 +
text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
 +
border-bottom-color: rgba(255, 255, 255, 0.5);
 +
}
  
 +
#footer a:hover {
 +
color: #35b88f;
 +
text-shadow: 0 0 0.5px rgba(69, 200, 159, 0.25);
 +
border-bottom-color: rgba(53, 184, 143, 0.5);
 +
}
  
 +
#footer .icons {
 +
padding: 0.75em 2em 0.75em 2em;
 +
border-radius: 3em;
 +
border: solid 1px #fff;
 +
display: inline-block;
 +
margin: 0 0 3em 0;
 +
}
 +
 +
#footer .copyright {
 +
margin: 0 0 9em 0;
 +
font-size: 0.8em;
 +
}
 +
 +
/* Poptrox */
 +
 +
.poptrox-popup {
 +
-moz-box-sizing: content-box;
 +
-webkit-box-sizing: content-box;
 +
-ms-box-sizing: content-box;
 +
box-sizing: content-box;
 +
background: #fff;
 +
padding-bottom: 3em;
 +
}
 +
 +
.poptrox-popup .loader {
 +
width: 48px;
 +
height: 48px;
 +
background: url("images/loader.gif");
 +
position: absolute;
 +
top: 50%;
 +
left: 50%;
 +
margin: -24px 0 0 -24px;
 +
}
 +
 +
.poptrox-popup .caption {
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
background: #fff;
 +
width: 100%;
 +
height: 3em;
 +
line-height: 3em;
 +
text-align: center;
 +
cursor: default;
 +
z-index: 1;
 +
}
 +
 +
.poptrox-popup .nav-next,
 +
.poptrox-popup .nav-previous {
 +
-moz-transition: opacity 0.5s ease-in-out;
 +
-webkit-transition: opacity 0.5s ease-in-out;
 +
-ms-transition: opacity 0.5s ease-in-out;
 +
transition: opacity 0.5s ease-in-out;
 +
position: absolute;
 +
top: 0;
 +
width: 50%;
 +
height: 100%;
 +
opacity: 0;
 +
cursor: pointer;
 +
background: rgba(0, 0, 0, 0.01);
 +
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 +
}
 +
 +
.poptrox-popup .nav-next:before,
 +
.poptrox-popup .nav-previous:before {
 +
content: '';
 +
position: absolute;
 +
width: 96px;
 +
height: 64px;
 +
background: url("images/poptrox-nav.svg");
 +
top: calc(50% - 1.5em);
 +
margin: -32px 0 0 0;
 +
}
 +
 +
.poptrox-popup:hover .nav-next,
 +
.poptrox-popup:hover .nav-previous {
 +
opacity: 0.5;
 +
}
 +
 +
.poptrox-popup:hover .nav-next:hover,
 +
.poptrox-popup:hover .nav-previous:hover {
 +
opacity: 1.0;
 +
}
 +
 +
.poptrox-popup .nav-next {
 +
right: 0;
 +
}
 +
 +
.poptrox-popup .nav-next:before {
 +
right: 0;
 +
}
 +
 +
.poptrox-popup .nav-previous {
 +
left: 0;
 +
}
 +
 +
.poptrox-popup .nav-previous:before {
 +
-moz-transform: scaleX(-1);
 +
-webkit-transform: scaleX(-1);
 +
-ms-transform: scaleX(-1);
 +
transform: scaleX(-1);
 +
left: 0;
 +
-ms-filter: "FlipH";
 +
filter: FlipH;
 +
}
 +
 +
.poptrox-popup .closer {
 +
-moz-transition: opacity 0.5s ease-in-out;
 +
-webkit-transition: opacity 0.5s ease-in-out;
 +
-ms-transition: opacity 0.5s ease-in-out;
 +
transition: opacity 0.5s ease-in-out;
 +
position: absolute;
 +
top: 0;
 +
right: 0;
 +
width: 64px;
 +
height: 64px;
 +
text-indent: -9999px;
 +
z-index: 2;
 +
opacity: 0;
 +
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 +
}
 +
 +
.poptrox-popup .closer:before {
 +
-moz-transition: background-color 0.5s ease-in-out;
 +
-webkit-transition: background-color 0.5s ease-in-out;
 +
-ms-transition: background-color 0.5s ease-in-out;
 +
transition: background-color 0.5s ease-in-out;
 +
content: '';
 +
display: block;
 +
position: absolute;
 +
right: 16px;
 +
top: 16px;
 +
width: 40px;
 +
height: 40px;
 +
border-radius: 100%;
 +
box-shadow: inset 0 0 0 1px #fff;
 +
background: rgba(255, 255, 255, 0.1) url("images/poptrox-closer.svg") center center;
 +
color: #fff !important;
 +
}
 +
 +
.poptrox-popup:hover .closer {
 +
opacity: 0.5;
 +
}
 +
 +
.poptrox-popup:hover .closer:hover {
 +
opacity: 1.0;
 +
}
 +
 +
/* Wide */
 +
 +
@media screen and (max-width: 1680px) {
 +
 +
/* Basic */
 +
 +
body, input, textarea, select {
 +
font-size: 16pt;
 +
}
 +
 +
}
 +
 +
/* Normal */
 +
 +
@media screen and (max-width: 1080px) {
 +
 +
/* Banner */
 +
 +
#banner {
 +
padding: 4em 0 4em 0;
 +
background-size: auto, 175% auto;
 +
}
 +
 +
}
  
 
/* Narrow */
 
/* Narrow */
Line 1,884: Line 2,225:
  
 
}
 
}
 +
 +
/* Box */
 +
 +
.box {
 +
position: relative;
 +
}
 +
 +
.box section {
 +
margin: 0 0 2em 0;
 +
}
 +
 +
.box.style1 {
 +
padding: 2.5em 2em 2.5em 2em;
 +
}
 +
 +
.box.style1.right .inner {
 +
padding-left: 2em;
 +
}
 +
 +
.box.style1.left .inner {
 +
padding-right: 2em;
 +
}
 +
 +
.box.style2 header {
 +
padding: 2em;
 +
}
 +
 +
.box.style2 .inner {
 +
position: relative;
 +
padding: 30px 0 0 0;
 +
}
 +
 +
.box.style3 {
 +
padding: 2.5em 2em 2.5em 2em;
 +
}
 +
 +
  
 
/* Mobile */
 
/* Mobile */
Line 1,908: Line 2,286:
 
font-size: 1.25em;
 
font-size: 1.25em;
 
letter-spacing: 4px;
 
letter-spacing: 4px;
 +
}
 +
/* List */
 +
 +
ul.default li {
 +
padding-left: 0.5em;
 +
}
 +
 +
ul.icons a {
 +
width: 2em;
 +
height: 2em;
 +
line-height: 2em;
 +
}
 +
 +
ul.menu li {
 +
display: block;
 +
padding: 0;
 +
border: 0;
 +
margin: 1em 0 0 0;
 +
}
 +
 +
ul.menu li:first-child {
 +
margin-top: 0;
 +
}
 +
 +
ul.actions li {
 +
display: block;
 +
margin: 1em 0 0 0;
 +
}
 +
 +
ul.actions li:first-child {
 +
margin-top: 0;
 +
}
 +
 +
ol.default li {
 +
padding-left: 0.25em;
 
}
 
}
  
−
 
 
/* Button */
 
/* Button */
  
Line 1,979: Line 2,391:
 
padding: 2em 1.25em 2em 1.25em;
 
padding: 2em 1.25em 2em 1.25em;
 
}
 
}
−
 
 
/* Header */
 
/* Header */
  
Line 2,015: Line 2,426:
 
background-size: 45px 33px;
 
background-size: 45px 33px;
 
}
 
}
 +
  
 
/* Banner */
 
/* Banner */
Line 2,032: Line 2,444:
 
}
 
}
  
−
+
/* Footer */
−
 
+
−
}</style>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!--[if lte IE 8]><style>
+
  
 +
#footer .icons {
 +
padding: 0.5em 1.25em 0.5em 1.25em;
 +
}
  
 +
#footer .copyright {
 +
font-size: 1em;
 +
margin: 0 0 4em 0;
 +
}
  
 +
/* Poptrox */
  
 +
.poptrox-popup .nav-next,
 +
.poptrox-popup .nav-previous {
 +
opacity: 1.0;
 +
}
  
 +
.poptrox-popup .nav-next:before,
 +
.poptrox-popup .nav-previous:before {
 +
display: none;
 +
}
  
 +
.poptrox-popup .closer {
 +
opacity: 0.5;
 +
}
  
 +
}</style>
  
  
−
#header header p {
+
<![endif]-->
−
border-top: solid 1px #888;
+
−
}</style><![endif]-->
+
 
</head>
 
</head>
 
<body>
 
<body>

Revision as of 19:01, 17 September 2015


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.















Our Submitted Parts
...the G-Block Collection







Click on the image to the right to see what parts we submitted for the competition or continue scrolling.








Our Project

Click on the images below to explore our different sections.

Team














Please Contact Us

We will respond as quickly as possible.