|
|
| Line 6: |
Line 6: |
| | | | |
| | <html> | | <html> |
| − | <!-- This is the tab title styling-->
| + | <style> |
| − | <head>
| + | |
| − | <style media="screen" type="text/css"> | + | |
| − | | + | |
| − | /*
| + | |
| − | html5doctor.com Reset Stylesheet
| + | |
| − | v1.6.1
| + | |
| − | Last Updated: 2010-09-17
| + | |
| − | Author: Richard Clark - http://richclarkdesign.com
| + | |
| − | Twitter: @rich_clark
| + | |
| − | */
| + | |
| − | | + | |
| − | html, body, div, span, object, iframe,
| + | |
| − | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
| + | |
| − | abbr, address, cite, code,
| + | |
| − | del, dfn, em, img, ins, kbd, q, samp,
| + | |
| − | small, strong, sub, sup, var,
| + | |
| − | b, i,
| + | |
| − | dl, dt, dd, ol, ul, li,
| + | |
| − | fieldset, form, label, legend,
| + | |
| − | table, caption, tbody, tfoot, thead, tr, th, td,
| + | |
| − | article, aside, canvas, details, figcaption, figure,
| + | |
| − | footer, header, hgroup, menu, nav, section, summary,
| + | |
| − | time, mark, audio, video {
| + | |
| − | margin:0;
| + | |
| − | padding:0;
| + | |
| − | border:0;
| + | |
| − | outline:0;
| + | |
| − | font-size:100%;
| + | |
| − | vertical-align:baseline;
| + | |
| − | background:transparent;
| + | |
| − | }
| + | |
| − | | + | |
| − | body {
| + | |
| − | line-height:1;
| + | |
| − | }
| + | |
| − | | + | |
| − | article,aside,details,figcaption,figure,
| + | |
| − | footer,header,hgroup,menu,nav,section {
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul {
| + | |
| − | list-style:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | blockquote, q {
| + | |
| − | quotes:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | blockquote:before, blockquote:after,
| + | |
| − | q:before, q:after {
| + | |
| − | content:'';
| + | |
| − | content:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | a {
| + | |
| − | margin:0;
| + | |
| − | padding:0;
| + | |
| − | font-size:100%;
| + | |
| − | vertical-align:baseline;
| + | |
| − | background:transparent;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* change colours to suit your needs */
| + | |
| − | ins {
| + | |
| − | background-color:#ff9;
| + | |
| − | color:#000;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* change colours to suit your needs */
| + | |
| − | mark {
| + | |
| − | background-color:#ff9;
| + | |
| − | color:#000;
| + | |
| − | font-style:italic;
| + | |
| − | font-weight:bold;
| + | |
| − | }
| + | |
| − | | + | |
| − | del {
| + | |
| − | text-decoration: line-through;
| + | |
| − | }
| + | |
| − | | + | |
| − | abbr[title], dfn[title] {
| + | |
| − | border-bottom:1px dotted;
| + | |
| − | cursor:help;
| + | |
| − | }
| + | |
| − | | + | |
| − | table {
| + | |
| − | border-collapse:collapse;
| + | |
| − | border-spacing:0;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* change border colour to suit your needs */
| + | |
| − | hr {
| + | |
| − | display:block;
| + | |
| − | height:1px;
| + | |
| − | border:0;
| + | |
| − | border-top:1px solid #cccccc;
| + | |
| − | margin:1em 0;
| + | |
| − | padding:0;
| + | |
| − | }
| + | |
| − | | + | |
| − | input, select {
| + | |
| − | vertical-align:middle;
| + | |
| − | }
| + | |
| − | --------------------------------------------------------------------------------
| + | |
| | .html{ | | .html{ |
| | height: 100%; | | height: 100%; |
| Line 163: |
Line 57: |
| | color: #6b9eff; | | color: #6b9eff; |
| | } | | } |
| − |
| |
| − |
| |
| − | /*
| |
| − | .navbar{
| |
| − | height: 300px;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .navbar nav{
| |
| − | height:40px;
| |
| − | display: block;
| |
| − | margin: 0 auto;
| |
| − | text-transform: uppercase;
| |
| − | background-color: #6b9eff;
| |
| − | }
| |
| − | .navbar nav a{
| |
| − | display: block;
| |
| − | text-decoration: none;
| |
| − | font-family: 'Share Tech Mono', monospace;
| |
| − | font-size: 20pt;
| |
| − | color: #000000;
| |
| − | font-style: bold;
| |
| − | }
| |
| − | .navbar nav a:hover{
| |
| − | color: #FF4212;
| |
| − | }
| |
| − | .navbar nav ul{
| |
| − | list-style: none;
| |
| − | }
| |
| − | .navbar nav ul li{
| |
| − | height: 300px;
| |
| − | line-height: 40px;
| |
| − | float: left;
| |
| − | text-align: center;
| |
| − | width: 170px;
| |
| − | }
| |
| − | .navbar nav ul li ul{
| |
| − | display: none;
| |
| − | line-height: 40px;
| |
| − | text-align: left;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .navbar nav ul li:hover ul{
| |
| − | display: block;
| |
| − | }
| |
| − | .navbar nav ul li:hover{
| |
| − | display: block;
| |
| − | }
| |
| − | */
| |
| | | | |
| | </style> | | </style> |
.html{
height: 100%;
}
h1{
font-size: 100px;
text-align: center;
color: black;
font-family: 'Saira', sans-serif;
padding-top: 40px;
text-shadow: 4px 4px #3bb1e2;
}
h3{
font-size: 25px;
font-style: italic;
text-align: center;
text-shadow: 2px 2px #33FF33;
padding-top: 20px;
padding-bottom: 30px;
font-family: 'Abel', san-serif;
font-style: italic;
color: black;
text-decoration: underline;
}
h4{
font-size: 18px;
font-style: italic;
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
font-family: 'Abel', san-serif;
color: black;
}
h2{
padding: 75px 0 0 0;
font-size: 36px;
font-style: normal;
font-family: 'Saira', sans-serif;
text-align: center;
color: black;
}
