Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

rounded corners, folders, making Lea Verou happy

  • Loading branch information...
commit 28d87e87ee49fc0791ffd59e6b283e6aac4033a3 1 parent e175115
@codepo8 authored
View
36 browsermemory.css
@@ -1,10 +1,10 @@
@font-face {
- font-family: 'MuseoSans500';
- src: url('MuseoSans_500-webfont.eot');
- src: url('MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
- url('MuseoSans_500-webfont.woff') format('woff'),
- url('MuseoSans_500-webfont.ttf') format('truetype'),
- url('MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
+ font-family: 'fonts/MuseoSans500';
+ src: url('fonts/MuseoSans_500-webfont.eot');
+ src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
+ url('fonts/MuseoSans_500-webfont.woff') format('woff'),
+ url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
+ url('fonts/MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -61,41 +61,37 @@ aside {
display: block;
height: 100%;
width: 100%;
- line-height: 100px;
- color: white;
- text-align: center;
- font-weight: bold;
- font-size: 140px;
position: absolute;
-webkit-backface-visibility: hidden;
+ border-radius: 8px;
}
.card .front {
- background: url( 5logo.png ) #369 center center no-repeat;
- background-size: 90px;
+ background: url( img/5logo.png ) #369 center center no-repeat;
+ background-size: 85%;
}
.card .back {
-webkit-transform: rotateY( 180deg );
}
.card .ie {
- background: url( ie.png ) center center no-repeat #333;
+ background: url( img/ie.png ) center center no-repeat #333;
}
.card .fx {
- background: url( firefox.png ) center center no-repeat #333
+ background: url( img/firefox.png ) center center no-repeat #333
}
.card .op {
- background: url( opera.png ) center center no-repeat #333
+ background: url( img/opera.png ) center center no-repeat #333
}
.card .cr {
- background: url( chrome.png ) center center no-repeat #333
+ background: url( img/chrome.png ) center center no-repeat #333
}
.card .sf {
- background: url( safari.png ) center center no-repeat #333
+ background: url( img/safari.png ) center center no-repeat #333
}
.card .h5 {
- background: url( 5logo.png ) center center no-repeat #333;
+ background: url( img/5logo.png ) center center no-repeat #333;
}
.card .ny {
- background: url( K47uNg.png ) center center no-repeat #333;
+ background: url( img/K47uNg.png ) center center no-repeat #333;
background-size: 100px
}
.notransforms .card .back {
View
0  MuseoSans_500-demo.html → fonts/MuseoSans_500-demo.html
File renamed without changes
View
0  MuseoSans_500-webfont.eot → fonts/MuseoSans_500-webfont.eot
File renamed without changes
View
0  MuseoSans_500-webfont.svg → fonts/MuseoSans_500-webfont.svg
File renamed without changes
View
0  MuseoSans_500-webfont.ttf → fonts/MuseoSans_500-webfont.ttf
File renamed without changes
View
0  MuseoSans_500-webfont.woff → fonts/MuseoSans_500-webfont.woff
File renamed without changes
View
0  MuseoSans_500.otf → fonts/MuseoSans_500.otf
File renamed without changes
View
0  5logo.png → img/5logo.png
File renamed without changes
View
0  K47uNg.png → img/K47uNg.png
File renamed without changes
View
0  chrome.png → img/chrome.png
File renamed without changes
View
0  firefox.png → img/firefox.png
File renamed without changes
View
0  ie.png → img/ie.png
File renamed without changes
View
0  ie6.png → img/ie6.png
File renamed without changes
View
0  opera.png → img/opera.png
File renamed without changes
View
0  safari.png → img/safari.png
File renamed without changes
View
12 index.html
@@ -11,12 +11,12 @@
<h1>Browser Memory</h1>
<div id="cards"></div>
<aside id="images"><p>Catch them all:
- <img src="firefox.png" alt="Firefox">
- <img src="chrome.png" alt="Chrome">
- <img src="opera.png" alt="Opera">
- <img src="ie.png" alt="Internet Explorer">
- <img src="safari.png" alt="Safari">
- <img src="K47uNg.png" alt="Nyan"></p></aside>
+ <img src="img/firefox.png" alt="Firefox">
+ <img src="img/chrome.png" alt="Chrome">
+ <img src="img/opera.png" alt="Opera">
+ <img src="img/ie.png" alt="Internet Explorer">
+ <img src="img/safari.png" alt="Safari">
+ <img src="img/K47uNg.png" alt="Nyan"></p></aside>
<script src="browsermemory.js"></script>
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.