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