Difference between revisions of "Team:Penn/Overview"

(Replaced content with "{{Team:Penn/CSS}} <html> </html>")
Line 1: Line 1:
 
{{Team:Penn/CSS}}
 
{{Team:Penn/CSS}}
 
<html>
 
<html>
 +
<style type="text/css">
 +
@import "compass/css3";
  
 +
@mixin borders($var){
 +
  border-top:$var;
 +
  border-bottom:$var;
 +
}
 +
*{
 +
  @include box-sizing(border-box);
 +
}
 +
body {
 +
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 +
  font-weight: 300;
 +
  background:#333;
 +
  text-align:center;
 +
  padding-top:3em;
 +
}
 +
h1{
 +
  font-size:4em;
 +
  @include borders(4px solid white);
 +
  padding:.25em 1em;
 +
  display:inline-block;
 +
  color:white;
 +
  position:relative;
 +
  text-transform:uppercase;
 +
  &:before, &:after{
 +
    content: "Overview";
 +
    position:absolute;
 +
    color:transparent;
 +
    display:block;
 +
  }
 +
  &:before{
 +
    @include borders(3px solid white);
 +
    width:337px;
 +
    height:128px;
 +
    top:-12px;
 +
    left:5px;
 +
  }
 +
  &:after{
 +
    @include borders(2px solid white);
 +
    padding:inherit;
 +
    width:199px;
 +
    height:112px;
 +
    top:-19px;
 +
    left:10px;
 +
  }
 +
}
 +
</style>
 +
%h1 fancy
 
</html>
 
</html>

Revision as of 01:03, 29 August 2015

%h1 fancy