Difference between revisions of "Team:Georgia State"

Line 1: Line 1:
 
{{Georgia_State}}
 
{{Georgia_State}}
 
<html>
 
<html>
 +
<style type="text/css">
 +
@charset "UTF-8";
 +
@import url(font-awesome.min.css);
 +
@import url("http://fonts.googleapis.com/css?family=Roboto:500,300");
 +
 +
/*
 +
Ion by TEMPLATED
 +
templated.co @templatedco
 +
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
 +
*/
 +
 +
/* Basic */
 +
 +
body {
 +
background: #fff;
 +
}
 +
 +
body, input, select, textarea {
 +
color: #555f66;
 +
font-family: "Roboto", Helvetica, sans-serif;
 +
font-size: 14pt;
 +
font-weight: 300;
 +
line-height: 1.75em;
 +
}
 +
 +
a {
 +
color: #629DD1;
 +
text-decoration: underline;
 +
}
 +
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
 +
strong, b {
 +
color: #666f77;
 +
font-weight: 500;
 +
}
 +
 +
em, i {
 +
font-style: italic;
 +
}
 +
 +
p {
 +
margin: 0 0 2em 0;
 +
}
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
color: #666f77;
 +
font-weight: 300;
 +
line-height: 1em;
 +
margin: 0 0 1em 0;
 +
text-transform: uppercase;
 +
letter-spacing: 0.125em;
 +
}
 +
 +
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 +
h2 {
 +
font-size: 1.5em;
 +
line-height: 1.5em;
 +
}
 +
 +
h3 {
 +
font-size: 1.25em;
 +
line-height: 1.5em;
 +
}
 +
 +
h4 {
 +
font-size: 1em;
 +
line-height: 1.5em;
 +
}
 +
 +
h5 {
 +
font-size: 0.9em;
 +
line-height: 1.5em;
 +
}
 +
 +
h6 {
 +
font-size: 0.7em;
 +
line-height: 1.5em;
 +
}
 +
 +
sub {
 +
font-size: 0.8em;
 +
position: relative;
 +
top: 0.5em;
 +
}
 +
 +
sup {
 +
font-size: 0.8em;
 +
position: relative;
 +
top: -0.5em;
 +
}
 +
 +
hr {
 +
border: 0;
 +
border-bottom: solid 1px rgba(144, 144, 144, 0.25);
 +
margin: 3em 0;
 +
}
 +
 +
hr.major {
 +
margin: 2em 0 5em 0;
 +
}
 +
 +
blockquote {
 +
border-left: solid 4px rgba(144, 144, 144, 0.25);
 +
font-style: italic;
 +
margin: 0 0 2em 0;
 +
padding: 0.5em 0 0.5em 2em;
 +
}
 +
 +
code {
 +
background: rgba(144, 144, 144, 0.075);
 +
border-radius: 6px;
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0.25em;
 +
padding: 0.25em 0.65em;
 +
}
 +
 +
pre {
 +
-webkit-overflow-scrolling: touch;
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0 2em 0;
 +
overflow-x: auto;
 +
}
 +
 +
pre code {
 +
display: block;
 +
line-height: 1.75em;
 +
padding: 1em 1.5em;
 +
}
 +
 +
.align-left {
 +
text-align: left;
 +
}
 +
 +
.align-center {
 +
text-align: center;
 +
}
 +
 +
.align-right {
 +
text-align: right;
 +
}
 +
 +
/* Section/Article */
 +
 +
section.special, article.special {
 +
text-align: center;
 +
}
 +
 +
header p {
 +
color: #bbb;
 +
position: relative;
 +
margin: 0 0 1.5em 0;
 +
}
 +
 +
header h2 + p {
 +
font-size: 1.25em;
 +
margin-top: -1em;
 +
line-height: 1.5em;
 +
}
 +
 +
header h3 + p {
 +
font-size: 1.1em;
 +
margin-top: -0.85em;
 +
line-height: 1.5em;
 +
}
 +
 +
header h4 + p,
 +
header h5 + p,
 +
header h6 + p {
 +
font-size: 0.9em;
 +
margin-top: -0.75em;
 +
line-height: 1.5em;
 +
}
 +
 +
header.major {
 +
text-align: center;
 +
margin: 0 0 4em 0;
 +
}
 +
 +
header.major h2 {
 +
font-size: 2em;
 +
}
 +
 +
header.major h2 + p {
 +
font-size: 1.5em;
 +
margin: -1em 0 2em 0;
 +
}
 +
 +
/* Form */
 +
 +
form {
 +
margin: 0 0 2em 0;
 +
}
 +
 +
label {
 +
color: #666f77;
 +
display: block;
 +
font-size: 0.9em;
 +
font-weight: 500;
 +
margin: 0 0 1em 0;
 +
}
 +
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select,
 +
textarea {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-o-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
background: rgba(144, 144, 144, 0.075);
 +
border-radius: 6px;
 +
border: none;
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
color: inherit;
 +
display: block;
 +
outline: 0;
 +
padding: 0 1em;
 +
text-decoration: none;
 +
width: 100%;
 +
}
 +
 +
input[type="text"]:invalid,
 +
input[type="password"]:invalid,
 +
input[type="email"]:invalid,
 +
select:invalid,
 +
textarea:invalid {
 +
box-shadow: none;
 +
}
 +
 +
input[type="text"]:focus,
 +
input[type="password"]:focus,
 +
input[type="email"]:focus,
 +
select:focus,
 +
textarea:focus {
 +
border-color: #629DD1;
 +
box-shadow: 0 0 0 1px #629DD1;
 +
}
 +
 +
.select-wrapper {
 +
text-decoration: none;
 +
display: block;
 +
position: relative;
 +
}
 +
 +
.select-wrapper:before {
 +
content: "";
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 +
.select-wrapper:before {
 +
color: rgba(144, 144, 144, 0.25);
 +
display: block;
 +
height: 2.75em;
 +
line-height: 2.75em;
 +
pointer-events: none;
 +
position: absolute;
 +
right: 0;
 +
text-align: center;
 +
top: 0;
 +
width: 2.75em;
 +
}
 +
 +
.select-wrapper select::-ms-expand {
 +
display: none;
 +
}
 +
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select {
 +
height: 2.75em;
 +
}
 +
 +
textarea {
 +
padding: 0.75em 1em;
 +
}
 +
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-o-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
display: block;
 +
float: left;
 +
margin-right: -2em;
 +
opacity: 0;
 +
width: 1em;
 +
z-index: -1;
 +
}
 +
 +
input[type="checkbox"] + label,
 +
input[type="radio"] + label {
 +
text-decoration: none;
 +
color: #555f66;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-size: 1em;
 +
font-weight: 300;
 +
padding-left: 2.4em;
 +
padding-right: 0.75em;
 +
position: relative;
 +
}
 +
 +
input[type="checkbox"] + label:before,
 +
input[type="radio"] + label:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 +
input[type="checkbox"] + label:before,
 +
input[type="radio"] + label:before {
 +
background: rgba(144, 144, 144, 0.075);
 +
border-radius: 6px;
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
content: '';
 +
display: inline-block;
 +
height: 1.65em;
 +
left: 0;
 +
line-height: 1.58125em;
 +
position: absolute;
 +
text-align: center;
 +
top: 0;
 +
width: 1.65em;
 +
}
 +
 +
input[type="checkbox"]:checked + label:before,
 +
input[type="radio"]:checked + label:before {
 +
background: #192024;
 +
border-color: #192024;
 +
color: #ffffff;
 +
content: '\f00c';
 +
}
 +
 +
input[type="checkbox"]:focus + label:before,
 +
input[type="radio"]:focus + label:before {
 +
border-color: #629DD1;
 +
box-shadow: 0 0 0 1px #629DD1;
 +
}
 +
 +
input[type="checkbox"] + label:before {
 +
border-radius: 6px;
 +
}
 +
 +
input[type="radio"] + label:before {
 +
border-radius: 100%;
 +
}
 +
 +
::-webkit-input-placeholder {
 +
color: #bbb !important;
 +
opacity: 1.0;
 +
}
 +
 +
:-moz-placeholder {
 +
color: #bbb !important;
 +
opacity: 1.0;
 +
}
 +
 +
::-moz-placeholder {
 +
color: #bbb !important;
 +
opacity: 1.0;
 +
}
 +
 +
:-ms-input-placeholder {
 +
color: #bbb !important;
 +
opacity: 1.0;
 +
}
 +
 +
.formerize-placeholder {
 +
color: #bbb !important;
 +
opacity: 1.0;
 +
}
 +
 +
/* Box */
 +
 +
.box {
 +
border-radius: 6px;
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
margin-bottom: 2em;
 +
padding: 3em 2em;
 +
}
 +
 +
.box > :last-child,
 +
.box > :last-child > :last-child,
 +
.box > :last-child > :last-child > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 +
.box.alt {
 +
border: 0;
 +
border-radius: 0;
 +
padding: 0;
 +
}
 +
 +
/* Icon */
 +
 +
.icon {
 +
text-decoration: none;
 +
border-bottom: none;
 +
position: relative;
 +
}
 +
 +
.icon:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 +
.icon > .label {
 +
display: none;
 +
}
 +
 +
.icon.major {
 +
display: inline-block;
 +
margin: 0 0 1.25em 0;
 +
color: #ffffff;
 +
background: #629DD1;
 +
width: 3em;
 +
height: 3em;
 +
font-size: 2em;
 +
text-align: center;
 +
line-height: 3em;
 +
border-radius: 100%;
 +
box-shadow: 0 0 0 10px #fff, 0 0 0 11px rgba(144, 144, 144, 0.25);
 +
}
 +
 +
/* Image */
 +
 +
.image {
 +
border-radius: 6px;
 +
border: 0;
 +
display: inline-block;
 +
position: relative;
 +
}
 +
 +
.image img {
 +
border-radius: 6px;
 +
display: block;
 +
}
 +
 +
.image.left {
 +
float: left;
 +
padding: 0 1.5em 1em 0;
 +
top: 0.25em;
 +
}
 +
 +
.image.right {
 +
float: right;
 +
padding: 0 0 1em 1.5em;
 +
top: 0.25em;
 +
}
 +
 +
.image.fit {
 +
display: block;
 +
margin: 0 0 2em 0;
 +
width: 100%;
 +
}
 +
 +
.image.fit img {
 +
display: block;
 +
width: 100%;
 +
}
 +
 +
/* List */
 +
 +
ol {
 +
list-style: decimal;
 +
margin: 0 0 2em 0;
 +
padding-left: 1.25em;
 +
}
 +
 +
ol li {
 +
padding-left: 0.25em;
 +
}
 +
 +
ul {
 +
list-style: disc;
 +
margin: 0 0 2em 0;
 +
padding-left: 1em;
 +
}
 +
 +
ul li {
 +
padding-left: 0.5em;
 +
}
 +
 +
ul.alt {
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 +
ul.alt li {
 +
border-top: solid 1px rgba(144, 144, 144, 0.25);
 +
padding: 0.5em 0;
 +
}
 +
 +
ul.alt li:first-child {
 +
border-top: 0;
 +
padding-top: 0;
 +
}
 +
 +
ul.icons {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 +
ul.icons li {
 +
display: inline-block;
 +
padding: 0 1.25em 0 0;
 +
}
 +
 +
ul.icons li:last-child {
 +
padding-right: 0;
 +
}
 +
 +
ul.icons li .icon:before {
 +
font-size: 1.5em;
 +
}
 +
 +
ul.actions {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 +
ul.actions li {
 +
display: inline-block;
 +
padding: 0 1em 0 0;
 +
vertical-align: middle;
 +
}
 +
 +
ul.actions li:last-child {
 +
padding-right: 0;
 +
}
 +
 +
ul.actions.small li {
 +
padding: 0 0.5em 0 0;
 +
}
 +
 +
ul.actions.vertical li {
 +
display: block;
 +
padding: 1em 0 0 0;
 +
}
 +
 +
ul.actions.vertical li:first-child {
 +
padding-top: 0;
 +
}
 +
 +
ul.actions.vertical li > * {
 +
margin-bottom: 0;
 +
}
 +
 +
ul.actions.vertical.small li {
 +
padding: 0.5em 0 0 0;
 +
}
 +
 +
ul.actions.vertical.small li:first-child {
 +
padding-top: 0;
 +
}
 +
 +
ul.actions.fit {
 +
display: table;
 +
margin-left: -1em;
 +
padding: 0;
 +
table-layout: fixed;
 +
width: calc(100% + 1em);
 +
}
 +
 +
ul.actions.fit li {
 +
display: table-cell;
 +
padding: 0 0 0 1em;
 +
}
 +
 +
ul.actions.fit li > * {
 +
margin-bottom: 0;
 +
}
 +
 +
ul.actions.fit.small {
 +
margin-left: -0.5em;
 +
width: calc(100% + 0.5em);
 +
}
 +
 +
ul.actions.fit.small li {
 +
padding: 0 0 0 0.5em;
 +
}
 +
 +
dl {
 +
margin: 0 0 2em 0;
 +
}
 +
 +
/* Table */
 +
 +
.table-wrapper {
 +
-webkit-overflow-scrolling: touch;
 +
overflow-x: auto;
 +
}
 +
 +
table {
 +
margin: 0 0 2em 0;
 +
width: 100%;
 +
}
 +
 +
table tbody tr {
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
border-left: 0;
 +
border-right: 0;
 +
}
 +
 +
table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(144, 144, 144, 0.075);
 +
}
 +
 +
table td {
 +
padding: 0.75em 0.75em;
 +
}
 +
 +
table th {
 +
color: #666f77;
 +
font-size: 0.9em;
 +
font-weight: 500;
 +
padding: 0 0.75em 0.75em 0.75em;
 +
text-align: left;
 +
}
 +
 +
table thead {
 +
border-bottom: solid 2px rgba(144, 144, 144, 0.25);
 +
}
 +
 +
table tfoot {
 +
border-top: solid 2px rgba(144, 144, 144, 0.25);
 +
}
 +
 +
table.alt {
 +
border-collapse: separate;
 +
}
 +
 +
table.alt tbody tr td {
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
border-left-width: 0;
 +
border-top-width: 0;
 +
}
 +
 +
table.alt tbody tr td:first-child {
 +
border-left-width: 1px;
 +
}
 +
 +
table.alt tbody tr:first-child td {
 +
border-top-width: 1px;
 +
}
 +
 +
table.alt thead {
 +
border-bottom: 0;
 +
}
 +
 +
table.alt tfoot {
 +
border-top: 0;
 +
}
 +
 +
/* Button */
 +
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
.button {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-o-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
background-color: #192024;
 +
border-radius: 6px;
 +
border: 0;
 +
color: #ffffff !important;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-weight: 300;
 +
text-transform: uppercase;
 +
letter-spacing: 0.125em;
 +
font-size: 0.9em;
 +
height: 2.85em;
 +
line-height: 2.85em;
 +
padding: 0 1.75em;
 +
text-align: center;
 +
text-decoration: none;
 +
white-space: nowrap;
 +
text-indent: 0.25em;
 +
}
 +
 +
input[type="submit"]:hover,
 +
input[type="reset"]:hover,
 +
input[type="button"]:hover,
 +
.button:hover {
 +
background-color: #232d33;
 +
}
 +
 +
input[type="submit"]:active,
 +
input[type="reset"]:active,
 +
input[type="button"]:active,
 +
.button:active {
 +
background-color: #0f1315;
 +
}
 +
 +
input[type="submit"].icon,
 +
input[type="reset"].icon,
 +
input[type="button"].icon,
 +
.button.icon {
 +
padding-left: 1.35em;
 +
}
 +
 +
input[type="submit"].icon:before,
 +
input[type="reset"].icon:before,
 +
input[type="button"].icon:before,
 +
.button.icon:before {
 +
margin-right: 0.5em;
 +
}
 +
 +
input[type="submit"].fit,
 +
input[type="reset"].fit,
 +
input[type="button"].fit,
 +
.button.fit {
 +
display: block;
 +
margin: 0 0 1em 0;
 +
width: 100%;
 +
}
 +
 +
input[type="submit"].small,
 +
input[type="reset"].small,
 +
input[type="button"].small,
 +
.button.small {
 +
font-size: 0.7em;
 +
}
 +
 +
input[type="submit"].big,
 +
input[type="reset"].big,
 +
input[type="button"].big,
 +
.button.big {
 +
font-size: 1.2em;
 +
height: 2.65em;
 +
line-height: 2.65em;
 +
}
 +
 +
input[type="submit"].alt,
 +
input[type="reset"].alt,
 +
input[type="button"].alt,
 +
.button.alt {
 +
background-color: transparent;
 +
box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.25);
 +
color: #666f77 !important;
 +
}
 +
 +
input[type="submit"].alt:hover,
 +
input[type="reset"].alt:hover,
 +
input[type="button"].alt:hover,
 +
.button.alt:hover {
 +
background-color: rgba(144, 144, 144, 0.075);
 +
}
 +
 +
input[type="submit"].alt:active,
 +
input[type="reset"].alt:active,
 +
input[type="button"].alt:active,
 +
.button.alt:active {
 +
background-color: rgba(144, 144, 144, 0.2);
 +
}
 +
 +
input[type="submit"].alt.icon:before,
 +
input[type="reset"].alt.icon:before,
 +
input[type="button"].alt.icon:before,
 +
.button.alt.icon:before {
 +
color: #bbb;
 +
}
 +
 +
input[type="submit"].special,
 +
input[type="reset"].special,
 +
input[type="button"].special,
 +
.button.special {
 +
background-color: #629DD1;
 +
color: #ffffff !important;
 +
}
 +
 +
input[type="submit"].special:hover,
 +
input[type="reset"].special:hover,
 +
input[type="button"].special:hover,
 +
.button.special:hover {
 +
background-color: #76a9d7;
 +
}
 +
 +
input[type="submit"].special:active,
 +
input[type="reset"].special:active,
 +
input[type="button"].special:active,
 +
.button.special:active {
 +
background-color: #4e91cb;
 +
}
 +
 +
input[type="submit"].disabled, input[type="submit"]:disabled,
 +
input[type="reset"].disabled,
 +
input[type="reset"]:disabled,
 +
input[type="button"].disabled,
 +
input[type="button"]:disabled,
 +
.button.disabled,
 +
.button:disabled {
 +
background-color: #555f66 !important;
 +
box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
 +
color: #fff !important;
 +
cursor: default;
 +
opacity: 0.25;
 +
}
 +
 +
/* Wrapper */
 +
 +
.wrapper {
 +
padding: 6em 0 4em 0;
 +
}
 +
 +
.wrapper.style1 {
 +
background: #fff;
 +
color: #555f66;
 +
}
 +
 +
.wrapper.style2 {
 +
background: #192024;
 +
color: #c5c7c8;
 +
}
 +
 +
.wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
 +
color: #ffffff;
 +
}
 +
 +
.wrapper.style2 header p {
 +
color: #a3a5a7;
 +
}
 +
 +
.wrapper.style2 .button.alt {
 +
box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
 +
color: #ffffff !important;
 +
}
 +
 +
.wrapper.style2 .button.alt:hover {
 +
background-color: rgba(144, 144, 144, 0.275);
 +
}
 +
 +
.wrapper.style2 .button.alt:active {
 +
background-color: rgba(144, 144, 144, 0.4);
 +
}
 +
 +
.wrapper.style2 .button.alt.icon:before {
 +
color: #a3a5a7;
 +
}
 +
 +
/* Header */
 +
 +
#skel-layers-wrapper {
 +
padding-top: 3em;
 +
}
 +
 +
#header {
 +
background: #fff;
 +
color: #555f66;
 +
cursor: default;
 +
height: 3em;
 +
left: 0;
 +
line-height: 3em;
 +
position: fixed;
 +
top: 0;
 +
width: 100%;
 +
z-index: 10000;
 +
box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.25);
 +
}
 +
 +
#header h1 {
 +
color: #666f77;
 +
font-weight: 500;
 +
height: inherit;
 +
left: 1.25em;
 +
line-height: inherit;
 +
margin: 0;
 +
padding: 0;
 +
position: absolute;
 +
top: 0;
 +
}
 +
 +
#header h1 a {
 +
font-size: 1.25em;
 +
}
 +
 +
#header nav {
 +
  height: inherit;
 +
  line-height: inherit;
 +
  right: 1.25em;
 +
  top: 0;
 +
  vertical-align: middle;
 +
  margin-left: 25%;
 +
  width: 5%;
 +
  margin: 0 auto;
 +
}
 +
 +
#header nav > ul {
 +
list-style: none;
 +
margin: 0;
 +
padding-left: 0;
 +
}
 +
 +
#header nav > ul > li {
 +
border-radius: 6px;
 +
display: inline-block;
 +
margin-left: 2em;
 +
padding-left: 0;
 +
}
 +
 +
#header nav > ul > li a {
 +
-moz-transition: color 0.2s ease-in-out;
 +
-webkit-transition: color 0.2s ease-in-out;
 +
-o-transition: color 0.2s ease-in-out;
 +
-ms-transition: color 0.2s ease-in-out;
 +
transition: color 0.2s ease-in-out;
 +
color: #555f66;
 +
display: inline-block;
 +
text-decoration: none;
 +
}
 +
 +
#header nav > ul > li a:hover {
 +
color: #629DD1;
 +
}
 +
 +
#header nav > ul > li:first-child {
 +
margin-left: 0;
 +
}
 +
 +
#header nav > ul > li .button {
 +
height: 2.25em;
 +
line-height: 2.25em;
 +
margin-bottom: 0;
 +
padding: 0 1em;
 +
position: relative;
 +
top: -0.075em;
 +
vertical-align: middle;
 +
}
 +
 +
#header .container {
 +
position: relative;
 +
}
 +
 +
#header .container h1 {
 +
left: 0;
 +
}
 +
 +
#header .container nav {
 +
right: 0;
 +
}
 +
 +
/* Banner */
 +
 +
#banner {
 +
background-color: #666666;
 +
background-image: url("../images/banner.jpg");
 +
background-size: cover;
 +
background-position: center center;
 +
background-repeat: no-repeat;
 +
color: #d8d8d8;
 +
padding: 14em 0;
 +
text-align: center;
 +
position: relative;
 +
}
 +
 +
#banner:before {
 +
content: '';
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
width: 100%;
 +
height: 100%;
 +
background: rgba(64, 72, 80, 0.25);
 +
}
 +
 +
#banner .inner {
 +
position: relative;
 +
z-index: 1;
 +
}
 +
 +
#banner .inner :last-child {
 +
margin-bottom: 0;
 +
}
 +
 +
#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
 +
color: #ffffff;
 +
}
 +
 +
#banner .button.alt {
 +
box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
 +
color: #ffffff !important;
 +
}
 +
 +
#banner .button.alt:hover {
 +
background-color: rgba(144, 144, 144, 0.275);
 +
}
 +
 +
#banner .button.alt:active {
 +
background-color: rgba(144, 144, 144, 0.4);
 +
}
 +
 +
#banner .button.alt.icon:before {
 +
color: #c1c1c1;
 +
}
 +
 +
#banner .button {
 +
min-width: 12em;
 +
}
 +
 +
#banner h2 {
 +
font-size: 3.5em;
 +
line-height: 1em;
 +
margin: 0 0 0.5em 0;
 +
padding: 0;
 +
}
 +
 +
#banner p {
 +
font-size: 1.5em;
 +
margin-bottom: 2em;
 +
}
 +
 +
#banner p a {
 +
color: #ffffff;
 +
text-decoration: none;
 +
}
 +
 +
/* Footer */
 +
 +
#footer {
 +
background: #f8f8f8;
 +
padding: 4em 0 6em 0;
 +
}
 +
 +
#footer a {
 +
color: inherit;
 +
}
 +
 +
#footer .copyright {
 +
color: #bbb;
 +
font-size: 0.9em;
 +
margin: 2em 0 0 0;
 +
padding: 0;
 +
text-align: center;
 +
}
 +
 +
#footer .copyright li {
 +
border-left: solid 1px rgba(144, 144, 144, 0.25);
 +
display: inline-block;
 +
list-style: none;
 +
margin-left: 1.5em;
 +
padding-left: 1.5em;
 +
}
 +
 +
#footer .copyright li:first-child {
 +
border-left: 0;
 +
margin-left: 0;
 +
padding-left: 0;
 +
}
 +
 +
#footer .icons a {
 +
color: #bbb;
 +
}
 +
 +
</style>
 +
 +
 +
<head>
 +
<title>SUPER COOLNESS</title>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<meta name="description" content="" />
 +
<meta name="keywords" content="" />
 +
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
 +
<script src="js/jquery.min.js"></script>
 +
<script src="js/skel.min.js"></script>
 +
<script src="js/skel-layers.min.js"></script>
 +
<script src="js/init.js"></script>
 +
<noscript>
 +
<link rel="stylesheet" href="css/skel.css" />
 +
<link rel="stylesheet" href="css/style.css" />
 +
<link rel="stylesheet" href="css/style-xlarge.css" />
 +
</noscript>
 +
</head>
 +
<body id="top">
 +
 +
<!-- Header -->
 +
<header id="header" class="skel-layers-fixed">
 +
<h1>
 +
<img src="images/oldimg.jpg" alt="" style="height: 100px;" /></h1>
 +
<nav id="nav">
 +
<ul>
 +
<li><a href="index.html">Login bar</a></li>
 +
</ul>
 +
</nav>
 +
</header>
 +
 +
<!-- Banner -->
 +
<section id="banner">
 +
<div class="inner">
 +
<h2>This is Ion</h2>
 +
<p>A free responsive template by <a href="http://templated.co">TEMPLATED</a></p>
 +
<ul class="actions">
 +
<li><a href="#elements" class="button big alt">Learn More</a></li>
 +
</ul>
 +
</div>
 +
</section>
 +
 +
<!-- One -->
 +
<section id="one" class="wrapper style1">
 +
<header class="major">
 +
<h2>Ipsum feugiat consequat</h2>
 +
<p>Tempus adipiscing commodo ut aliquam blandit</p>
 +
</header>
 +
<div class="container">
 +
<div class="row">
 +
<div class="4u">
 +
<section class="special box">
 +
<i class="icon fa-area-chart major"></i>
 +
<h3>Justo placerat</h3>
 +
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
 +
</section>
 +
</div>
 +
<div class="4u">
 +
<section class="special box">
 +
<i class="icon fa-refresh major"></i>
 +
<h3>Blandit quis curae</h3>
 +
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
 +
</section>
 +
</div>
 +
<div class="4u">
 +
<section class="special box">
 +
<i class="icon fa-cog major"></i>
 +
<h3>Amet sed accumsan</h3>
 +
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper style2">
 +
<header class="major">
 +
<h2>Commodo accumsan aliquam</h2>
 +
<p>Amet nisi nunc lorem accumsan</p>
 +
</header>
 +
<div class="container">
 +
<div class="row">
 +
<div class="6u">
 +
<section class="special">
 +
<a href="#" class="image fit"><img src="images/pic01.jpg" alt="" /></a>
 +
<h3>Mollis adipiscing nisl</h3>
 +
<p>Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.</p>
 +
<ul class="actions">
 +
<li><a href="#" class="button alt">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section class="special">
 +
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
 +
<h3>Neque ornare adipiscing</h3>
 +
<p>Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.</p>
 +
<ul class="actions">
 +
<li><a href="#" class="button alt">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<!-- Footer -->
 +
<footer id="footer">
 +
<div class="container">
 +
<div class="row double">
 +
<div class="6u">
 +
<div class="row collapse-at-2">
 +
<div class="6u">
 +
<h3>Accumsan</h3>
 +
<ul class="alt">
 +
<li><a href="#">Home</a></li>
 +
<li><a href="#">Team</a></li>
 +
<li><a href="#">Project</a></li>
 +
<li><a href="#">Lab Notebook</a></li>
 +
<li><a href="#">Human Practices</a></li>
 +
</ul>
 +
</div>
 +
<div class="6u">
 +
<h3>Faucibus</h3>
 +
<ul class="alt">
 +
<li><a href="#">Safety</a></li>
 +
<li><a href="#">Outreach</a></li>
 +
<li><a href="#">Collaborations</a></li>
 +
<li><a href="#">Social Media</a></li>
 +
<li><a href="#">Image Gallery</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="6u">
 +
<h2>Aliquam Interdum</h2>
 +
<p>Blandit nunc tempor lobortis nunc non. Mi accumsan. Justo aliquet massa adipiscing cubilia eu accumsan id. Arcu accumsan faucibus vis ultricies adipiscing ornare ut. Mi accumsan justo aliquet.</p>
 +
<ul class="icons">
 +
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
 +
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
 +
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
 +
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
 +
<li><a href="#" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<ul class="copyright">
 +
<li>&copy; Untitled. All rights reserved.</li>
 +
<li>Design: <a href="http://templated.co">Sur Consulting Group</a></li>
 +
<li>Images: <a href="http://unsplash.com">Unsplash</a></li>
 +
</ul>
 +
</div>
 +
</footer>
 +
 +
</body>
 +
 +
 +
 
<h2> Welcome to iGEM 2015! </h2>
 
<h2> Welcome to iGEM 2015! </h2>
 
<p> MARUF IS THE NICEST GUY IN THE WORLD! </p>
 
<p> MARUF IS THE NICEST GUY IN THE WORLD! </p>
Line 61: Line 1,311:
  
 
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 +
 +
 +
 +
  
 
</html>
 
</html>

Revision as of 17:44, 29 June 2015



Add a banner to your wiki!

You can make the image 980px by 200px

Remember to call the file: "Team_Georgia_State_banner.jpg"

SUPER COOLNESS

Ipsum feugiat consequat

Tempus adipiscing commodo ut aliquam blandit

Justo placerat

Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.

Blandit quis curae

Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.

Amet sed accumsan

Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.

Commodo accumsan aliquam

Amet nisi nunc lorem accumsan

Mollis adipiscing nisl

Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.

Neque ornare adipiscing

Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.

Welcome to iGEM 2015!

MARUF IS THE NICEST GUY IN THE WORLD!

Before you start:

Please read the following pages:

Styling your wiki

You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.

While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.

Editing your wiki

On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world!

Click here to edit this page!

See tips on how to edit your wiki on the Template Documentation page.

Templates

This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the Template Documentation page.

Tips

This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and how you plan to do this.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the iGEM 2015 calendar
  • Have lots of fun!

Inspiration

You can also view other team wikis for inspiration! Here are some examples:

Uploading pictures and files

You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name.
When you upload, set the "Destination Filename" to Team:YourOfficialTeamName/NameOfFile.jpg. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)

CLICK HERE TO UPLOAD FILES