About Me

@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
background-color: lightsteelblue;
font-family: “Open Sans”, sans-serif;
}

main.panel {
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color:white;
}

h2 {
font-family: ‘Permanent Marker’, sans-serif;
}

header.main {
height: 350px;
background-color: #0088cb;
background-image: url(http://static.tumblr.com/8132f87f6d5f016e9dde92e043772dfe/ghibbsu/2zBnh1j1b/tumblr_static_9avdeyy0j8ws88ockcw4g4ok4.png);
background-position: top;
background-size: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: ‘Permanent Marker’, sans-serif;
padding: 0.5em;
}

header.subheading {
width: 100%;
}

.subheading h2 {
display: inline;
}

.subheading div {
display: inline;
float: right;
font-size: 1.5em;
font-weight: bold;
font-family: ‘Permanent Marker’, sans-serif;
}

.bottom-aligner {
display: inline-block;
height: 100%;
vertical-align: bottom;
width:1px;
}

.header-content {
text-align: left;
font-size: 60px;
padding-left: 5px;
}

img {
width: 200px;
border: black solid 0.5px;
}

.profilepic {
border-radius: 0.5em;
background-image: url(‘./pics/profilepic.jpg’);
background-size: cover;
background-repeat: no-repeat;
width: 200px;
height: 150px;

}

nav {
background-color: #E7EDF5;
width:160px;
display: table-cell;
padding: 0.5em;
vertical-align: top;
text-align: center;
}

.content {
display: table-cell;
padding: 0.5em;
}

nav.night .button {
background: linear-gradient(25deg, #24032B, #34789D);
}
nav.night .button.inverse {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border-image-source: linear-gradient(25deg, #24032B, #34789D);
}

.button {
display: table;
background-size: 200% 200% !important;
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
padding: 1.3em 1.5em;
margin: 0.5em auto;
border-radius: 0.5em;
-webkit-transition: all 200ms linear;
}

.button:hover {
background-size: 110% 110% !important;
padding: 1.3em 2.1em;
-webkit-transition: all 200ms linear;
}

.button.inverse {
font-weight: bold;
padding: 1.15em 1.5em;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border-width: 0.25em;
border-style: solid;
border-image-source: linear-gradient(45deg, #fff, #fff);
border-image-slice: 30%;
border-image-width: 1;
border-image-repeat: stretch;
}

.button.inverse:hover {
background-size: 100% 100% !important;
border-image-slice: 3%;
padding: 1.15em 2.1em;
}

a {
text-decoration: none;
color: black;
}

Mr. Richardson

About Me
Interests
Friends
Links

About Mr. Richardson

I am a Information Technology teacher at Sullivan Heights Secondary. I was born in 1980 and grew up on a farm in a small town call Smeaton, in the state of Victoia in Australia.


Interests

  • Programming
    • Java
    • Python
    • HTML / CSS
    • Javascript
    • PHP
    • SQL
  • Education
  • Cooking
  • Hockey
  • Aussie Rules Footy

    Your browser does not support the video tag.

My Friends

Dave
Davo
David

Advertisements