Permalink
Browse files

rounded corners, folders, making Lea Verou happy

  • Loading branch information...
codepo8 committed Oct 1, 2011
1 parent e175115 commit 28d87e87ee49fc0791ffd59e6b283e6aac4033a3
View
@@ -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 {
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
View
File renamed without changes
View
File renamed without changes
File renamed without changes
File renamed without changes
View
@@ -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>

0 comments on commit 28d87e8

Please sign in to comment.